{"id":8188,"date":"2022-09-28T12:19:59","date_gmt":"2022-09-28T12:19:59","guid":{"rendered":"https:\/\/devlight.io\/?post_type=case_studies&#038;p=8188"},"modified":"2024-01-12T15:38:05","modified_gmt":"2024-01-12T13:38:05","slug":"emotional","status":"publish","type":"case_studies","link":"https:\/\/devlight.io\/portfolio\/emotional\/","title":{"rendered":"Design the app that develops emotional intelligence"},"content":{"rendered":"<div id=\"block_628cb8d00996c\" class=\"block-cases-header alignfull l-block eq-header\" >\n  \n  \n\n\n<div class=\"l-wrap cases-container\">\n\n    <div class=\"cases__header-heading\">\n              <nav class=\"breadcrumbs\">\r\n            <ul class=\"breadcrumbs__list list-reset\">\r\n                <li class=\"breadcrumbs__item\"><a href=\"#\">EQ<\/a><\/li>\r\n                <li class=\"breadcrumbs__item breadcrumbs__item--active\"><span>The first app to develop EQ<\/span><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n        <div class=\"cases__year\">2021<\/div><!--         <nav class=\"breadcrumbs\">\n            <li id=\"breadcrumbs__item\"><span><span><a href=\"https:\/\/devlight.io\/\">Home<\/a><\/span><\/span><\/li>            <ul class=\"breadcrumbs__list list-reset\">\n                <li class=\"breadcrumbs__item\"><a href=\"\/\">Fishka<\/a><\/li>\n                <li class=\"breadcrumbs__item breadcrumbs__item--active\"><span>Loyalty Program<\/span><\/li>\n            <\/ul>\n        <\/nav>\n        <div class=\"cases__year\">2021<\/div> -->\n    <\/div>\n\n\n    <div class=\"cases__main-row\">\n\n        <div class=\"cases__left-row\">\n\n                          <div class=\"cases__header-title\">\n                  <h1>Emotional <br> intelligence<\/h1>\r\n              <\/div>\n            \n            \n            <div class=\"cases__mobile-block\">\n                              <div class=\"cases__mobile-content\">\n                  <h4>Emotional mobile app<\/h4>\n<p>The world&#8217;s first app designed to develop emotional intelligence.<\/p>                <\/div>\n              \n                              <a href=\"https:\/\/eq-ap.com\/\" class=\"cases__header-link\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/icon-link.svg\" alt=\"link\">\n                    https:\/\/eq-ap.com\/                <\/a>\n              \n            <\/div>\n\n                          <div class=\"cases__mobile-store\">\n                                  <div class=\"left-img\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/app-store.jpg.webp\" alt=\"app\">\n                  <\/div>\n                                  <div class=\"left-img\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/google-pay.jpg.webp\" alt=\"app\">\n                  <\/div>\n                              <\/div>\n            \n        <\/div>\n                \n        <div class=\"cases__center-row\">\n            <div class=\"circle\" style=\"background-color: #007aff\"><\/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\/05\/eq-main.png.webp\" alt=\"main-mob\">\n                    <!-- <picture>\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/eq-main.png\" media=\"(min-width: 600)\">\n                      <source srcset=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/eq-main-161x300.png\" media=\"(min-width: 300px)\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/eq-main.png\" alt=\"\" class=\"\">\n                    <\/picture> -->\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"cases__right-row\">\n                          <div class=\"cases__icon\">\n                  <img decoding=\"async\" src=\" https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/eq-icon.svg\" alt=\"mini-icon\">\n              <\/div>\n                                      <div class=\"cases__header-company\">\n                Devlight IT &#8211; Company              <\/div>\n                                      <div class=\"cases__header-time\">\n                2021 \/ August              <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\n\n\n      <div id=\"block_628cb8d00996d\" class=\"block-cases-about-project   alignfull relative  l-block eq-about\" >\n  \n  \n<div class=\"bg-wrap-about\" style=\"background-color: #007aff\">\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      EQ is the world&#8217;s first app designed to develop emotional intelligence. The app intended for the formation of a sustainable skill in the user:<br>\r\n&#8211; managing own emotions<br>\r\n&#8211; ability to produce your own desired resource emotional states<br>\r\n&#8211; influence the emotions of other people. <br>\r\nThe ability to feel and express emotions in relationships with the world, ourselves and people is inherent in the nature of human existence. However, the system of classical upbringing and education is focused only on the development of mental and cognitive abilities through the acquisition and use of information knowledge, i.e. the formation of IQ. \r\n            <\/p>                <\/div>\n                        <div class=\"block-cases-about-project__col new__col\">\n                                               <h2 class=\"mb-6 sm:mb8 md:mb-12 sm:px-4\">\r\n            Customer\r\n            <\/h2>\r\n            <p>\r\n     EQ develops and creates various educational programs: seminars, lectures, and workshops in an online and offline format. As one of the instruments of sharing knowledge, they chose thematic apps. Through the company aims to help people be more mindful and successful in the most important area\u2014 the sphere the relationship between people.\r\n\r\n        <\/p>                \n                <div class=\"cases-button-row\">\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/blog\/discovery-phase-in-software-development\/\">Discovery<\/a>\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/digital-product-development\/\">Product development<\/a>\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/ux-ui-design\/\">UI\/UX<\/a>\n                                            <a class=\"cases-button\" href=\"https:\/\/devlight.io\/mobile-app-development\/\">Mobile app development<\/a>\n                                            <a class=\"cases-button\" href=\"#\">Product growth<\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n                    <div class=\"block__img\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/eq-about.png \" alt=\"img\">\n            <\/div>\n              \n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_62875e10ad5a0\" class=\"block-cases-our-challenge alignfull  l-block eq-challenge\" >\n  \n  \n    <div class=\"l-wrap cases-container\">\n                    <div class=\"our-challenge__content\">        \n                <h2>Our challenge<\/h2>            <\/div>\n           \n        <div class=\"our__challenge-row\">\n                    <div class=\"our__challenge-left\">\n                <p><span style=\"font-weight: 400;\">The client already had an app as they turned to us, but it wasn\u2019t good. It had some bugs and didn\u2019t have a clear enough content structure, which made it difficult for customers to understand its value and make a purchase. The general task for us was to increase its value by improving an app and creating a methodology of convenient and understandable transmission of the content to end-user.<\/span><\/p>        \n            <\/div>\n          \n         \n            <div class=\"our__challenge-right\">          \n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-challenge.png.webp\" alt=\"alt\" width=\"740\" height=\"580\">\n            <\/div>\n           \n        <\/div>\n    <\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_628765f7472f5\" class=\"block-cases-our-problem alignfull  l-block eq-problems\" >\n  \n  \n\n    <div class=\"l-wrap cases-container\">\n\t\t\t\n\t\t\t        <div class=\"our-problem__content\" >\n            <h2>Problems we faced with<\/h2>        <\/div>\n\t\t\t   \n        <div class=\"our__problem-row\">\n\t\t\t\t\t            <div class=\"our__problem-left\">\n                <p><span style=\"font-weight: 400;\">Users couldn\u2019t understand the process of step-by-step EQ improving<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There was no reflection of users&#8217; progress in EQ development<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User content wasn\u2019t personalized<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The app couldn&#8217;t create long-term product value for end users<\/span><\/p>            <\/div>\n\t\t\t\t\t   \n\t\t\t\t\t            <div class=\"our__problem-right\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/problems-eq.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 eq-des\" >\n  \n  \n\n    <div class=\"l-wrap cases-container\">\n\n\t\t\t        <div class=\"block-cases-solutions__content\">\n            <h2>Solutions we propose<\/h2>            <p>Our client&#8217;s digital solution is ZEMPCENTER Retail, a Point of Sales SaaS solution providing an end-to-end business application.<\/p>\n        <\/div>\n\t\t\t  \n\n        <div class=\"cases__solutions-row\">\n\t\t\t\t\t            <div class=\"cases__solutions-left\">\n                <img decoding=\"async\" src=\" https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/eq-solutions.png\" alt=\"alt\" width=\"740\" height=\"1248\">\n            <\/div>\n\t\t\t\t\t  \n            <div class=\"cases__solutions-right\">\n\n                <div class=\"cases-solutions-grid\">\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The development of a native mobile app for iOS and Android<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Best market UX\/UI practices<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The development of a content structure that will create a functional app<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Guide the user through the process and show them the progress<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Google Cloud platform exploitation for the project software environment<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t                    <div class=\"cases-solutions-item\">\n\t\t\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Microservices software architecture with a stack of independent services relative to the project&#8217;s objectives<\/span><\/p>                    <\/div>\n\t\t\t\t\t\t\t\t\t  \n                <\/div>\n\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_628cb8d00996e\" 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 \/>\nEQ project<\/h2>\n<p>Regardless of the size and scope of your project, following this development process will make your enterprise mobile app development initiative a success.<\/p>            <\/div>\n                            <div  class=\"cases-creating__mini-title cases-creating__mini-title--top\" style=\"--color:#FFA300\">\n                Discovery phase            <\/div>\n                <div class=\"cases__creating-row\">\n\n        <svg class=\"cases__creating-svg\" width=\"840\" height=\"61\" viewBox=\"0 0 840 61\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M839 29.5L839 30.5L840 30.5L840 29.5L839 29.5ZM7.5 29.5L7.5 28.5L6.5 28.5L6.5 29.5L7.5 29.5ZM6.79291 60.7071C7.18341 61.0976 7.81659 61.0976 8.20709 60.7071L14.571 54.3431C14.9616 53.9526 14.9616 53.3195 14.571 52.9289C14.1805 52.5384 13.5474 52.5384 13.1569 52.9289L7.5 58.5858L1.84314 52.9289C1.45263 52.5384 0.819456 52.5384 0.428953 52.9289C0.0383888 53.3195 0.0383888 53.9526 0.428953 54.3431L6.79291 60.7071ZM838 -4.3711e-08L838 29.5L840 29.5L840 4.3711e-08L838 -4.3711e-08ZM839 28.5L7.5 28.5L7.5 30.5L839 30.5L839 28.5ZM6.5 29.5L6.5 60L8.5 60L8.5 29.5L6.5 29.5Z\" fill=\"white\" fill-opacity=\"0.3\"\/>\n        <\/svg>\n\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                             Product value <br> \r\n                    creating            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    What is the product overall value? How product will compare into the market?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Trend Canvas<\/li>\n<li>&gt; Key business ideas<\/li>\n<li>&gt; Customer journey map<\/li>\n<li>&gt; Value proposition canvas<\/li>\n<li><\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Requirement gathering &#038;\r\ncollecting            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    What is the business context?\r\nDid vision match it?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Backlog creating<\/li>\n<li>&gt; Job &amp; user stories creating<\/li>\n<li>&gt; BPMN modelling<\/li>\n<li>&gt; Business tasks describing<\/li>\n<li>&gt; PRD completing<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    High fidelity prototyping\r\ncreating &#038; testing             \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the users will interact with\r\nproduct concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Figma hi-fi prototype creating<\/li>\n<li>&gt; User flows mapping<\/li>\n<li>&gt; Clickable prototype creating<\/li>\n<li>&gt; Clickable prototype realtime testing<\/li>\n<li>&gt; Iteration changes<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Product\u2019s software integrations plan creating            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the buisness will interact with\r\nproduct concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Software architecture diagram<\/li>\n<li>&gt; Data flow diagram<\/li>\n<li>&gt; API methods specs.<\/li>\n<li>&gt; 3d-party services integration model<\/li>\n<li>&gt; Full technical specification creating<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    UI &#038; software development            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    How the users will interact with product concept?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; UI styles<\/li>\n<li>&gt; Design system<\/li>\n<li>&gt; Design QA<\/li>\n<li>&gt; Design color tockens<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Product\u2019s QA. Pre-release \r\nstage            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    Does our product relevant to its goals?                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Regression testing<\/li>\n<li>&gt; Testing result documents<\/li>\n<li>&gt; Security report &amp; APP protection<\/li>\n<li>&gt; Promotion materials completed<\/li>\n<li>&gt; Beta testing began<\/li>\n<li>&gt; List of key metrics. North Star<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Release            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    Going to the market                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Deploy to markets<\/li>\n<li>&gt; Analytics gathering<\/li>\n<li>&gt; Interview session after the release<\/li>\n<li>&gt; Feedbacks collecting<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n            <div class=\"cases__creating-item\" style=\"--hover_color:#FFA300\">            \n                <div class=\"cases__creating-title\">\n                    Product\u2019s support &#038; growth            \n                <\/div>              \n                <div class=\"cases__creating-subtitle\">\n                    High-end growth for the business success                 \n                <\/div> \n                <div class=\"cases__creating-info\">\n                    <ul class=\"cases-hover-cr\">\n<li>&gt; Next iteration scope planing<\/li>\n<li>&gt; A\/B testing<\/li>\n<li>&gt; Funnels bulding<\/li>\n<li>&gt; New engagament model building<\/li>\n<\/ul>                  \n                <\/div> \n\n            <\/div>\n\n        \n        <\/div>\n\n                    <div class=\"cases-creating__mini-title cases-creating__mini-title--bottom\" style=\"--color:#FFA300\">\n                Development phase            <\/div>    \n        \n    <\/div>            \n<\/div>\n<\/div>\n\n\n      <div id=\"block_627cc7155a302\" class=\"block-cases-discovery alignfull  l-block phase-eq\" >\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      \n\n    <div class=\"cases-discovery__img-row\">\n          \n          \n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_627e00b837be0\" class=\"block-cases-architecture alignfull  l-block eq-arc\" >\n  \n  \n\n<div class=\"l-wrap cases-container\">\n\n            <div class=\"cases-architecture__content flex-row\">\n            <h2>Initial workshop with the client<\/h2>\n<p>The next step is deep work with the client, which gives us answers to the most important question. During this workshop, we discovered problems and requests that clients had and found the best suitable solutions for them.<\/p>        <\/div>\n    \n    <div class=\"cases__person-block\">\n                    <div class=\"cases-person\">\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/person.png.webp\" alt=\"alt\" width=\"5796\">\n            <\/div>\n                          \n        <div class=\"cases-person-row\">\n\n             \n            \n                <div class=\"cases-person-block\">\n\n                    <div class=\"cases-person-text left\">\n\n                        <p>Value Proposition Canvas<\/p>\n                    <\/div>\n\n                    <div class=\"cases-person-text right\">\n\n                        <p>helped ensure that a product was positioned around what the customer values and needs<\/p>\n                    <\/div>\n\n                <\/div>\n\n             \n            \n                <div class=\"cases-person-block\">\n\n                    <div class=\"cases-person-text left\">\n\n                        <p>Businesss Model Canvas<\/p>\n                    <\/div>\n\n                    <div class=\"cases-person-text right\">\n\n                        <p>created visual representation of a business model, highlighting all key strategic factors, customers, revenue streams and more.<\/p>\n                    <\/div>\n\n                <\/div>\n\n             \n            \n                <div class=\"cases-person-block\">\n\n                    <div class=\"cases-person-text left\">\n\n                        <p>Customer journey map<\/p>\n                    <\/div>\n\n                    <div class=\"cases-person-text right\">\n\n                        <p>mapped user journeys, measured touch points, and examined all of the most challenging areas.<\/p>\n                    <\/div>\n\n                <\/div>\n\n                   \n\n  <!--           <div class=\"cases-person-block\">\n\n                <div class=\"cases-person-text left\">\n\n                    Nalyzed customer's busines\n\n                <\/div>\n\n                <div class=\"cases-person-text right\">\n\n                    generated various ideas that, if implemented, can increase the value of the application and increase\n                    people's interest in it.\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"cases-person-block\">\n\n                <div class=\"cases-person-text left\">\n\n                    Nalyzed customer's busines\n\n                <\/div>\n\n                <div class=\"cases-person-text right\">\n\n                    generated various ideas that, if implemented, can increase the value of the application and increase\n                    people's interest in it.\n\n                <\/div>\n\n            <\/div> -->\n\n        <\/div>\n\n         \n    <\/div>\n\n\n<\/div>\n\n\n\n\n\n<\/div>\n\n\n      <div id=\"block_627cd1fe1974a\" class=\"block-cases-interview alignfull  l-block eq-indepth\" >\n  \n  \n\n  <!-- <div class=\"bg-wrap\" style=\"background-color: rgb(0,122,255)\"> -->\n  <div class=\"bg-wrap\" style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 92.71%), #485CC3;\">\n    <div class=\"l-wrap cases-container\">\n              <div class=\"block-cases-interview__title\">\n          IN &#8211; depth <br> interview        <\/div>\n      \n              <div class=\"block-cases-interview__grid\">\n                      \n          <div class=\"block-cases-interview__column\">\n                                      <div class=\"block-cases-interview__text\">\n                <p>To understand the problem, we need to move on to qualitative research. And in-depth interviews are just that. It involves receiving detailed answers from the respondent and not filling out a formal questionnaire.<\/p>\n<p>The interview cannot confirm\/disprove the hypothesis, it only gives an understanding of the context in which the problem occurs, how users are solving this problem now. That is, it directly describes the experience. It is also one of the most inexpensive and simplest studies.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                                      <div class=\"block-cases-interview__text\">\n                <p>Before recruiting people for interviews, we need to form a sample of respondents &#8211; what characteristics describe the user, whose experience will be relevant to us. Because not every user suits us.<\/p>\n<p>To do this, we form a general profile of the respondent and prescribe the criteria by which we will select respondents. Based on these data, a screening questionnaire is formed which filter questions for the selection of respondents.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                          <div class=\"block-cases-interview__title\">\n                Screening criteria for respondents              <\/div>\n                                      <div class=\"block-cases-interview__text\">\n                <ul>\n<li>Age (20-55 years old).<\/li>\n<li>Income (average\/above average\/ high).<\/li>\n<li>Over the past six months, the respondent has used loyalty services.<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-interview__column\">\n                          <div class=\"block-cases-interview__title\">\n                What is important to understand              <\/div>\n                                      <div class=\"block-cases-interview__text\">\n                <ul>\n<li>Who is our user, what is his goal and motivation.<\/li>\n<li>What is his current experience &#8211; what steps he goes through, what actions he takes on them, what problems he has, what pleasant moments arise along the way.solution providing an end-to-end business application d business .<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                  <\/div>\n      \n      <div class=\"block-cases-interview__stickers\">\n        <img decoding=\"async\" class=\"block-cases-interview__stickers-img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/cases-interview-stickers.png.webp\" alt=\"stickers\">\n      <\/div>\n\n              <div class=\"block-cases-interview__summary\">\n          <div class=\"block-cases-interview__summary-items\">\n            \n              <div class=\"block-cases-interview__summary-item\">\n                                  <span>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_627d0d1c43dcd\" class=\"block-cases-user alignfull  l-block eq-user\" >\n  \n  \n    <div class=\"l-wrap cases-container\">\n      <div class=\"block-cases-user__header\">\n                  <div class=\"block-cases-user__title\">\n            user persona          <\/div>\n                          <div class=\"block-cases-user__text\">\n            <p>Based on the data obtained from in-depth interviews, we draw up a general user persona that reflects the customer segment we have intensified as a key.<\/p>          <\/div>\n              <\/div>\n\n              <div class=\"block-cases-user__grid\">\n                      \n          <div class=\"block-cases-user__card\">\n                          <img decoding=\"async\" class=\"block-cases-user__card-thumb\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/unsplash_SE4Xc1WvIkU.png.webp\" alt=\"\" width=\"192\" height=\"192\">\n                                      <div class=\"block-cases-user__card-title\">\n                Paul Fisher              <\/div>\n                                      <div class=\"block-cases-user__card-details\">\n                <p><b>Age:\u00a0<\/b>26<\/p>\n<p><b>Status:\u00a0<\/b>Single<\/p>\n<p><b>Occupation:\u00a0<\/b>Software Developer<\/p>\n<p><b>Location: <\/b>Vancouver<\/p>              <\/div>\n                                      <div class=\"block-cases-user__card-text\">\n                <p>Paul takes a glance at the sticky note on his bathroom mirror with one of his favorite quotes written on it every morning when he wakes up. He hops on his bike for a quick commute and to clear his head before arriving at work. He always thinks a little more clearly when he has had a few moments to himself before he starts his day, but sometimes he wakes up too late to bike and just takes an Uber, After chatting with friends at the coffee maker, Paul casually checks his calendar to see what meetings he has and powers through his day.<\/p>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                goal              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>\n<p class=\"p1\">Have a strong work\/life balance<\/p>\n<\/li>\n<li>\n<p class=\"p1\">Keep moving and pushing himself<\/p>\n<\/li>\n<li>\n<p class=\"p1\">Make physical and mental health a priority<\/p>\n<\/li>\n<li>\n<p class=\"p1\">To gain deeper insights into personal patterns and sources of anxiety<\/p>\n<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                Frustration              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>Frustrated with apps that don&#8217;t easily provide a method of meditation or other anxiety management tool that he can understand and find effective<\/li>\n<li>\n<p class=\"p2\">Too busy to find time to meditate<\/p>\n<\/li>\n<li>\n<p class=\"p2\">Often has trouble sleeping<\/p>\n<\/li>\n<li>\n<p class=\"p2\">Wants to maximize every hour of every day<\/p>\n<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                      \n          <div class=\"block-cases-user__card\">\n                                      <div class=\"block-cases-user__card-title\">\n                Features              <\/div>\n                                                  <div class=\"block-cases-user__card-text\">\n                <ul>\n<li>Emotions diary<\/li>\n<li>EQ test<\/li>\n<li>Resources hub<\/li>\n<li>Meditation programs<\/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 advertisement<\/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>Mobile Apps<\/li>\n<\/ul>              <\/div>\n                      <\/div>\n\n                  <\/div>\n      \n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_628b4808d56be\" class=\"cases-relationship alignfull  l-block\" >\n  \n  \n\n    <div class=\"l-wrap cases-container\">\n              <div class=\"cases-relationship__header\">\n          <h3>entity relationship<br \/>\ndiagram (ERD)<\/h3>\n<p>Entity Relationship (ER) Diagram illustrates how \u201centities\u201d such as people, objects or concepts relate to each other within a system of app.<\/p>        <\/div>\n       \n              <div class=\"cases-relationship__scheme\">\n        <!-- <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/cases-relationship-diagram.png\" alt=\"\"> -->\n          <img decoding=\"async\" src=\" https:\/\/devlight.io\/wp-content\/uploads\/2022\/09\/ERD-eq.png\" alt=\"diagram\">\n        <\/div>\n       \n    <\/div>\n\n<\/div>\n\n\n      <div id=\"block_629d67784eb5a\" 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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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\/06\/eq_icon-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 \/>\nwireframes<\/h3>\n<p>High-fidelity wireframes are often built in the advance stages of the design process to communicate design decisions to the development team prior to coding the final product.<\/p>        <\/div>\n\n    <\/div>\n\n    <section class=\"section section-ios\" id=\"section-ios-1\">\n        <div class=\"ios-grid\">\n            <figure class=\"ios-grid-item ios-grid-item-logo\" id=\"ios-grid-item-logo\" style=\"transform: matrix(1, 0, 0, 1, 0, 0);background-image: url('https:\/\/devlight.io\/wp-content\/uploads\/2022\/06\/eq_icon-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\/06\/eq-w-3.png.webp');\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-2 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-2\" id=\"image-screen-2\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33630.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-3 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-3\" id=\"image-screen-3\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33635.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\/06\/eq-w-3.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-5 ios-grid-item-vertical align-self-end small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-5\" id=\"image-screen-5\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33659.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-6 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-6\" id=\"image-screen-6\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33736.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(7841);\"><\/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(7841);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-9 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-9\" id=\"image-screen-9\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33702.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-10 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-10\" id=\"image-screen-10\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33736.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\/06\/eq-w-5.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-12 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-12\" id=\"image-screen-12\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33737.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-13 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-13\" id=\"image-screen-13\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33702.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-14 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-14\" id=\"image-screen-14\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33702.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\/06\/eq-w-3.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- <div class=\"ios-grid-item ios-grid-item-16 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-16\" id=\"image-screen-16\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(7844);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-17 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-17\" id=\"image-screen-17\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33734.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-18 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small justify-self-end\">\n                <div class=\"glass-container grid-item-horizontal image-screen-18\" id=\"image-screen-18\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33734.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(6493);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-20 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-20\" id=\"image-screen-20\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33733.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-21 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-21\" id=\"image-screen-21\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33633.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-22 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-22\" id=\"image-screen-22\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33741.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 eq-proto\" >\n  \n  <style>\n    @media (max-width: 1100px){\n        .eq-proto.block-cases-prototype{\n            padding-top: 0;\n        }\n    }\n    \n<\/style>\n\n<div class=\"l-wrap cases-container\">\n\n            <div class=\"cases-prototype__header\">\n        <h2>prototypes<\/h2>\n<p>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\/05\/proto-eq1.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq2.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq3.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq4.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq5.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq6.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq7.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq8-1.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq9-2.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq10-1.png.webp\" alt=\"prototype\">\n                <\/div>\n\n             \n                \n                <div class=\"cases-prototype__mob\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/proto-eq11-1.png.webp\" alt=\"prototype\">\n                <\/div>\n\n                    \n    <\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_6281e807230de\" class=\"block-cases-technical alignfull  l-block\" >\n  \n  \n<style>\n    @media (max-width: 417px){\n        .cases-technical__right-header {\n            margin-left: -4px;\n        }\n        .cases-technical__header-btn:nth-child(2) {\n            padding-right: 9px;\n            padding-left: 9px;\n        }\n        .block-cases-technical .red-btn {\n            margin-right: 13px;\n        }\n    }\n<\/style>\n\n<div class=\"l-wrap cases-container\">\n\n    <div class=\"cases-technical__content\">\n        <h3>Technical<br \/>\nspecification<\/h3>\n<p>A clear and consistent technical specifications document ensures that the app works properly, and meets your expectations and business goals. For our customers, we create technical documentation during the Discovery phase to be certain we are on the same page as our clients.<\/p>    <\/div>\n\n    <div class=\"cases-technical__row\">\n\n        <div class=\"cases-technical__left\">\n\n\n            <div class=\"cases-technical__info\">\n\n                                    \n                        \n                                                    <div class=\"cases-technical__left-title\">\n                                <h2>RESULTS OF DESIGN SPRINT<\/h2>\n<p>Non-functional requirements<\/p>                            <\/div>\n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Performance                  \n                            <\/div>\n                                                                            <ul>\n<li>Load for all interfaces &#8211; 1 million sessions per month. 200 sessions simultaneously.<\/li>\n<li>Processing at least 10,000 orders per month.<\/li>\n<li>Regular synchronization time with the bus is not more than 4 hours.<\/li>\n<li>Order creation time (from the user&#8217;s click &#8220;Place order&#8221;<br \/>\nto the result of registration) no more than 3 seconds.<\/li>\n<li>Warehouse inspection time &#8211; 12 sec<\/li>\n<li>Normal page load time &#8211; 1 sec<\/li>\n<\/ul>                                                                            <p class=\"cases-technical__info-p\"> \n                                <p class=\"cases-technical__info-p\">As the load increases, the system must allow horizontal scaling to ensure the above speed;<\/p>                            <\/p>\n                            \n                    \n                        \n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Availability                  \n                            <\/div>\n                                                                            <ul>\n<li>System availability is 99.6% per year.<\/li>\n<li>The system may be unavailable from 12:00 to 05:00 (technical window). Unavailability time cannot exceed 15 minutes.<\/li>\n<\/ul>                                                    \n                    \n                        \n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Capacity                  \n                            <\/div>\n                                                                            <ul>\n<li>Expected number of system users &#8211; 200 000 users<\/li>\n<li>Expected number of items in PIM &#8211; 3200 items<\/li>\n<\/ul>                                                    \n                    \n                        \n                                                                            <div class=\"cases-technical__left-subtitle\">\n                                Compatibility                  \n                            <\/div>\n                                                                            <p class=\"cases-technical__info-p\">Requirements for WEB client: Browsers:<\/p>\n<ul>\n<li>Mozilla Firefox (version 60.0 and higher)<\/li>\n<\/ul>                                                    \n                                    \n            <\/div>\n        <\/div>\n\n        <div class=\"cases-technical__right\">\n\n            <!-- <div class=\"cases-technical__right-header\">\n                                    <div>\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon-tech.svg\" alt=\"icon\"> -->\n                        <!-- width=\"63\" height=\"82\" -->\n                    <!-- <\/div>\n                                    <a class=\"cases-technical__header-btn cases-technical__header-btn-first\" href=\"#\">\n                    :Frontend\n                    <\/a>\n                    <a class=\"cases-technical__header-btn\" href=\"#\">\n                    :Order Management\n                    <\/a>\n                    <a class=\"cases-technical__header-btn red-btn\" href=\"#\">\n                    :Servise Bus\n                    <\/a>\n                    <a class=\"cases-technical__header-btn red-btn\" href=\"#\">\n                    :Mail Service\n                    <\/a>    \n            <\/div> -->\n                            <div class=\"cases-technical__right-scheme\">\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/specif-eq.png.webp\" alt=\"schema\">\n                <\/div>\n                    <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n\n      <div id=\"block_62946939c56a4\" class=\"block-cases-design-dark alignfull  l-block\" >\n  \n  <style>\r\n    .block-cases-design-dark .cases-design__elements-second-row-second-elem {\r\n        padding-top: 1px;\r\n    }\r\n    .block-cases-design-dark .left__info-primary-color:last-child{\r\n        border:none;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"l-wrap cases-container\">\r\n\r\n    <div class=\"phase\">\r\n        phase 4    <\/div>\r\n\r\n    <div class=\"cases__design-header\">\r\n        <div>\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/logo-discovery-1.svg\" alt=\"\">\r\n        <\/div>\r\n        <h2>\r\n            design process        <\/h2>\r\n        \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\">\r\n                <h2> colors<\/h2>\n<p>\nPrimary Colors<\/p>            <\/div>\r\n\r\n            \r\n                <div class=\"left__info-primary-row\">\r\n\r\n                     \r\n                        \r\n                    <div class=\"left__info-primary-color\" style=\"background-color:#073e9e; color: #ffffff\">\r\n                        #073e9e                    <\/div>\r\n\r\n                     \r\n                        \r\n                    <div class=\"left__info-primary-color\" style=\"background-color:#3679ec; color: #ffffff\">\r\n                        #3679ec                    <\/div>\r\n\r\n                     \r\n                        \r\n                    <div class=\"left__info-primary-color\" style=\"background-color:#1d8efb; color: #ffffff\">\r\n                        #1d8efb                    <\/div>\r\n\r\n                     \r\n                        \r\n                    <div class=\"left__info-primary-color\" style=\"background-color:#bcd9ff; color: #000000\">\r\n                        #bcd9ff                    <\/div>\r\n\r\n                                    <\/div>\r\n\r\n            \r\n            <div class=\"cases-design__left-info\">\r\n                <p>Gradients<\/p>            <\/div>\r\n\r\n            \r\n                <div class=\"left__info-primary-row four-row\">\r\n\r\n                \r\n                        \r\n                    <div class=\"left__info-primary-color\" \r\n                    style=\"background: linear-gradient(180deg, #0148B9 0%, #0C3484 100%)\">\r\n                    <\/div>\r\n\r\n                \r\n                        \r\n                    <div class=\"left__info-primary-color\" \r\n                    style=\"background: linear-gradient(0deg, #73A6FF 0%, #2E65C2 100%)\">\r\n                    <\/div>\r\n\r\n                \r\n                        \r\n                    <div class=\"left__info-primary-color\" \r\n                    style=\"background: linear-gradient(0deg, #2E65C2 0%, #73A6FF 100%)\">\r\n                    <\/div>\r\n\r\n                \r\n                        \r\n                    <div class=\"left__info-primary-color\" \r\n                    style=\"background: linear-gradient(270deg, #77D6F3 0%, #2D92EC 100%)\">\r\n                    <\/div>\r\n\r\n                \r\n                        \r\n                    <div class=\"left__info-primary-color\" \r\n                    style=\"background: linear-gradient(270deg, #2D92EC 0%, #77D6F3 100%)\">\r\n                    <\/div>\r\n\r\n                \r\n                <\/div>\r\n\r\n                            <div class=\"cases-design__right-info\">\r\n                <h2>Buttons Cases<\/h2>            <\/div>\r\n            \r\n            <div class=\"btn-info-row\">\r\n\r\n                <div class=\"right__info-primary-btn\" id=\"a2E65C2\">\r\n                    Default\r\n                <\/div>\r\n                <div class=\"right__info-primary-btn\" id=\"b2E65C2\">\r\n                    Default\r\n                <\/div>\r\n                <div class=\"right__info-primary-btn\" id=\"FFFFFF\">\r\n                    Default\r\n                <\/div>\r\n                <div class=\"right__info-primary-btn\" id=\"a073E9E\">\r\n                    Default\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cases-design__right\">\r\n            <div class=\"cases-design__right-info cases-design__right-info-elements\">\r\n                <br \/>\n<h2>Elements<\/h2>            <\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/design-eq.png.webp\" alt=\"design\">\r\n\r\n            <!-- <div class=\"cases-design__right-info\">\r\n                <h2>Buttons Cases<\/h2>            <\/div>\r\n            \r\n                        <div class=\"btn-info-row\">\r\n\r\n                <div class=\"right__info-primary-btn\" id=\"a2E65C2\">\r\n                    Default\r\n                <\/div>\r\n                <div class=\"right__info-primary-btn\" id=\"b2E65C2\">\r\n                    Default\r\n                <\/div>\r\n                <div class=\"right__info-primary-btn\" id=\"FFFFFF\">\r\n                    Default\r\n                <\/div>\r\n                <div class=\"right__info-primary-btn\" id=\"a073E9E\">\r\n                    Default\r\n                <\/div>\r\n\r\n            <\/div> -->\r\n            <!-- <div class=\"cases-design__right-info cases-design__inputs-info\">\r\n                <h2>\r\n                Inputs\r\n                <\/h2>\r\n            <\/div>\r\n            <div class=\"inputs-info-row\">\r\n                <div class=\"right__info-inputs right__info-inputs-gray\">\r\n                    Placeholder\r\n                <\/div>\r\n                <div class=\"right__info-inputs right__info-inputs-hide\">\r\n                    <div>AD3d546XL<\/div>\r\n                    <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/eye_white.svg\" alt=\"\"><\/div>\r\n                <\/div>\r\n                <div class=\"right__info-inputs\">\r\n                    Filled\r\n                <\/div>\r\n                <div class=\"right__info-inputs right__info-inputs-gray right__info-inputs-hide\">\r\n                    <div>Password<\/div> \r\n                    <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/eye_gray.svg\" alt=\"\"><\/div>\r\n                <\/div>\r\n                 <div >\r\n                    <div class=\"right__info-inputs right__info-inputs-pink right__info-inputs-errors\">\r\n                        <div>Required field<\/div>\r\n                    <\/div> \r\n                    <div class=\"right__info-inputs__error-message right__info-inputs-pink\">This field is required<\/div>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"right__info-inputs-hide right__info-inputs right__info-inputs-pink right__info-inputs-errors\">\r\n                        <div>Required field<\/div>\r\n                        <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/eye_white.svg\" alt=\"\"><\/div>\r\n                    <\/div> \r\n                    <div class=\"right__info-inputs__error-message right__info-inputs-pink\">This field is required<\/div>\r\n                <\/div>\r\n            <\/div>\r\n             -->\r\n\r\n\r\n        <\/div>\r\n    <\/div>\r\n    <!-- <div class=\"cases-design__row_\">\r\n        <div class=\"cases-design__right-info cases-design__right-info-elements\">\r\n            <br \/>\n<h2>Elements<\/h2>        <\/div>\r\n        <div class=\"cases-design__elements-first-row\">\r\n\r\n            <div class=\"cases-design__elements-first-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_1.svg\"  alt=\"design\">\r\n            <\/div>\r\n            \r\n            <div class=\"cases-design__elements-first-row-cards\">\r\n\r\n                 \r\n\r\n                                    \r\n                    <div class=\"cases-design__elements-first-row-card\">\r\n                        <div>\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_2.svg\" alt=\"icon\">\r\n                        <\/div>\r\n                        <div>Short headline for theory<\/div>\r\n                    <\/div>\r\n\r\n                 \r\n\r\n                                    \r\n                    <div class=\"cases-design__elements-first-row-card\">\r\n                        <div>\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_3.svg\" alt=\"icon\">\r\n                        <\/div>\r\n                        <div>Short headline for theory<\/div>\r\n                    <\/div>\r\n\r\n                 \r\n\r\n                                    \r\n                    <div class=\"cases-design__elements-first-row-card\">\r\n                        <div>\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_4.svg\" alt=\"icon\">\r\n                        <\/div>\r\n                        <div>Short headline for theory<\/div>\r\n                    <\/div>\r\n\r\n                 \r\n\r\n                                    \r\n                    <div class=\"cases-design__elements-first-row-card\">\r\n                        <div>\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_5.svg\" alt=\"icon\">\r\n                        <\/div>\r\n                        <div>Short headline for theory<\/div>\r\n                    <\/div>\r\n\r\n                \r\n            <\/div>\r\n\r\n            \r\n            <div>\r\n                            <div class=\"cases-design__elements_question-title\">Question: 1\/30<\/div>\r\n                <div class=\"cases-design__elements_question-divider\">\r\n                    <div class=\"cases-design__elements_question-divider-first\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                    <div class=\"cases-design__elements_question-divider-second\"><\/div>\r\n                <\/div>\r\n                <div class=\"cases-design__elements_question-descr\">For me, both negative and positive emotions serve as a source of knowledge about how to act in life.<\/div>            <\/div>\r\n\r\n        <\/div>\r\n        \r\n\r\n            <div class=\"cases-design__elements-second-row\">\r\n\r\n                \r\n                    <div class=\"cases-design__elements-second-row-first-elem\">\r\n\r\n                         \r\n\r\n                            \r\n                            <div class=\"cases-design__elements-second-row-first-elem-item\">\r\n                                <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_3-1.svg\" alt=\"elem\"> <\/div>\r\n                                <div class=\"cases-design__elements-second-row-first-elem-item-descr\">\r\n                                Short headline for theory in two lines<\/div>\r\n                            <\/div>\r\n\r\n                         \r\n\r\n                            \r\n                            <div class=\"cases-design__elements-second-row-first-elem-item\">\r\n                                <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_6.svg\" alt=\"elem\"> <\/div>\r\n                                <div class=\"cases-design__elements-second-row-first-elem-item-descr\">\r\n                                Short headline<\/div>\r\n                            <\/div>\r\n\r\n                         \r\n\r\n                            \r\n                            <div class=\"cases-design__elements-second-row-first-elem-item\">\r\n                                <div><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/design_element_7.svg\" alt=\"elem\"> <\/div>\r\n                                <div class=\"cases-design__elements-second-row-first-elem-item-descr\">\r\n                                Short headline<\/div>\r\n                            <\/div>\r\n\r\n                                            <\/div>\r\n\r\n                \r\n                <div class=\"cases-design__elements-second-row-second-elem\">\r\n                     <div class=\"cases-design__elements-second-row-second-elem-first\">Own<\/div>\r\nOthers                <\/div>\r\n\r\n            <\/div>\r\n\r\n        \r\n    <\/div> -->\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6283843bb9f79\" class=\"block-cases-design-final alignfull  l-block slider-padding eq-slider\" >\n  \n  \n<style>\n    .swiper-scrollbar-drag{\n      background-color: #3679ec;\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: #191919\">\n  <div class=\"l-wrap cases-container\">\n          <div class=\"cases-design-final__content  md:pl-4 flex-row\" style=\"color: #ffffff\">\n          <h2>Final design<\/h2>\n<p>Finally, we are happy to share with you finalized design screens!<br \/>\nThe effortless-looking and friendly design are what we resulted with after all the previous stages of hard work and deep research. Looks neat, doesn\u2019t it?<\/p>      <\/div>\n    \n          <div class=\"js-image-slider-wrap relative\">\n        <div class=\"js-image-slider js-image-gallery cases-final-slider !pb-14 !lg:pb-11\">\n          <div class=\"swiper-container\">\n              <div class=\"swiper-wrapper\">\n\n                                                      <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-slider1.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\/05\/eq-dlider2.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\/06\/eq-slider3-3-e1654076162268.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\/06\/eq-slider4-e1654076724719.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33517.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                \n              <\/div>\n                <div class=\"swiper-scrollbar\">\n                <\/div>\n          <\/div>\n          \n        <\/div>\n      <\/div>\n    \n    <div class=\"cases-final-slider__tip text-center mt-8 flex justify-center\">\n      *Scroll to view      <svg class=\"ml-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n        <path d=\"M5.46816 8.3125C5.46816 6.63003 6.13652 5.01648 7.32621 3.82679C8.51589 2.63711 10.1294 1.96875 11.8119 1.96875C13.4944 1.96875 15.1079 2.63711 16.2976 3.82679C17.4873 5.01648 18.1557 6.63003 18.1557 8.3125C18.1557 8.48655 18.0865 8.65347 17.9635 8.77654C17.8404 8.89961 17.6735 8.96875 17.4994 8.96875C17.3254 8.96875 17.1584 8.89961 17.0354 8.77654C16.9123 8.65347 16.8432 8.48655 16.8432 8.3125C16.8432 6.97813 16.3131 5.69841 15.3695 4.75487C14.426 3.81133 13.1463 3.28125 11.8119 3.28125C10.4775 3.28125 9.19783 3.81133 8.25428 4.75487C7.31074 5.69841 6.78066 6.97813 6.78066 8.3125C6.78066 8.48655 6.71152 8.65347 6.58845 8.77654C6.46538 8.89961 6.29846 8.96875 6.12441 8.96875C5.95037 8.96875 5.78345 8.89961 5.66038 8.77654C5.5373 8.65347 5.46816 8.48655 5.46816 8.3125ZM20.5619 13.3438C19.9927 13.3432 19.4366 13.5144 18.9661 13.8348C18.8688 13.3867 18.6646 12.9688 18.3708 12.6167C18.0771 12.2645 17.7026 11.9887 17.2792 11.8126C16.8557 11.6365 16.396 11.5654 15.9392 11.6054C15.4824 11.6454 15.042 11.7952 14.6557 12.0422V8.3125C14.6557 7.55829 14.3561 6.83497 13.8227 6.30166C13.2894 5.76836 12.5661 5.46875 11.8119 5.46875C11.0577 5.46875 10.3344 5.76836 9.80108 6.30166C9.26777 6.83497 8.96816 7.55829 8.96816 8.3125V17.8281L8.14457 16.5047C7.76558 15.852 7.14284 15.3766 6.41333 15.1831C5.68383 14.9896 4.90733 15.0937 4.25465 15.4727C3.60197 15.8517 3.12657 16.4745 2.93304 17.204C2.73951 17.9335 2.84371 18.71 3.2227 19.3627L6.42957 24.8314C6.51945 24.9769 6.66257 25.0816 6.82847 25.1231C6.99437 25.1647 7.16993 25.1398 7.31777 25.0538C7.46562 24.9679 7.57406 24.8276 7.62001 24.6629C7.66596 24.4981 7.64579 24.322 7.56379 24.1719L4.3602 18.7031C4.25965 18.529 4.1944 18.3367 4.16815 18.1373C4.14191 17.938 4.15519 17.7354 4.20724 17.5411C4.31237 17.1488 4.56902 16.8144 4.92074 16.6113C5.27247 16.4083 5.69045 16.3533 6.08273 16.4584C6.27698 16.5104 6.45906 16.6002 6.6186 16.7227C6.77814 16.8451 6.912 16.9977 7.01254 17.1719C7.01556 17.1784 7.01923 17.1846 7.02348 17.1905L9.0666 20.4717C9.14183 20.5931 9.25459 20.6866 9.38778 20.7381C9.52097 20.7896 9.66732 20.7963 9.80463 20.757C9.94193 20.7178 10.0627 20.6349 10.1486 20.5208C10.2345 20.4068 10.2809 20.2678 10.2807 20.125V8.3125C10.2807 7.90639 10.442 7.51691 10.7292 7.22974C11.0163 6.94258 11.4058 6.78125 11.8119 6.78125C12.218 6.78125 12.6075 6.94258 12.8947 7.22974C13.1818 7.51691 13.3432 7.90639 13.3432 8.3125V15.75C13.3432 15.924 13.4123 16.091 13.5354 16.214C13.6584 16.3371 13.8254 16.4062 13.9994 16.4062C14.1735 16.4062 14.3404 16.3371 14.4635 16.214C14.5865 16.091 14.6557 15.924 14.6557 15.75V14.4375C14.6557 14.0314 14.817 13.6419 15.1042 13.3547C15.3913 13.0676 15.7808 12.9062 16.1869 12.9062C16.593 12.9062 16.9825 13.0676 17.2697 13.3547C17.5568 13.6419 17.7182 14.0314 17.7182 14.4375V16.625C17.7182 16.799 17.7873 16.966 17.9104 17.089C18.0334 17.2121 18.2004 17.2812 18.3744 17.2812C18.5485 17.2812 18.7154 17.2121 18.8385 17.089C18.9615 16.966 19.0307 16.799 19.0307 16.625V16.1875C19.0307 15.7814 19.192 15.3919 19.4792 15.1047C19.7663 14.8176 20.1558 14.6562 20.5619 14.6562C20.968 14.6562 21.3575 14.8176 21.6447 15.1047C21.9318 15.3919 22.0932 15.7814 22.0932 16.1875V20.125C22.0932 22.5455 21.2947 24.1916 21.2871 24.2069C21.211 24.3621 21.1992 24.541 21.2543 24.7049C21.3094 24.8687 21.4269 25.0042 21.5813 25.0819C21.6716 25.1298 21.7722 25.1553 21.8744 25.1562C21.9966 25.1565 22.1164 25.1226 22.2203 25.0585C22.3243 24.9943 22.4083 24.9024 22.4629 24.7931C22.5011 24.7166 23.4068 22.8736 23.4068 20.125V16.1875C23.4068 15.814 23.3332 15.4441 23.1902 15.099C23.0472 14.7539 22.8376 14.4404 22.5735 14.1763C22.3093 13.9122 21.9957 13.7028 21.6505 13.5599C21.3054 13.4171 20.9355 13.3436 20.5619 13.3438Z\" fill=\"#343A40\"\/>\n      <\/svg>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n      <div id=\"block_6282005a1b0d4\" class=\"block-cases-devproc alignfull  l-block phase3-padding\" >\n  \n  \n\n<style>\n    .block-cases-devproc__tabs-title.is_active {\n    color: #007aff;\n    border-color: #007aff;\n  }\n  .phase3-padding.block-cases-devproc .bg-wrap{\n    padding-top: 90px;\n  }\n<\/style>\n\n  <div class=\"bg-wrap\" style=\"background-color: #191919\">\n    <div class=\"l-wrap cases-container\">\n\n              <div class=\"phase\">\n        PHASE 3        <\/div>\n      \n              <div class=\"block-cases-devproc__header\">\n          <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-discovery.svg\" alt=\"logo\" width=\"50\" height=\"50\">\n          <h3>Development process<\/h3>\n        <\/div>\n      \n      \n      \n          <div class=\"block-cases-devproc__subheader\">\n        <h3>Technologies script<\/h3>\n        <div>Due to the situation of the product, we decide to use only a native stack of the technologies.<\/div>\n      <\/div>\n    \n    <div class=\"block-cases-devproc__tabs\">\n      <div class=\"block-cases-devproc__tabs-header\">\n              <div class=\"block-cases-devproc__tabs-title\">Mobile Technologies<\/div>\n                    <div class=\"block-cases-devproc__tabs-title\">Web Technologies<\/div>\n            <\/div>\n\n              <div class=\"block-cases-devproc__tabs-content\">\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/kotlin.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33572.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33567.svg\" alt=\"\">\n            <\/div>\n\n                  <\/div>\n                    <div class=\"block-cases-devproc__tabs-content\">\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/php.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/laravel.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/group-33567.svg\" alt=\"\">\n            <\/div>\n\n          \n            <div>\n              <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/branch.svg\" alt=\"\">\n            <\/div>\n\n                  <\/div>\n      \n    <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    jQuery( document ).ready(function($) {\n      $('.block-cases-devproc__tabs-title').first().addClass('is_active');\n      $('.block-cases-devproc__tabs-content').first().addClass('is_active');\n\n      $('.block-cases-devproc__tabs-title').on('click', function () {\n        let index = $(this).index()\n\n        $('.block-cases-devproc__tabs-title').removeClass('is_active')\n        $(this).addClass('is_active')\n\n        $('.block-cases-devproc__tabs-content').removeClass('is_active')\n        $('.block-cases-devproc__tabs-content').eq(index).addClass('is_active')\n      })\n\n    });\n  <\/script>\n\n<\/div>\n\n\n      <div id=\"block_6284769789e62\" class=\"block-cases-scrum alignfull  l-block\" >\n  \n  \r\n\r\n<div class=\"l-wrap cases-container\">\r\n            <div class=\"cases-scrum__content  md:pl-4 flex-row\">\r\n            <h2> scrum Process<\/h2>\n<p> The original estimate of the project development was 9 months, so we decided to use the scrum process. Scrum is an iterative and incremental software development methodology designed to build products faster. It uses short-time boxed development cycles (called sprints), with each sprint resulting in potentially shippable functionality delivered.<\/p>        <\/div>\r\n                <div class=\"scrum__process\">\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/scrum-blue.svg\" alt=\"scrum\">\r\n        <\/div>\r\n    \r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6284775c717ec\" class=\"block-cases-team alignfull  l-block teams-padding\" >\n  \n  \r\n<style>\r\n    @media (max-width:450px){\r\n        #block_6284775c717ec.block-cases-team.teams-padding {\r\n            padding-bottom: 100px;\r\n        }\r\n    }\r\n<\/style>\r\n<div class=\"l-wrap cases-container\">\r\n            <div class=\"cases-team__content  md:pl-4 flex-row\">\r\n            <h2>Project team<\/h2>\n<p><span style=\"font-weight: 400;\">Here is a team of brilliant experts who were responsible for delivering the tasks and aims outlined in the project plan. Each of them is in his place and knows his business perfectly.<\/span><\/p>        <\/div>\r\n            \r\n    \r\n        <div class=\"cases-team__row\">\r\n\r\n         \r\n\r\n                  \r\n             \r\n             <div class=\"cases-team__inner first__icon\">\r\n\r\n             \r\n\r\n                        \r\n                        <div class=\"cases-team__icon first__icon\">\r\n\r\n             \r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/team1l.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller                   \r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    <p>Project Manager<\/p>                <\/div>\r\n\r\n            <\/div>\r\n\r\n         \r\n\r\n                  \r\n                                 <div class=\"cases-team__inner\">\r\n                 \r\n\r\n                        \r\n                               <div class=\"cases-team__icon\">\r\n                 \r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/unsplash__THUISs23CI.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Viktor Kiver                  \r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    <p>iOS Developer<\/p>                <\/div>\r\n\r\n            <\/div>\r\n\r\n         \r\n\r\n                  \r\n                                 <div class=\"cases-team__inner\">\r\n                 \r\n\r\n                        \r\n                               <div class=\"cases-team__icon\">\r\n                 \r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/unsplash_n1B6ftPB5Eg.png.webp\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Andrii Malitchuk                  \r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    <p>Android Developer<\/p>                <\/div>\r\n\r\n            <\/div>\r\n\r\n        \r\n<!--             <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team1.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team2.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team4.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"cases-team__inner\">\r\n\r\n                <div class=\"cases-team__icon \">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/team4.png\" alt=\"\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__title\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n                <div class=\"cases-team__text\">\r\n                    Lubomir Miller\r\n                <\/div>\r\n\r\n            <\/div> -->\r\n\r\n        <\/div>\r\n\r\n     \r\n\r\n<\/div>\r\n\r\n    <\/div>\n\n\n      <div id=\"block_6284ae3f883f9\" class=\"block-cases-analytics-second alignfull  l-block\" >\n  \n  \r\n<div class=\"l-wrap cases-container\">\r\n\r\n            <a class=\"analytics-second__subtitle\" href=\"#\">Analytics<\/a>\r\n    \r\n    <div class=\"cases-analytics-second__row\">\r\n                    <div class=\"analytics-second__title\">\r\n                <h2>Analytics helps you understand how people use your iOS, or Android app<\/h2>            <\/div>\r\n                            <div class=\"cases-analytics-second__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/macbook-1.png.webp\" alt=\"macbook\">\r\n            <\/div>\r\n            <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6284b42a338a5\" class=\"block-cases-analytics-third alignfull  l-block\" >\n  \n  \r\n\r\n<div class=\"l-wrap cases-container\">\r\n \r\n    <div class=\"cases-analytics-third__row-header\">\r\n\r\n                    <div class=\"cases-analytics-third__row-header-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_cup.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-analytics-third__row-header-button\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_button.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-analytics-third__row-header-text\">\r\n                A story about <br> all the features            <\/div>\r\n            <\/div>\r\n\r\n     \r\n\r\n            \r\n        \r\n            <div class=\"cases-analytics-third__row analytics-firs-row\">\r\n\r\n                <div class=\"cases-analytics-third__img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/macbook-1.png.webp\" alt=\"macbook-name\">\r\n                <\/div>\r\n\r\n                <div class=\"analytics-third__title\">\r\n                    <a class=\"analytics-third__subtitle\" href=\"#\">Analytics<\/a>\r\n                    <br \/>\n<h2>the quality of Apple\u2019s OS stands out \u2013 its week 12 rate is 42% higher than Android\u2019s<\/h2>              \r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n             \r\n         \r\n\r\n            \r\n        \r\n            <div class=\"cases-analytics-third__row  analytics-third\">\r\n\r\n                <div class=\"analytics-third__title\">\r\n                    <a class=\"analytics-third__subtitle\" href=\"#\">Analytics<\/a>\r\n                    <br \/>\n<h2>Firebase generate real-time heatmaps so you can observe your user&#8217;s behavior<\/h2>              \r\n                <\/div>\r\n\r\n                \r\n                <div class=\"cases-analytics-third__img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/macbook-1.png.webp\" alt=\"macbook-name\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n             \r\n        \r\n    \r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6285ca1cdf48d\" class=\"block-cases-results alignfull  l-block eq-results\" >\n  \n  \r\n<style>\r\n    .block-cases-header.eq-header .cases__left-row{\r\n        max-width: 443px;\r\n    }\r\n    @media (max-width: 1280px){\r\n        .block-cases-header.eq-header .cases__main-row {\r\n            justify-content: center;\r\n        }\r\n    }\r\n    .eq-results .cases-results__img{\r\n        max-width: 50%;\r\n        max-height: 50%;\r\n        height: auto;\r\n        margin-left: 20px;\r\n    }\r\n    .eq-results .results__title {\r\n        margin-right: 80px;\r\n    }\r\n\r\n    .cases-results-header .cases-results-header-item,  .cases-analytics-third__row-header .cases-analytics-third__row-header-item{\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n    .block-cases-design-final {\r\n        margin-top: -1px;\r\n    }\r\n    .block-cases-analytics-second {\r\n        margin-top: -2px;\r\n    }\r\n    @media (max-width: 1200px){\r\n        .eq-results .cases-results__row{\r\n            flex-direction: column;\r\n        }\r\n        .eq-results .cases-results__img {\r\n            max-width: 36%;\r\n            margin-top: 30px;\r\n        }\r\n    }\r\n    @media (max-width: 1150px){\r\n        .eq-results .results__mob-row-img:last-child {\r\n            margin-top: 0px;\r\n        }\r\n    }\r\n    @media (max-width: 935px){\r\n        .eq-results  .cases-results__img{\r\n            margin-left: 0;\r\n            max-width: 40%;\r\n        }\r\n    }\r\n    @media (max-width: 700px){\r\n        .eq-results  .cases-results__img{\r\n            max-width: 60%;\r\n        }\r\n        .eq-results.block-cases-results {\r\n            padding-top: 0;\r\n            padding-bottom: 100px;\r\n        }\r\n    }\r\n    @media (max-width: 600px){\r\n        .eq-results .cases-results__row{\r\n            padding-bottom: 100px;\r\n        }\r\n        \r\n    }\r\n    @media (max-width: 550px){\r\n        .results__subtitle {\r\n            margin-top: 100px;\r\n        }\r\n    }\r\n    @media (max-width: 500px){\r\n        .eq-results  .cases-results__img {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n    @media (max-width: 450px){\r\n        .eq-results  .cases-results__img {\r\n            max-width: 75%;\r\n        }\r\n        .block-cases-numbers {\r\n            padding-bottom: 50px;\r\n        }\r\n    }\r\n    @media (max-width: 350px){\r\n        .eq-results  .cases-results__img {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n    \r\n<\/style>\r\n<div class=\"l-wrap cases-container\">\r\n\r\n\r\n                    <div class=\"phase\">\r\n                 phase 4            <\/div>\r\n        \r\n                    <div class=\"block-cases-results__header\">\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/logo-discovery-1.svg\" alt=\"logo\" width=\"50\" height=\"50\">         \r\n                <h3>RESULTS<\/h3>            <\/div>\r\n        \r\n                    <a class=\"results__subtitle\" href=\"#\">Onboarding<\/a>\r\n        \r\n    <div class=\"cases-results__row\">\r\n\r\n                    <div class=\"results__title\">\r\n                <h2>In EQ we use function-based approaches and shows users the common functions of app with aims to instruct users on how to use the app\u2019s functions.<\/h2>            <\/div>\r\n        \r\n                                            <div class=\"cases-results__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-res1.png.webp\" alt=\"result\">\r\n            <\/div>\r\n                                    <div class=\"cases-results__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-results.png.webp\" alt=\"result\">\r\n            <\/div>\r\n                    \r\n    <\/div>\r\n\r\n     <div class=\"cases-results-header\">\r\n\r\n                    <div class=\"cases-results-header-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_cup.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-results-header-button\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/analytics_button.svg\" alt=\"icon\">\r\n            <\/div>\r\n                            <div class=\"cases-results-header-text\">\r\n                 A story about <br> all the features            <\/div>\r\n        \r\n    <\/div>\r\n\r\n        <div class=\"block-cases-results__mob-row\">\r\n\r\n                                            <div class=\"results__mob-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-res-2-1.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                                    <div class=\"results__mob-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-res-2-2.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                                    <div class=\"results__mob-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-res-2-3.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                                    <div class=\"results__mob-row-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-res-2-4.png.webp\" alt=\"logo\" >\r\n            <\/div>\r\n\r\n                    \r\n        <\/div>\r\n                    <div class=\"cases-results__content_footer  md:pl-4 flex-row\">\r\n                <h2>KEY FEATURES AND VALUE<\/h2>\n<p>Here comes the time for our development team to dive into work. They\u2019ve got all the set requirements previously analyzed and approved by the client and are ready to deliver the final product with all its features and values. Let\u2019s look closer at them.<\/p>            <\/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 eq-pay eq-p\" >\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: #0079fd\"> -->\r\n<div class=\"bg-wrap-pay\" style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 92.71%), #485CC3;\">\r\n\r\n    <div class=\"l-wrap cases-container\">\r\n\r\n                             \r\n\r\n                 \r\n\r\n                \r\n                <div class=\"cases-pay__row\">\r\n\r\n                    <div class=\"pay__title\">\r\n                        <h2>EQ test<\/h2>\n<p><span style=\"font-weight: 400;\">determines the level of emotional intelligence<\/span><\/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\/05\/eq-test1.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\/05\/eq-test2.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\/05\/eq-test4.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\/05\/eq-test3.png.webp\" alt=\"pay\">\r\n                                <img decoding=\"async\" class=\"lazy-off\" src=\"\" alt=\"\">\r\n                            <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"pay__title\">\r\n                            <h2>theoretical part<\/h2>\n<p><span style=\"font-weight: 400;\">explains the essence and meaning of emotional intelligence, provides a scientific analysis of its main aspects and spheres of influence<\/span><\/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>Practical part<\/h2>\n<p><span style=\"font-weight: 400;\">allows you to master the technology of changing your own and other people&#8217;s emotional states; includes the world&#8217;s best techniques and exercises, adapted to a structural and systemic format of prompt, easy and simple practice, memorizing, and assimilating<\/span><\/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\/05\/eq-test5.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\/05\/eq-test6.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\/05\/eq-test7.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\/05\/eq-test8.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>Emotions Diary<\/h2>\n<p><span style=\"font-weight: 400;\">helps you to keep track of emotions and their causes, trace the dynamics of your own learning and determine points of future growth<\/span><\/p>                            <\/div>\r\n                                            <\/div>\r\n                 \r\n\r\n             \r\n\r\n                 \r\n\r\n                \r\n                <div class=\"cases-pay__row\">\r\n\r\n                    <div class=\"pay__title\">\r\n                        <h2>emotions indicator<\/h2>\n<p>trains the skill of recognizing a variety of emotions and feelings<\/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\/05\/eq-test9.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\/05\/eq-test10.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\/05\/eq-test11.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\/05\/eq-test12.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>Check your progress<\/h2>\n<p><span style=\"font-weight: 400;\">monitor your progress in emotional intelligence<\/span><\/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_628780403696a\" class=\"block-cases-security alignfull  l-block eq-security eq-s\" >\n  \n  <style>\r\n    @media (max-width: 1100px){\r\n        .eq-security .cases-security__row.second-row{\r\n            margin-bottom: -150px;\r\n        }\r\n    }\r\n    @media (max-width: 767px){\r\n        .cases__creating-item {\r\n            max-width: 378px;\r\n        }\r\n    }\r\n    @media (max-width: 700px){\r\n        .eq-security .bg-security{\r\n            padding-top: 100px;\r\n        }\r\n    }\r\n    \r\n<\/style>\r\n\r\n<div class=\"bg-security\" >\r\n            <div class=\"security_bg_image\">\r\n            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/security_bg-2.svg\" alt=\"bg\">\r\n        <\/div>\r\n        <div class=\"l-wrap cases-container\">\r\n\r\n        <div class=\"cases-security__row\">\r\n\r\n            <div class=\"security__mob-row\">\r\n                                    <div class=\"cases-security__img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-sec1.png.webp\" alt=\"img-header\">\r\n                    <\/div>\r\n                            <\/div>\r\n                                    <div class=\"security__title\">\r\n                                        <div class=\"security__title_item\">Security<\/div>\r\n                <h2>mobile application security<\/h2>\r\n                <div class=\"security__title-subtitle\">Emotional mobile app<\/div>\r\n                <div class= \"security__title-descr\">Mobile applications generate a tremendous amount of data about us and our lives. So, ensuring apps create and use this information in a secure way is paramount. \r\n                    In EQ we use best practices for mobile application security, such as: \r\n<ul><li>Multi-factor authentication &#8211; is essential for any enterprise app that stores, processes or accesses sensitive corporate data or personally identifiable information <\/li>\r\n<li>Transaction security &#8211; with end-to-end encryption makes transactions a hell lot safer, this is one of the best solutions to avoid cyber threats.<\/li>\r\n<li>Encryption data security &#8211; a security method where information is encoded and can only be accessed or decrypted by a user with the correct encryption key.<\/li>\r\n<\/div>                    <\/div>\r\n                        <\/div>\r\n\r\n        \r\n            <div class=\"cases-security__row second-row\">\r\n\r\n                 \r\n                                        <div class=\"security__mob-row\">\r\n                                                    <div class=\"cases-security__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-sec3.png.webp\" alt=\"bg\">\r\n                            <\/div>\r\n                                                                    <\/div>\r\n\r\n                 \r\n                                        <div class=\"security__mob-row\">\r\n                                                    <div class=\"cases-security__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-sec2.png.webp\" alt=\"bg\">\r\n                            <\/div>\r\n                                                                    <\/div>\r\n\r\n                            <\/div>\r\n\r\n        \r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_62878573cd520\" class=\"block-cases-loyality alignfull  l-block eq-loyality\" >\n  \n  \r\n<style>\r\n    @media (max-width: 700px){\r\n        .cases-loyality__row-left .loyality__demo {\r\n            position: static;\r\n        }\r\n    }\r\n    @media (max-width: 1024px){\r\n        .eq-loyality .loyality__descr-wrapper {\r\n            text-align: right;\r\n        }\r\n    }\r\n    @media (max-width: 700px){\r\n        .eq-loyality .loyality__descr-wrapper{\r\n            text-align: left;\r\n        }\r\n    }\r\n     \r\n<\/style>\r\n\r\n<div class=\"bg-loyality\" >\r\n\r\n    <div class=\"l-wrap cases-container\">\r\n\r\n        <div class=\"loyality__main-row\">\r\n                    <div class=\"cases-loyality__row-left\">\r\n                            <div class=\"loyality__title\">\r\n                <h2>EQ<\/h2>\r\n            <\/div>\r\n            <div class=\"loyality__demo\">\r\n                Demo\r\n            <\/div>\r\n            <div class=\"loyality__descr-wrapper\">\r\n                <div class=\"loyality__descr\">\r\n                    Emotional intelligence\r\n                <\/div>\r\n                <div class=\"loyality__descr\">\r\n                    The world&#8217;s first app designed to develop emotional intelligence.\r\n                <\/div>\r\n            <\/div>            <\/div>\r\n                <div class=\"cases-loyality__row bg-second-row\">\r\n\r\n            <div class=\"row--inner-bg second-row\">\r\n                <div class=\"loyality-circle circle-red circle--1062\" \r\n                style=\"background-color: #0079fd;                width: 768px; height: 768px\";\r\n>\r\n                                    <div class=\"loyality-circle-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/eq-loyality.png.webp\" alt=\"circle-bg\" >\r\n                    <\/div>\r\n                                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cases-loyality__row-right\">\r\n                            <div>\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/eq-icon.svg\" alt=\"icon\">\r\n                <\/div>\r\n                          \r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_628a3970972bc\" class=\"block-cases-ratings alignfull  l-block eq-rating\" >\n  \n  \r\n<style>\r\n    @media (max-width: 380px){\r\n        .eq-rating .rating__header-left span {\r\n            font-size: 97px;\r\n        }\r\n        \r\n    }\r\n    @media (max-width: 368px) and (min-width: 350px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 15px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 18px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 18px;\r\n        }\r\n    }\r\n    @media (max-width: 350px) and (min-width: 340px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 17px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 17px;\r\n        }\r\n    }\r\n    @media (max-width: 340px) and (min-width: 330px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 11px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 14px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 14px;\r\n        }\r\n    }\r\n    @media (max-width: 330px) and (min-width: 324px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 10px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n    }\r\n    @media (max-width: 324px){\r\n        .ratings__lines-item {\r\n            margin-bottom: 9px;\r\n        }\r\n        .ratings__lines {\r\n            margin-top: 1px;\r\n        }\r\n        .eq-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n        .eq-rating .ratings__lines {\r\n            margin-top: 3px;\r\n        }\r\n        .nova-rating .ratings__lines-item {\r\n            margin-bottom: 12px;\r\n        }\r\n         .nova-rating .ratings__lines {\r\n            margin-top: 3px;\r\n        }\r\n\r\n    }\r\n    \r\n<\/style>\r\n\r\n<div class=\"l-wrap cases-container\">\r\n\r\n            <div class=\"cases-ratings__content  md:pl-4\">    \r\n            <h2>Ratings and reviews<\/h2>        <\/div>\r\n        <div class=\"cases-ratings__row-header\">\r\n                <div class=\"ratings__header-item rating__header-left\">\r\n            <span>4,5<\/span>out of 5\r\n        <\/div>\r\n        <div class=\"ratings__header-item rating__header-center\">\r\n            Reviews: 64\r\n        <\/div>                    <div class=\"ratings__header-item rating__header-right\">\r\n                <div class=\"ratings__stars\">\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/rating_star.svg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"ratings__stars-item\">\r\n                        <img decoding=\"async\" width=\"8\" height=\"8\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/star-rate.svg\" alt=\"\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"ratings__lines\">\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"ratings__lines-item\">\r\n                        <div class=\"ratings__lines-item-first\"><\/div>\r\n                        <div class=\"ratings__lines-item-second\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                <\/div>\r\n\r\n    <div class=\"cases-ratings__row\">\r\n\r\n             \r\n\r\n            <div class=\"cases-ratings__flex__direction-row\">\r\n\r\n                               \r\n                                        <div class=\"ratings__info-rows\">\r\n\r\n                        <div class=\"cases__rating-icon\">\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/rating-icon.svg\" alt=\"icon\">\r\n                        <\/div>\r\n\r\n                        <div class=\"ratings__info\">\r\n\r\n                                                            <div class=\"cases-ratings__star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                    <\/div>\r\n                                                        <div class=\"cases-ratings__time\"> February 14, 2022<\/div>\r\n<div class=\"cases-ratings__title\">\r\nJazeeoou u\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nThe app is incredible. It is almost all I need to become more emotionally intelligent. I rated it 4 because I was quite disappointed that there wasn\u2019t a button for increasing the speed of the audio reading thing. And I hope there will be a speed button.\r\n<\/div>                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                  \r\n                                        <div class=\"ratings__info-rows\">\r\n\r\n                        <div class=\"cases__rating-icon\">\r\n                            <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon2_feedback.svg\" alt=\"icon\">\r\n                        <\/div>\r\n\r\n                        <div class=\"ratings__info\">\r\n\r\n                                                            <div class=\"cases-ratings__star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                                             \r\n                                        <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/star-not-active.svg\" alt=\"star\">\r\n                                                                    <\/div>\r\n                                                        <div class=\"cases-ratings__time\">\r\nFebruary 14, 2022\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\nLady Bug<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nI like the way it explains emotions and the exercises are actually very intelligent and work very well  <\/div>                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                               \r\n            <\/div>\r\n\r\n            \r\n             \r\n\r\n        <div class=\"cases-ratings__flex__direction-row\">\r\n\r\n                     \r\n                \r\n            <div class=\"ratings__info-rows\">\r\n\r\n                <div class=\"cases__rating-icon\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon3_feedback.svg\" alt=\"icon\">\r\n                <\/div>\r\n\r\n                <div class=\"ratings__info\">\r\n\r\n                                            <div class=\"cases-ratings__star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                    <\/div>\r\n                                        <div class=\"cases-ratings__time\">\r\nJune 7, 2021\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\nPandaA Band\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nThis app is exceptional and I\u2019ve only been in it for 30 mins or so\u2026 I&#8217;m already starting to fall in love with this app&#8230;..omg\r\n<\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n             \r\n                \r\n            <div class=\"ratings__info-rows\">\r\n\r\n                <div class=\"cases__rating-icon\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/icon4_feedback.svg\" alt=\"icon\">\r\n                <\/div>\r\n\r\n                <div class=\"ratings__info\">\r\n\r\n                                            <div class=\"cases-ratings__star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/active_star_rating.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/star-not-active.svg\" alt=\"star\">\r\n                                                             \r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/05\/star-not-active.svg\" alt=\"star\">\r\n                                                    <\/div>\r\n                                        <div class=\"cases-ratings__time\">\r\nJune 7, 2021\r\n<\/div>\r\n<div class=\"cases-ratings__title\">\r\n disquietq\r\n<\/div>\r\n<div class=\"cases-ratings__cont\">\r\nIt&#8217;s fine. Still pretty sad but it&#8217;s fine. The interface is cool and the flower graph was different, I didn&#8217;t think those kinds of graphs existed. Also, in-app purchases are available (too poor for the paywall). But to be fair they do tell you before you download&#8230;.along with the ads. So frustrating.\r\n<\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n                    \r\n        <\/div>\r\n\r\n\r\n                <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_628a40a794291\" class=\"block-cases-feedback alignfull  l-block\" >\n  \n  \r\n<style>\r\n    .block-cases-numbers-main .cases-container {\r\n        padding-top: 220px;\r\n    }\r\n    @media (max-width: 1200px){\r\n        .block-cases-numbers-main .cases-container {\r\n        padding-top: 0px;\r\n        }\r\n    }\r\n    @media (max-width: 711px){\r\n        .loyality__demo {\r\n            position: static;\r\n            top: 0;\r\n        }\r\n    }\r\n    @media (max-width: 600px){\r\n        .block-cases-feedback {\r\n            padding-top: 0;\r\n            padding-bottom:0;\r\n        }\r\n        .block-cases-ratings {\r\n            padding-bottom:20px;\r\n        }\r\n        .block-cases-dashboards {\r\n            padding-bottom: 50px;\r\n        }\r\n        .cases-results-header {\r\n            margin-top: 0px;\r\n        }\r\n        .block-cases-results {\r\n            padding-top: 0px\r\n        }\r\n    }\r\n\r\n<\/style>\r\n\r\n<div class=\"l-wrap cases-container\">\r\n    <div class=\"cases-feedback__content\">\r\n\r\n                    <h2>Customer feedbacks<\/h2>                \r\n                    <div class=\"cases-feedback__logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/clutch-eq.png.webp\" alt=\"logo-feed\">\r\n            <\/div> \r\n            <\/div>\r\n    \r\n    <div class=\"cases-feedback__row\">\r\n                    <div class=\"cases-feedback__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/05\/quote1.png.webp\" alt=\"quote\">\r\n            <\/div>\r\n                            <div class=\"feedback__info\">\r\n                 <p> The Devlight team actively participates in our\r\nproject development and the ideas we want\r\nto implement. In some segments of our business,\r\nthey think two or three steps ahead of us.                \r\n<\/p>\r\n\r\n<div class=\"feedback__info-quote\">\r\n\r\n<div class=\"feedback__info-quote-name\">\r\nAndrii Zibran\r\n<\/div>\r\n\r\n<div class=\"feedback__info-quote-text\">\r\n Co-Founder and CMO\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 eq-numbers\" >\n  \n  \r\n    <div class=\"l-wrap cases-container\">\r\n\r\n      <div class=\"cases-numbers-main-header\">\r\n                  <div class=\"cases-numbers-main-title\">          \r\n            <h2>eq BY THE NUMBERS<\/h2>            \r\n          <\/div>\r\n           \r\n          \r\n      <\/div>\r\n\r\n      <div class=\"numbers-main__grid\">\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 70K+<\/div>\r\n            <div class=\"numbers-main__item-text\"> Installs of app in the App Store and Google Play<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 4K+<\/div>\r\n            <div class=\"numbers-main__item-text\"> Monthly active users just after the release<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 200 +<\/div>\r\n            <div class=\"numbers-main__item-text\"> Daily active users just after the release<\/div>\r\n          <\/div>\r\n                  <div class=\"numbers-main__item\">\r\n            <div class=\"numbers-main__item-title\"> 7m+<\/div>\r\n            <div class=\"numbers-main__item-text\"> Average engagement time<\/div>\r\n          <\/div>\r\n                  \r\n    <\/div>\r\n\r\n    \r\n      \r\n       \r\n          \r\n    <div class=\"numbers-main__inner-row\">\r\n\r\n        \r\n                      <div class=\"numbers-main__inner-info big--info\">\r\n                300%        \r\n            <\/div>\r\n          \r\n                      <div class=\"numbers-main__inner-info small--info\">\r\n                Ukrainian market users growth          \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                Users from USA                \r\n            <\/div>\r\n          \r\n                    <div class=\"numbers-main__inner-info big--info\">\r\n              30%                 \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_629d7008bca6e\" class=\"block-cases-wireframes block-cases-wireframes--v2 alignfull  l-block\" >\n  \n  \n\n    <style>\n        \/* .block-cases-wireframes {\n            padding: 125px 0px 130px;\n        }\n\n        .cases-wireframes__header {\n            font-weight: 700;\n            font-size: 50px;\n            line-height: 60px;\n            display: flex;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            align-items: center;\n            color: #000101;\n            margin-bottom: 180px;\n        }\n\n        .cases-wireframes__header p {\n            max-width: 585px;\n            font-weight: 400;\n            font-size: 18px;\n            line-height: 40px;\n            color: rgba(0, 1, 1, 0.8);\n        }\n\n        .cases-wireframes__header h3 {\n            font-family: 'RoadRadio';\n            font-weight: 700;\n            font-size: 50px;\n            line-height: 60px;\n            color: #000101;\n        }\n\n        @media (max-width: 991px) {\n            .cases-wireframes__header h3 {\n                font-size: 38px\n            }\n        } *\/\n\n\n        .section-ios .grid-item-horizontal,\n        .section-ios .grid-item-vertical,\n        .glass-container {\n            display: block;\n            position: relative;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal:after,\n        .section-ios .grid-item-horizontal:before,\n        .section-ios .grid-item-vertical:after,\n        .section-ios .grid-item-vertical:before,\n        .glass-container:after,\n        .glass-container:before {\n            content: \"\";\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-hardware,\n        .glass-container .glass-screen {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .glass-container .glass-hardware {\n            pointer-events: none;\n            z-index: 3\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-screen {\n            z-index: 4\n        }\n\n        .section-ios {\n            overflow: hidden;\n            position: relative;\n            margin-bottom: -120px;\n            --device-width: 185px;\n            --logo-width: 192px;\n            --logo-height: 192px;\n            --logo-scale: 1.875;\n            --grid-rows: 6;\n            --grid-gap: 50px;\n            --grid-padding-top: 130px;\n            --grid-padding-bottom: 140px;\n            --grid-vertical-centering-offset: 26px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios {\n                --device-width: 220px;\n                --logo-width: 155px;\n                --logo-height: 155px;\n                --grid-gap: 30px;\n                --grid-padding-top: 106px;\n                --grid-padding-bottom: 106px;\n                --grid-vertical-centering-offset: 10px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios {\n                --device-width: 134px;\n                --logo-width: 101px;\n                --logo-height: 101px;\n                --logo-scale: 1.8614;\n                --grid-rows: 7;\n                --grid-gap: 20px;\n                --grid-padding-top: 130px;\n                --grid-padding-bottom: 100px\n            }\n        }\n\n        .section-ios .ios-grid {\n            display: grid;\n            grid-template-rows: var(--device-width) var(--device-width) var(--logo-width) var(--device-width) var(--device-width) auto;\n            grid-template-columns: var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--logo-height) var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--device-width);\n            grid-gap: var(--grid-gap);\n            gap: var(--grid-gap);\n            margin-bottom: var(--grid-padding-bottom);\n            margin-left: calc(var(--device-width)\/2 + var(--grid-gap)\/2);\n            justify-content: center;\n            align-content: center;\n            width: 100%;\n            margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height))\n        }\n\n        @media only screen and (min-width:1069px)and (max-height:1150px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (min-width:735px)and (max-width:1068px)and (max-height:1025px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height) - 13px);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            grid-area: 3\/5\n        }\n\n        .section-ios .ios-grid-item-content {\n            grid-area: 5\/4\/7\/7\n        }\n\n        .section-ios .ios-grid-item-1 {\n            grid-area: 2\/1\n        }\n\n        .section-ios .ios-grid-item-2 {\n            grid-area: 2\/3\n        }\n\n        .section-ios .ios-grid-item-3 {\n            grid-area: 2\/4\n        }\n\n        .section-ios .ios-grid-item-4 {\n            grid-area: 2\/5\n        }\n\n        .section-ios .ios-grid-item-5 {\n            grid-area: 1\/7\n        }\n\n        .section-ios .ios-grid-item-6 {\n            grid-area: 2\/8\n        }\n\n        .section-ios .ios-grid-item-7 {\n            grid-area: 1\/9\n        }\n\n        .section-ios .ios-grid-item-8 {\n            grid-area: 3\/1\n        }\n\n        .section-ios .ios-grid-item-9 {\n            grid-area: 3\/2\n        }\n\n        .section-ios .ios-grid-item-10 {\n            grid-area: 4\/3\n        }\n\n        .section-ios .ios-grid-item-11 {\n            grid-area: 4\/4\n        }\n\n        .section-ios .ios-grid-item-12 {\n            grid-area: 3\/6\n        }\n\n        .section-ios .ios-grid-item-13 {\n            grid-area: 3\/7\n        }\n\n        .section-ios .ios-grid-item-14 {\n            grid-area: 5\/8\n        }\n\n        .section-ios .ios-grid-item-15 {\n            grid-area: 4\/8\n        }\n\n        .section-ios .ios-grid-item-16 {\n            grid-area: 4\/9\n        }\n\n        .section-ios .ios-grid-item-17 {\n            grid-area: 5\/1\n        }\n\n        .section-ios .ios-grid-item-18 {\n            grid-area: 6\/2\n        }\n\n        .section-ios .ios-grid-item-19 {\n            grid-area: 5\/7\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                grid-area: last\/3\/last\/8\n            }\n\n            .section-ios .ios-grid-item-4 {\n                grid-area: 5\/5\n            }\n\n            .section-ios .ios-grid-item-12 {\n                grid-area: 6\/5\n            }\n\n            .section-ios .ios-grid-item-13 {\n                grid-area: 5\/4\n            }\n\n            .section-ios .ios-grid-item-15 {\n                grid-area: 6\/6\n            }\n\n            .section-ios .ios-grid-item-18 {\n                grid-area: 2\/5\n            }\n\n            .section-ios .ios-grid-item-19 {\n                grid-area: 3\/6\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            width: 120px;\n            height: 120px;\n            background-size: 120px 120px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg');\n            margin: auto;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-grid-item-logo {\n                width: 120px;\n                height: 120px;\n                background-size: 120px 120px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px;\n                background-size: 101px 101px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n            .section-ios .ios-grid-item-logo {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-grid-item-logo {\n            width: 384px;\n            height: 384px;\n            background-size: 384px 384px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg');\n            width: 150px;\n            height: 150px;\n            background-size: 150px 150px;\n            transform: scale(var(--logo-scale))\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 310px;\n                height: 310px;\n                background-size: 310px 310px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 202px;\n                height: 202px;\n                background-size: 202px 202px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 155px;\n                height: 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 155px 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 101px 101px\n            }\n        }\n\n        .section-ios .ios-grid-item-content {\n            text-align: center;\n            align-self: start\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                text-align: left\n            }\n        }\n\n        .section-ios .ios-grid-item-horizontal {\n            grid-column-end: span 2\n        }\n\n        .section-ios .ios-grid-item-vertical {\n            grid-row-end: span 2\n        }\n\n        .section-ios .ios-grid-item-11 {\n            margin-top: 2px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-15 {\n                margin-left: 17px\n            }\n        }\n\n        .section-ios .ios-grid-item-offset {\n            margin-top: calc(var(--device-width)*-1 - var(--logo-width)*-1 - -2px)\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset.no-top-offset-small {\n                margin-top: 0\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset-horizontal {\n                margin-left: -16px\n            }\n        }\n\n        .section-ios .justify-self-end {\n            justify-self: end\n        }\n\n        .section-ios .image-screen-1 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-1 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-2 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-2 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-3 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-4 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-5 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-5 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-6 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-6 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-7 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-7 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-8 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-8 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-9 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-9 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-10 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-10 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-11 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-12 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-13 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-14 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-14 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-15 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-15 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-16 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-16 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-17 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-17 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-18 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-19 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .grid-item-horizontal {\n            width: 375px;\n            height: 185px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal {\n                width: 442px;\n                height: 220px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal {\n                width: 270px;\n                height: 136px\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 442px;\n                height: 220px;\n                background-size: 442px 220px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 270px;\n                height: 136px;\n                background-size: 270px 136px;\n                background-repeat: no-repeat;\n            }\n            .ios-grid-item-1,\n            .ios-grid-item-2,\n            .ios-grid-item-10,\n            .ios-grid-item-17 {\n              display: none;\n            }\n\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-horizontal:before {\n            width: 500px;\n            height: 290px;\n            background-size: 485px 276px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            left: 0;\n            top: 0;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 568px;\n                height: 382px;\n                background-size: 568px 382px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 332px;\n                height: 222px;\n                background-size: 332px 222px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -19px;\n                top: -17px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -5px;\n                top: -4px\n            }\n        }\n\n        .section-ios .grid-item-vertical {\n            width: 185px;\n            height: 552px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical {\n                width: 220px;\n                height: 442px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical {\n                width: 134px;\n                height: 270px\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-hardware {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 220px;\n                height: 442px;\n                background-size: 220px 442px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 134px;\n                height: 270px;\n                background-size: 134px 270px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-vertical:before {\n            width: 300px;\n            height: 500px;\n            background-size: 276px 485px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            left: 0;\n            top: 0;\n            opacity: 1;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                width: 382px;\n                height: 568px;\n                background-size: 382px 568px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                width: 222px;\n                height: 332px;\n                background-size: 222px 332px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                left: -17px;\n                top: -19px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                left: -8px;\n                top: -10px\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n\n            .section-ios .grid-item-horizontal,\n            .section-ios .grid-item-vertical,\n            .section-ios .glass-container {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .grid-item-horizontal,\n        html.enhance-ios .section-ios .grid-item-vertical,\n        html.enhance-ios .section-ios .glass-container {\n            opacity: 0\n        }\n\n        .section-ios .glass-screen {\n            border-radius: 27px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .glass-screen {\n                border-radius: 20px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .glass-screen {\n                border-radius: 17px\n            }\n        }\n\n        .section-ios .ios-content {\n            box-sizing: border-box;\n            padding: calc(var(--grid-gap)\/2) calc(var(--grid-gap)\/2) 0 calc(var(--grid-gap)\/2);\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        .section-ios .ios-content-img {\n            width: 50px;\n            height: 50px;\n        }\n        .section-ios .ios-content-title {\n            font-family: 'RoadRadio';\n            font-weight: 700;\n            font-size: 56px;\n            line-height: 64px;\n            color: #191919;    \n            margin-top: 25px;\n            max-width: 424px;\n        }\n        .section-ios .ios-content-title > * {\n            margin: 0;\n        }\n        .section-ios .ios-content-text {\n            margin-top: 16px;\n            font-family: 'Proxima Nova';\n            font-style: normal;\n            font-weight: 600;\n            font-size: 16px;\n            line-height: 24px;\n        }\n        .section-ios .ios-content-btn {\n            font-family: 'RoadRadio';\n            background: #EE4046;\n            border-radius: 2px;\n            font-weight: 700;\n            font-size: 16px;\n            line-height: 16px;\n            letter-spacing: 1px;\n            color: #FFFFFF;\n            padding: 20px 46px;\n            text-align: center;\n            margin-top: 40px;\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-content {\n                padding-top: calc(52px - var(--grid-gap));\n                margin: 0 auto;\n                max-width: 87.5vw;\n                padding-left: 0;\n                padding-right: 0\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-content [data-animate-ios-content] {\n            opacity: 0\n        }\n\n        .section-ios .ios-intro {\n            margin-top: 80px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-intro {\n                margin-top: 35px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-intro {\n                margin-top: 0\n            }\n        }\n\n        .section-ios .ios-availability {\n            color: #6e6e73\n        }\n    <\/style>\n\n    <section class=\"section section-ios\" id=\"section-ios-2\">\n        <div class=\"ios-grid\">\n            <figure  class=\"ios-grid-item ios-grid-item-logo\" id=\"ios-grid-item-logo\" style=\"transform: matrix(1, 0, 0, 1, 0, 0);background-image: url('https:\/\/devlight.io\/wp-content\/uploads\/2022\/06\/eq_icon-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\/09\/Group-33554-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-2 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-2\" id=\"image-screen-2\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33524.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-3 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-3\" id=\"image-screen-3\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33551.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-4 ios-grid-item-horizontal ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-horizontal image-screen-4\" id=\"image-screen-4\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33552.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-5 ios-grid-item-vertical align-self-end small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-5\" id=\"image-screen-5\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33553.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-6 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-6\" id=\"image-screen-6\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33659.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(7816);\"><\/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(7818);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-9 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-9\" id=\"image-screen-9\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33553.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-10 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-10\" id=\"image-screen-10\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33559-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\/09\/Group-33558.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-12 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-12\" id=\"image-screen-12\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33557.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-13 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-13\" id=\"image-screen-13\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33556.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-14 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-14\" id=\"image-screen-14\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33563.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-15 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small medium-hide small-show\">\n                <div class=\"glass-container grid-item-horizontal image-screen-15\" id=\"image-screen-15\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33555-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(7825);\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-17 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-17\" id=\"image-screen-17\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33561-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-18 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small justify-self-end\">\n                <div class=\"glass-container grid-item-horizontal image-screen-18\" id=\"image-screen-18\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/Group-33555-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(7826);\"><\/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\/uploads\/2022\/06\/image-265.svg\" alt=\"heart\" width=\"50\" height=\"50\">\n                    <div class=\"ios-content-title\"><h2>Thanks for<br \/>\nwatching !<\/h2><\/div>\n                    <div class=\"ios-content-text\">\n                        Boost your compan\u2019ys <br> productivity                     \n                    <\/div>\n                    <a style=\"background-color: #007aff\"\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>Nova Poshta<\/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:#e02623\">\r\n                                                    <div class=\"footer-circle-img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/09\/iPhone-13-Pro-Max-5.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\/nova-poshta\/\">\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\/nova-poshta\/\">click and hold<\/a>\r\n                 \r\n                                    <div class=\"footer__year-pro\">\r\n                    \u00a9 2020                    <\/div>\r\n                 \r\n            <\/div>\r\n         \r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>","protected":false},"featured_media":0,"parent":0,"template":"","class_list":["post-8188","case_studies","type-case_studies","status-publish","","services_tax-healthcare"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design the app that develops emotional intelligence - 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\/emotional\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design the app that develops emotional intelligence - Devlight\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devlight.io\/portfolio\/emotional\/\" \/>\n<meta property=\"og:site_name\" content=\"Devlight\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-12T13:38:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devlight.io\/wp-content\/uploads\/2022\/12\/P22.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\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\/emotional\/\",\"url\":\"https:\/\/devlight.io\/portfolio\/emotional\/\",\"name\":\"Design the app that develops emotional intelligence - Devlight\",\"isPartOf\":{\"@id\":\"https:\/\/devlight.io\/#website\"},\"datePublished\":\"2022-09-28T12:19:59+00:00\",\"dateModified\":\"2024-01-12T13:38:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/emotional\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devlight.io\/portfolio\/emotional\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devlight.io\/portfolio\/emotional\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devlight.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design the app that develops emotional intelligence\"}]},{\"@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":"Design the app that develops emotional intelligence - 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\/emotional\/","og_locale":"en_US","og_type":"article","og_title":"Design the app that develops emotional intelligence - Devlight","og_url":"https:\/\/devlight.io\/portfolio\/emotional\/","og_site_name":"Devlight","article_modified_time":"2024-01-12T13:38:05+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/devlight.io\/wp-content\/uploads\/2022\/12\/P22.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\/emotional\/","url":"https:\/\/devlight.io\/portfolio\/emotional\/","name":"Design the app that develops emotional intelligence - Devlight","isPartOf":{"@id":"https:\/\/devlight.io\/#website"},"datePublished":"2022-09-28T12:19:59+00:00","dateModified":"2024-01-12T13:38:05+00:00","breadcrumb":{"@id":"https:\/\/devlight.io\/portfolio\/emotional\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devlight.io\/portfolio\/emotional\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devlight.io\/portfolio\/emotional\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devlight.io\/"},{"@type":"ListItem","position":2,"name":"Design the app that develops emotional intelligence"}]},{"@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\/8188","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:attachment":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/media?parent=8188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}