{"id":26399,"date":"2024-09-13T03:14:34","date_gmt":"2024-09-12T16:14:34","guid":{"rendered":"https:\/\/oven.vn\/?page_id=26399"},"modified":"2025-09-08T13:33:46","modified_gmt":"2025-09-08T02:33:46","slug":"about","status":"publish","type":"page","link":"https:\/\/oven.vn\/vi\/about\/","title":{"rendered":"V\u1ec1 OVEN"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"26399\" class=\"elementor elementor-26399\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef2712f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ef2712f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0947983\" data-id=\"0947983\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-n850xwn elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"n850xwn\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4292f5a\" data-id=\"4292f5a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62fca21 elementor-widget elementor-widget-html\" data-id=\"62fca21\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"about-intro\">\n      <style>\n        @import url(\"https:\/\/fonts.cdnfonts.com\/css\/tt-ramillas-trl\");\n        * {\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n        }\n        .about-intro {\n          background-image: url(\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/OVEN-Site-2.png\");\n          background-size: cover;\n          background-position: center;\n          background-repeat: no-repeat;\n          min-height: 100vh;\n        }\n        .about-intro .container-aff {\n          max-width: 1440px;\n          margin: 0 auto;\n          padding: 100px 20px;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          gap: 20px;\n          height: 100%;\n        }\n\n        .about-intro h1 {\n          font-size: clamp(40px, 8vw, 78px);\n          color: #ff6347;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 0.6s;\n        }\n        .about-intro h2 {\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-size: 24px;\n          font-weight: 700;\n          font-size: clamp(24px, 5vw, 32px);\n          color: #ff6347;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 0.6s;\n        }\n        .about-intro.visible h2 {\n          transform: translateY(0);\n          opacity: 1;\n        }\n        .about-intro.visible h1 {\n          transform: translateY(0);\n          opacity: 1;\n        }\n        .about-intro h1 span {\n          font-weight: 800;\n        }\n        .about-intro .contact-intro-img {\n          width: 100%;\n          height: auto;\n          max-width: 300px;\n          opacity: 0;\n          transform: translateX(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 1.2s;\n        }\n        .about-intro.visible .contact-intro-img {\n          transform: translateX(0);\n          opacity: 1;\n        }\n\n        .about-intro p {\n          font-size: clamp(16px, 5vw, 24px);\n          color: #ff6347;\n          line-height: 1.6;\n          margin: 0 auto;\n          font-family: Arial, sans-serif;\n          text-align: center;\n          max-width: 1100px;\n          opacity: 0;\n          transform: translateY(50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          line-height: 1.6;\n          transition-delay: 1.8s;\n        }\n        .about-intro.visible p {\n          transform: translateY(0);\n          opacity: 1;\n        }\n        .about-intro .btn-container-about-intro {\n          text-align: center;\n          opacity: 0;\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 2.4s;\n        }\n        .about-intro .about-intro-button {\n          display: inline-block;\n          padding: 15px 60px;\n          background-color: transparent;\n          color: #ff6347;\n          border: 2px solid #ff6347;\n          border-radius: 100px;\n          text-decoration: none;\n          transition: all 0.3s;\n          font-family: Arial, sans-serif;\n          font-size: 26px;\n          transition-delay: 0s;\n        }\n        .about-intro.visible .btn-container-about-intro {\n          opacity: 1;\n        }\n        .about-intro .about-intro-button:hover {\n          color: #fff;\n          background-color: #ff6347;\n        }\n      <\/style>\n      <div class=\"container-aff\">\n        <h1>Welcome to <span>OVEN<\/span><\/h1>\n        <h2>where tech meets pizzazz and innovation gets a dash of fun!<\/h2>\n        <img decoding=\"async\"\n          src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/39.png\"\n          alt=\"OVEN-icon\"\n          class=\"contact-intro-img\"\n        \/>\n        <p>\n          <span>\n            We believe that technology doesn\u2019t have to be mundane \u2014 it can be\n            exciting, creative, and even a little bit fun! <\/span\n><br \/>\n          <span>\n            Think of us as your digital chefs, whipping up innovative web and\n            mobile applications with creativity, agility, and a splash of fun. <\/span\n><br \/>\n          <span>\n            We\u2019re here to turn your wildest ideas into reality, and we\u2019re\n            passionate about making the process as engaging and dynamic as the\n            results. Let\u2019s break down barriers together and cook up something\n            extraordinary! <\/span\n><br \/>\n          <span\n            >Here\u2019s to making technology a delightful adventure for all!<\/span\n>\n        <\/p>\n        <div class=\"btn-container-about-intro\">\n          <a href=\"https:\/\/oven.vn\/vi\/contact\/?section=contact-form\/\" target=\"_blank\" class=\"about-intro-button\"\n            >Work with us<\/a\n>\n        <\/div>\n      <\/div>\n      <script>\n        const observerInfor = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"visible\");\n              }\n            });\n          },\n          { threshold: 0.1 }\n        );\n\n        observerInfor.observe(document.querySelector(\".about-intro\"));\n      <\/script>\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-wrcpxpe elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"wrcpxpe\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a8c8ff0\" data-id=\"a8c8ff0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-731d5a9 elementor-widget elementor-widget-html\" data-id=\"731d5a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"philosophy\">\n      <style>\n        @import url(\"https:\/\/fonts.cdnfonts.com\/css\/tt-ramillas-trl\");\n        * {\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n        }\n        body {\n          font-family: Arial, sans-serif;\n        }\n        .philosophy {\n          background: #f55d27;\n        }\n        .philosophy .container {\n          max-width: 1440px;\n          margin: 0 auto;\n          padding: 100px 20px;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          opacity: 0;\n          transform: translateY(50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n        .philosophy.visible .container {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .philosophy h1 {\n          font-size: clamp(40px, 8vw, 78px);\n          color: #fff;\n          margin-bottom: 10px;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 0.2s;\n        }\n        .philosophy.visible h1 {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .philosophy h1 span {\n          font-style: italic;\n          font-weight: 800;\n        }\n        .philosophy p {\n          font-size: clamp(16px, 5vw, 24px);\n          color: #fff;\n          line-height: 1.6;\n          font-family: Arial, sans-serif;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 0.4s;\n        }\n        .philosophy.visible p {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .philosophy .services {\n          margin-top: 30px;\n          display: flex;\n          flex-direction: column;\n        }\n        .philosophy .service-container {\n          display: flex;\n          align-items: center;\n          flex-direction: column;\n          opacity: 0;\n          transform: translateY(50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n        .philosophy.visible .service-container {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .philosophy .service {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          margin-bottom: 20px;\n          width: 100%;\n        }\n        .philosophy .service-number {\n          font-size: clamp(3em, 8vw, 4em);\n          font-weight: 100;\n          color: #fff;\n          margin-bottom: 10px;\n          line-height: 1;\n          font-family: Arial, sans-serif;\n        }\n        .philosophy .service-content {\n          width: 100%;\n        }\n        .philosophy .service .h2 {\n          font-size: clamp(24px, 5vw, 32px);\n          margin-bottom: 10px;\n          color: #fff;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n        }\n        .philosophy .service-content .p {\n          font-size: clamp(1.1em, 5vw, 1.3em);\n          color: #fff;\n          line-height: 1.6;\n          font-family: Arial, sans-serif;\n          font-weight: lighter;\n        }\n        .philosophy .service-content b {\n          font-size: clamp(1.1em, 5vw, 1.3em);\n        }\n        .philosophy .service-container img {\n          width: 100%;\n          height: auto;\n          max-width: 550px;\n          order: 2;\n          opacity: 0;\n          transform: translateX(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n        .philosophy.visible .service-container img {\n          opacity: 1;\n          transform: translateX(0);\n        }\n\n        @media (min-width: 768px) {\n          .philosophy .service-container {\n            flex-direction: row;\n          }\n          .philosophy .service-container:nth-child(even) {\n            flex-direction: row-reverse;\n          }\n          .philosophy .service-container img {\n            order: unset;\n          }\n          .philosophy .service {\n            flex-direction: row;\n            align-items: flex-start;\n          }\n          .philosophy .service-number {\n            margin-right: 40px;\n            margin-bottom: 0;\n          }\n        }\n      <\/style>\n      <div class=\"container\">\n        <h1>Our <span>philosophy<\/span><\/h1>\n        <p>\n          At OVEN, our philosophy is like our secret recipe\u2014unique, bold, and\n          designed to make a big impact. We're here to cook up a digital\n          revolution and serve up a world without barriers.\n        <\/p>\n        <div class=\"services\">\n          <div class=\"service-container\" style=\"transition-delay: 1.5s\">\n            <div class=\"service\">\n              <div class=\"service-number\">VISION<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">No Digital Divide<\/div>\n                <div class=\"p\">\n                  We're on a quest to smash through the five barriers of the\n                  digital divide\u2014Social, Economic, Geographical, Approach, and\n                  Culture\u2014by serving up solutions that everyone can enjoy. Our\n                  goal? To spice up the digital world so that everyone gets a\n                  taste of modern solutions and opportunities. Think of us as\n                  your digital matchmakers, bringing technology to everyone's\n                  doorstep!\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/33.png\"\n              alt=\"No Digital Divide\"\n              style=\"transition-delay: 0.8s\"\n            \/>\n          <\/div>\n\n          <div class=\"service-container\" style=\"transition-delay: 2.5s\">\n            <div class=\"service\">\n              <div class=\"service-number\">MISSION<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Input & Output Most Effectively<\/div>\n                <div class=\"p\">\n                  We turn stumbles into dance moves and mishaps into triumphs,\n                  helping you avoid the mess and savor the success. With us,\n                  you'll navigate challenges like a pro and celebrate wins with\n                  style.\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/34.png\"\n              alt=\"Input & Output Most Effectively\"\n              style=\"transition-delay: 1.2s\"\n            \/>\n          <\/div>\n\n          <div class=\"service-container\" style=\"transition-delay: 3.5s\">\n            <div class=\"service\">\n              <div class=\"service-number\">VALUE<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Act, Bold, Change, Disrupt<\/div>\n                <div class=\"p\">\n                  <b>A<\/b>ct like you mean it<br \/>\n                  <b>B<\/b>e Bold and daring<br \/>\n                  <b>C<\/b>hange things up with flair<br \/>\n                  and<br \/>\n                  <b>D<\/b>isrupt the old ways with a bang<br \/>\n                  Let's shake things up and create something amazing together!\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/35.png\"\n              alt=\"Act, Bold, Change, Disrupt\"\n              style=\"transition-delay: 1.6s\"\n            \/>\n          <\/div>\n        <\/div>\n      <\/div>\n      <script>\n        const observer = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"visible\");\n              }\n            });\n          },\n          { threshold: 0.1 }\n        );\n\n        observer.observe(document.querySelector(\".philosophy\"));\n      <\/script>\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-q4lni13 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"q4lni13\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a8c8ff0\" data-id=\"a8c8ff0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19428f9 elementor-widget elementor-widget-html\" data-id=\"19428f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"process\">\n      <style>\n        @import url(\"https:\/\/fonts.cdnfonts.com\/css\/tt-ramillas-trl\");\n        * {\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n        }\n        .process {\n          background-image: url(\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/bitmap.png\");\n          background-size: cover;\n          background-position: center;\n          background-repeat: no-repeat;\n          padding: 60px 20px;\n          position: relative;\n          overflow: hidden;\n        }\n        .process .container {\n          max-width: 1400px;\n          margin: 0 auto;\n          line-height: 1.6;\n          z-index: 10;\n        }\n        .process h1 {\n          font-size: clamp(40px, 8vw, 78px);\n          margin-bottom: 20px;\n          color: #1a115c;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.5s, transform 0.5s;\n        }\n        .process h1.animate {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .process h1 span {\n          font-weight: 700;\n          font-style: italic;\n        }\n        .process .intro {\n          font-size: clamp(1.1em, 5vw, 1.3em);\n          margin-bottom: 60px;\n          color: #1a115c;\n          font-family: Arial, sans-serif;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.5s, transform 0.5s;\n        }\n        .process .intro.animate {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .process .services {\n          display: flex;\n          flex-direction: column;\n          gap: 30px;\n        }\n        .process .service-container {\n          display: flex;\n          flex-direction: column;\n          opacity: 0;\n          transition: opacity 0.5s, transform 0.5s;\n        }\n        .process .service-container.animate {\n          opacity: 1;\n          transform: translateX(0);\n        }\n        .process .service {\n          display: flex;\n          align-items: flex-start;\n          margin-bottom: 20px;\n        }\n        .process .service-number {\n          font-size: clamp(3em, 8vw, 4em);\n          font-weight: normal;\n          color: #1a115c;\n          margin-right: 20px;\n          line-height: 1;\n          font-family: Arial, sans-serif;\n        }\n        .process .service-content {\n          flex: 1;\n          opacity: 0;\n          transition: opacity 0.5s, transform 0.5s;\n        }\n        .process .h2 {\n          font-size: clamp(24px, 5vw, 32px);\n          margin-bottom: 10px;\n          color: #1a115c;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n        }\n        .process .service-content img {\n          width: 100%;\n          height: auto;\n          max-width: 300px;\n          margin: 20px 0;\n        }\n        .process .service-content .p {\n          color: #1a115c;\n          font-family: Arial, sans-serif;\n          font-size: clamp(1.1em, 5vw, 1.3em);\n        }\n        .process .thumb-first {\n          display: none;\n        }\n        .process .thumb-second {\n          display: block;\n        }\n        .process img {\n          max-width: 350px;\n          display: block;\n          align-self: center;\n          opacity: 0;\n          transform: translateX(-50px);\n          transition: opacity 0.5s, transform 0.5s;\n        }\n        .process img.animate {\n          opacity: 1;\n          transform: translateX(0);\n        }\n        .process .puzzle-container {\n          display: none;\n        }\n        .process .extern {\n          margin-top: 50px;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-direction: column;\n          text-align: center;\n        }\n        .process .extern h3 {\n          font-size: clamp(24px, 5vw, 32px);\n          font-weight: normal;\n          color: #1a115c;\n        }\n        .process .extern .extern-button {\n          display: inline-block;\n          padding: 15px 60px;\n          background-color: transparent;\n          color: #1a115c;\n          border: 2px solid #1a115c;\n          border-radius: 100px;\n          text-decoration: none;\n          margin-top: 20px;\n          transition: all 0.3s;\n          font-family: Arial, sans-serif;\n          font-size: 26px;\n        }\n        .process .extern .extern-button:hover {\n          color: #fff;\n          background-color: #1a115c;\n        }\n        .process .backdrop-thumb {\n          display: none;\n        }\n\n        .process .service-content {\n          opacity: 0;\n          transform: translateY(50px);\n          transition: opacity 0.5s, transform 0.5s;\n        }\n        .process .service-content.animate {\n          opacity: 1;\n          transform: translateY(0);\n        }\n\n        @media (min-width: 868px) {\n          .process .backdrop-thumb {\n            align-self: center;\n            z-index: 3;\n            position: absolute;\n            bottom: -10%;\n            right: 100%;\n            transform: translateX(60%);\n            width: 800px;\n            max-width: 100%;\n            display: block !important;\n            opacity: 1;\n          }\n          .process .thumb-first {\n            display: block;\n          }\n          .process .thumb-second {\n            display: none;\n          }\n          .process .services {\n            flex-direction: column;\n            flex-wrap: wrap;\n          }\n          .process .service-container {\n            flex-basis: calc(50% - 15px);\n          }\n          .process .extern {\n            flex-direction: row;\n            text-align: left;\n          }\n          .process .extern h3 {\n            margin-bottom: 20px;\n          }\n          .extern-button {\n            margin-top: 0;\n          }\n        }\n        @media (min-width: 1024px) {\n          .process .puzzle-container {\n            display: block;\n          }\n          .process .services {\n            flex-direction: row;\n          }\n          .process .service-container {\n            flex-basis: calc(33.333% - 20px);\n            overflow: visible;\n          }\n        }\n      <\/style>\n      <div class=\"container\">\n        <h1>What <span class=\"\">process - 6D<\/span><\/h1>\n        <div class=\"intro\">\n          Ready to cook up something amazing? Here\u2019s how we whip up your perfect\n          digital dish:\n        <\/div>\n\n        <div class=\"services\">\n          <div\n            class=\"service-container\"\n            style=\"position: relative; z-index: 10\"\n          >\n            <div class=\"service\">\n              <div class=\"service-number\">01<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Discover<\/div>\n                <div class=\"p\">\n                  We start with a deep dive into your challenges\u2014like a flavor\n                  consultation for your tech cravings. We chat, listen, and\n                  figure out exactly what\u2019s missing from your digital menu.\n                  <br \/>It\u2019s like a gourmet menu tasting, but for your tech\n                  needs!\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/20.png\"\n              alt=\"Agile icon\"\n              style=\"align-self: center; z-index: 2\"\n            \/>\n          <\/div>\n\n          <div class=\"service-container\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/21.png\"\n              alt=\"Feedback icon\"\n              class=\"thumb-first\"\n            \/>\n            <div class=\"service\">\n              <div class=\"service-number\">02<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Define<\/div>\n                <div class=\"p\">\n                  Time to craft our game plan! We create a detailed recipe by\n                  clarifying the tasks and performance needs. It\u2019s like setting\n                  the table with all the right ingredients, from understanding\n                  your current system to designing the perfect blueprint.\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/21.png\"\n              alt=\"Feedback icon\"\n              class=\"thumb-second\"\n            \/>\n          <\/div>\n\n          <div class=\"service-container\">\n            <div class=\"service\">\n              <div class=\"service-number\">03<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Design<\/div>\n                <div class=\"p\">\n                  Here\u2019s where we put on our chef hats and sketch out the specs.\n                  We decide on the input\/output, processing methods, and all the\n                  essential details. Think of it as designing your dish with\n                  flair\u2014everything from the garnish to the main course.\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/22.png\"\n              alt=\"Data icon\"\n            \/>\n          <\/div>\n        <\/div>\n\n        <div\n          class=\"services\"\n          style=\"margin-top: 100px; position: relative; z-index: 10\"\n        >\n          <img decoding=\"async\"\n            src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/25-1-1.png\"\n            alt=\"Agile icon\"\n            class=\"backdrop-thumb\"\n          \/>\n          <div class=\"service-container\">\n            <div class=\"service\">\n              <div class=\"service-number\">04<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Develop<\/div>\n                <div class=\"p\">\n                  Now, the real fun begins! Our team gets busy coding up a\n                  storm, turning our recipe into a delicious reality. We mix and\n                  match languages like spices, ensuring everything\u2019s perfectly\n                  seasoned and ready to shine.\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/24-1-1.png\"\n              alt=\"Agile icon\"\n              style=\"align-self: center; z-index: 2\"\n            \/>\n          <\/div>\n\n          <div class=\"service-container\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/24.png\"\n              alt=\"Feedback icon\"\n              class=\"thumb-first\"\n            \/>\n            <div class=\"service\">\n              <div class=\"service-number\">05<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Feedback Loop<\/div>\n                <div class=\"p\">\n                  Before we serve up your creation, we give it a rigorous taste\n                  test\u2014unit, integration, system, and operation tests. We ensure\n                  it\u2019s not just good, but absolutely scrumptious.\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/24.png\"\n              alt=\"Feedback icon\"\n              class=\"thumb-second\"\n            \/>\n          <\/div>\n\n          <div class=\"service-container\">\n            <div class=\"service\">\n              <div class=\"service-number\">06<\/div>\n              <div class=\"service-content\">\n                <div class=\"h2\">Deliver<\/div>\n                <div class=\"p\">\n                  Voil\u00e0! Your project is served, complete with operation\n                  manuals, design documents, and all the extra touches. It\u2019s\n                  like presenting a gourmet dish with a recipe card for future\n                  success.\n                <\/div>\n              <\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/25.png\"\n              alt=\"Data icon\"\n            \/>\n          <\/div>\n        <\/div>\n\n        <div class=\"extern\">\n          <div class=\"h2\">\n            Ready to taste the magic of a perfectly executed digital\n            solution?<br \/>\n            Contact us today, and let\u2019s cook up something amazing together!\n          <\/div>\n          <a href=\"https:\/\/oven.vn\/vi\/contact\/?section=contact-form\/\" target=\"_blank\" class=\"extern-button\">Work with us<\/a>\n        <\/div>\n      <\/div>\n      <script>\n        document.addEventListener(\"DOMContentLoaded\", (event) => {\n          const observerOptions = {\n            root: null,\n            rootMargin: \"0px\",\n            threshold: 0.1,\n          };\n\n          const observer = new IntersectionObserver((entries, observer) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"animate\");\n                observer.unobserve(entry.target);\n              }\n            });\n          }, observerOptions);\n\n          \/\/ Observe the heading and intro\n          const heading = document.querySelector(\".process h1\");\n          const intro = document.querySelector(\".process .intro\");\n          observer.observe(heading);\n          observer.observe(intro);\n\n          \/\/ Observe service containers\n          const serviceContainers =\n            document.querySelectorAll(\".service-container\");\n          serviceContainers.forEach((container) => {\n            observer.observe(container);\n          });\n\n          \/\/ Observe service content\n          const serviceContents = document.querySelectorAll(\".service-content\");\n          serviceContents.forEach((content) => {\n            observer.observe(content);\n          });\n\n          \/\/ Observe images\n          const images = document.querySelectorAll(\".service-container img\");\n          images.forEach((img) => {\n            observer.observe(img);\n          });\n        });\n      <\/script>\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-vc25mj8 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"vc25mj8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a8c8ff0\" data-id=\"a8c8ff0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ddee2cd elementor-widget elementor-widget-html\" data-id=\"ddee2cd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t <div class=\"whyus\">\n      <style>\n        @import url(\"https:\/\/fonts.cdnfonts.com\/css\/tt-ramillas-trl\");\n        * {\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n        }\n        body {\n          font-family: Arial, sans-serif;\n        }\n        .whyus {\n          background-image: url(\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/15.png\");\n          background-size: cover;\n          background-position: center;\n          background-repeat: no-repeat;\n        }\n        .whyus .container {\n          max-width: 1440px;\n          margin: 0 auto;\n          padding: 50px 20px;\n          opacity: 0;\n          transform: translateY(50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n        .whyus.visible .container {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .whyus h1 {\n          font-size: clamp(32px, 8vw, 78px);\n          color: #ff6347;\n          margin-bottom: 10px;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 0.6s;\n        }\n        .whyus.visible h1 {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .whyus h1 span {\n          font-style: italic;\n          font-weight: 800;\n        }\n        .whyus h2 {\n          font-size: clamp(16px, 5vw, 24px);\n          color: #ff6347;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal !important;\n          line-height: 1.6;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 1s;\n          margin-top: 60px;\n        }\n        .whyus.visible h2 {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .whyus .container-box {\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          margin-top: 60px;\n        }\n        .whyus .value-item {\n          flex-basis: 100%;\n          text-align: left;\n          line-height: 1.6;\n          opacity: 0;\n          transform: translateY(50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n        .whyus.visible .value-item {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .whyus .icon {\n          width: 100%;\n          height: auto;\n          opacity: 0;\n          transform: translateX(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n        .whyus.visible .icon {\n          opacity: 1;\n          transform: translateX(0);\n        }\n        .whyus p.value-title {\n          font-size: clamp(24px, 5vw, 32px);\n          color: #ff6347;\n          margin-bottom: 20px;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal !important;\n          line-height: 1;\n          text-align: center;\n        }\n        .whyus p.sub-title-intro {\n          margin-top: 20px;\n          color: #ff6347;\n          font-size: clamp(1.1em, 5vw, 1.3em);\n        }\n\n        @media (min-width: 868px) {\n          .whyus .container {\n            padding: 80px 20px;\n          }\n          .whyus .value-item {\n            flex-basis: calc(50% - 30px);\n          }\n        }\n\n        @media (min-width: 1024px) {\n          .whyus .container {\n            padding: 100px 20px;\n          }\n          .whyus .value-item {\n            flex-basis: calc(25% - 40px);\n          }\n        }\n      <\/style>\n      <div class=\"container\">\n        <h1>Why <span>choose us?<\/span><\/h1>\n        <h2>\n          At OVEN, we're more than just a tech company\u2014we're your digital\n          culinary maestros, crafting solutions with flair and innovation.\n          Here's why choosing us is like choosing a five-star \"tech dining\"\n          experience:\n        <\/h2>\n        <div class=\"container-box\">\n          <div class=\"value-item\" style=\"transition-delay: 1.6s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/29.png\"\n              alt=\"Agile Alchemy Icon\"\n              class=\"icon\"\n            \/>\n            <p class=\"value-title\">Agile<br \/>\u300cAlchemy\u300d<\/p>\n            <p class=\"sub-title-intro\">\n              We mix flexibility and efficiency like a top chef. Our Agile\n              approach ensures your project is always on point, with every\n              detail fine-tuned to your taste.\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 2.2s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/30.png\"\n              alt=\"Innovative Recipes Icon\"\n              class=\"icon\"\n            \/>\n            <p class=\"value-title\">Innovative<br \/>\u300cRecipes\u300d<\/p>\n            <p class=\"sub-title-intro\">\n              We don't just follow trends\u2014we set them. Our team constantly\n              experiments with the latest tools, making sure your app is fresh,\n              exciting, and ready to steal the show.\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 2.8s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/31.png\"\n              alt=\"Customer-Centric Cuisine Icon\"\n              class=\"icon\"\n            \/>\n            <p class=\"value-title\">Customer-Centric<br \/>\u300cCuisine\u300d<\/p>\n            <p class=\"sub-title-intro\">\n              You're the head chef here. From start to finish, we're your trusty\n              sous-chefs, ensuring every step is tailored to your needs. Your\n              satisfaction is our secret ingredient.\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 3.4s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/32.png\"\n              alt=\"Collaborative Kitchen Icon\"\n              class=\"icon\"\n            \/>\n            <p class=\"value-title\">Collaborative<br \/>\u300cKitchen\u300d<\/p>\n            <p class=\"sub-title-intro\">\n              Great things come from great teamwork. Our diverse team blends\n              skills and ideas to create digital solutions that are both\n              innovative and impactful.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <script>\n        observer.observe(document.querySelector(\".whyus\"));\n      <\/script>\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fmunnqg elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"fmunnqg\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a8c8ff0\" data-id=\"a8c8ff0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08cae87 elementor-widget elementor-widget-html\" data-id=\"08cae87\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"statistic\">\n      <style>\n        @import url(\"https:\/\/fonts.cdnfonts.com\/css\/tt-ramillas-trl\");\n        * {\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n          line-height: 1.6;\n        }\n        .statistic {\n          background-image: url(\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/17.png\");\n          background-size: cover;\n          background-position: center;\n          background-repeat: no-repeat;\n        }\n        .statistic .container {\n          max-width: 1440px;\n          margin: 0 auto;\n          padding: 50px 20px;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n        }\n        .statistic h1 {\n          font-size: clamp(40px, 8vw, 78px);\n          color: #ff6347;\n          margin-bottom: 10px;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 0.6s;\n        }\n        .statistic.visible h1 {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .statistic h1 span {\n          font-style: italic;\n          font-weight: 800;\n        }\n        .statistic h2 {\n          font-size: clamp(18px, 3vw, 32px);\n          color: #ff6347;\n          margin-bottom: 20px;\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          font-weight: normal !important;\n          text-align: center;\n          opacity: 0;\n          transform: translateY(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 1.2s;\n        }\n        .statistic.visible h2 {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .statistic .container-box {\n          width: 100%;\n          margin: 0 auto;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n        }\n        .statistic .stat-item {\n          flex-basis: 100%;\n          text-align: center;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          margin-bottom: 30px;\n        }\n        .statistic .text {\n          width: 300px;\n        }\n        .statistic .stat-number {\n          font-size: clamp(40px, 8vw, 78px);\n          color: #ff6347;\n          font-family: Arial, Helvetica, sans-serif;\n          font-weight: 700;\n          line-height: 1;\n          text-align: start;\n        }\n        .statistic .stat-label {\n          color: #ff6347;\n          font-size: clamp(24px, 5vw, 32px);\n          font-family: \"TT Ramillas Trl\", sans-serif;\n          margin-bottom: 20px;\n          line-height: 1;\n          text-align: end;\n          opacity: 0;\n          transform: translateY(50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 1.2s;\n        }\n        .statistic.visible .stat-label {\n          opacity: 1;\n          transform: translateY(0);\n        }\n\n        .statistic .stat-icon {\n          margin: 0 auto;\n          opacity: 0;\n          transform: translateX(-50px);\n          transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n          transition-delay: 1.6s;\n        }\n        .statistic.visible .stat-icon {\n          opacity: 1;\n          transform: translateX(0);\n        }\n\n        @media (min-width: 868px) {\n          .statistic .container {\n            padding: 80px 20px;\n          }\n          .statistic .stat-item {\n            flex-basis: calc(50% - 20px);\n          }\n          .statistic .stat-icon {\n            width: 90px;\n            height: 90px;\n          }\n        }\n\n        @media (min-width: 1024px) {\n          .statistic .container {\n            padding: 100px 20px;\n          }\n          .statistic .stat-item {\n            flex-basis: calc(33.333% - 20px);\n          }\n          .statistic .stat-icon {\n            width: 100%;\n            height: auto;\n          }\n        }\n      <\/style>\n      <div class=\"container\">\n        <h1>Let's <span>crack some numbers<\/span><\/h1>\n        <div class=\"container-box\">\n          <div class=\"stat-item\">\n            <div class=\"text\">\n              <div class=\"stat-number\" id=\"clients\">0%<\/div>\n              <div class=\"stat-label\">Kh\u00e1ch h\u00e0ng h\u00e0i l\u00f2ng v\u1edbi d\u1ecbch v\u1ee5<\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/26.png\"\n              alt=\"Satisfied Clients Icon\"\n              class=\"stat-icon\"\n            \/>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"text\">\n              <div class=\"stat-number\" id=\"projects\">0<\/div>\n              <div class=\"stat-label\">D\u1ef1 \u00e1n th\u00e0nh c\u00f4ng<\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/27.png\"\n              alt=\"Projects Completed Icon\"\n              class=\"stat-icon\"\n            \/>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"text\">\n              <div class=\"stat-number\" id=\"code\">0K+<\/div>\n              <div class=\"stat-label\">M\u00e3 code<\/div>\n            <\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/28.png\"\n              alt=\"Lines of Code Icon\"\n              class=\"stat-icon\"\n            \/>\n          <\/div>\n        <\/div>\n\n        <script>\n          function animateValue(id, start, end, duration) {\n            let range = end - start;\n            let current = start;\n            let increment = end > start ? 1 : -1;\n            let stepTime = Math.abs(Math.floor(duration \/ range));\n            let obj = document.getElementById(id);\n            let timer = setInterval(function () {\n              current += increment;\n              obj.innerHTML =\n                current + (id === \"clients\" ? \"%\" : id === \"code\" ? \"K+\" : \"\");\n              if (current == end) {\n                clearInterval(timer);\n              }\n            }, stepTime);\n          }\n\n          function checkVisibility() {\n            let elements = document.querySelectorAll(\".stat-number\");\n            elements.forEach((element) => {\n              if (!element.hasAttribute(\"data-animated\")) {\n                let rect = element.getBoundingClientRect();\n                let isVisible =\n                  rect.top < window.innerHeight && rect.bottom >= 0;\n                if (isVisible) {\n                  if (element.id === \"clients\")\n                    animateValue(element.id, 0, 100, 2000);\n                  if (element.id === \"projects\")\n                    animateValue(element.id, 0, 16, 2000);\n                  if (element.id === \"code\")\n                    animateValue(element.id, 0, 80, 2000);\n                  element.setAttribute(\"data-animated\", \"true\");\n                }\n              }\n            });\n\n            \/\/ Check if all elements have been animated\n            let allAnimated = Array.from(elements).every((el) =>\n              el.hasAttribute(\"data-animated\")\n            );\n            if (allAnimated) {\n              window.removeEventListener(\"scroll\", checkVisibility);\n            }\n          }\n\n          window.addEventListener(\"scroll\", checkVisibility);\n          window.addEventListener(\"load\", checkVisibility);\n\n          const visibleNumber = new IntersectionObserver(\n            (entries) => {\n              entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                  entry.target.classList.add(\"visible\");\n                }\n              });\n            },\n            { threshold: 0.1 }\n          );\n\n          visibleNumber.observe(document.querySelector(\".statistic\"));\n        <\/script>\n      <\/div>\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9drimgv elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"9drimgv\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4292f5a\" data-id=\"4292f5a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e002d2 elementor-widget elementor-widget-html\" data-id=\"8e002d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <style>\n      @import url('https:\/\/fonts.cdnfonts.com\/css\/tt-ramillas-trl');\n      * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n      }\n      body {\n        font-family: Arial, sans-serif;\n      }\n      .our-team {\n        background-image: url('https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/OVEN-Site-7.png');\n        background-size: contain;\n        background-position: top;\n        background-repeat: repeat;\n      }\n      .our-team .container {\n        max-width: 1440px;\n        margin: 0 auto;\n        padding: 50px 20px;\n        opacity: 0;\n        transform: translateY(50px);\n        transition:\n          opacity 0.6s ease-out,\n          transform 0.6s ease-out;\n      }\n      .our-team.visible .container {\n        opacity: 1;\n        transform: translateY(0);\n      }\n      .our-team h1 {\n        font-size: clamp(32px, 8vw, 78px);\n        color: #1a115c;\n        margin-bottom: 10px;\n        font-family: 'TT Ramillas Trl', sans-serif;\n        font-weight: normal;\n        opacity: 0;\n        transform: translateY(-50px);\n        transition:\n          opacity 0.6s ease-out,\n          transform 0.6s ease-out;\n        transition-delay: 0.2s;\n      }\n      .our-team.visible h1 {\n        opacity: 1;\n        transform: translateY(0);\n      }\n      .our-team h1 span {\n        font-style: italic;\n        font-weight: 800;\n      }\n      .our-team h2 {\n        font-size: clamp(1.1em, 5vw, 1.3em);\n        color: #1a115c;\n        margin-bottom: 20px;\n        font-family: Arial, Helvetica, sans-serif;\n        font-weight: normal !important;\n        line-height: 1.6;\n        opacity: 0;\n        transform: translateY(-50px);\n        transition:\n          opacity 0.6s ease-out,\n          transform 0.6s ease-out;\n        transition-delay: 0.4s;\n      }\n      .our-team.visible h2 {\n        opacity: 1;\n        transform: translateY(0);\n      }\n      .our-team .container-box {\n        margin-top: 50px;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 50px;\n      }\n      .our-team .value-item {\n        flex-basis: 100%;\n        margin-bottom: 40px;\n        text-align: center;\n        line-height: 1.6;\n        font-family: Arial, Helvetica, sans-serif;\n        opacity: 0;\n        transform: translateY(50px);\n        transition:\n          opacity 0.6s ease-out,\n          transform 0.6s ease-out;\n      }\n      .our-team.visible .value-item {\n        opacity: 1;\n        transform: translateY(0);\n      }\n      .our-team .icon {\n        width: 250px;\n        height: 250px;\n        border-radius: 100%;\n        opacity: 0;\n        transform: translateX(-50px);\n        transition:\n          opacity 0.6s ease-out,\n          transform 0.6s ease-out;\n      }\n      .our-team.visible .icon {\n        opacity: 1;\n        transform: translateX(0);\n      }\n      .our-team p.value-title {\n        font-size: clamp(24px, 5vw, 32px);\n        color: #1a115c;\n        font-family: 'TT Ramillas Trl', sans-serif;\n        line-height: 1.6;\n        font-weight: 600;\n        margin: 0px;\n      }\n      .our-team p.value-position {\n        font-size: clamp(16px, 5vw, 24px);\n        color: #1a115c;\n        font-family: Arial, Helvetica, sans-serif;\n        line-height: 1.6;\n        font-weight: normal;\n        margin: 10px 0px 0px 0px;\n      }\n      .our-team p.sub-title-intro {\n        color: #1a115c;\n        font-size: clamp(1.1em, 5vw, 1.3em);\n        margin-bottom: 18px;\n      }\n      .our-team .visible-box {\n        height: 0px;\n      }\n\n      @media (min-width: 868px) {\n        .our-team .container {\n          padding: 80px 20px;\n        }\n        .our-team .value-item {\n          flex-basis: calc(50% - 30px);\n        }\n      }\n\n      @media (min-width: 1024px) {\n        .our-team .visible-box {\n          height: 200px;\n        }\n        .our-team .value-item {\n          text-align: left;\n        }\n        .our-team .container {\n          padding: 100px 20px;\n        }\n        .our-team .value-item {\n          flex-basis: calc(25% - 40px);\n        }\n      }\n    <\/style>\n    <div class=\"our-team\">\n      <div class=\"container\">\n        <h1>Our <span>team<\/span><\/h1>\n        <h2>\n          Our team isn't just a group of tech experts\u2014we're a collective of\n          passionate innovators, creative problem-solvers, and digital\n          enthusiasts dedicated to cooking up extraordinary solutions. Here's a\n          glimpse into the talented individuals who make the magic happen:\n        <\/h2>\n        <div class=\"container-box\">\n          <div class=\"value-item\" style=\"transition-delay: 1s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/42-1.png\"\n              alt=\"Kohei Tokumasu\"\n              class=\"icon\"\n              style=\"transition-delay: 0.8s\"\n            \/>\n            <p class=\"value-title\">Kohei Tokumasu<\/p>\n            <p class=\"value-position\">FOUNDER<\/p>\n            <p class=\"sub-title-intro\" style=\"margin-bottom: 0\">\u300c\u98a8\u6797\u706b\u5c71\u300d<\/p>\n            <p class=\"sub-title-intro\">\u300cF\u016brinkazan\u300d<\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 1.5s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/41-1.png\"\n              alt=\"Chau Thach\"\n              class=\"icon\"\n              style=\"transition-delay: 1s\"\n            \/>\n            <p class=\"value-title\">Chau Thach<\/p>\n            <p class=\"value-position\">CO-FOUNDER<\/p>\n            <p class=\"sub-title-intro\">\n              \u300cS\u1ed1ng trong \u0111\u1eddi s\u1ed1ng, c\u1ea7n c\u00f3 m\u1ed9t t\u1ea5m l\u00f2ng\u300d\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 2s\">\n            <div class=\"visible-box\"><\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/43-1.png\"\n              alt=\"Khanh Vy\"\n              class=\"icon\"\n              style=\"transition-delay: 1.2s\"\n            \/>\n            <p class=\"value-title\">Khanh Vy<\/p>\n            <p class=\"value-position\">CEO<\/p>\n            <p class=\"sub-title-intro\">\u300cHappy go Lucky\u300d<\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 2.5s\">\n            <div class=\"visible-box\"><\/div>\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/44-1.png\"\n              alt=\"Nguyen Le\"\n              class=\"icon\"\n              style=\"transition-delay: 1.4s\"\n            \/>\n            <p class=\"value-title\">Nguyen Le<\/p>\n            <p class=\"value-position\">TECH LEAD<\/p>\n            <p class=\"sub-title-intro\">\u300cEffort is never too late\u300d<\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 3s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/45-1.png\"\n              alt=\"Khai Bui\"\n              class=\"icon\"\n              style=\"transition-delay: 1.6s\"\n            \/>\n            <p class=\"value-title\">Khai Bui<\/p>\n            <p class=\"value-position\">ENGINEER<\/p>\n            <p class=\"sub-title-intro\">\u300cMaking great things possible\u300d<\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 3.5s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/46-1.png\"\n              alt=\"Nghia Nguyen\"\n              class=\"icon\"\n              style=\"transition-delay: 1.8s\"\n            \/>\n            <p class=\"value-title\">Nghia Nguyen<\/p>\n            <p class=\"value-position\">ENGINEER<\/p>\n            <p class=\"sub-title-intro\">\n              \u300cTechnology is best when it brings people together\u300d\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 4s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/47-1.png\"\n              alt=\"Duy Vo\"\n              class=\"icon\"\n              style=\"transition-delay: 2s\"\n            \/>\n            <p class=\"value-title\">Duy Vo<\/p>\n            <p class=\"value-position\">ENGINEER<\/p>\n            <p class=\"sub-title-intro\">\n              \u300cNone of the raindrops falls in the wrong place\u300d\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 4.5s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/48-1.png\"\n              alt=\"Truong Vu\"\n              class=\"icon\"\n              style=\"transition-delay: 2.2s\"\n            \/>\n            <p class=\"value-title\">Truong Vu<\/p>\n            <p class=\"value-position\">ENGINEER<\/p>\n            <p class=\"sub-title-intro\">\n              \u300cDreams don't work unless<br \/>\n              you do\u300d\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 5s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2025\/09\/linh.png\"\n              alt=\"Linh Vu\"\n              class=\"icon\"\n              style=\"transition-delay: 2.4s; width: 250px; height: auto\"\n            \/>\n            <p class=\"value-title\">Linh Vu<\/p>\n            <p class=\"value-position\">ENGINEER<\/p>\n            <p class=\"sub-title-intro\">\n              \u300cIn the middle of every difficulty<br \/>\n              lies opportunity\u300d\n            <\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 5.5s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2025\/09\/long.png\"\n              alt=\"Long Pham\"\n              class=\"icon\"\n              style=\"transition-delay: 2.6s; width: 250px; height: auto\"\n            \/>\n            <p class=\"value-title\">Long Pham<\/p>\n            <p class=\"value-position\">ENGINEER<\/p>\n            <p class=\"sub-title-intro\">\u300cThis too shall pass\u300d<\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 6s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/50-2.png\"\n              alt=\"Son Pham\"\n              class=\"icon\"\n              style=\"transition-delay: 2.8s\"\n            \/>\n            <p class=\"value-title\">Son Pham<\/p>\n            <p class=\"value-position\">ADMIN<\/p>\n            <p class=\"sub-title-intro\">\u300cLess is more\u300d<\/p>\n          <\/div>\n          <div class=\"value-item\" style=\"transition-delay: 6.5s\">\n            <img decoding=\"async\"\n              src=\"https:\/\/oven.vn\/wp-content\/uploads\/2024\/09\/49-2.png\"\n              alt=\"Shingo Sugiura\"\n              class=\"icon\"\n              style=\"transition-delay: 3s\"\n            \/>\n            <p class=\"value-title\">Shingo Sugiura<\/p>\n            <p class=\"value-position\">SALESMAN<\/p>\n            <p class=\"sub-title-intro\">\u300cTime flies\u300d<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script>\n      observer.observe(document.querySelector('.our-team'));\n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Welcome to OVEN where tech meets pizzazz and innovation gets a dash of fun! We believe that technology doesn\u2019t have to be mundane \u2014 it can be exciting, creative, and even a little bit fun! Think of us as your digital chefs, whipping up innovative web and mobile applications with creativity, agility, and a splash &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/oven.vn\/vi\/about\/\"> <span class=\"screen-reader-text\">V\u1ec1 OVEN<\/span> Read More &raquo;<\/a><\/p>","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-26399","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/pages\/26399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/comments?post=26399"}],"version-history":[{"count":279,"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/pages\/26399\/revisions"}],"predecessor-version":[{"id":27929,"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/pages\/26399\/revisions\/27929"}],"wp:attachment":[{"href":"https:\/\/oven.vn\/vi\/wp-json\/wp\/v2\/media?parent=26399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}