{"id":28152,"date":"2024-09-26T18:32:36","date_gmt":"2024-09-26T10:32:36","guid":{"rendered":"https:\/\/visibleone.com\/services\/microsoft-365-office\/"},"modified":"2025-01-28T12:24:23","modified_gmt":"2025-01-28T04:24:23","slug":"microsoft-365","status":"publish","type":"page","link":"https:\/\/visibleone.com\/mm\/services\/microsoft-365-office\/","title":{"rendered":"Microsoft 365"},"content":{"rendered":"\n<div id=\"\" class=\"VOHeroV2 module_container  pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px] text-primary\">\n    <div class=\" relative overflow-hidden px-4 md:px-8 lg:px-24 2xl:px-36  py-16 pb-8 xl:py-20  \">\n        <div class=\"absolute right-0 top-0\">\n            <img decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/visible-one_68fd8708.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[100px] md:w-[150px] lg:w-[180px] xl:w-[200px]\"\/>\n        <\/div>\n        <div class=\"hidden xl:block absolute right-[180px] top-[160px]\">\n            <img decoding=\"async\" width=\"350\" height=\"100\" src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/line_4aa497fd.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[350px]\"\/>\n        <\/div>\n        <div class=\"w-full\">\n            <div class=\"w-full lg:w-[70%] xl:w-[60%] \">\n                            <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>Microsoft 365<\/h1>\n                                        \n                <\/div>\n                <div class=\"my-4 md:my-8 h-2 w-16 bg-themeSecondaryDark\"><\/div>\n                <div class=\"font-light text-secondary fs-lg\">\n                    <div class=\"mt-4 md:mt-8\"><p>Microsoft 365 is the market&#8217;s most comprehensive and secure cloud productivity and collaboration solution.<\/p>\n<\/div>\n                    <div class=\"mt-4\"><p>Your employees will be able to securely and productively collaborate across your organization with an integrated portfolio of tools such as Teams, Sharepoint, and OneDrive, as well as security solutions available through Enterprise Mobility + Security (EMS) products.<\/p>\n<\/div>                <\/div>\n                            <\/div>\n            <button aria-label=\"go to bottom\" class=\"cursor-pointer relative z-10 float-right mt-4 arrow-button\">\n                <img decoding=\"async\" width=\"50\" height=\"66\" src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/downArrow_bc7cafe1.svg\" alt=\"go to below section\" loading=\"lazy\" class=\"w-[60%] md:w-[70%] xl:w-[80%] 2xl:w-[90%] mx-auto\"\/>\n            <\/button>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const heroElement = document.querySelector('.VOHeroV2'); \n\n        function arrowHandler() {\n        if (heroElement) {\n            window.scrollTo(0, heroElement.scrollHeight);\n        }\n        }\n        document.querySelector('.VOHeroV2 .arrow-button').addEventListener('click', arrowHandler);\n    });\n<\/script>\n\n\n<div class=\"text-center StatisticCardV2\" style=\"background-color: #fff;\">\n    <div class=\" mx-auto px-4 xl:px-12 2xl:px-20 py-12 text-primary\">\n        <div class=\"w-full mx-auto md:w-2\/3 xl:w-1\/2 fs-5xl font-semibold\">\n            <h2>Microsoft 365 Statistics <\/h2>\n        <\/div>\n        <div class=\"flex flex-wrap mt-8 md:-mx-2 justify-center\">\n            <div class=\"scv2-counter  w-full min-w-[300px] md:w-[50%] lg:w-[25%] md:px-2 mb-4 flex \">\n                            <div class=\"py-12 transform hover:-translate-y-2 transition px-4 flex-1 card\" style=\"background-color: rgb(255, 255, 255);\">\n                                <div class=\"fs-5xl font-bold mb-2\" style=\"color: rgb(0, 219, 146);\"><span class=\"scv2-count\">47.5<\/span><span>%<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">MICROSOFT OFFICE 365 PRODUCTIVITY SOFTWARE MARKET SHARE <\/p>\n                            <\/div>\n                        <\/div><div class=\"scv2-counter  w-full min-w-[300px] md:w-[50%] lg:w-[25%] md:px-2 mb-4 flex \">\n                            <div class=\"py-12 transform hover:-translate-y-2 transition px-4 flex-1 card\" style=\"background-color: rgb(255, 255, 255);\">\n                                <div class=\"fs-5xl font-bold mb-2\" style=\"color: rgb(0, 219, 146);\"><span class=\"scv2-count\">145<\/span><span>m<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">USERS OF MICROSOFT TEAMS ON A DAILY BASIS <\/p>\n                            <\/div>\n                        <\/div><div class=\"scv2-counter  w-full min-w-[300px] md:w-[50%] lg:w-[25%] md:px-2 mb-4 flex \">\n                            <div class=\"py-12 transform hover:-translate-y-2 transition px-4 flex-1 card\" style=\"background-color: rgb(255, 255, 255);\">\n                                <div class=\"fs-5xl font-bold mb-2\" style=\"color: rgb(0, 219, 146);\"><span class=\"scv2-count\">91<\/span><span>%<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">FORTUNE 100 COMPANIES USE MICROSOFT 365<\/p>\n                            <\/div>\n                        <\/div>        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        window.addEventListener('scroll', startCounter);\n\n        function startCounter() {\n            const loveCounter = document.querySelector('.scv2-counter');\n            if (loveCounter) {\n                const hT = loveCounter.offsetTop,\n                    hH = loveCounter.offsetHeight,\n                    wH = window.innerHeight;\n\n                \/\/ Check if the element is in the viewport\n                if (window.scrollY > hT + hH - wH) {\n                    window.removeEventListener('scroll', startCounter); \/\/ Remove scroll listener after triggering\n\n                    \/\/ Animate each '.scv2-count' element correctly handling both whole and decimal numbers\n                    document.querySelectorAll('.scv2-count').forEach((element) => {\n                        const target = parseFloat(element.textContent); \/\/ Parse the text content as a float\n                        animateCount(element, target, false);\n                    });\n                }\n            }\n        }\n\n        \/\/ Helper function to animate the count\n        function animateCount(element, target, appendPlus) {\n            let count = 0;\n            const duration = 2000;\n            const steps = duration \/ 10; \/\/ 10 milliseconds per step\n            const increment = target \/ steps; \/\/ Increment per step\n            const decimalPlace = target.toString().split(\".\").at(-1).length;\n\n            function updateCounter() {\n                count += increment;\n                if (count >= target) {\n                    count = target; \/\/ Ensure count does not exceed the target\n                    clearInterval(interval);\n                }\n\n                \/\/ Update element text: Show two decimals if the target is decimal, otherwise show whole number\n                element.textContent = (target % 1 !== 0 ? count.toFixed(decimalPlace) : Math.round(count)) + (appendPlus ? '+' : '');\n            }\n\n            \/\/ Set interval to update the counter\n            const interval = setInterval(updateCounter, 10);\n        }\n\n    });\n<\/script>\n\n\n\n<section class=\"ThreeIconsTab\" id=\"block-three-icons-tab-1540\" style=\"background-color: rgb(250, 250, 250);\">\n    <div class=\"px-4 md:px-8 lg:px-16 xl:px-20 2xl:px-24 3xl:px-32 py-16 max-w-screen-3xl mx-auto\">\n        <div class=\"flex flex-col-reverse items-center justify-center lg:flex-row-reverse text-primary\"><div data-id=\"18e7da0\" class=\"w-full lg:w-[60%] lg:ml-20 xl:ml-24 contentContainer\">\n                <div class=\"mb-4 lg:mb-8 font-semibold fs-3xl\">\n                    <h2>Microsoft 365 Business Basic <\/h2>\n                <\/div>\n                <div class=\"font-light text-secondary fs-lg\"><div class=\"font-light text-secondary fs-lg\">Microsoft 365 Business Basic (previously known as Office 365 Business Essentials) only provides web and mobile versions of Office apps. Word, Excel, Outlook, PowerPoint, and OneNote are among these applications. This entry-level plan also provides your organization with access to collaborative services such as Exchange Online with 50 GB of mailbox storage, SharePoint Online, Yammer, Skype for Business Online, and Microsoft Teams. This subscription also includes 1 TB of OneDrive cloud storage for each user. This Microsoft Office 365 plan is ideal for small and medium-sized businesses that want to reap the benefits of cloud integration and remote work via the Office for the web suite and online communication services.<\/div>\n<\/div>\n            <\/div><div data-id=\"18e7da1\" class=\"w-full lg:w-[60%] lg:ml-20 xl:ml-24 contentContainer\">\n                <div class=\"mb-4 lg:mb-8 font-semibold fs-3xl\">\n                    <h2>Microsoft 365 Business Standard <\/h2>\n                <\/div>\n                <div class=\"font-light text-secondary fs-lg\"><div class=\"font-light text-secondary fs-lg\">The Microsoft 365 Business Standard plan (formerly known as Office 365 Business Premium) combines the features available in both the Business Basic and Apps for Business plans into a single package. Microsoft 365 Business Standard includes a full set of collaborative tools in addition to the cloud-based and on-premises Office suites, making this Microsoft Office 365 plan ideal for organizations looking to expand their remote work capabilities.<\/div>\n<\/div>\n            <\/div><div data-id=\"18e7da2\" class=\"w-full lg:w-[60%] lg:ml-20 xl:ml-24 contentContainer\">\n                <div class=\"mb-4 lg:mb-8 font-semibold fs-3xl\">\n                    <h2>Microsoft 365 Business Premium<\/h2>\n                <\/div>\n                <div class=\"font-light text-secondary fs-lg\"><div class=\"font-light text-secondary fs-lg\">Microsoft 365 Business Premium (formerly Microsoft 365 Business) includes all of the features found in the lower Business tiers, as well as an advanced security infrastructure and device management tools. The Business Premium plan is ideal for companies that need a comprehensive remote work solution that includes cyber threat protection and a powerful mobile management system.<\/div>\n<\/div>\n            <\/div><div class=\"w-full lg:w-[38%] relative\"><img decoding=\"async\" width=\"604\" height=\"619\" data-id=\"18e7da0\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/microsoft.jpg\" alt=\"Icon of various Microsoft 365 Business Basic apps in visible one0\" loading=\"lazy\" class=\"image mx-auto lg:w-full\" title=\"\"><img decoding=\"async\" width=\"604\" height=\"619\" data-id=\"18e7da1\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/microsoft.jpg\" alt=\"Icon of various Microsoft 365 Business Basic apps in visible one1\" loading=\"lazy\" class=\"image mx-auto lg:w-full\" title=\"\"><img decoding=\"async\" width=\"604\" height=\"619\" data-id=\"18e7da2\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/microsoft.jpg\" alt=\"Icon of various Microsoft 365 Business Basic apps in visible one2\" loading=\"lazy\" class=\"image mx-auto lg:w-full\" title=\"\"><div class=\"flex justify-center py-4 text-center lg:block lg:absolute lg:top-1\/2 lg:right-0 lg:transform lg:translate-x-1\/2 lg:-translate-y-1\/2 md:py-8 lg:py-0\"><button aria-label=\"Microsoft 365 Business Basic \" data-id=\"18e7da0\" class=\"relative flex flex-col items-center justify-center w-32 h-32 text-center iconTab\">\n                        <div class=\"mx-auto z-10 flex justify-center items-center hexagon\">\n                        <img decoding=\"async\" width=\"68\" height=\"68\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/first-1.svg\" alt=\"24-hour responsive service icon in visible one0\" loading=\"lazy\" title=\"\" class=\"w-[40px] md:w-auto\">\n                        <\/div>\n                    <\/button><button aria-label=\"Microsoft 365 Business Standard \" data-id=\"18e7da1\" class=\"relative flex flex-col items-center justify-center w-32 h-32 text-center iconTab\">\n                        <div class=\"mx-auto z-10 flex justify-center items-center hexagon\">\n                        <img decoding=\"async\" width=\"68\" height=\"68\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/second-1.svg\" alt=\"24-hour responsive service icon in visible one1\" loading=\"lazy\" title=\"\" class=\"w-[40px] md:w-auto\">\n                        <\/div>\n                    <\/button><button aria-label=\"Microsoft 365 Business Premium\" data-id=\"18e7da2\" class=\"relative flex flex-col items-center justify-center w-32 h-32 text-center iconTab\">\n                        <div class=\"mx-auto z-10 flex justify-center items-center hexagon\">\n                        <img decoding=\"async\" width=\"68\" height=\"68\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/third-1.svg\" alt=\"24-hour responsive service icon in visible one2\" loading=\"lazy\" title=\"\" class=\"w-[40px] md:w-auto\">\n                        <\/div>\n                    <\/button><\/div><\/div><\/div>    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Query all block instances\n    const blocks = document.querySelectorAll('.ThreeIconsTab');\n\n    blocks.forEach(block => {\n        const unqid = block.getAttribute('id');\n        const sectionUnqid = `.ThreeIconsTab[id=\"${unqid}\"]`;\n\n        const tabTextContents = document.querySelectorAll(`${sectionUnqid} .contentContainer`);\n        const tabImage = document.querySelectorAll(`${sectionUnqid} .image`);\n        const iconTabs = document.querySelectorAll(`${sectionUnqid} .iconTab`);\n        const iconTabsHexagon = document.querySelectorAll(`${sectionUnqid} .hexagon`);\n\n        iconTabs.forEach(iconTab => {\n            iconTab.addEventListener(\"click\", function() {\n                const dataId = this.getAttribute(\"data-id\");\n                iconTabsHexagon.forEach(tab => tab.classList.remove(\"active\"));\n                this.children[0].classList.add(\"active\");\n                showTabContent(dataId);\n            })\n        });\n\n        function showTabContent(dataId) {\n            tabTextContents.forEach(content => {\n                const tabContentId = content.getAttribute(\"data-id\");\n                content.style.display = (tabContentId.toLowerCase() === dataId.toLowerCase()) ? \"block\" : \"none\";\n            });\n\n            tabImage.forEach(image => {\n                const tabimageId = image.getAttribute(\"data-id\");\n                image.style.display = (tabimageId.toLowerCase() === dataId.toLowerCase()) ? \"block\" : \"none\";\n            });\n        }\n\n        if (iconTabs.length > 0) {\n            iconTabs[0].click();\n        }\n    });\n});\n\n<\/script>\n\n\n<div class=\"CaseStudyService\" style=\"opacity: 1; transform: none;\">\n    <div id=\"\" class=\"relative text-secondary\" style=\"background-color: rgb(255, 255, 255);\">\n        <div\n            class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto py-16 dark:text-dark px-4 md:px-8 xl:px-16 2xl:px-20 3xl:px-28\">\n            <div class=\"text-center text-primary fs-5xl font-semibold\">\n                <h2>Our Microsoft 365 Services <\/h2>\n            <\/div>\n            <div\n                class=\"text-center font-light my-4 md:my-8 fs-lg w-full lg:w-[90%] xl:w-[80%] 2xl:w-[70%] mx-auto leading-relaxed\">\n                <p>Our Office 365 services are intended to assist you in the definition, design, and successful transition of your organization to the Microsoft 365 Suite. <\/p>\n            <\/div>\n            <div class=\"flex flex-wrap  mt-24 md:mt-20 case-study-services\">\n                <div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/setup1.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/setup2.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Office 365 Migration <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p class=\"fs-base leading-loose font-light\">Our team understands your needs and migrates your on-premises, cloud, or hybrid solutions to Office 365 while maintaining the integrity of your business data. We begin by assessing the preliminary scope of your Office 365 migration project and developing a step-by-step plan for migration execution.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image2-1.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image2-2.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Office 365 Integration <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p class=\"fs-base leading-loose font-light\">We integrate the Office 365 suite&#8217;s various applications with your enterprise solutions and tools to ensure transparent and continuous cross-departmental and enterprise-wide collaboration. We handle Office 365 integration with platform-based and custom on-premises or cloud environments, as well as ensuring that your employee directory synchronization and single sign-on enable users to switch between systems in a secure manner.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image3-1.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image3-2.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Office 365 Support <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p class=\"fs-base leading-loose font-light\">We provide customizable engagement modules for our support services to help you stay up to date on platform updates, implement the most recent Office 365 features, extend your solution with custom functionality, and keep it stable. We provide dedicated training sessions for Office 365 admins, developers, and end users to help them manage and utilize their cloud solutions efficiently in order to anticipate, predict, and prevent any potential difficulties with Office 365 adoption.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image4-1.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image4-2.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Office 365 Managed Services <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p class=\"fs-base leading-loose font-light\">To provide your employees with a seamless work environment, we manage your Office 365 ecosystem to ensure its availability, security, and performance stability. Our Office 365 Managed Services provide your team with Office 365 account management, preventive monitoring and prompt troubleshooting, security vulnerability protection, monthly resource consumption reporting, and more.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image5-1.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image5-2.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Cloud License and Account Management <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p class=\"fs-base leading-loose font-light\">Visible One is a Microsoft Cloud Service Provider; we resell Office 365 licenses at a competitive price and pair them with uncompromised Office 365 services. If you are in charge of managing Microsoft product licensing, choose the best Microsoft licensing options for your users to save money and stay compliant.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image6-1.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image6-2.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Office 365 Consulting <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p class=\"fs-base leading-loose font-light\">We support our clients from the beginning of their cloud journey and continue to do so. With our Office 365 services, our consultants assist you in developing your organization&#8217;s digital environment with cloud solutions that are future-proof and useful to all employees. Depending on your business needs, we offer both advisory and technical assistance through our consultation services.<\/p>\n\n                              <\/div><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"opacity: 1; transform: none;\">\n    <div class=\" bg-[#f5f5f5] relative\" id=\"why_choose_us_vo\" style=\"background-color: #fafafa;\">\n        <div class=\"px-4 md:px-8 py-16 text-center mx-auto\">\n            <div class=\"fs-5xl mb-4 md:mb-8 font-semibold\" style=\"color: rgb(33, 33, 33);\">\n                <h2>Microsoft 365 Features <\/h2>\n            <\/div>\n            <div class=\"w-full md:w-[95%] mx-auto fs-lg xl:max-w-[855px] text-secondary font-light\">\n                            <\/div>\n            <div class=\"flex justify-center flex-wrap mt-6 md:mt-12\">\n                <div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image1.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>Web-based Access <\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">Connect with people on your network and access files and apps from anywhere \u2014 including Word, Excel, SharePoint, OneDrive, Teams, and StaffHub.<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"target icon in visible one\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image2.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>Device and Identity Management <\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">Manage single sign-on across devices and apps on iOS, Android, and Windows from a centralized location. Control access to corporate data based on a variety of criteria, including device compliance, location, and app sensitivity.<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"budget icon in visible one\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image3.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>Compliance<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">HIPAA-Business Associate Agreement, FISMA Authority to Operate, SAS 70 \/ SSAE16 Assessments, EU Model Clauses, EU Safe Harbor, and ISO 27001 certification are all ways to protect your data and comply with legal and regulatory standards.<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/image4.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>Security<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">Using security features such as encryption, data loss prevention, anti-spam, and anti-malware protection, you can stay secure and protect your data, identities, email, and mobile device access.<\/p>\n\n                    <\/div>\n                <\/div>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"blog-topics relative my-10 sm:my-20 2xl:my-32 px-5\">\n\t<div class=\" mx-auto py-5 px-3 text-primary font-primary rounded-xl max-w-6xl sm:py-10 xl:py-16 sm:px-5 xl:px-10 2xl:max-w-screen-2xl 2xl:py-28 2xl:px-24 shadow-[0_5px_27px_rgba(0,0,0,0.08)]\">\n\t\t<div class=\"title text-center mx-auto max-w-2xl\">\n\t\t\t<div class=\"text-primary fs-5xl mb-4 lg:mb-6 font-semibold 2xl:mb-7\">\n\t\t\t\t<h2>Explore other Services<\/h2>\n\t\t\t<\/div>\n\t\t\t<div class=\"text-secondary fs-lg mb-5 lg:mb-10 2xl:mb-16\"><p>Here at Visible One, we are capable to offer you a variety of professional and exceptional services more than just Website Development.<\/p>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"flex flex-wrap mt-2 mb-4 text-sm\">\n\t\t\t<div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/visibleone.com\/mm\/services\/website-design\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Web Design<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/visibleone.com\/mm\/services\/ecommerce-development\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>e-Commerce <\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/visibleone.com\/mm\/services\/digital-marketing\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Marketing<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/visibleone.com\/mm\/services\/hubspot-crm\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>IT Solutions<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/visibleone.com\/mm\/services\/ssl-certificate\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Hosting Security<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/visibleone.com\/mm\/services\/creative-interactive\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Creative Interactive<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<p><\/p>\n\n\n\n<section id=\"e33b5cfc-cf5c-455d-b312-c0df53f10845\" class=\"\n        contact-form bg-[color:var(--bg-color)] text-light relative overflow-hidden\n        StartContactForm contact_form\n      \" style=\"--bg-color: #4DD7A9;\">\n    <div class=\"sm:flex sm:items-center xl:justify-between \">\n        <div\n            class=\"absolute vertical-text text-5xl font-semibold hidden sm:block sm:flex-1 sm:basis-[15%] sm:max-w-[15%] md:basis-1\/5 xl:text-7xl 2xl:text-[7.5rem] vertical_text\">\n                            <div\n                    class=\"absolute top-0 bottom-0 left-5 h-max lg:left-20 xl:left-32 2xl:left-36 cursor-default aniBottomToTop text-custom-animation-bt\">\n                    Let\u2019s Work Together                <\/div>\n                                        <div\n                    class=\"absolute -top-3 left-[4.25rem] md:left-20 h-max lg:left-36 xl:left-52 2xl:-top-8 2xl:left-80 cursor-default aniTopToBottom text-custom-animation-tb\">\n                    <span class=\"opacity-30\">Talk to Us<\/span>&nbsp;\n                    <span class=\"opacity-60\">Contact Us<\/span>\n                <\/div>\n                    <\/div>\n        <div class=\"contact-form-playpause-btn  justify-start absolute left-[14%] bottom-5 sm:flex hidden\">\n                    <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                    data-play=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                    data-pause=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                        src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                        alt=\"pause icon\">\n                    <\/button>\n                <\/div>\n        <div\n            class=\"contact-form__container sm:flex-1 py-16 px-5 font-primary mx-auto sm:max-w-2xl xl:max-w-4xl xl:py-32 2xl:py-36 2xl:max-w-6xl\">\n            <div\n                class=\"mx-auto contact-form__main text-center sm:flex-1 sm:basis-[85%] sm:max-w-[85%]  md:max-w-xl md:basis-4\/5 xl:max-w-2xl 2xl:max-w-5xl\">\n                <div class=\"contact-form__header  mx-auto 2xl:max-w-xl\">\n                    <div class=\"font-semibold mb-5 2xl:mb-8 fs-5xl\">\n                        <div>LET\u2019S WORK TOGETHER<\/di>\n                        <\/div>\n                        <div class=\"font-normal fs-lg mb-6 2xl:mb-12\"><p>If you have a project and would like to discuss it with us, then please do call us or email us using the form below.<\/p>\n<\/div>\n                    <\/div>\n                    <div class=\"relative contact-form__body\">\n                        <div>\n                            <div id=\"hubspotForm\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"contact-form__bg absolute top-1\/2 right-0 -translate-y-1\/2\">\n            <img decoding=\"async\" width=\"257\" height=\"510\"\n                src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/projects\/StartContact-bgImg_c8261431.png\"\n                alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"h-auto w-24 lg:w-36 2xl:w-auto\" \/>\n        <\/div>\n<\/section>\n<style>\n\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Your HubSpot form details\n        const portalId = \"5194436\";\n        const formId = \"e33b5cfc-cf5c-455d-b312-c0df53f10845\";\n\n        \/\/ Function to load the HubSpot form dynamically\n        function loadHubSpotForm() {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/js.hsforms.net\/forms\/v2.js'; \/\/ HubSpot's form script\n            script.onload = () => {\n                window.hbspt.forms.create({\n                    portalId: portalId,\n                    formId: formId,\n                    target: '#hubspotForm', \/\/ ID of the element where the form will be rendered\n                    css: \"\",\n\t\t\t\t\tonFormSubmitted: function ($form, data) {\n    var values = data.submissionValues || {};\n    var email = values.email || '';\n    var phone = values.phone || '';\n\n    console.log(\"HubSpot form submitted:\");\n    console.log(\"Email:\", email);\n    console.log(\"Phone:\", phone);\n\n    gtag('set', 'user_data', {\n        email: email,\n        phone_number: phone\n    });\n}\n,\n                    onFormReady: function ($form) {\n                        const targetElement = $form.find('.hs-form-field label');\n                        targetElement?.each(function (key, label) {\n                            const placeholder = label?.getAttribute('placeholder');\n                            const name = label?.closest('.hs-form-field').querySelector('select')?.getAttribute('name')?.replaceAll('_', ' ');\n                            const placeholder1 = label?.closest('.hs-form-field').querySelector('input')?.getAttribute('placeholder');\n                            label?.querySelector('span:first-child')?.setAttribute('arial-label', placeholder1)\n                            label?.setAttribute('arial-label', placeholder1);\n                            label?.closest('.hs-form-field').querySelector('input')?.setAttribute('arial-label', placeholder1?.replace('*', ''))\n                            label?.closest('.hs-form-field').querySelector('select')?.setAttribute('arial-label', name?.replaceAll('_', ' '))\n                        });\n                        const style = document.createElement('style');\n                        style.innerHTML = `\n                        .hs-error-msgs label {\n                            color: #fc010c;\n                        }\n                        .hbspt-form select,\n                        .hbspt-form select::placeholder{\n                            color: #33475b !important;\n  opacity: 1 !important;\n                        }\n                        .hbspt-form textarea::placeholder,\n.hbspt-form input::placeholder{\n  color: #33475b !important;\n  opacity: 1 !important;\n}\n.hbspt-form input{\n  background-color: #fff !important;\n}\n.hs_submit input[type=submit]{\n  background: #000 !important;\n  color:#fff !important;\n  border:1px solid #000 !important;\n}\n                        `;\n                        document.querySelector('#hubspotForm iframe').contentDocument.head.appendChild(style);\n                    }\n                });\n            };\n            document.body.appendChild(script);\n        }\n\n        loadHubSpotForm();\n        const remove_animation = () => {\n            document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                ani.classList.remove('aniBottomToTop');\n            });\n            document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                ani.classList.remove('aniTopToBottom');\n            });\n            document.querySelector('.contact-form-playpause-btn .pause_btn').classList?.remove('active');\n            document.querySelector('.contact-form-playpause-btn .play_btn').classList?.add('active');\n        }\n        const add_animation = () => {\n            const button = document.querySelector(\".contact-form-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".contact-form-playpause-btn button.active\");\n            if (!is_active) {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.add('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.add('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.remove('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.remove('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n        }\n        document.querySelector('.contact-form-playpause-btn button')?.addEventListener('click', function () {\n            add_animation();\n\n        })\n        \n    });\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":27597,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-28152","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages\/28152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/comments?post=28152"}],"version-history":[{"count":0,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages\/28152\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages\/27597"}],"wp:attachment":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/media?parent=28152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}