Software as a Service | CVI Global Tech<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n\r\n \/* =========================================\r\n RESET\r\n ========================================= *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html,\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: #03101d;\r\n }\r\n\r\n\r\n \/* =========================================\r\n HERO\r\n ========================================= *\/\r\n\r\n .hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 560px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n overflow: hidden;\r\n\r\n color: #ffffff;\r\n background: #03101d;\r\n\r\n padding: 55px 6%;\r\n }\r\n\r\n\r\n \/* =========================================\r\n BACKGROUND\r\n ========================================= *\/\r\n\r\n .hero-background {\r\n position: absolute;\r\n inset: 0;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n z-index: 0;\r\n }\r\n\r\n .hero-background img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n object-fit: cover;\r\n object-position: center;\r\n\r\n opacity: .9;\r\n }\r\n\r\n\r\n \/* =========================================\r\n DARK OVERLAY\r\n ========================================= *\/\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n\r\n z-index: 1;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(3, 16, 29, 0.99) 0%,\r\n rgba(3, 16, 29, 0.96) 24%,\r\n rgba(3, 16, 29, 0.78) 46%,\r\n rgba(3, 16, 29, 0.38) 70%,\r\n rgba(3, 16, 29, 0.08) 100%\r\n );\r\n }\r\n\r\n\r\n \/* =========================================\r\n HERO CONTAINER\r\n ========================================= *\/\r\n\r\n .hero-container {\r\n position: relative;\r\n z-index: 3;\r\n\r\n width: 100%;\r\n max-width: 1400px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 48% 52%;\r\n\r\n align-items: center;\r\n }\r\n\r\n\r\n \/* =========================================\r\n LEFT CONTENT\r\n ========================================= *\/\r\n\r\n .hero-content {\r\n max-width: 650px;\r\n padding-left: 5px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n EYEBROW\r\n ========================================= *\/\r\n\r\n .brand {\r\n font-size: 11px;\r\n font-weight: 700;\r\n\r\n letter-spacing: 1.3px;\r\n\r\n color: #c5dfa8;\r\n\r\n margin-bottom: 8px;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n\r\n \/* =========================================\r\n TITLE\r\n ========================================= *\/\r\n\r\n .hero-title {\r\n font-size: clamp(\r\n 2.3rem,\r\n 3.6vw,\r\n 3.35rem\r\n );\r\n\r\n line-height: 1.04;\r\n font-weight: 600;\r\n\r\n color: #ffffff;\r\n\r\n margin-bottom: 12px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SUBTITLE\r\n ========================================= *\/\r\n\r\n .hero-subtitle {\r\n font-size: 14px;\r\n line-height: 1.45;\r\n\r\n font-weight: 400;\r\n\r\n color: #c5dfa8;\r\n\r\n margin-bottom: 18px;\r\n\r\n max-width: 600px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n TEXT\r\n ========================================= *\/\r\n\r\n .hero-text {\r\n max-width: 590px;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 11.5px;\r\n line-height: 1.55;\r\n\r\n color: rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .82\r\n );\r\n\r\n font-weight: 300;\r\n\r\n margin-bottom: 11px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n BUTTONS\r\n ========================================= *\/\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 12px;\r\n\r\n align-items: center;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 9px;\r\n\r\n min-height: 39px;\r\n\r\n padding: 8px 18px;\r\n\r\n border-radius: 30px;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 10px;\r\n font-weight: 500;\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n border-color .25s ease;\r\n }\r\n\r\n\r\n \/* Primary *\/\r\n\r\n .btn-primary {\r\n background: #c5dfa8;\r\n\r\n color: #07151e;\r\n\r\n border: 1px solid #c5dfa8;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #d7eabd;\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* Outline *\/\r\n\r\n .btn-outline {\r\n color: #ffffff;\r\n\r\n background:\r\n rgba(\r\n 3,\r\n 16,\r\n 29,\r\n .15\r\n );\r\n\r\n border: 1px solid\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .55\r\n );\r\n }\r\n\r\n .btn-outline:hover {\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .08\r\n );\r\n\r\n border-color: #ffffff;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* Arrow *\/\r\n\r\n .arrow {\r\n font-size: 15px;\r\n line-height: 1;\r\n\r\n transition:\r\n transform .25s ease;\r\n }\r\n\r\n .btn:hover .arrow {\r\n transform:\r\n translateX(4px);\r\n }\r\n\r\n\r\n \/* =========================================\r\n RIGHT VISUAL\r\n ========================================= *\/\r\n\r\n .hero-visual {\r\n position: relative;\r\n\r\n width: 100%;\r\n height: 470px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SAAS CLOUD\r\n ========================================= *\/\r\n\r\n .saas-cloud {\r\n position: relative;\r\n\r\n width: 235px;\r\n height: 155px;\r\n\r\n display: block;\r\n\r\n filter:\r\n drop-shadow(\r\n 0 0 25px\r\n rgba(\r\n 197,\r\n 223,\r\n 168,\r\n .20\r\n )\r\n );\r\n }\r\n\r\n\r\n \/* =========================================\r\n CLOUD BODY\r\n ========================================= *\/\r\n\r\n .cloud-shape {\r\n position: absolute;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n width: 100%;\r\n height: 105px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #f5f9ef 62%,\r\n #dce9c9 100%\r\n );\r\n\r\n border: 3px solid #c5dfa8;\r\n\r\n border-radius:\r\n 60px 60px\r\n 48px 48px;\r\n\r\n box-shadow:\r\n 0 0 30px\r\n rgba(\r\n 197,\r\n 223,\r\n 168,\r\n .18\r\n ),\r\n\r\n inset 0 0 18px\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .85\r\n );\r\n\r\n z-index: 1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n LEFT CLOUD BUMP\r\n ========================================= *\/\r\n\r\n .cloud-shape::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 88px;\r\n height: 88px;\r\n\r\n left: 25px;\r\n top: -48px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #f5f9ef 62%,\r\n #dce9c9 100%\r\n );\r\n\r\n border: 3px solid #c5dfa8;\r\n\r\n border-bottom: none;\r\n\r\n border-radius: 50%;\r\n\r\n z-index: -1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n RIGHT CLOUD BUMP\r\n ========================================= *\/\r\n\r\n .cloud-shape::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 76px;\r\n height: 76px;\r\n\r\n right: 27px;\r\n top: -37px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #f5f9ef 62%,\r\n #dce9c9 100%\r\n );\r\n\r\n border: 3px solid #c5dfa8;\r\n\r\n border-bottom: none;\r\n\r\n border-radius: 50%;\r\n\r\n z-index: -1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SAAS CONTENT\r\n CENTRADO EXACTAMENTE EN LA NUBE\r\n ========================================= *\/\r\n\r\n .cloud-content {\r\n position: absolute;\r\n\r\n left: 50%;\r\n top: calc(100% - 52.5px);\r\n\r\n transform:\r\n translate(-50%, -50%);\r\n\r\n width: 100%;\r\n\r\n text-align: center;\r\n\r\n z-index: 20;\r\n\r\n pointer-events: none;\r\n }\r\n\r\n\r\n .cloud-content strong {\r\n display: block;\r\n\r\n font-size: 30px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n letter-spacing: -.7px;\r\n\r\n color: #0a1b27;\r\n }\r\n\r\n\r\n .cloud-content span {\r\n display: block;\r\n\r\n margin-top: 6px;\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n letter-spacing: 1px;\r\n\r\n color: #52654d;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n\r\n \/* =========================================\r\n TABLET\r\n ========================================= *\/\r\n\r\n @media (max-width: 1100px) {\r\n\r\n .hero-section {\r\n padding-left: 5%;\r\n padding-right: 5%;\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns:\r\n 50% 50%;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.65rem;\r\n }\r\n\r\n .saas-cloud {\r\n transform: scale(.9);\r\n }\r\n }\r\n\r\n\r\n \/* =========================================\r\n MOBILE \/ TABLET\r\n ========================================= *\/\r\n\r\n @media (max-width: 850px) {\r\n\r\n .hero-section {\r\n min-height: auto;\r\n\r\n padding:\r\n 65px 6%;\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 25px;\r\n }\r\n\r\n .hero-content {\r\n max-width: 680px;\r\n\r\n margin: 0 auto;\r\n\r\n text-align: center;\r\n }\r\n\r\n .hero-text {\r\n margin: 0 auto;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n }\r\n\r\n .hero-visual {\r\n height: 300px;\r\n }\r\n\r\n .hero-overlay {\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(\r\n 3,\r\n 16,\r\n 29,\r\n .97\r\n ),\r\n rgba(\r\n 3,\r\n 16,\r\n 29,\r\n .78\r\n )\r\n );\r\n }\r\n }\r\n\r\n\r\n \/* =========================================\r\n MOBILE\r\n ========================================= *\/\r\n\r\n @media (max-width: 500px) {\r\n\r\n .hero-section {\r\n padding:\r\n 50px 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.15rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 11px;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n\r\n width: 100%;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n\r\n max-width: 280px;\r\n }\r\n\r\n .hero-visual {\r\n height: 250px;\r\n }\r\n\r\n .saas-cloud {\r\n transform: scale(.75);\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"hero-section\">\r\n\r\n\r\n \r\n\r\n <div class=\"hero-background\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Hero-Image.png\"\r\n alt=\"Global SaaS Technology Network\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-container\">\r\n\r\n\r\n \r\n\r\n <div class=\"hero-content\">\r\n\r\n\r\n <div class=\"brand\">\r\n SOFTWARE AS A SERVICE (SaaS)\r\n <\/div>\r\n\r\n\r\n <h1 class=\"hero-title\">\r\n Enterprise Software.\r\n <br>\r\n Ready When You Are.\r\n <\/h1>\r\n\r\n\r\n <div class=\"hero-subtitle\">\r\n\r\n Powerful cloud-based software\r\n solutions that help organizations\r\n improve customer engagement,\r\n automate workflows, modernize\r\n operations, and scale with confidence.\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"hero-text\">\r\n\r\n <p>\r\n Whether you're implementing CRM,\r\n launching customer portals,\r\n automating business processes,\r\n or building custom cloud\r\n applications, our SaaS platforms\r\n are designed for long-term\r\n business growth.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-buttons\">\r\n\r\n\r\n <a\r\n href=\"#\"\r\n class=\"btn btn-primary\"\r\n >\r\n\r\n Explore SaaS Solutions\r\n\r\n <span class=\"arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <a\r\n href=\"https:\/\/cvigt.appointiv.com\/l\/cvi-virtual-meetings-website\/c\/cvi-website-meetings\/a\/website-requested-meeting\/p\/alvaro-rodriguez\"\r\n class=\"btn btn-outline\"\r\n >\r\n\r\n Schedule a Consultation\r\n\r\n <span class=\"arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-visual\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-cloud\">\r\n\r\n\r\n <div class=\"cloud-shape\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cloud-content\">\r\n\r\n <strong>\r\n SaaS\r\n <\/strong>\r\n\r\n <span>\r\n Cloud Platform\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a93c87 elementor-widget elementor-widget-html\" data-id=\"3a93c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n <title>SaaS Solutions<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n<section class=\"saas-info-section\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n GLOBAL\r\n========================================================= *\/\r\n\r\n.saas-info-section {\r\n\r\n width: 100%;\r\n\r\n background: #ffffff;\r\n\r\n color: #114559;\r\n\r\n font-family: 'Poppins', sans-serif;\r\n\r\n}\r\n\r\n.saas-info-section *,\r\n.saas-info-section *::before,\r\n.saas-info-section *::after {\r\n\r\n box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.saas-inner {\r\n\r\n width: 100%;\r\n\r\n max-width: 1350px;\r\n\r\n margin: 0 auto;\r\n\r\n padding-left: 5%;\r\n padding-right: 5%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP INTRO\r\n========================================================= *\/\r\n\r\n.saas-intro {\r\n\r\n min-height: 390px;\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 45% 55%;\r\n\r\n align-items: center;\r\n\r\n gap: 15px;\r\n\r\n padding-top: 45px;\r\n\r\n padding-bottom: 30px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.saas-intro-content {\r\n\r\n padding-right: 30px;\r\n\r\n}\r\n\r\n\r\n.saas-eyebrow {\r\n\r\n color: #6d9270;\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: 1.1px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 8px;\r\n\r\n}\r\n\r\n\r\n.saas-intro-title {\r\n\r\n color: #114559;\r\n\r\n font-size: clamp(30px, 3vw, 39px);\r\n\r\n line-height: 1.08;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 13px;\r\n\r\n}\r\n\r\n\r\n.saas-intro-description {\r\n\r\n max-width: 500px;\r\n\r\n color: #5b6670;\r\n\r\n font-size: 14px;\r\n\r\n line-height: 1.55;\r\n\r\n font-weight: 400;\r\n\r\n margin: 0 0 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS\r\n========================================================= *\/\r\n\r\n.saas-benefits {\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 1fr 1fr;\r\n\r\n column-gap: 35px;\r\n\r\n row-gap: 9px;\r\n\r\n max-width: 510px;\r\n\r\n}\r\n\r\n\r\n.saas-benefit {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n color: #114559;\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.4;\r\n\r\n font-weight: 500;\r\n\r\n}\r\n\r\n\r\n.saas-benefit-icon {\r\n\r\n width: 15px;\r\n\r\n height: 15px;\r\n\r\n flex: 0 0 15px;\r\n\r\n border: 1.5px solid #8eb278;\r\n\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n color: #6f995f;\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT VISUAL\r\n========================================================= *\/\r\n\r\n.saas-intro-visual {\r\n\r\n position: relative;\r\n\r\n min-height: 340px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n}\r\n\r\n\r\n.saas-orbit {\r\n\r\n position: relative;\r\n\r\n width: 410px;\r\n\r\n height: 330px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT RING\r\n========================================================= *\/\r\n\r\n.saas-orbit-ring {\r\n\r\n position: absolute;\r\n\r\n width: 260px;\r\n\r\n height: 260px;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n\r\n border: 1px dashed #c8d9c1;\r\n\r\n border-radius: 50%;\r\n\r\n z-index: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CLOUD\r\n IMPORTANT:\r\n CLOUD IS BEHIND COMPUTER\r\n========================================================= *\/\r\n\r\n.saas-cloud-background {\r\n\r\n position: absolute;\r\n\r\n width: 285px;\r\n\r\n height: 185px;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -61%);\r\n\r\n z-index: 2;\r\n\r\n}\r\n\r\n\r\n.saas-cloud-background svg {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n filter:\r\n drop-shadow(\r\n 0 5px 12px\r\n rgba(17,69,89,.08)\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SAAS TEXT INSIDE CLOUD\r\n========================================================= *\/\r\n\r\n.cloud-saas-label {\r\n\r\n position: absolute;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -54%);\r\n\r\n z-index: 4;\r\n\r\n color: #114559;\r\n\r\n font-size: 20px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n letter-spacing: .4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPUTER\r\n ABOVE CLOUD\r\n========================================================= *\/\r\n\r\n.saas-device {\r\n\r\n position: absolute;\r\n\r\n width: 215px;\r\n\r\n height: 180px;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -11%);\r\n\r\n z-index: 10;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LAPTOP\r\n========================================================= *\/\r\n\r\n.saas-laptop {\r\n\r\n position: absolute;\r\n\r\n width: 170px;\r\n\r\n height: 106px;\r\n\r\n left: 50%;\r\n\r\n bottom: 23px;\r\n\r\n transform: translateX(-50%);\r\n\r\n background: #ffffff;\r\n\r\n border: 2px solid #114559;\r\n\r\n border-radius: 5px;\r\n\r\n box-shadow:\r\n 0 6px 15px\r\n rgba(17,69,89,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LAPTOP BASE\r\n========================================================= *\/\r\n\r\n.saas-laptop::after {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 190px;\r\n\r\n height: 8px;\r\n\r\n left: 50%;\r\n\r\n bottom: -11px;\r\n\r\n transform: translateX(-50%);\r\n\r\n background: #dce3df;\r\n\r\n border: 1.5px solid #114559;\r\n\r\n border-radius:\r\n 0 0 6px 6px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LAPTOP SCREEN\r\n========================================================= *\/\r\n\r\n.saas-screen {\r\n\r\n position: absolute;\r\n\r\n left: 10px;\r\n\r\n right: 10px;\r\n\r\n top: 10px;\r\n\r\n bottom: 10px;\r\n\r\n background: #f8faf9;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n padding: 10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCREEN CHART\r\n========================================================= *\/\r\n\r\n.screen-chart {\r\n\r\n width: 43px;\r\n\r\n height: 43px;\r\n\r\n flex: 0 0 43px;\r\n\r\n border-radius: 50%;\r\n\r\n background:\r\n conic-gradient(\r\n #6d9270 0 32%,\r\n #114559 32% 60%,\r\n #c7d9c0 60% 100%\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCREEN DATA\r\n========================================================= *\/\r\n\r\n.screen-data {\r\n\r\n width: 68px;\r\n\r\n height: 58px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n justify-content: flex-end;\r\n\r\n}\r\n\r\n\r\n.screen-line {\r\n\r\n width: 60px;\r\n\r\n height: 4px;\r\n\r\n background: #c7d9c0;\r\n\r\n border-radius: 4px;\r\n\r\n margin-bottom: 5px;\r\n\r\n}\r\n\r\n\r\n.screen-line.short {\r\n\r\n width: 42px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCREEN BARS\r\n========================================================= *\/\r\n\r\n.screen-bars {\r\n\r\n display: flex;\r\n\r\n align-items: flex-end;\r\n\r\n gap: 4px;\r\n\r\n height: 35px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span {\r\n\r\n width: 9px;\r\n\r\n background: #6d9270;\r\n\r\n border-radius:\r\n 2px 2px 0 0;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(1) {\r\n\r\n height: 15px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(2) {\r\n\r\n height: 25px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(3) {\r\n\r\n height: 20px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(4) {\r\n\r\n height: 31px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE\r\n========================================================= *\/\r\n\r\n.saas-phone {\r\n\r\n position: absolute;\r\n\r\n width: 46px;\r\n\r\n height: 84px;\r\n\r\n right: 3px;\r\n\r\n bottom: 14px;\r\n\r\n background: #ffffff;\r\n\r\n border: 2px solid #114559;\r\n\r\n border-radius: 7px;\r\n\r\n z-index: 15;\r\n\r\n box-shadow:\r\n 0 5px 12px\r\n rgba(17,69,89,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE SCREEN\r\n========================================================= *\/\r\n\r\n.phone-screen {\r\n\r\n position: absolute;\r\n\r\n left: 5px;\r\n\r\n right: 5px;\r\n\r\n top: 9px;\r\n\r\n bottom: 9px;\r\n\r\n background: #f5f8f6;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n padding-top: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE CHART\r\n========================================================= *\/\r\n\r\n.phone-chart {\r\n\r\n width: 22px;\r\n\r\n height: 22px;\r\n\r\n border-radius: 50%;\r\n\r\n background:\r\n conic-gradient(\r\n #6d9270 0 45%,\r\n #114559 45% 72%,\r\n #c7d9c0 72% 100%\r\n );\r\n\r\n margin-bottom: 7px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE LINES\r\n========================================================= *\/\r\n\r\n.phone-lines {\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 4px;\r\n\r\n}\r\n\r\n\r\n.phone-lines span {\r\n\r\n width: 25px;\r\n\r\n height: 3px;\r\n\r\n background: #c7d9c0;\r\n\r\n border-radius: 3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT ITEMS\r\n========================================================= *\/\r\n\r\n.orbit-item {\r\n\r\n position: absolute;\r\n\r\n width: 60px;\r\n\r\n height: 60px;\r\n\r\n background: #ffffff;\r\n\r\n border:\r\n 1.5px solid #c5d7be;\r\n\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n color: #114559;\r\n\r\n z-index: 20;\r\n\r\n box-shadow:\r\n 0 3px 12px\r\n rgba(17,69,89,.06);\r\n\r\n}\r\n\r\n\r\n.orbit-item svg {\r\n\r\n width: 23px;\r\n\r\n height: 23px;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.7;\r\n\r\n fill: none;\r\n\r\n margin-bottom: 2px;\r\n\r\n}\r\n\r\n\r\n.orbit-item span {\r\n\r\n font-size: 6.5px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n color: #114559;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT POSITIONS\r\n========================================================= *\/\r\n\r\n.orbit-crm {\r\n\r\n top: -3px;\r\n\r\n left: 50%;\r\n\r\n transform: translateX(-50%);\r\n\r\n}\r\n\r\n\r\n.orbit-security {\r\n\r\n left: 4px;\r\n\r\n top: 78px;\r\n\r\n}\r\n\r\n\r\n.orbit-automation {\r\n\r\n right: 4px;\r\n\r\n top: 78px;\r\n\r\n}\r\n\r\n\r\n.orbit-mobile {\r\n\r\n left: 0;\r\n\r\n bottom: 28px;\r\n\r\n}\r\n\r\n\r\n.orbit-analytics {\r\n\r\n right: 0;\r\n\r\n bottom: 28px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTIONS SECTION\r\n========================================================= *\/\r\n\r\n.saas-solutions {\r\n\r\n padding-top: 5px;\r\n\r\n padding-bottom: 30px;\r\n\r\n}\r\n\r\n\r\n.solutions-heading {\r\n\r\n text-align: center;\r\n\r\n margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.solutions-eyebrow {\r\n\r\n color: #6d9270;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: 1px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 5px;\r\n\r\n}\r\n\r\n\r\n.solutions-title {\r\n\r\n color: #114559;\r\n\r\n font-size: 27px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTION GRID\r\n========================================================= *\/\r\n\r\n.solutions-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n gap: 12px;\r\n\r\n max-width: 1260px;\r\n\r\n margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTION CARD\r\n========================================================= *\/\r\n\r\n.solution-card {\r\n\r\n min-height: 116px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 14px;\r\n\r\n padding: 15px 17px;\r\n\r\n background: #ffffff;\r\n\r\n border: 1px solid #e5e9e6;\r\n\r\n border-radius: 10px;\r\n\r\n box-shadow:\r\n 0 2px 8px\r\n rgba(20,40,50,.025);\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n.solution-card:hover {\r\n\r\n transform: translateY(-3px);\r\n\r\n border-color: #c9d9c3;\r\n\r\n box-shadow:\r\n 0 8px 20px\r\n rgba(30,50,60,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTION ICON\r\n========================================================= *\/\r\n\r\n.solution-icon {\r\n\r\n width: 56px;\r\n\r\n height: 56px;\r\n\r\n flex: 0 0 56px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #114559;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n}\r\n\r\n\r\n.solution-icon svg {\r\n\r\n width: 29px;\r\n\r\n height: 29px;\r\n\r\n stroke: #c5dfa8;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n.solution-content {\r\n\r\n flex: 1;\r\n\r\n}\r\n\r\n\r\n.solution-content h3 {\r\n\r\n color: #114559;\r\n\r\n font-size: 14px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 5px;\r\n\r\n}\r\n\r\n\r\n.solution-content p {\r\n\r\n color: #5b6670;\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.4;\r\n\r\n font-weight: 400;\r\n\r\n margin: 0 0 6px;\r\n\r\n}\r\n\r\n\r\n.solution-link {\r\n\r\n color: #114559;\r\n\r\n font-size: 9px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.solution-link:hover {\r\n\r\n color: #6d9865;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PERFORMANCE SECTION\r\n========================================================= *\/\r\n\r\n.performance-section {\r\n\r\n margin-top: 10px;\r\n\r\n padding: 21px 20px 18px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n #f3f7ed,\r\n #f8faf5\r\n );\r\n\r\n border-radius: 10px;\r\n\r\n}\r\n\r\n\r\n.performance-heading {\r\n\r\n text-align: center;\r\n\r\n margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n.performance-eyebrow {\r\n\r\n color: #72946b;\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: .9px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 3px;\r\n\r\n}\r\n\r\n\r\n.performance-title {\r\n\r\n color: #114559;\r\n\r\n font-size: 21px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PERFORMANCE GRID\r\n========================================================= *\/\r\n\r\n.performance-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(6, 1fr);\r\n\r\n max-width: 1100px;\r\n\r\n margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n.performance-item {\r\n\r\n min-height: 72px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n gap: 5px;\r\n\r\n padding: 0 15px;\r\n\r\n border-right:\r\n 1px solid #d8e1d4;\r\n\r\n}\r\n\r\n\r\n.performance-item:last-child {\r\n\r\n border-right: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PERFORMANCE ICON\r\n========================================================= *\/\r\n\r\n.performance-icon {\r\n\r\n width: 33px;\r\n\r\n height: 33px;\r\n\r\n}\r\n\r\n\r\n.performance-icon svg {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n\r\n}\r\n\r\n\r\n.performance-item span {\r\n\r\n color: #114559;\r\n\r\n font-size: 9px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n .saas-intro {\r\n\r\n grid-template-columns: 48% 52%;\r\n\r\n }\r\n\r\n\r\n .saas-intro-title {\r\n\r\n font-size: 32px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-description {\r\n\r\n font-size: 13px;\r\n\r\n }\r\n\r\n\r\n .solutions-grid {\r\n\r\n gap: 10px;\r\n\r\n }\r\n\r\n\r\n .solution-card {\r\n\r\n padding: 13px;\r\n\r\n }\r\n\r\n\r\n .solution-icon {\r\n\r\n width: 50px;\r\n\r\n height: 50px;\r\n\r\n flex-basis: 50px;\r\n\r\n }\r\n\r\n\r\n .solution-content h3 {\r\n\r\n font-size: 12.5px;\r\n\r\n }\r\n\r\n\r\n .solution-content p {\r\n\r\n font-size: 9px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n .saas-inner {\r\n\r\n padding-left: 6%;\r\n\r\n padding-right: 6%;\r\n\r\n }\r\n\r\n\r\n .saas-intro {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n gap: 20px;\r\n\r\n padding-top: 45px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-content {\r\n\r\n padding-right: 0;\r\n\r\n text-align: center;\r\n\r\n }\r\n\r\n\r\n .saas-intro-description {\r\n\r\n margin-left: auto;\r\n\r\n margin-right: auto;\r\n\r\n }\r\n\r\n\r\n .saas-benefits {\r\n\r\n margin-left: auto;\r\n\r\n margin-right: auto;\r\n\r\n text-align: left;\r\n\r\n }\r\n\r\n\r\n .saas-intro-visual {\r\n\r\n min-height: 320px;\r\n\r\n }\r\n\r\n\r\n .solutions-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n\r\n }\r\n\r\n\r\n .performance-grid {\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n row-gap: 15px;\r\n\r\n }\r\n\r\n\r\n .performance-item:nth-child(3) {\r\n\r\n border-right: none;\r\n\r\n }\r\n\r\n\r\n .performance-item:nth-child(4),\r\n .performance-item:nth-child(5),\r\n .performance-item:nth-child(6) {\r\n\r\n border-top:\r\n 1px solid #d8e1d4;\r\n\r\n padding-top: 14px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .saas-inner {\r\n\r\n padding-left: 20px;\r\n\r\n padding-right: 20px;\r\n\r\n }\r\n\r\n\r\n .saas-intro {\r\n\r\n padding-top: 40px;\r\n\r\n padding-bottom: 25px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-title {\r\n\r\n font-size: 29px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-description {\r\n\r\n font-size: 13px;\r\n\r\n }\r\n\r\n\r\n .saas-benefits {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n width: max-content;\r\n\r\n max-width: 100%;\r\n\r\n row-gap: 8px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-visual {\r\n\r\n min-height: 285px;\r\n\r\n }\r\n\r\n\r\n .saas-orbit {\r\n\r\n transform: scale(.76);\r\n\r\n }\r\n\r\n\r\n .solutions-title {\r\n\r\n font-size: 23px;\r\n\r\n }\r\n\r\n\r\n .solutions-grid {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n gap: 10px;\r\n\r\n }\r\n\r\n\r\n .solution-card {\r\n\r\n min-height: 110px;\r\n\r\n }\r\n\r\n\r\n .solution-content h3 {\r\n\r\n font-size: 13px;\r\n\r\n }\r\n\r\n\r\n .solution-content p {\r\n\r\n font-size: 9.5px;\r\n\r\n }\r\n\r\n\r\n .performance-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n\r\n }\r\n\r\n\r\n .performance-item {\r\n\r\n border-right: none !important;\r\n\r\n border-bottom:\r\n 1px solid #d8e1d4;\r\n\r\n padding-bottom: 12px;\r\n\r\n }\r\n\r\n\r\n .performance-item:nth-child(n+5) {\r\n\r\n border-bottom: none;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n .saas-intro-title {\r\n\r\n font-size: 26px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-visual {\r\n\r\n min-height: 260px;\r\n\r\n }\r\n\r\n\r\n .saas-orbit {\r\n\r\n transform: scale(.68);\r\n\r\n }\r\n\r\n\r\n .performance-section {\r\n\r\n padding-left: 10px;\r\n\r\n padding-right: 10px;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"saas-inner\">\r\n\r\n <div class=\"saas-intro\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-intro-content\">\r\n\r\n\r\n <div class=\"saas-eyebrow\">\r\n\r\n WHY SOFTWARE AS A SERVICE?\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"saas-intro-title\">\r\n\r\n Enterprise Software<br>\r\n Without the Complexity.\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"saas-intro-description\">\r\n\r\n Modern organizations need software that works\r\n anywhere, scales effortlessly, and evolves with\r\n their business.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"saas-benefits\">\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Cloud Based\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Secure\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Automatic Updates\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Subscription Pricing\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Enterprise Scale\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Mobile Ready\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Lower IT Costs\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Seamless Scalability\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-intro-visual\">\r\n\r\n <div class=\"saas-orbit\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-orbit-ring\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-cloud-background\">\r\n\r\n <svg\r\n viewBox=\"0 0 300 190\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <path\r\n d=\"\r\n M72 150\r\n C45 150 28 132 28 108\r\n C28 84 47 65 71 65\r\n C77 65 83 66 88 68\r\n C94 38 119 18 150 18\r\n C182 18 208 39 213 70\r\n C218 68 224 67 230 67\r\n C254 67 273 86 273 110\r\n C273 133 254 150 229 150\r\n Z\r\n \"\r\n\r\n fill=\"#ffffff\"\r\n\r\n stroke=\"#114559\"\r\n\r\n stroke-width=\"3\"\r\n\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cloud-saas-label\">\r\n\r\n SaaS\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-device\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-laptop\">\r\n\r\n\r\n <div class=\"saas-screen\">\r\n\r\n\r\n <div class=\"screen-chart\"><\/div>\r\n\r\n\r\n <div class=\"screen-data\">\r\n\r\n\r\n <div class=\"screen-line\"><\/div>\r\n\r\n <div class=\"screen-line short\"><\/div>\r\n\r\n\r\n <div class=\"screen-bars\">\r\n\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-phone\">\r\n\r\n\r\n <div class=\"phone-screen\">\r\n\r\n\r\n <div class=\"phone-chart\"><\/div>\r\n\r\n\r\n <div class=\"phone-lines\">\r\n\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-crm\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"15\" r=\"5\"\/>\r\n\r\n <circle cx=\"12\" cy=\"20\" r=\"4\"\/>\r\n\r\n <circle cx=\"36\" cy=\"20\" r=\"4\"\/>\r\n\r\n <path\r\n d=\"M15 35c0-6 4-10 9-10s9 4 9 10\"\r\n \/>\r\n\r\n <path\r\n d=\"M5 34c0-5 3-8 8-8\"\r\n \/>\r\n\r\n <path\r\n d=\"M43 34c0-5-3-8-8-8\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>CRM<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-security\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M24 6l14 6v10c0 9-6 16-14 20-8-4-14-11-14-20V12z\"\r\n \/>\r\n\r\n <path\r\n d=\"M18 23l4 4 8-9\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>Security<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-automation\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <span>Automation<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-mobile\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <rect\r\n x=\"14\"\r\n y=\"6\"\r\n width=\"20\"\r\n height=\"36\"\r\n rx=\"3\"\r\n \/>\r\n\r\n <line\r\n x1=\"21\"\r\n y1=\"11\"\r\n x2=\"27\"\r\n y2=\"11\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"36\"\r\n r=\"2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>Mobile<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-analytics\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 38h32\"\/>\r\n\r\n <path\r\n d=\"M12 32l8-8 6 5 12-15\"\r\n \/>\r\n\r\n <path\r\n d=\"M31 14h7v7\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>Analytics<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-solutions\">\r\n\r\n\r\n <div class=\"solutions-heading\">\r\n\r\n\r\n <div class=\"solutions-eyebrow\">\r\n\r\n OUR SAAS SOLUTIONS\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"solutions-title\">\r\n\r\n Everything Your Business Needs.\r\n\r\n <\/h2>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solutions-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"15\" r=\"5\"\/>\r\n\r\n <circle cx=\"12\" cy=\"20\" r=\"4\"\/>\r\n\r\n <circle cx=\"36\" cy=\"20\" r=\"4\"\/>\r\n\r\n <path\r\n d=\"M15 36c0-7 4-11 9-11s9 4 9 11\"\r\n \/>\r\n\r\n <path\r\n d=\"M5 35c0-5 3-8 8-8\"\r\n \/>\r\n\r\n <path\r\n d=\"M43 35c0-5-3-8-8-8\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n CRM Platforms\r\n <\/h3>\r\n\r\n <p>\r\n Manage relationships, automate sales,\r\n and deliver exceptional customer service.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"16\"\r\n r=\"6\"\r\n \/>\r\n\r\n <path\r\n d=\"M12 38c0-8 5-13 12-13s12 5 12 13\"\r\n \/>\r\n\r\n <path d=\"M8 22h6\"\/>\r\n <path d=\"M34 22h6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Customer Engagement\r\n <\/h3>\r\n\r\n <p>\r\n Engage customers across every touchpoint\r\n with portals, communities, and experiences.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Workflow Automation\r\n <\/h3>\r\n\r\n <p>\r\n Automate business processes, approvals,\r\n and tasks with intuitive workflows.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 38h32\"\/>\r\n\r\n <path\r\n d=\"M12 32l7-8 6 4 11-14\"\r\n \/>\r\n\r\n <path\r\n d=\"M30 14h7v7\"\r\n \/>\r\n\r\n <circle\r\n cx=\"13\"\r\n cy=\"32\"\r\n r=\"2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n AI Business Intelligence\r\n <\/h3>\r\n\r\n <p>\r\n Transform data into insights with dashboards,\r\n predictive analytics, and AI-powered reports.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M24 39S8 30 8 18c0-6 4-10 9-10 4 0 7 3 7 6 0-3 3-6 7-6 5 0 9 4 9 10 0 12-16 21-16 21z\"\r\n \/>\r\n\r\n <path\r\n d=\"M17 23h5l2-5 3 10 2-5h5\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Healthcare Technology\r\n <\/h3>\r\n\r\n <p>\r\n Built for healthcare organizations with\r\n patient engagement and HIPAA-ready solutions.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M17 14L7 24l10 10\"\r\n \/>\r\n\r\n <path\r\n d=\"M31 14l10 10-10 10\"\r\n \/>\r\n\r\n <path\r\n d=\"M28 9l-8 30\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Custom SaaS Applications\r\n <\/h3>\r\n\r\n <p>\r\n Build custom cloud applications, portals,\r\n and platforms tailored to your business needs.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-section\">\r\n\r\n\r\n <div class=\"performance-heading\">\r\n\r\n\r\n <div class=\"performance-eyebrow\">\r\n\r\n OUR SAAS SOLUTIONS\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"performance-title\">\r\n\r\n Built for Performance.\r\n\r\n <\/h2>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"performance-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M10 22v-5c0-8 6-13 14-13s14 5 14 13v5\"\r\n \/>\r\n\r\n <rect\r\n x=\"8\"\r\n y=\"20\"\r\n width=\"32\"\r\n height=\"20\"\r\n rx=\"4\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"30\"\r\n r=\"3\"\r\n \/>\r\n\r\n <path\r\n d=\"M24 33v4\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Enterprise<br>\r\n Security\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M14 36h22c5 0 8-3 8-8 0-5-4-8-9-8-1-7-6-11-13-11-7 0-12 5-12 12-5 0-8 3-8 8 0 4 3 7 8 7z\"\r\n \/>\r\n\r\n <path d=\"M24 21v15\"\/>\r\n\r\n <path\r\n d=\"M18 27l6-6 6 6\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Cloud<br>\r\n Infrastructure\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M16 8h16\"\/>\r\n <path d=\"M16 40h16\"\/>\r\n\r\n <path d=\"M13 8v8\"\/>\r\n <path d=\"M35 8v8\"\/>\r\n\r\n <path d=\"M13 32v8\"\/>\r\n <path d=\"M35 32v8\"\/>\r\n\r\n <path\r\n d=\"M17 20l-5 4 5 4\"\r\n \/>\r\n\r\n <path\r\n d=\"M31 20l5 4-5 4\"\r\n \/>\r\n\r\n <path\r\n d=\"M27 18l-6 12\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n API<br>\r\n Integrations\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <rect\r\n x=\"7\"\r\n y=\"8\"\r\n width=\"34\"\r\n height=\"27\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <path\r\n d=\"M13 30l7-7 5 4 9-11\"\r\n \/>\r\n\r\n <path\r\n d=\"M17 40h14\"\r\n \/>\r\n\r\n <path\r\n d=\"M24 35v5\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Real-Time<br>\r\n Dashboards\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"18\"\r\n cy=\"15\"\r\n r=\"6\"\r\n \/>\r\n\r\n <circle\r\n cx=\"34\"\r\n cy=\"19\"\r\n r=\"5\"\r\n \/>\r\n\r\n <path\r\n d=\"M7 38c0-8 5-13 11-13s11 5 11 13\"\r\n \/>\r\n\r\n <path\r\n d=\"M28 37c0-6 3-10 8-10s8 4 8 10\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Role-Based<br>\r\n Access\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <rect\r\n x=\"13\"\r\n y=\"5\"\r\n width=\"22\"\r\n height=\"38\"\r\n rx=\"4\"\r\n \/>\r\n\r\n <path\r\n d=\"M20 10h8\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"37\"\r\n r=\"2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Mobile<br>\r\n Ready\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac6fd0 elementor-widget elementor-widget-spacer\" data-id=\"4ac6fd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0074c9c elementor-widget elementor-widget-html\" data-id=\"0074c9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n <title>Technology & Business Outcomes | CVI Global Tech<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n\r\n <style>\r\n\r\n \/* =========================================================\r\n GLOBAL\r\n ========================================================= *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: #ffffff;\r\n color: #114559;\r\n }\r\n\r\n .tech-section {\r\n width: 100%;\r\n background: #ffffff;\r\n color: #114559;\r\n overflow: hidden;\r\n }\r\n\r\n .tech-section *,\r\n .tech-section *::before,\r\n .tech-section *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .tech-container {\r\n width: 100%;\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n TOP DARK SECTION\r\n ========================================================= *\/\r\n\r\n .tech-partner-section {\r\n\r\n background:\r\n radial-gradient(\r\n circle at 50% 120%,\r\n rgba(31, 90, 111, .48),\r\n transparent 50%\r\n ),\r\n linear-gradient(\r\n 110deg,\r\n #031625,\r\n #061c2d 60%,\r\n #021421\r\n );\r\n\r\n color: #ffffff;\r\n\r\n padding: 28px 0 30px;\r\n }\r\n\r\n\r\n .partner-heading {\r\n text-align: center;\r\n margin-bottom: 24px;\r\n }\r\n\r\n\r\n .partner-eyebrow {\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n color: #c5dfa8;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 7px;\r\n\r\n letter-spacing: .7px;\r\n }\r\n\r\n\r\n .partner-title {\r\n\r\n color: #ffffff;\r\n\r\n font-size: 22px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n PARTNER GRID\r\n ========================================================= *\/\r\n\r\n .partner-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n max-width: 1250px;\r\n\r\n margin: 0 auto;\r\n }\r\n\r\n\r\n .partner-card {\r\n\r\n min-height: 115px;\r\n\r\n padding: 6px 25px;\r\n\r\n text-align: center;\r\n\r\n border-right:\r\n 1px solid rgba(255, 255, 255, .18);\r\n }\r\n\r\n\r\n .partner-card:last-child {\r\n border-right: none;\r\n }\r\n\r\n\r\n .partner-icon {\r\n\r\n width: 43px;\r\n height: 43px;\r\n\r\n margin: 0 auto 8px;\r\n }\r\n\r\n\r\n .partner-icon svg {\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n stroke: #c5dfa8;\r\n\r\n stroke-width: 1.4;\r\n\r\n fill: none;\r\n }\r\n\r\n\r\n .partner-card h3 {\r\n\r\n color: #ffffff;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.25;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 6px;\r\n }\r\n\r\n\r\n .partner-card p {\r\n\r\n color: rgba(255, 255, 255, .72);\r\n\r\n font-size: 8.5px;\r\n\r\n line-height: 1.45;\r\n\r\n font-weight: 300;\r\n\r\n margin: 0;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n MIDDLE SECTION\r\n ========================================================= *\/\r\n\r\n .tech-middle {\r\n\r\n padding: 30px 0 28px;\r\n\r\n background: #ffffff;\r\n }\r\n\r\n\r\n .middle-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 44% 56%;\r\n\r\n gap: 38px;\r\n\r\n align-items: stretch;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n TECHNOLOGY WE USE\r\n ========================================================= *\/\r\n\r\n .tech-used {\r\n\r\n padding-right: 32px;\r\n\r\n border-right:\r\n 1px solid #dfe5e2;\r\n }\r\n\r\n\r\n .section-eyebrow {\r\n\r\n color: #73966c;\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: .9px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 7px;\r\n }\r\n\r\n\r\n .section-title {\r\n\r\n color: #114559;\r\n\r\n font-size: 25px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 20px;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n SALESFORCE\r\n ========================================================= *\/\r\n\r\n .salesforce-area {\r\n\r\n width: 100%;\r\n\r\n min-height: 175px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n background: #ffffff;\r\n\r\n border:\r\n 1px solid #e1e7e3;\r\n\r\n border-radius: 10px;\r\n\r\n overflow: hidden;\r\n\r\n padding: 18px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n min-height: 175px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n display: block;\r\n\r\n width: 90%;\r\n\r\n max-width: 430px;\r\n\r\n height: auto;\r\n\r\n object-fit: contain;\r\n\r\n transition:\r\n transform .25s ease;\r\n }\r\n\r\n\r\n .salesforce-logo:hover {\r\n\r\n transform: scale(1.025);\r\n }\r\n\r\n\r\n \/* =========================================================\r\n DELIVERY FRAMEWORK\r\n ========================================================= *\/\r\n\r\n .delivery {\r\n\r\n padding-left: 0;\r\n }\r\n\r\n\r\n .delivery-heading {\r\n\r\n margin-bottom: 20px;\r\n }\r\n\r\n\r\n .delivery-steps {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n position: relative;\r\n\r\n gap: 5px;\r\n }\r\n\r\n\r\n .delivery-steps::before {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n left: 7%;\r\n\r\n right: 7%;\r\n\r\n top: 31px;\r\n\r\n height: 1px;\r\n\r\n background: #bfd2c0;\r\n\r\n z-index: 0;\r\n }\r\n\r\n\r\n .delivery-step {\r\n\r\n position: relative;\r\n\r\n z-index: 2;\r\n\r\n text-align: center;\r\n }\r\n\r\n\r\n .delivery-circle {\r\n\r\n width: 62px;\r\n\r\n height: 62px;\r\n\r\n margin: 0 auto 4px;\r\n\r\n border:\r\n 1px solid #b8cdb8;\r\n\r\n border-radius: 50%;\r\n\r\n background: #ffffff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n }\r\n\r\n\r\n .delivery-circle svg {\r\n\r\n width: 29px;\r\n\r\n height: 29px;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n }\r\n\r\n\r\n .delivery-number {\r\n\r\n width: 19px;\r\n\r\n height: 19px;\r\n\r\n margin: -10px auto 7px;\r\n\r\n position: relative;\r\n\r\n z-index: 4;\r\n\r\n border-radius: 50%;\r\n\r\n background: #72966d;\r\n\r\n color: #ffffff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 600;\r\n }\r\n\r\n\r\n .delivery-step h3 {\r\n\r\n color: #114559;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.1;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 6px;\r\n }\r\n\r\n\r\n .delivery-step p {\r\n\r\n max-width: 125px;\r\n\r\n margin: 0 auto;\r\n\r\n color: #6a7478;\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.45;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n CONSULTATION BUTTON\r\n APPOINTIV\r\n ========================================================= *\/\r\n\r\n .consult-button {\r\n\r\n display: flex;\r\n\r\n justify-content: flex-end;\r\n\r\n margin-top: 17px;\r\n }\r\n\r\n\r\n .consult-button a {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n padding: 10px 19px;\r\n\r\n border-radius: 25px;\r\n\r\n background: #114559;\r\n\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 10px;\r\n\r\n font-weight: 500;\r\n\r\n transition: .25s ease;\r\n }\r\n\r\n\r\n .consult-button a:hover {\r\n\r\n background: #0c3545;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n .consult-button span {\r\n\r\n font-size: 16px;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n BUSINESS OUTCOMES\r\n ========================================================= *\/\r\n\r\n .outcomes-section {\r\n\r\n padding: 20px 0 25px;\r\n\r\n background: #ffffff;\r\n }\r\n\r\n\r\n .outcomes-heading {\r\n\r\n text-align: center;\r\n\r\n margin-bottom: 20px;\r\n }\r\n\r\n\r\n .outcomes-heading .section-title {\r\n\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n .outcomes-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n gap: 13px;\r\n }\r\n\r\n\r\n .outcome-card {\r\n\r\n min-height: 135px;\r\n\r\n padding: 17px 14px;\r\n\r\n background: #f7f9f5;\r\n\r\n border:\r\n 1px solid #e2e8e1;\r\n\r\n border-radius: 8px;\r\n\r\n text-align: center;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease;\r\n }\r\n\r\n\r\n .outcome-card:hover {\r\n\r\n transform: translateY(-3px);\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(17, 69, 89, .09);\r\n }\r\n\r\n\r\n .outcome-icon {\r\n\r\n width: 39px;\r\n\r\n height: 39px;\r\n\r\n margin: 0 auto 8px;\r\n }\r\n\r\n\r\n .outcome-icon svg {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n }\r\n\r\n\r\n .outcome-card h3 {\r\n\r\n color: #114559;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.25;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 6px;\r\n }\r\n\r\n\r\n .outcome-card p {\r\n\r\n color: #647077;\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.45;\r\n\r\n margin: 0;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n BOTTOM RESULTS\r\n ========================================================= *\/\r\n\r\n .results-section {\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n #041827,\r\n #0a2b3c\r\n );\r\n\r\n color: #ffffff;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n 1.45fr\r\n .55fr\r\n .55fr\r\n .55fr\r\n 1.5fr;\r\n\r\n align-items: stretch;\r\n }\r\n\r\n\r\n .results-story {\r\n\r\n padding: 20px 25px 20px 0;\r\n }\r\n\r\n\r\n .results-eyebrow {\r\n\r\n color: #c5dfa8;\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: .8px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 5px;\r\n }\r\n\r\n\r\n .results-story h2 {\r\n\r\n color: #ffffff;\r\n\r\n font-size: 16px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 8px;\r\n }\r\n\r\n\r\n .results-story p {\r\n\r\n color: rgba(255, 255, 255, .72);\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.5;\r\n\r\n margin: 0 0 7px;\r\n\r\n max-width: 380px;\r\n }\r\n\r\n\r\n .results-link {\r\n\r\n color: #c5dfa8;\r\n\r\n font-size: 8px;\r\n\r\n text-decoration: none;\r\n\r\n font-weight: 500;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n STATISTICS\r\n ========================================================= *\/\r\n\r\n .result-stat {\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n border-left:\r\n 1px solid rgba(255, 255, 255, .13);\r\n }\r\n\r\n\r\n .result-stat strong {\r\n\r\n color: #c5dfa8;\r\n\r\n font-size: 31px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n }\r\n\r\n\r\n .result-stat span {\r\n\r\n max-width: 105px;\r\n\r\n margin-top: 6px;\r\n\r\n text-align: center;\r\n\r\n color: rgba(255, 255, 255, .7);\r\n\r\n font-size: 7.5px;\r\n\r\n line-height: 1.35;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n CTA\r\n ========================================================= *\/\r\n\r\n .results-cta {\r\n\r\n padding: 15px;\r\n\r\n background:\r\n linear-gradient(\r\n 120deg,\r\n #dce9ca,\r\n #c7dcae\r\n );\r\n\r\n color: #114559;\r\n\r\n border-radius: 9px;\r\n\r\n margin: 10px 0 10px 17px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n justify-content: center;\r\n }\r\n\r\n\r\n .results-cta-label {\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n color: #72946c;\r\n\r\n margin-bottom: 4px;\r\n }\r\n\r\n\r\n .results-cta h3 {\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.35;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 10px;\r\n }\r\n\r\n\r\n .results-buttons {\r\n\r\n display: flex;\r\n\r\n gap: 8px;\r\n }\r\n\r\n\r\n .results-buttons a {\r\n\r\n padding: 8px 12px;\r\n\r\n border-radius: 18px;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 7.5px;\r\n\r\n font-weight: 500;\r\n\r\n transition:\r\n .25s ease;\r\n }\r\n\r\n\r\n .results-buttons .primary {\r\n\r\n color: #ffffff;\r\n\r\n background: #114559;\r\n }\r\n\r\n\r\n .results-buttons .primary:hover {\r\n\r\n background: #0c3545;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n .results-buttons .secondary {\r\n\r\n color: #114559;\r\n\r\n border:\r\n 1px solid #114559;\r\n\r\n background: transparent;\r\n }\r\n\r\n\r\n .results-buttons .secondary:hover {\r\n\r\n color: #ffffff;\r\n\r\n background: #114559;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* =========================================================\r\n LARGE TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 1150px) {\r\n\r\n .tech-container {\r\n padding-left: 4%;\r\n padding-right: 4%;\r\n }\r\n\r\n .middle-grid {\r\n\r\n grid-template-columns: 42% 58%;\r\n\r\n gap: 25px;\r\n }\r\n\r\n .partner-card {\r\n\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n }\r\n\r\n .partner-card p {\r\n font-size: 8px;\r\n }\r\n\r\n .salesforce-logo {\r\n width: 92%;\r\n }\r\n\r\n .delivery-step p {\r\n font-size: 7px;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 950px) {\r\n\r\n .middle-grid {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n gap: 28px;\r\n }\r\n\r\n\r\n .tech-used {\r\n\r\n border-right: none;\r\n\r\n border-bottom:\r\n 1px solid #dfe5e2;\r\n\r\n padding-right: 0;\r\n\r\n padding-bottom: 28px;\r\n }\r\n\r\n\r\n .salesforce-area {\r\n\r\n min-height: 190px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n min-height: 190px;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n width: 65%;\r\n\r\n max-width: 430px;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n grid-template-columns:\r\n 1.5fr\r\n .6fr\r\n .6fr\r\n .6fr;\r\n }\r\n\r\n\r\n .results-cta {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n margin: 0 0 15px;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n SMALL TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 750px) {\r\n\r\n .partner-grid {\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n row-gap: 20px;\r\n }\r\n\r\n\r\n .partner-card:nth-child(3) {\r\n\r\n border-right: none;\r\n }\r\n\r\n\r\n .outcomes-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n }\r\n\r\n\r\n .outcome-card:last-child {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n }\r\n\r\n\r\n .results-story {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n padding-right: 0;\r\n\r\n padding-bottom: 17px;\r\n }\r\n\r\n\r\n .results-cta {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n MOBILE\r\n ========================================================= *\/\r\n\r\n @media (max-width: 550px) {\r\n\r\n .tech-container {\r\n\r\n padding-left: 20px;\r\n\r\n padding-right: 20px;\r\n }\r\n\r\n\r\n .tech-partner-section {\r\n\r\n padding-top: 25px;\r\n\r\n padding-bottom: 25px;\r\n }\r\n\r\n\r\n .partner-title {\r\n\r\n font-size: 19px;\r\n }\r\n\r\n\r\n .partner-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n\r\n row-gap: 20px;\r\n }\r\n\r\n\r\n .partner-card:nth-child(3) {\r\n\r\n border-right:\r\n 1px solid rgba(255, 255, 255, .18);\r\n }\r\n\r\n\r\n .partner-card:nth-child(even) {\r\n\r\n border-right: none;\r\n }\r\n\r\n\r\n .partner-card {\r\n\r\n min-height: 105px;\r\n\r\n padding-left: 10px;\r\n\r\n padding-right: 10px;\r\n }\r\n\r\n\r\n .partner-icon {\r\n\r\n width: 37px;\r\n\r\n height: 37px;\r\n }\r\n\r\n\r\n .partner-card h3 {\r\n\r\n font-size: 10px;\r\n }\r\n\r\n\r\n .partner-card p {\r\n\r\n font-size: 7.5px;\r\n }\r\n\r\n\r\n .section-title {\r\n\r\n font-size: 21px;\r\n }\r\n\r\n\r\n .salesforce-area {\r\n\r\n min-height: 145px;\r\n\r\n padding: 10px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n min-height: 145px;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n width: 88%;\r\n\r\n max-width: 400px;\r\n }\r\n\r\n\r\n .delivery-steps {\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n overflow-x: auto;\r\n\r\n padding-bottom: 10px;\r\n\r\n gap: 8px;\r\n }\r\n\r\n\r\n .delivery-step {\r\n\r\n min-width: 92px;\r\n }\r\n\r\n\r\n .delivery-steps::before {\r\n\r\n left: 46px;\r\n\r\n right: 46px;\r\n }\r\n\r\n\r\n .delivery-circle {\r\n\r\n width: 55px;\r\n\r\n height: 55px;\r\n }\r\n\r\n\r\n .delivery-step h3 {\r\n\r\n font-size: 10px;\r\n }\r\n\r\n\r\n .delivery-step p {\r\n\r\n font-size: 7px;\r\n }\r\n\r\n\r\n .outcomes-grid {\r\n\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n\r\n .outcome-card:last-child {\r\n\r\n grid-column: auto;\r\n }\r\n\r\n\r\n .outcome-card {\r\n\r\n min-height: 120px;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n }\r\n\r\n\r\n .results-story {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n }\r\n\r\n\r\n .result-stat {\r\n\r\n min-height: 90px;\r\n }\r\n\r\n\r\n .results-cta {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n margin-top: 10px;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n SMALL MOBILE\r\n ========================================================= *\/\r\n\r\n @media (max-width: 380px) {\r\n\r\n .partner-grid {\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n }\r\n\r\n\r\n .salesforce-area {\r\n\r\n min-height: 125px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n min-height: 125px;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n width: 92%;\r\n }\r\n\r\n\r\n .section-title {\r\n\r\n font-size: 19px;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"tech-section\">\r\n\r\n\r\n \r\n\r\n <section class=\"tech-partner-section\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n <div class=\"partner-heading\">\r\n\r\n <div class=\"partner-eyebrow\">\r\n WHY CHOOSE CVI GLOBAL TECH?\r\n <\/div>\r\n\r\n <h2 class=\"partner-title\">\r\n More Than Software. A Strategic Partner.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"partner-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"24\" r=\"14\"\/>\r\n\r\n <path d=\"M24 24l8-8\"\/>\r\n\r\n <circle cx=\"24\" cy=\"24\" r=\"3\"\/>\r\n\r\n <path d=\"M24 5v5\"\/>\r\n <path d=\"M24 38v5\"\/>\r\n <path d=\"M5 24h5\"\/>\r\n <path d=\"M38 24h5\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Business-First<br>\r\n Approach\r\n <\/h3>\r\n\r\n <p>\r\n Technology aligned to your business objectives.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M9 42V15h20v27\"\/>\r\n <path d=\"M29 42V7h10v35\"\/>\r\n\r\n <path d=\"M14 21h3\"\/>\r\n <path d=\"M21 21h3\"\/>\r\n\r\n <path d=\"M14 28h3\"\/>\r\n <path d=\"M21 28h3\"\/>\r\n\r\n <path d=\"M33 14h3\"\/>\r\n <path d=\"M33 21h3\"\/>\r\n <path d=\"M33 28h3\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Enterprise<br>\r\n Experience\r\n <\/h3>\r\n\r\n <p>\r\n Deep experience supporting complex organizations.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M18 8H8v10\"\/>\r\n <path d=\"M30 8h10v10\"\/>\r\n <path d=\"M18 40H8V30\"\/>\r\n <path d=\"M30 40h10V30\"\/>\r\n\r\n <path d=\"M8 8l10 10\"\/>\r\n <path d=\"M40 8L30 18\"\/>\r\n <path d=\"M8 40l10-10\"\/>\r\n <path d=\"M40 40L30 30\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Scalable<br>\r\n Architecture\r\n <\/h3>\r\n\r\n <p>\r\n Solutions designed to grow with your organization.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M17 29c-4-3-6-7-6-11 0-8 6-14 13-14s13 6 13 14c0 4-2 8-6 11\"\r\n \/>\r\n\r\n <path d=\"M18 34h12\"\/>\r\n <path d=\"M20 39h8\"\/>\r\n\r\n <path d=\"M24 4v5\"\/>\r\n <path d=\"M9 10l4 3\"\/>\r\n <path d=\"M39 10l-4 3\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Continuous<br>\r\n Innovation\r\n <\/h3>\r\n\r\n <p>\r\n Regular updates and enhancements.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 22l8-8 8 8-8 8z\"\/>\r\n <path d=\"M24 22l8-8 8 8-8 8z\"\/>\r\n\r\n <path d=\"M16 30l6 6c2 2 5 2 7 0l11-11\"\/>\r\n\r\n <path d=\"M8 22l8 8\"\/>\r\n <path d=\"M40 22l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Long-Term<br>\r\n Partnership\r\n <\/h3>\r\n\r\n <p>\r\n We grow with you beyond implementation.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"tech-middle\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n <div class=\"middle-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"tech-used\">\r\n\r\n <div class=\"section-eyebrow\">\r\n TECHNOLOGY WE USE\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Modern Platforms. Proven Results.\r\n <\/h2>\r\n\r\n\r\n \r\n\r\n <div class=\"salesforce-area\">\r\n\r\n <div class=\"salesforce-card\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/58482f67cef1014c0b5e4a81.png\"\r\n alt=\"Salesforce\"\r\n class=\"salesforce-logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery\">\r\n\r\n <div class=\"delivery-heading\">\r\n\r\n <div class=\"section-eyebrow\">\r\n OUR CONSULTING & DELIVERY PROCESS\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n A Proven Delivery Framework.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"delivery-steps\">\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"21\"\r\n cy=\"21\"\r\n r=\"11\"\r\n \/>\r\n\r\n <path d=\"M29 29l10 10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 1\r\n <\/div>\r\n\r\n <h3>\r\n Discover\r\n <\/h3>\r\n\r\n <p>\r\n We understand your goals, priorities, and challenges.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 2\r\n <\/div>\r\n\r\n <h3>\r\n Configure\r\n <\/h3>\r\n\r\n <p>\r\n We configure the platform to match your processes.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"15\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <circle\r\n cx=\"33\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M20 20l8-8\"\/>\r\n <path d=\"M20 28l8 8\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 3\r\n <\/div>\r\n\r\n <h3>\r\n Integrate\r\n <\/h3>\r\n\r\n <p>\r\n We connect your systems and create a seamless experience.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M11 36c7-1 18-7 23-17 3-6 3-11 3-11s-5 0-11 3c-10 5-16 16-17 23z\"\r\n \/>\r\n\r\n <path d=\"M11 36l-5 5\"\/>\r\n\r\n <circle\r\n cx=\"28\"\r\n cy=\"17\"\r\n r=\"3\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 4\r\n <\/div>\r\n\r\n <h3>\r\n Launch\r\n <\/h3>\r\n\r\n <p>\r\n We deploy your solution and ensure a smooth transition.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 38h32\"\/>\r\n\r\n <path\r\n d=\"M12 32l8-8 6 5 11-15\"\r\n \/>\r\n\r\n <path\r\n d=\"M30 14h7v7\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 5\r\n <\/div>\r\n\r\n <h3>\r\n Optimize\r\n <\/h3>\r\n\r\n <p>\r\n We monitor, analyze, and continuously improve.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"consult-button\">\r\n\r\n <a\r\n href=\"APPOINTIV_URL\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n\r\n Schedule a Consultation\r\n\r\n <span>\u2192<\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"outcomes-section\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n\r\n <div class=\"outcomes-heading\">\r\n\r\n <div class=\"section-eyebrow\">\r\n BUSINESS OUTCOMES\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Technology That Delivers Value.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"outcomes-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M24 39c8-5 13-12 13-20 0-7-5-12-13-12S11 12 11 19c0 8 5 15 13 20z\"\r\n \/>\r\n\r\n <path d=\"M24 18v12\"\/>\r\n\r\n <path d=\"M18 24l6-6 6 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Increase<br>\r\n Productivity\r\n <\/h3>\r\n\r\n <p>\r\n Automate more work and achieve more with less effort.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"18\" cy=\"16\" r=\"6\"\/>\r\n <circle cx=\"34\" cy=\"19\" r=\"5\"\/>\r\n\r\n <path\r\n d=\"M7 38c0-8 5-13 11-13s11 5 11 13\"\r\n \/>\r\n\r\n <path\r\n d=\"M28 37c0-6 3-10 8-10s8 4 8 10\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Improve Customer<br>\r\n Experience\r\n <\/h3>\r\n\r\n <p>\r\n Deliver faster, more personalized, and consistent service.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"24\" r=\"7\"\/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Automate<br>\r\n Operations\r\n <\/h3>\r\n\r\n <p>\r\n Reduce manual tasks and improve process efficiency.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"15\"\r\n \/>\r\n\r\n <path d=\"M24 14v20\"\/>\r\n\r\n <path\r\n d=\"M29 18c-2-3-10-3-10 2 0 5 10 2 10 7 0 5-8 5-11 2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Reduce<br>\r\n Costs\r\n <\/h3>\r\n\r\n <p>\r\n Lower IT and operational costs without sacrificing quality.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M5 24s7-12 19-12 19 12 19 12-7 12-19 12S5 24 5 24z\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"5\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Improve<br>\r\n Visibility\r\n <\/h3>\r\n\r\n <p>\r\n Real-time dashboards enable faster decision-making.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"results-section\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n <div class=\"results-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"results-story\">\r\n\r\n <div class=\"results-eyebrow\">\r\n SUCCESS STORY\r\n <\/div>\r\n\r\n <h2>\r\n Transforming Customer Operations\r\n <\/h2>\r\n\r\n <p>\r\n We helped a healthcare organization modernize\r\n their operations using a scalable platform,\r\n improving efficiency across the board.\r\n <\/p>\r\n\r\n <a\r\n href=\"#\"\r\n class=\"results-link\"\r\n >\r\n View Case Study \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"result-stat\">\r\n\r\n <strong>\r\n 40%\r\n <\/strong>\r\n\r\n <span>\r\n Increase in Operational Efficiency\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"result-stat\">\r\n\r\n <strong>\r\n 65%\r\n <\/strong>\r\n\r\n <span>\r\n Faster Case Resolution\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"result-stat\">\r\n\r\n <strong>\r\n 50%\r\n <\/strong>\r\n\r\n <span>\r\n Reduction in Manual Work\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"results-cta\">\r\n\r\n <div class=\"results-cta-label\">\r\n READY TO TRANSFORM YOUR BUSINESS?\r\n <\/div>\r\n\r\n <h3>\r\n Let's build a secure, scalable solution\r\n that grows with your organization.\r\n <\/h3>\r\n\r\n <div class=\"results-buttons\">\r\n\r\n \r\n\r\n <a\r\n href=\"APPOINTIV_URL\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"primary\"\r\n >\r\n Schedule a Call \u2192\r\n <\/a>\r\n\r\n \r\n\r\n <a\r\n href=\"https:\/\/cviglobaltech.com\/solutions\/\"\r\n class=\"secondary\"\r\n >\r\n Explore Solutions \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n \/*\r\n * REPLACE THIS WITH YOUR REAL APPOINTIV BOOKING URL.\r\n *\r\n * Example:\r\n * const APPOINTIV_URL = \"https:\/\/your-company.appointiv.com\/...\";\r\n *\/\r\n\r\n const APPOINTIV_URL = \"APPOINTIV_URL\";\r\n\r\n\r\n \/*\r\n * Automatically applies the Appointiv URL\r\n * to every element using data-appointiv.\r\n *\/\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n document\r\n .querySelectorAll('[href=\"APPOINTIV_URL\"]')\r\n .forEach(function (link) {\r\n\r\n link.href = APPOINTIV_URL;\r\n\r\n });\r\n\r\n });\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Software as a Service | CVI Global Tech SOFTWARE AS A SERVICE (SaaS) Enterprise Software. Ready When You Are. Powerful […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-983","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/comments?post=983"}],"version-history":[{"count":14,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/983\/revisions"}],"predecessor-version":[{"id":1151,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/983\/revisions\/1151"}],"wp:attachment":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/media?parent=983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n Software as a Service | CVI Global Tech<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n\r\n \/* =========================================\r\n RESET\r\n ========================================= *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html,\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: #03101d;\r\n }\r\n\r\n\r\n \/* =========================================\r\n HERO\r\n ========================================= *\/\r\n\r\n .hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 560px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n overflow: hidden;\r\n\r\n color: #ffffff;\r\n background: #03101d;\r\n\r\n padding: 55px 6%;\r\n }\r\n\r\n\r\n \/* =========================================\r\n BACKGROUND\r\n ========================================= *\/\r\n\r\n .hero-background {\r\n position: absolute;\r\n inset: 0;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n z-index: 0;\r\n }\r\n\r\n .hero-background img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n object-fit: cover;\r\n object-position: center;\r\n\r\n opacity: .9;\r\n }\r\n\r\n\r\n \/* =========================================\r\n DARK OVERLAY\r\n ========================================= *\/\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n\r\n z-index: 1;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(3, 16, 29, 0.99) 0%,\r\n rgba(3, 16, 29, 0.96) 24%,\r\n rgba(3, 16, 29, 0.78) 46%,\r\n rgba(3, 16, 29, 0.38) 70%,\r\n rgba(3, 16, 29, 0.08) 100%\r\n );\r\n }\r\n\r\n\r\n \/* =========================================\r\n HERO CONTAINER\r\n ========================================= *\/\r\n\r\n .hero-container {\r\n position: relative;\r\n z-index: 3;\r\n\r\n width: 100%;\r\n max-width: 1400px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 48% 52%;\r\n\r\n align-items: center;\r\n }\r\n\r\n\r\n \/* =========================================\r\n LEFT CONTENT\r\n ========================================= *\/\r\n\r\n .hero-content {\r\n max-width: 650px;\r\n padding-left: 5px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n EYEBROW\r\n ========================================= *\/\r\n\r\n .brand {\r\n font-size: 11px;\r\n font-weight: 700;\r\n\r\n letter-spacing: 1.3px;\r\n\r\n color: #c5dfa8;\r\n\r\n margin-bottom: 8px;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n\r\n \/* =========================================\r\n TITLE\r\n ========================================= *\/\r\n\r\n .hero-title {\r\n font-size: clamp(\r\n 2.3rem,\r\n 3.6vw,\r\n 3.35rem\r\n );\r\n\r\n line-height: 1.04;\r\n font-weight: 600;\r\n\r\n color: #ffffff;\r\n\r\n margin-bottom: 12px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SUBTITLE\r\n ========================================= *\/\r\n\r\n .hero-subtitle {\r\n font-size: 14px;\r\n line-height: 1.45;\r\n\r\n font-weight: 400;\r\n\r\n color: #c5dfa8;\r\n\r\n margin-bottom: 18px;\r\n\r\n max-width: 600px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n TEXT\r\n ========================================= *\/\r\n\r\n .hero-text {\r\n max-width: 590px;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 11.5px;\r\n line-height: 1.55;\r\n\r\n color: rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .82\r\n );\r\n\r\n font-weight: 300;\r\n\r\n margin-bottom: 11px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n BUTTONS\r\n ========================================= *\/\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 12px;\r\n\r\n align-items: center;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 9px;\r\n\r\n min-height: 39px;\r\n\r\n padding: 8px 18px;\r\n\r\n border-radius: 30px;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 10px;\r\n font-weight: 500;\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n border-color .25s ease;\r\n }\r\n\r\n\r\n \/* Primary *\/\r\n\r\n .btn-primary {\r\n background: #c5dfa8;\r\n\r\n color: #07151e;\r\n\r\n border: 1px solid #c5dfa8;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #d7eabd;\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* Outline *\/\r\n\r\n .btn-outline {\r\n color: #ffffff;\r\n\r\n background:\r\n rgba(\r\n 3,\r\n 16,\r\n 29,\r\n .15\r\n );\r\n\r\n border: 1px solid\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .55\r\n );\r\n }\r\n\r\n .btn-outline:hover {\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .08\r\n );\r\n\r\n border-color: #ffffff;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* Arrow *\/\r\n\r\n .arrow {\r\n font-size: 15px;\r\n line-height: 1;\r\n\r\n transition:\r\n transform .25s ease;\r\n }\r\n\r\n .btn:hover .arrow {\r\n transform:\r\n translateX(4px);\r\n }\r\n\r\n\r\n \/* =========================================\r\n RIGHT VISUAL\r\n ========================================= *\/\r\n\r\n .hero-visual {\r\n position: relative;\r\n\r\n width: 100%;\r\n height: 470px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SAAS CLOUD\r\n ========================================= *\/\r\n\r\n .saas-cloud {\r\n position: relative;\r\n\r\n width: 235px;\r\n height: 155px;\r\n\r\n display: block;\r\n\r\n filter:\r\n drop-shadow(\r\n 0 0 25px\r\n rgba(\r\n 197,\r\n 223,\r\n 168,\r\n .20\r\n )\r\n );\r\n }\r\n\r\n\r\n \/* =========================================\r\n CLOUD BODY\r\n ========================================= *\/\r\n\r\n .cloud-shape {\r\n position: absolute;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n width: 100%;\r\n height: 105px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #f5f9ef 62%,\r\n #dce9c9 100%\r\n );\r\n\r\n border: 3px solid #c5dfa8;\r\n\r\n border-radius:\r\n 60px 60px\r\n 48px 48px;\r\n\r\n box-shadow:\r\n 0 0 30px\r\n rgba(\r\n 197,\r\n 223,\r\n 168,\r\n .18\r\n ),\r\n\r\n inset 0 0 18px\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .85\r\n );\r\n\r\n z-index: 1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n LEFT CLOUD BUMP\r\n ========================================= *\/\r\n\r\n .cloud-shape::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 88px;\r\n height: 88px;\r\n\r\n left: 25px;\r\n top: -48px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #f5f9ef 62%,\r\n #dce9c9 100%\r\n );\r\n\r\n border: 3px solid #c5dfa8;\r\n\r\n border-bottom: none;\r\n\r\n border-radius: 50%;\r\n\r\n z-index: -1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n RIGHT CLOUD BUMP\r\n ========================================= *\/\r\n\r\n .cloud-shape::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 76px;\r\n height: 76px;\r\n\r\n right: 27px;\r\n top: -37px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #f5f9ef 62%,\r\n #dce9c9 100%\r\n );\r\n\r\n border: 3px solid #c5dfa8;\r\n\r\n border-bottom: none;\r\n\r\n border-radius: 50%;\r\n\r\n z-index: -1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SAAS CONTENT\r\n CENTRADO EXACTAMENTE EN LA NUBE\r\n ========================================= *\/\r\n\r\n .cloud-content {\r\n position: absolute;\r\n\r\n left: 50%;\r\n top: calc(100% - 52.5px);\r\n\r\n transform:\r\n translate(-50%, -50%);\r\n\r\n width: 100%;\r\n\r\n text-align: center;\r\n\r\n z-index: 20;\r\n\r\n pointer-events: none;\r\n }\r\n\r\n\r\n .cloud-content strong {\r\n display: block;\r\n\r\n font-size: 30px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n letter-spacing: -.7px;\r\n\r\n color: #0a1b27;\r\n }\r\n\r\n\r\n .cloud-content span {\r\n display: block;\r\n\r\n margin-top: 6px;\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n letter-spacing: 1px;\r\n\r\n color: #52654d;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n\r\n \/* =========================================\r\n TABLET\r\n ========================================= *\/\r\n\r\n @media (max-width: 1100px) {\r\n\r\n .hero-section {\r\n padding-left: 5%;\r\n padding-right: 5%;\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns:\r\n 50% 50%;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.65rem;\r\n }\r\n\r\n .saas-cloud {\r\n transform: scale(.9);\r\n }\r\n }\r\n\r\n\r\n \/* =========================================\r\n MOBILE \/ TABLET\r\n ========================================= *\/\r\n\r\n @media (max-width: 850px) {\r\n\r\n .hero-section {\r\n min-height: auto;\r\n\r\n padding:\r\n 65px 6%;\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 25px;\r\n }\r\n\r\n .hero-content {\r\n max-width: 680px;\r\n\r\n margin: 0 auto;\r\n\r\n text-align: center;\r\n }\r\n\r\n .hero-text {\r\n margin: 0 auto;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n }\r\n\r\n .hero-visual {\r\n height: 300px;\r\n }\r\n\r\n .hero-overlay {\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(\r\n 3,\r\n 16,\r\n 29,\r\n .97\r\n ),\r\n rgba(\r\n 3,\r\n 16,\r\n 29,\r\n .78\r\n )\r\n );\r\n }\r\n }\r\n\r\n\r\n \/* =========================================\r\n MOBILE\r\n ========================================= *\/\r\n\r\n @media (max-width: 500px) {\r\n\r\n .hero-section {\r\n padding:\r\n 50px 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.15rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 11px;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n\r\n width: 100%;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n\r\n max-width: 280px;\r\n }\r\n\r\n .hero-visual {\r\n height: 250px;\r\n }\r\n\r\n .saas-cloud {\r\n transform: scale(.75);\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"hero-section\">\r\n\r\n\r\n \r\n\r\n <div class=\"hero-background\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Hero-Image.png\"\r\n alt=\"Global SaaS Technology Network\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-container\">\r\n\r\n\r\n \r\n\r\n <div class=\"hero-content\">\r\n\r\n\r\n <div class=\"brand\">\r\n SOFTWARE AS A SERVICE (SaaS)\r\n <\/div>\r\n\r\n\r\n <h1 class=\"hero-title\">\r\n Enterprise Software.\r\n <br>\r\n Ready When You Are.\r\n <\/h1>\r\n\r\n\r\n <div class=\"hero-subtitle\">\r\n\r\n Powerful cloud-based software\r\n solutions that help organizations\r\n improve customer engagement,\r\n automate workflows, modernize\r\n operations, and scale with confidence.\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"hero-text\">\r\n\r\n <p>\r\n Whether you're implementing CRM,\r\n launching customer portals,\r\n automating business processes,\r\n or building custom cloud\r\n applications, our SaaS platforms\r\n are designed for long-term\r\n business growth.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-buttons\">\r\n\r\n\r\n <a\r\n href=\"#\"\r\n class=\"btn btn-primary\"\r\n >\r\n\r\n Explore SaaS Solutions\r\n\r\n <span class=\"arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <a\r\n href=\"https:\/\/cvigt.appointiv.com\/l\/cvi-virtual-meetings-website\/c\/cvi-website-meetings\/a\/website-requested-meeting\/p\/alvaro-rodriguez\"\r\n class=\"btn btn-outline\"\r\n >\r\n\r\n Schedule a Consultation\r\n\r\n <span class=\"arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"hero-visual\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-cloud\">\r\n\r\n\r\n <div class=\"cloud-shape\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cloud-content\">\r\n\r\n <strong>\r\n SaaS\r\n <\/strong>\r\n\r\n <span>\r\n Cloud Platform\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a93c87 elementor-widget elementor-widget-html\" data-id=\"3a93c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n <title>SaaS Solutions<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n<section class=\"saas-info-section\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n GLOBAL\r\n========================================================= *\/\r\n\r\n.saas-info-section {\r\n\r\n width: 100%;\r\n\r\n background: #ffffff;\r\n\r\n color: #114559;\r\n\r\n font-family: 'Poppins', sans-serif;\r\n\r\n}\r\n\r\n.saas-info-section *,\r\n.saas-info-section *::before,\r\n.saas-info-section *::after {\r\n\r\n box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.saas-inner {\r\n\r\n width: 100%;\r\n\r\n max-width: 1350px;\r\n\r\n margin: 0 auto;\r\n\r\n padding-left: 5%;\r\n padding-right: 5%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP INTRO\r\n========================================================= *\/\r\n\r\n.saas-intro {\r\n\r\n min-height: 390px;\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 45% 55%;\r\n\r\n align-items: center;\r\n\r\n gap: 15px;\r\n\r\n padding-top: 45px;\r\n\r\n padding-bottom: 30px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.saas-intro-content {\r\n\r\n padding-right: 30px;\r\n\r\n}\r\n\r\n\r\n.saas-eyebrow {\r\n\r\n color: #6d9270;\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: 1.1px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 8px;\r\n\r\n}\r\n\r\n\r\n.saas-intro-title {\r\n\r\n color: #114559;\r\n\r\n font-size: clamp(30px, 3vw, 39px);\r\n\r\n line-height: 1.08;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 13px;\r\n\r\n}\r\n\r\n\r\n.saas-intro-description {\r\n\r\n max-width: 500px;\r\n\r\n color: #5b6670;\r\n\r\n font-size: 14px;\r\n\r\n line-height: 1.55;\r\n\r\n font-weight: 400;\r\n\r\n margin: 0 0 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS\r\n========================================================= *\/\r\n\r\n.saas-benefits {\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 1fr 1fr;\r\n\r\n column-gap: 35px;\r\n\r\n row-gap: 9px;\r\n\r\n max-width: 510px;\r\n\r\n}\r\n\r\n\r\n.saas-benefit {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n color: #114559;\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.4;\r\n\r\n font-weight: 500;\r\n\r\n}\r\n\r\n\r\n.saas-benefit-icon {\r\n\r\n width: 15px;\r\n\r\n height: 15px;\r\n\r\n flex: 0 0 15px;\r\n\r\n border: 1.5px solid #8eb278;\r\n\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n color: #6f995f;\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT VISUAL\r\n========================================================= *\/\r\n\r\n.saas-intro-visual {\r\n\r\n position: relative;\r\n\r\n min-height: 340px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n}\r\n\r\n\r\n.saas-orbit {\r\n\r\n position: relative;\r\n\r\n width: 410px;\r\n\r\n height: 330px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT RING\r\n========================================================= *\/\r\n\r\n.saas-orbit-ring {\r\n\r\n position: absolute;\r\n\r\n width: 260px;\r\n\r\n height: 260px;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n\r\n border: 1px dashed #c8d9c1;\r\n\r\n border-radius: 50%;\r\n\r\n z-index: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CLOUD\r\n IMPORTANT:\r\n CLOUD IS BEHIND COMPUTER\r\n========================================================= *\/\r\n\r\n.saas-cloud-background {\r\n\r\n position: absolute;\r\n\r\n width: 285px;\r\n\r\n height: 185px;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -61%);\r\n\r\n z-index: 2;\r\n\r\n}\r\n\r\n\r\n.saas-cloud-background svg {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n filter:\r\n drop-shadow(\r\n 0 5px 12px\r\n rgba(17,69,89,.08)\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SAAS TEXT INSIDE CLOUD\r\n========================================================= *\/\r\n\r\n.cloud-saas-label {\r\n\r\n position: absolute;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -54%);\r\n\r\n z-index: 4;\r\n\r\n color: #114559;\r\n\r\n font-size: 20px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n letter-spacing: .4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPUTER\r\n ABOVE CLOUD\r\n========================================================= *\/\r\n\r\n.saas-device {\r\n\r\n position: absolute;\r\n\r\n width: 215px;\r\n\r\n height: 180px;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -11%);\r\n\r\n z-index: 10;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LAPTOP\r\n========================================================= *\/\r\n\r\n.saas-laptop {\r\n\r\n position: absolute;\r\n\r\n width: 170px;\r\n\r\n height: 106px;\r\n\r\n left: 50%;\r\n\r\n bottom: 23px;\r\n\r\n transform: translateX(-50%);\r\n\r\n background: #ffffff;\r\n\r\n border: 2px solid #114559;\r\n\r\n border-radius: 5px;\r\n\r\n box-shadow:\r\n 0 6px 15px\r\n rgba(17,69,89,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LAPTOP BASE\r\n========================================================= *\/\r\n\r\n.saas-laptop::after {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 190px;\r\n\r\n height: 8px;\r\n\r\n left: 50%;\r\n\r\n bottom: -11px;\r\n\r\n transform: translateX(-50%);\r\n\r\n background: #dce3df;\r\n\r\n border: 1.5px solid #114559;\r\n\r\n border-radius:\r\n 0 0 6px 6px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LAPTOP SCREEN\r\n========================================================= *\/\r\n\r\n.saas-screen {\r\n\r\n position: absolute;\r\n\r\n left: 10px;\r\n\r\n right: 10px;\r\n\r\n top: 10px;\r\n\r\n bottom: 10px;\r\n\r\n background: #f8faf9;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n padding: 10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCREEN CHART\r\n========================================================= *\/\r\n\r\n.screen-chart {\r\n\r\n width: 43px;\r\n\r\n height: 43px;\r\n\r\n flex: 0 0 43px;\r\n\r\n border-radius: 50%;\r\n\r\n background:\r\n conic-gradient(\r\n #6d9270 0 32%,\r\n #114559 32% 60%,\r\n #c7d9c0 60% 100%\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCREEN DATA\r\n========================================================= *\/\r\n\r\n.screen-data {\r\n\r\n width: 68px;\r\n\r\n height: 58px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n justify-content: flex-end;\r\n\r\n}\r\n\r\n\r\n.screen-line {\r\n\r\n width: 60px;\r\n\r\n height: 4px;\r\n\r\n background: #c7d9c0;\r\n\r\n border-radius: 4px;\r\n\r\n margin-bottom: 5px;\r\n\r\n}\r\n\r\n\r\n.screen-line.short {\r\n\r\n width: 42px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCREEN BARS\r\n========================================================= *\/\r\n\r\n.screen-bars {\r\n\r\n display: flex;\r\n\r\n align-items: flex-end;\r\n\r\n gap: 4px;\r\n\r\n height: 35px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span {\r\n\r\n width: 9px;\r\n\r\n background: #6d9270;\r\n\r\n border-radius:\r\n 2px 2px 0 0;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(1) {\r\n\r\n height: 15px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(2) {\r\n\r\n height: 25px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(3) {\r\n\r\n height: 20px;\r\n\r\n}\r\n\r\n\r\n.screen-bars span:nth-child(4) {\r\n\r\n height: 31px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE\r\n========================================================= *\/\r\n\r\n.saas-phone {\r\n\r\n position: absolute;\r\n\r\n width: 46px;\r\n\r\n height: 84px;\r\n\r\n right: 3px;\r\n\r\n bottom: 14px;\r\n\r\n background: #ffffff;\r\n\r\n border: 2px solid #114559;\r\n\r\n border-radius: 7px;\r\n\r\n z-index: 15;\r\n\r\n box-shadow:\r\n 0 5px 12px\r\n rgba(17,69,89,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE SCREEN\r\n========================================================= *\/\r\n\r\n.phone-screen {\r\n\r\n position: absolute;\r\n\r\n left: 5px;\r\n\r\n right: 5px;\r\n\r\n top: 9px;\r\n\r\n bottom: 9px;\r\n\r\n background: #f5f8f6;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n padding-top: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE CHART\r\n========================================================= *\/\r\n\r\n.phone-chart {\r\n\r\n width: 22px;\r\n\r\n height: 22px;\r\n\r\n border-radius: 50%;\r\n\r\n background:\r\n conic-gradient(\r\n #6d9270 0 45%,\r\n #114559 45% 72%,\r\n #c7d9c0 72% 100%\r\n );\r\n\r\n margin-bottom: 7px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PHONE LINES\r\n========================================================= *\/\r\n\r\n.phone-lines {\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 4px;\r\n\r\n}\r\n\r\n\r\n.phone-lines span {\r\n\r\n width: 25px;\r\n\r\n height: 3px;\r\n\r\n background: #c7d9c0;\r\n\r\n border-radius: 3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT ITEMS\r\n========================================================= *\/\r\n\r\n.orbit-item {\r\n\r\n position: absolute;\r\n\r\n width: 60px;\r\n\r\n height: 60px;\r\n\r\n background: #ffffff;\r\n\r\n border:\r\n 1.5px solid #c5d7be;\r\n\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n color: #114559;\r\n\r\n z-index: 20;\r\n\r\n box-shadow:\r\n 0 3px 12px\r\n rgba(17,69,89,.06);\r\n\r\n}\r\n\r\n\r\n.orbit-item svg {\r\n\r\n width: 23px;\r\n\r\n height: 23px;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.7;\r\n\r\n fill: none;\r\n\r\n margin-bottom: 2px;\r\n\r\n}\r\n\r\n\r\n.orbit-item span {\r\n\r\n font-size: 6.5px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n color: #114559;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT POSITIONS\r\n========================================================= *\/\r\n\r\n.orbit-crm {\r\n\r\n top: -3px;\r\n\r\n left: 50%;\r\n\r\n transform: translateX(-50%);\r\n\r\n}\r\n\r\n\r\n.orbit-security {\r\n\r\n left: 4px;\r\n\r\n top: 78px;\r\n\r\n}\r\n\r\n\r\n.orbit-automation {\r\n\r\n right: 4px;\r\n\r\n top: 78px;\r\n\r\n}\r\n\r\n\r\n.orbit-mobile {\r\n\r\n left: 0;\r\n\r\n bottom: 28px;\r\n\r\n}\r\n\r\n\r\n.orbit-analytics {\r\n\r\n right: 0;\r\n\r\n bottom: 28px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTIONS SECTION\r\n========================================================= *\/\r\n\r\n.saas-solutions {\r\n\r\n padding-top: 5px;\r\n\r\n padding-bottom: 30px;\r\n\r\n}\r\n\r\n\r\n.solutions-heading {\r\n\r\n text-align: center;\r\n\r\n margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.solutions-eyebrow {\r\n\r\n color: #6d9270;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: 1px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 5px;\r\n\r\n}\r\n\r\n\r\n.solutions-title {\r\n\r\n color: #114559;\r\n\r\n font-size: 27px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTION GRID\r\n========================================================= *\/\r\n\r\n.solutions-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n gap: 12px;\r\n\r\n max-width: 1260px;\r\n\r\n margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTION CARD\r\n========================================================= *\/\r\n\r\n.solution-card {\r\n\r\n min-height: 116px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 14px;\r\n\r\n padding: 15px 17px;\r\n\r\n background: #ffffff;\r\n\r\n border: 1px solid #e5e9e6;\r\n\r\n border-radius: 10px;\r\n\r\n box-shadow:\r\n 0 2px 8px\r\n rgba(20,40,50,.025);\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n.solution-card:hover {\r\n\r\n transform: translateY(-3px);\r\n\r\n border-color: #c9d9c3;\r\n\r\n box-shadow:\r\n 0 8px 20px\r\n rgba(30,50,60,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SOLUTION ICON\r\n========================================================= *\/\r\n\r\n.solution-icon {\r\n\r\n width: 56px;\r\n\r\n height: 56px;\r\n\r\n flex: 0 0 56px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #114559;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n}\r\n\r\n\r\n.solution-icon svg {\r\n\r\n width: 29px;\r\n\r\n height: 29px;\r\n\r\n stroke: #c5dfa8;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n.solution-content {\r\n\r\n flex: 1;\r\n\r\n}\r\n\r\n\r\n.solution-content h3 {\r\n\r\n color: #114559;\r\n\r\n font-size: 14px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 5px;\r\n\r\n}\r\n\r\n\r\n.solution-content p {\r\n\r\n color: #5b6670;\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.4;\r\n\r\n font-weight: 400;\r\n\r\n margin: 0 0 6px;\r\n\r\n}\r\n\r\n\r\n.solution-link {\r\n\r\n color: #114559;\r\n\r\n font-size: 9px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.solution-link:hover {\r\n\r\n color: #6d9865;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PERFORMANCE SECTION\r\n========================================================= *\/\r\n\r\n.performance-section {\r\n\r\n margin-top: 10px;\r\n\r\n padding: 21px 20px 18px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n #f3f7ed,\r\n #f8faf5\r\n );\r\n\r\n border-radius: 10px;\r\n\r\n}\r\n\r\n\r\n.performance-heading {\r\n\r\n text-align: center;\r\n\r\n margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n.performance-eyebrow {\r\n\r\n color: #72946b;\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: .9px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 3px;\r\n\r\n}\r\n\r\n\r\n.performance-title {\r\n\r\n color: #114559;\r\n\r\n font-size: 21px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PERFORMANCE GRID\r\n========================================================= *\/\r\n\r\n.performance-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(6, 1fr);\r\n\r\n max-width: 1100px;\r\n\r\n margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n.performance-item {\r\n\r\n min-height: 72px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n gap: 5px;\r\n\r\n padding: 0 15px;\r\n\r\n border-right:\r\n 1px solid #d8e1d4;\r\n\r\n}\r\n\r\n\r\n.performance-item:last-child {\r\n\r\n border-right: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PERFORMANCE ICON\r\n========================================================= *\/\r\n\r\n.performance-icon {\r\n\r\n width: 33px;\r\n\r\n height: 33px;\r\n\r\n}\r\n\r\n\r\n.performance-icon svg {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n\r\n}\r\n\r\n\r\n.performance-item span {\r\n\r\n color: #114559;\r\n\r\n font-size: 9px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n .saas-intro {\r\n\r\n grid-template-columns: 48% 52%;\r\n\r\n }\r\n\r\n\r\n .saas-intro-title {\r\n\r\n font-size: 32px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-description {\r\n\r\n font-size: 13px;\r\n\r\n }\r\n\r\n\r\n .solutions-grid {\r\n\r\n gap: 10px;\r\n\r\n }\r\n\r\n\r\n .solution-card {\r\n\r\n padding: 13px;\r\n\r\n }\r\n\r\n\r\n .solution-icon {\r\n\r\n width: 50px;\r\n\r\n height: 50px;\r\n\r\n flex-basis: 50px;\r\n\r\n }\r\n\r\n\r\n .solution-content h3 {\r\n\r\n font-size: 12.5px;\r\n\r\n }\r\n\r\n\r\n .solution-content p {\r\n\r\n font-size: 9px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n .saas-inner {\r\n\r\n padding-left: 6%;\r\n\r\n padding-right: 6%;\r\n\r\n }\r\n\r\n\r\n .saas-intro {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n gap: 20px;\r\n\r\n padding-top: 45px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-content {\r\n\r\n padding-right: 0;\r\n\r\n text-align: center;\r\n\r\n }\r\n\r\n\r\n .saas-intro-description {\r\n\r\n margin-left: auto;\r\n\r\n margin-right: auto;\r\n\r\n }\r\n\r\n\r\n .saas-benefits {\r\n\r\n margin-left: auto;\r\n\r\n margin-right: auto;\r\n\r\n text-align: left;\r\n\r\n }\r\n\r\n\r\n .saas-intro-visual {\r\n\r\n min-height: 320px;\r\n\r\n }\r\n\r\n\r\n .solutions-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n\r\n }\r\n\r\n\r\n .performance-grid {\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n row-gap: 15px;\r\n\r\n }\r\n\r\n\r\n .performance-item:nth-child(3) {\r\n\r\n border-right: none;\r\n\r\n }\r\n\r\n\r\n .performance-item:nth-child(4),\r\n .performance-item:nth-child(5),\r\n .performance-item:nth-child(6) {\r\n\r\n border-top:\r\n 1px solid #d8e1d4;\r\n\r\n padding-top: 14px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .saas-inner {\r\n\r\n padding-left: 20px;\r\n\r\n padding-right: 20px;\r\n\r\n }\r\n\r\n\r\n .saas-intro {\r\n\r\n padding-top: 40px;\r\n\r\n padding-bottom: 25px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-title {\r\n\r\n font-size: 29px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-description {\r\n\r\n font-size: 13px;\r\n\r\n }\r\n\r\n\r\n .saas-benefits {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n width: max-content;\r\n\r\n max-width: 100%;\r\n\r\n row-gap: 8px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-visual {\r\n\r\n min-height: 285px;\r\n\r\n }\r\n\r\n\r\n .saas-orbit {\r\n\r\n transform: scale(.76);\r\n\r\n }\r\n\r\n\r\n .solutions-title {\r\n\r\n font-size: 23px;\r\n\r\n }\r\n\r\n\r\n .solutions-grid {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n gap: 10px;\r\n\r\n }\r\n\r\n\r\n .solution-card {\r\n\r\n min-height: 110px;\r\n\r\n }\r\n\r\n\r\n .solution-content h3 {\r\n\r\n font-size: 13px;\r\n\r\n }\r\n\r\n\r\n .solution-content p {\r\n\r\n font-size: 9.5px;\r\n\r\n }\r\n\r\n\r\n .performance-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n\r\n }\r\n\r\n\r\n .performance-item {\r\n\r\n border-right: none !important;\r\n\r\n border-bottom:\r\n 1px solid #d8e1d4;\r\n\r\n padding-bottom: 12px;\r\n\r\n }\r\n\r\n\r\n .performance-item:nth-child(n+5) {\r\n\r\n border-bottom: none;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n .saas-intro-title {\r\n\r\n font-size: 26px;\r\n\r\n }\r\n\r\n\r\n .saas-intro-visual {\r\n\r\n min-height: 260px;\r\n\r\n }\r\n\r\n\r\n .saas-orbit {\r\n\r\n transform: scale(.68);\r\n\r\n }\r\n\r\n\r\n .performance-section {\r\n\r\n padding-left: 10px;\r\n\r\n padding-right: 10px;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"saas-inner\">\r\n\r\n <div class=\"saas-intro\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-intro-content\">\r\n\r\n\r\n <div class=\"saas-eyebrow\">\r\n\r\n WHY SOFTWARE AS A SERVICE?\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"saas-intro-title\">\r\n\r\n Enterprise Software<br>\r\n Without the Complexity.\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"saas-intro-description\">\r\n\r\n Modern organizations need software that works\r\n anywhere, scales effortlessly, and evolves with\r\n their business.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"saas-benefits\">\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Cloud Based\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Secure\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Automatic Updates\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Subscription Pricing\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Enterprise Scale\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Mobile Ready\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Lower IT Costs\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"saas-benefit\">\r\n\r\n <span class=\"saas-benefit-icon\">\u2713<\/span>\r\n\r\n Seamless Scalability\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-intro-visual\">\r\n\r\n <div class=\"saas-orbit\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-orbit-ring\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-cloud-background\">\r\n\r\n <svg\r\n viewBox=\"0 0 300 190\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <path\r\n d=\"\r\n M72 150\r\n C45 150 28 132 28 108\r\n C28 84 47 65 71 65\r\n C77 65 83 66 88 68\r\n C94 38 119 18 150 18\r\n C182 18 208 39 213 70\r\n C218 68 224 67 230 67\r\n C254 67 273 86 273 110\r\n C273 133 254 150 229 150\r\n Z\r\n \"\r\n\r\n fill=\"#ffffff\"\r\n\r\n stroke=\"#114559\"\r\n\r\n stroke-width=\"3\"\r\n\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cloud-saas-label\">\r\n\r\n SaaS\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-device\">\r\n\r\n\r\n \r\n\r\n <div class=\"saas-laptop\">\r\n\r\n\r\n <div class=\"saas-screen\">\r\n\r\n\r\n <div class=\"screen-chart\"><\/div>\r\n\r\n\r\n <div class=\"screen-data\">\r\n\r\n\r\n <div class=\"screen-line\"><\/div>\r\n\r\n <div class=\"screen-line short\"><\/div>\r\n\r\n\r\n <div class=\"screen-bars\">\r\n\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-phone\">\r\n\r\n\r\n <div class=\"phone-screen\">\r\n\r\n\r\n <div class=\"phone-chart\"><\/div>\r\n\r\n\r\n <div class=\"phone-lines\">\r\n\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-crm\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"15\" r=\"5\"\/>\r\n\r\n <circle cx=\"12\" cy=\"20\" r=\"4\"\/>\r\n\r\n <circle cx=\"36\" cy=\"20\" r=\"4\"\/>\r\n\r\n <path\r\n d=\"M15 35c0-6 4-10 9-10s9 4 9 10\"\r\n \/>\r\n\r\n <path\r\n d=\"M5 34c0-5 3-8 8-8\"\r\n \/>\r\n\r\n <path\r\n d=\"M43 34c0-5-3-8-8-8\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>CRM<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-security\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M24 6l14 6v10c0 9-6 16-14 20-8-4-14-11-14-20V12z\"\r\n \/>\r\n\r\n <path\r\n d=\"M18 23l4 4 8-9\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>Security<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-automation\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <span>Automation<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-mobile\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <rect\r\n x=\"14\"\r\n y=\"6\"\r\n width=\"20\"\r\n height=\"36\"\r\n rx=\"3\"\r\n \/>\r\n\r\n <line\r\n x1=\"21\"\r\n y1=\"11\"\r\n x2=\"27\"\r\n y2=\"11\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"36\"\r\n r=\"2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>Mobile<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"orbit-item orbit-analytics\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 38h32\"\/>\r\n\r\n <path\r\n d=\"M12 32l8-8 6 5 12-15\"\r\n \/>\r\n\r\n <path\r\n d=\"M31 14h7v7\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <span>Analytics<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"saas-solutions\">\r\n\r\n\r\n <div class=\"solutions-heading\">\r\n\r\n\r\n <div class=\"solutions-eyebrow\">\r\n\r\n OUR SAAS SOLUTIONS\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"solutions-title\">\r\n\r\n Everything Your Business Needs.\r\n\r\n <\/h2>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solutions-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"15\" r=\"5\"\/>\r\n\r\n <circle cx=\"12\" cy=\"20\" r=\"4\"\/>\r\n\r\n <circle cx=\"36\" cy=\"20\" r=\"4\"\/>\r\n\r\n <path\r\n d=\"M15 36c0-7 4-11 9-11s9 4 9 11\"\r\n \/>\r\n\r\n <path\r\n d=\"M5 35c0-5 3-8 8-8\"\r\n \/>\r\n\r\n <path\r\n d=\"M43 35c0-5-3-8-8-8\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n CRM Platforms\r\n <\/h3>\r\n\r\n <p>\r\n Manage relationships, automate sales,\r\n and deliver exceptional customer service.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"16\"\r\n r=\"6\"\r\n \/>\r\n\r\n <path\r\n d=\"M12 38c0-8 5-13 12-13s12 5 12 13\"\r\n \/>\r\n\r\n <path d=\"M8 22h6\"\/>\r\n <path d=\"M34 22h6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Customer Engagement\r\n <\/h3>\r\n\r\n <p>\r\n Engage customers across every touchpoint\r\n with portals, communities, and experiences.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Workflow Automation\r\n <\/h3>\r\n\r\n <p>\r\n Automate business processes, approvals,\r\n and tasks with intuitive workflows.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 38h32\"\/>\r\n\r\n <path\r\n d=\"M12 32l7-8 6 4 11-14\"\r\n \/>\r\n\r\n <path\r\n d=\"M30 14h7v7\"\r\n \/>\r\n\r\n <circle\r\n cx=\"13\"\r\n cy=\"32\"\r\n r=\"2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n AI Business Intelligence\r\n <\/h3>\r\n\r\n <p>\r\n Transform data into insights with dashboards,\r\n predictive analytics, and AI-powered reports.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M24 39S8 30 8 18c0-6 4-10 9-10 4 0 7 3 7 6 0-3 3-6 7-6 5 0 9 4 9 10 0 12-16 21-16 21z\"\r\n \/>\r\n\r\n <path\r\n d=\"M17 23h5l2-5 3 10 2-5h5\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Healthcare Technology\r\n <\/h3>\r\n\r\n <p>\r\n Built for healthcare organizations with\r\n patient engagement and HIPAA-ready solutions.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"solution-card\">\r\n\r\n\r\n <div class=\"solution-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M17 14L7 24l10 10\"\r\n \/>\r\n\r\n <path\r\n d=\"M31 14l10 10-10 10\"\r\n \/>\r\n\r\n <path\r\n d=\"M28 9l-8 30\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"solution-content\">\r\n\r\n <h3>\r\n Custom SaaS Applications\r\n <\/h3>\r\n\r\n <p>\r\n Build custom cloud applications, portals,\r\n and platforms tailored to your business needs.\r\n <\/p>\r\n\r\n <a href=\"#\" class=\"solution-link\">\r\n Learn More \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-section\">\r\n\r\n\r\n <div class=\"performance-heading\">\r\n\r\n\r\n <div class=\"performance-eyebrow\">\r\n\r\n OUR SAAS SOLUTIONS\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"performance-title\">\r\n\r\n Built for Performance.\r\n\r\n <\/h2>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"performance-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M10 22v-5c0-8 6-13 14-13s14 5 14 13v5\"\r\n \/>\r\n\r\n <rect\r\n x=\"8\"\r\n y=\"20\"\r\n width=\"32\"\r\n height=\"20\"\r\n rx=\"4\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"30\"\r\n r=\"3\"\r\n \/>\r\n\r\n <path\r\n d=\"M24 33v4\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Enterprise<br>\r\n Security\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M14 36h22c5 0 8-3 8-8 0-5-4-8-9-8-1-7-6-11-13-11-7 0-12 5-12 12-5 0-8 3-8 8 0 4 3 7 8 7z\"\r\n \/>\r\n\r\n <path d=\"M24 21v15\"\/>\r\n\r\n <path\r\n d=\"M18 27l6-6 6 6\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Cloud<br>\r\n Infrastructure\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M16 8h16\"\/>\r\n <path d=\"M16 40h16\"\/>\r\n\r\n <path d=\"M13 8v8\"\/>\r\n <path d=\"M35 8v8\"\/>\r\n\r\n <path d=\"M13 32v8\"\/>\r\n <path d=\"M35 32v8\"\/>\r\n\r\n <path\r\n d=\"M17 20l-5 4 5 4\"\r\n \/>\r\n\r\n <path\r\n d=\"M31 20l5 4-5 4\"\r\n \/>\r\n\r\n <path\r\n d=\"M27 18l-6 12\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n API<br>\r\n Integrations\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <rect\r\n x=\"7\"\r\n y=\"8\"\r\n width=\"34\"\r\n height=\"27\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <path\r\n d=\"M13 30l7-7 5 4 9-11\"\r\n \/>\r\n\r\n <path\r\n d=\"M17 40h14\"\r\n \/>\r\n\r\n <path\r\n d=\"M24 35v5\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Real-Time<br>\r\n Dashboards\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"18\"\r\n cy=\"15\"\r\n r=\"6\"\r\n \/>\r\n\r\n <circle\r\n cx=\"34\"\r\n cy=\"19\"\r\n r=\"5\"\r\n \/>\r\n\r\n <path\r\n d=\"M7 38c0-8 5-13 11-13s11 5 11 13\"\r\n \/>\r\n\r\n <path\r\n d=\"M28 37c0-6 3-10 8-10s8 4 8 10\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Role-Based<br>\r\n Access\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"performance-item\">\r\n\r\n <div class=\"performance-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <rect\r\n x=\"13\"\r\n y=\"5\"\r\n width=\"22\"\r\n height=\"38\"\r\n rx=\"4\"\r\n \/>\r\n\r\n <path\r\n d=\"M20 10h8\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"37\"\r\n r=\"2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n Mobile<br>\r\n Ready\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac6fd0 elementor-widget elementor-widget-spacer\" data-id=\"4ac6fd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0074c9c elementor-widget elementor-widget-html\" data-id=\"0074c9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n <title>Technology & Business Outcomes | CVI Global Tech<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n\r\n <style>\r\n\r\n \/* =========================================================\r\n GLOBAL\r\n ========================================================= *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: #ffffff;\r\n color: #114559;\r\n }\r\n\r\n .tech-section {\r\n width: 100%;\r\n background: #ffffff;\r\n color: #114559;\r\n overflow: hidden;\r\n }\r\n\r\n .tech-section *,\r\n .tech-section *::before,\r\n .tech-section *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .tech-container {\r\n width: 100%;\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n TOP DARK SECTION\r\n ========================================================= *\/\r\n\r\n .tech-partner-section {\r\n\r\n background:\r\n radial-gradient(\r\n circle at 50% 120%,\r\n rgba(31, 90, 111, .48),\r\n transparent 50%\r\n ),\r\n linear-gradient(\r\n 110deg,\r\n #031625,\r\n #061c2d 60%,\r\n #021421\r\n );\r\n\r\n color: #ffffff;\r\n\r\n padding: 28px 0 30px;\r\n }\r\n\r\n\r\n .partner-heading {\r\n text-align: center;\r\n margin-bottom: 24px;\r\n }\r\n\r\n\r\n .partner-eyebrow {\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n color: #c5dfa8;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 7px;\r\n\r\n letter-spacing: .7px;\r\n }\r\n\r\n\r\n .partner-title {\r\n\r\n color: #ffffff;\r\n\r\n font-size: 22px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n PARTNER GRID\r\n ========================================================= *\/\r\n\r\n .partner-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n max-width: 1250px;\r\n\r\n margin: 0 auto;\r\n }\r\n\r\n\r\n .partner-card {\r\n\r\n min-height: 115px;\r\n\r\n padding: 6px 25px;\r\n\r\n text-align: center;\r\n\r\n border-right:\r\n 1px solid rgba(255, 255, 255, .18);\r\n }\r\n\r\n\r\n .partner-card:last-child {\r\n border-right: none;\r\n }\r\n\r\n\r\n .partner-icon {\r\n\r\n width: 43px;\r\n height: 43px;\r\n\r\n margin: 0 auto 8px;\r\n }\r\n\r\n\r\n .partner-icon svg {\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n stroke: #c5dfa8;\r\n\r\n stroke-width: 1.4;\r\n\r\n fill: none;\r\n }\r\n\r\n\r\n .partner-card h3 {\r\n\r\n color: #ffffff;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.25;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 6px;\r\n }\r\n\r\n\r\n .partner-card p {\r\n\r\n color: rgba(255, 255, 255, .72);\r\n\r\n font-size: 8.5px;\r\n\r\n line-height: 1.45;\r\n\r\n font-weight: 300;\r\n\r\n margin: 0;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n MIDDLE SECTION\r\n ========================================================= *\/\r\n\r\n .tech-middle {\r\n\r\n padding: 30px 0 28px;\r\n\r\n background: #ffffff;\r\n }\r\n\r\n\r\n .middle-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 44% 56%;\r\n\r\n gap: 38px;\r\n\r\n align-items: stretch;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n TECHNOLOGY WE USE\r\n ========================================================= *\/\r\n\r\n .tech-used {\r\n\r\n padding-right: 32px;\r\n\r\n border-right:\r\n 1px solid #dfe5e2;\r\n }\r\n\r\n\r\n .section-eyebrow {\r\n\r\n color: #73966c;\r\n\r\n font-size: 10px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: .9px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 7px;\r\n }\r\n\r\n\r\n .section-title {\r\n\r\n color: #114559;\r\n\r\n font-size: 25px;\r\n\r\n line-height: 1.15;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 20px;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n SALESFORCE\r\n ========================================================= *\/\r\n\r\n .salesforce-area {\r\n\r\n width: 100%;\r\n\r\n min-height: 175px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n background: #ffffff;\r\n\r\n border:\r\n 1px solid #e1e7e3;\r\n\r\n border-radius: 10px;\r\n\r\n overflow: hidden;\r\n\r\n padding: 18px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n min-height: 175px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n display: block;\r\n\r\n width: 90%;\r\n\r\n max-width: 430px;\r\n\r\n height: auto;\r\n\r\n object-fit: contain;\r\n\r\n transition:\r\n transform .25s ease;\r\n }\r\n\r\n\r\n .salesforce-logo:hover {\r\n\r\n transform: scale(1.025);\r\n }\r\n\r\n\r\n \/* =========================================================\r\n DELIVERY FRAMEWORK\r\n ========================================================= *\/\r\n\r\n .delivery {\r\n\r\n padding-left: 0;\r\n }\r\n\r\n\r\n .delivery-heading {\r\n\r\n margin-bottom: 20px;\r\n }\r\n\r\n\r\n .delivery-steps {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n position: relative;\r\n\r\n gap: 5px;\r\n }\r\n\r\n\r\n .delivery-steps::before {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n left: 7%;\r\n\r\n right: 7%;\r\n\r\n top: 31px;\r\n\r\n height: 1px;\r\n\r\n background: #bfd2c0;\r\n\r\n z-index: 0;\r\n }\r\n\r\n\r\n .delivery-step {\r\n\r\n position: relative;\r\n\r\n z-index: 2;\r\n\r\n text-align: center;\r\n }\r\n\r\n\r\n .delivery-circle {\r\n\r\n width: 62px;\r\n\r\n height: 62px;\r\n\r\n margin: 0 auto 4px;\r\n\r\n border:\r\n 1px solid #b8cdb8;\r\n\r\n border-radius: 50%;\r\n\r\n background: #ffffff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n }\r\n\r\n\r\n .delivery-circle svg {\r\n\r\n width: 29px;\r\n\r\n height: 29px;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n }\r\n\r\n\r\n .delivery-number {\r\n\r\n width: 19px;\r\n\r\n height: 19px;\r\n\r\n margin: -10px auto 7px;\r\n\r\n position: relative;\r\n\r\n z-index: 4;\r\n\r\n border-radius: 50%;\r\n\r\n background: #72966d;\r\n\r\n color: #ffffff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 600;\r\n }\r\n\r\n\r\n .delivery-step h3 {\r\n\r\n color: #114559;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.1;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 6px;\r\n }\r\n\r\n\r\n .delivery-step p {\r\n\r\n max-width: 125px;\r\n\r\n margin: 0 auto;\r\n\r\n color: #6a7478;\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.45;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n CONSULTATION BUTTON\r\n APPOINTIV\r\n ========================================================= *\/\r\n\r\n .consult-button {\r\n\r\n display: flex;\r\n\r\n justify-content: flex-end;\r\n\r\n margin-top: 17px;\r\n }\r\n\r\n\r\n .consult-button a {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n padding: 10px 19px;\r\n\r\n border-radius: 25px;\r\n\r\n background: #114559;\r\n\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 10px;\r\n\r\n font-weight: 500;\r\n\r\n transition: .25s ease;\r\n }\r\n\r\n\r\n .consult-button a:hover {\r\n\r\n background: #0c3545;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n .consult-button span {\r\n\r\n font-size: 16px;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n BUSINESS OUTCOMES\r\n ========================================================= *\/\r\n\r\n .outcomes-section {\r\n\r\n padding: 20px 0 25px;\r\n\r\n background: #ffffff;\r\n }\r\n\r\n\r\n .outcomes-heading {\r\n\r\n text-align: center;\r\n\r\n margin-bottom: 20px;\r\n }\r\n\r\n\r\n .outcomes-heading .section-title {\r\n\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n .outcomes-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n gap: 13px;\r\n }\r\n\r\n\r\n .outcome-card {\r\n\r\n min-height: 135px;\r\n\r\n padding: 17px 14px;\r\n\r\n background: #f7f9f5;\r\n\r\n border:\r\n 1px solid #e2e8e1;\r\n\r\n border-radius: 8px;\r\n\r\n text-align: center;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease;\r\n }\r\n\r\n\r\n .outcome-card:hover {\r\n\r\n transform: translateY(-3px);\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(17, 69, 89, .09);\r\n }\r\n\r\n\r\n .outcome-icon {\r\n\r\n width: 39px;\r\n\r\n height: 39px;\r\n\r\n margin: 0 auto 8px;\r\n }\r\n\r\n\r\n .outcome-icon svg {\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n stroke: #114559;\r\n\r\n stroke-width: 1.5;\r\n\r\n fill: none;\r\n }\r\n\r\n\r\n .outcome-card h3 {\r\n\r\n color: #114559;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.25;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 6px;\r\n }\r\n\r\n\r\n .outcome-card p {\r\n\r\n color: #647077;\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.45;\r\n\r\n margin: 0;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n BOTTOM RESULTS\r\n ========================================================= *\/\r\n\r\n .results-section {\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n #041827,\r\n #0a2b3c\r\n );\r\n\r\n color: #ffffff;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n 1.45fr\r\n .55fr\r\n .55fr\r\n .55fr\r\n 1.5fr;\r\n\r\n align-items: stretch;\r\n }\r\n\r\n\r\n .results-story {\r\n\r\n padding: 20px 25px 20px 0;\r\n }\r\n\r\n\r\n .results-eyebrow {\r\n\r\n color: #c5dfa8;\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: .8px;\r\n\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 5px;\r\n }\r\n\r\n\r\n .results-story h2 {\r\n\r\n color: #ffffff;\r\n\r\n font-size: 16px;\r\n\r\n line-height: 1.2;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 8px;\r\n }\r\n\r\n\r\n .results-story p {\r\n\r\n color: rgba(255, 255, 255, .72);\r\n\r\n font-size: 8px;\r\n\r\n line-height: 1.5;\r\n\r\n margin: 0 0 7px;\r\n\r\n max-width: 380px;\r\n }\r\n\r\n\r\n .results-link {\r\n\r\n color: #c5dfa8;\r\n\r\n font-size: 8px;\r\n\r\n text-decoration: none;\r\n\r\n font-weight: 500;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n STATISTICS\r\n ========================================================= *\/\r\n\r\n .result-stat {\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n border-left:\r\n 1px solid rgba(255, 255, 255, .13);\r\n }\r\n\r\n\r\n .result-stat strong {\r\n\r\n color: #c5dfa8;\r\n\r\n font-size: 31px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n }\r\n\r\n\r\n .result-stat span {\r\n\r\n max-width: 105px;\r\n\r\n margin-top: 6px;\r\n\r\n text-align: center;\r\n\r\n color: rgba(255, 255, 255, .7);\r\n\r\n font-size: 7.5px;\r\n\r\n line-height: 1.35;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n CTA\r\n ========================================================= *\/\r\n\r\n .results-cta {\r\n\r\n padding: 15px;\r\n\r\n background:\r\n linear-gradient(\r\n 120deg,\r\n #dce9ca,\r\n #c7dcae\r\n );\r\n\r\n color: #114559;\r\n\r\n border-radius: 9px;\r\n\r\n margin: 10px 0 10px 17px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n justify-content: center;\r\n }\r\n\r\n\r\n .results-cta-label {\r\n\r\n font-size: 8px;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n color: #72946c;\r\n\r\n margin-bottom: 4px;\r\n }\r\n\r\n\r\n .results-cta h3 {\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.35;\r\n\r\n font-weight: 600;\r\n\r\n margin: 0 0 10px;\r\n }\r\n\r\n\r\n .results-buttons {\r\n\r\n display: flex;\r\n\r\n gap: 8px;\r\n }\r\n\r\n\r\n .results-buttons a {\r\n\r\n padding: 8px 12px;\r\n\r\n border-radius: 18px;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 7.5px;\r\n\r\n font-weight: 500;\r\n\r\n transition:\r\n .25s ease;\r\n }\r\n\r\n\r\n .results-buttons .primary {\r\n\r\n color: #ffffff;\r\n\r\n background: #114559;\r\n }\r\n\r\n\r\n .results-buttons .primary:hover {\r\n\r\n background: #0c3545;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n .results-buttons .secondary {\r\n\r\n color: #114559;\r\n\r\n border:\r\n 1px solid #114559;\r\n\r\n background: transparent;\r\n }\r\n\r\n\r\n .results-buttons .secondary:hover {\r\n\r\n color: #ffffff;\r\n\r\n background: #114559;\r\n\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* =========================================================\r\n LARGE TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 1150px) {\r\n\r\n .tech-container {\r\n padding-left: 4%;\r\n padding-right: 4%;\r\n }\r\n\r\n .middle-grid {\r\n\r\n grid-template-columns: 42% 58%;\r\n\r\n gap: 25px;\r\n }\r\n\r\n .partner-card {\r\n\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n }\r\n\r\n .partner-card p {\r\n font-size: 8px;\r\n }\r\n\r\n .salesforce-logo {\r\n width: 92%;\r\n }\r\n\r\n .delivery-step p {\r\n font-size: 7px;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 950px) {\r\n\r\n .middle-grid {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n gap: 28px;\r\n }\r\n\r\n\r\n .tech-used {\r\n\r\n border-right: none;\r\n\r\n border-bottom:\r\n 1px solid #dfe5e2;\r\n\r\n padding-right: 0;\r\n\r\n padding-bottom: 28px;\r\n }\r\n\r\n\r\n .salesforce-area {\r\n\r\n min-height: 190px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n min-height: 190px;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n width: 65%;\r\n\r\n max-width: 430px;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n grid-template-columns:\r\n 1.5fr\r\n .6fr\r\n .6fr\r\n .6fr;\r\n }\r\n\r\n\r\n .results-cta {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n margin: 0 0 15px;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n SMALL TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 750px) {\r\n\r\n .partner-grid {\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n row-gap: 20px;\r\n }\r\n\r\n\r\n .partner-card:nth-child(3) {\r\n\r\n border-right: none;\r\n }\r\n\r\n\r\n .outcomes-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n }\r\n\r\n\r\n .outcome-card:last-child {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n }\r\n\r\n\r\n .results-story {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n padding-right: 0;\r\n\r\n padding-bottom: 17px;\r\n }\r\n\r\n\r\n .results-cta {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n MOBILE\r\n ========================================================= *\/\r\n\r\n @media (max-width: 550px) {\r\n\r\n .tech-container {\r\n\r\n padding-left: 20px;\r\n\r\n padding-right: 20px;\r\n }\r\n\r\n\r\n .tech-partner-section {\r\n\r\n padding-top: 25px;\r\n\r\n padding-bottom: 25px;\r\n }\r\n\r\n\r\n .partner-title {\r\n\r\n font-size: 19px;\r\n }\r\n\r\n\r\n .partner-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n\r\n row-gap: 20px;\r\n }\r\n\r\n\r\n .partner-card:nth-child(3) {\r\n\r\n border-right:\r\n 1px solid rgba(255, 255, 255, .18);\r\n }\r\n\r\n\r\n .partner-card:nth-child(even) {\r\n\r\n border-right: none;\r\n }\r\n\r\n\r\n .partner-card {\r\n\r\n min-height: 105px;\r\n\r\n padding-left: 10px;\r\n\r\n padding-right: 10px;\r\n }\r\n\r\n\r\n .partner-icon {\r\n\r\n width: 37px;\r\n\r\n height: 37px;\r\n }\r\n\r\n\r\n .partner-card h3 {\r\n\r\n font-size: 10px;\r\n }\r\n\r\n\r\n .partner-card p {\r\n\r\n font-size: 7.5px;\r\n }\r\n\r\n\r\n .section-title {\r\n\r\n font-size: 21px;\r\n }\r\n\r\n\r\n .salesforce-area {\r\n\r\n min-height: 145px;\r\n\r\n padding: 10px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n min-height: 145px;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n width: 88%;\r\n\r\n max-width: 400px;\r\n }\r\n\r\n\r\n .delivery-steps {\r\n\r\n grid-template-columns:\r\n repeat(5, 1fr);\r\n\r\n overflow-x: auto;\r\n\r\n padding-bottom: 10px;\r\n\r\n gap: 8px;\r\n }\r\n\r\n\r\n .delivery-step {\r\n\r\n min-width: 92px;\r\n }\r\n\r\n\r\n .delivery-steps::before {\r\n\r\n left: 46px;\r\n\r\n right: 46px;\r\n }\r\n\r\n\r\n .delivery-circle {\r\n\r\n width: 55px;\r\n\r\n height: 55px;\r\n }\r\n\r\n\r\n .delivery-step h3 {\r\n\r\n font-size: 10px;\r\n }\r\n\r\n\r\n .delivery-step p {\r\n\r\n font-size: 7px;\r\n }\r\n\r\n\r\n .outcomes-grid {\r\n\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n\r\n .outcome-card:last-child {\r\n\r\n grid-column: auto;\r\n }\r\n\r\n\r\n .outcome-card {\r\n\r\n min-height: 120px;\r\n }\r\n\r\n\r\n .results-grid {\r\n\r\n grid-template-columns:\r\n repeat(2, 1fr);\r\n }\r\n\r\n\r\n .results-story {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n }\r\n\r\n\r\n .result-stat {\r\n\r\n min-height: 90px;\r\n }\r\n\r\n\r\n .results-cta {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n margin-top: 10px;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================================\r\n SMALL MOBILE\r\n ========================================================= *\/\r\n\r\n @media (max-width: 380px) {\r\n\r\n .partner-grid {\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n }\r\n\r\n\r\n .salesforce-area {\r\n\r\n min-height: 125px;\r\n }\r\n\r\n\r\n .salesforce-card {\r\n\r\n min-height: 125px;\r\n }\r\n\r\n\r\n .salesforce-logo {\r\n\r\n width: 92%;\r\n }\r\n\r\n\r\n .section-title {\r\n\r\n font-size: 19px;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"tech-section\">\r\n\r\n\r\n \r\n\r\n <section class=\"tech-partner-section\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n <div class=\"partner-heading\">\r\n\r\n <div class=\"partner-eyebrow\">\r\n WHY CHOOSE CVI GLOBAL TECH?\r\n <\/div>\r\n\r\n <h2 class=\"partner-title\">\r\n More Than Software. A Strategic Partner.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"partner-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"24\" r=\"14\"\/>\r\n\r\n <path d=\"M24 24l8-8\"\/>\r\n\r\n <circle cx=\"24\" cy=\"24\" r=\"3\"\/>\r\n\r\n <path d=\"M24 5v5\"\/>\r\n <path d=\"M24 38v5\"\/>\r\n <path d=\"M5 24h5\"\/>\r\n <path d=\"M38 24h5\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Business-First<br>\r\n Approach\r\n <\/h3>\r\n\r\n <p>\r\n Technology aligned to your business objectives.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M9 42V15h20v27\"\/>\r\n <path d=\"M29 42V7h10v35\"\/>\r\n\r\n <path d=\"M14 21h3\"\/>\r\n <path d=\"M21 21h3\"\/>\r\n\r\n <path d=\"M14 28h3\"\/>\r\n <path d=\"M21 28h3\"\/>\r\n\r\n <path d=\"M33 14h3\"\/>\r\n <path d=\"M33 21h3\"\/>\r\n <path d=\"M33 28h3\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Enterprise<br>\r\n Experience\r\n <\/h3>\r\n\r\n <p>\r\n Deep experience supporting complex organizations.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M18 8H8v10\"\/>\r\n <path d=\"M30 8h10v10\"\/>\r\n <path d=\"M18 40H8V30\"\/>\r\n <path d=\"M30 40h10V30\"\/>\r\n\r\n <path d=\"M8 8l10 10\"\/>\r\n <path d=\"M40 8L30 18\"\/>\r\n <path d=\"M8 40l10-10\"\/>\r\n <path d=\"M40 40L30 30\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Scalable<br>\r\n Architecture\r\n <\/h3>\r\n\r\n <p>\r\n Solutions designed to grow with your organization.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M17 29c-4-3-6-7-6-11 0-8 6-14 13-14s13 6 13 14c0 4-2 8-6 11\"\r\n \/>\r\n\r\n <path d=\"M18 34h12\"\/>\r\n <path d=\"M20 39h8\"\/>\r\n\r\n <path d=\"M24 4v5\"\/>\r\n <path d=\"M9 10l4 3\"\/>\r\n <path d=\"M39 10l-4 3\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Continuous<br>\r\n Innovation\r\n <\/h3>\r\n\r\n <p>\r\n Regular updates and enhancements.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"partner-card\">\r\n\r\n <div class=\"partner-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 22l8-8 8 8-8 8z\"\/>\r\n <path d=\"M24 22l8-8 8 8-8 8z\"\/>\r\n\r\n <path d=\"M16 30l6 6c2 2 5 2 7 0l11-11\"\/>\r\n\r\n <path d=\"M8 22l8 8\"\/>\r\n <path d=\"M40 22l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Long-Term<br>\r\n Partnership\r\n <\/h3>\r\n\r\n <p>\r\n We grow with you beyond implementation.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"tech-middle\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n <div class=\"middle-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"tech-used\">\r\n\r\n <div class=\"section-eyebrow\">\r\n TECHNOLOGY WE USE\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Modern Platforms. Proven Results.\r\n <\/h2>\r\n\r\n\r\n \r\n\r\n <div class=\"salesforce-area\">\r\n\r\n <div class=\"salesforce-card\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/58482f67cef1014c0b5e4a81.png\"\r\n alt=\"Salesforce\"\r\n class=\"salesforce-logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery\">\r\n\r\n <div class=\"delivery-heading\">\r\n\r\n <div class=\"section-eyebrow\">\r\n OUR CONSULTING & DELIVERY PROCESS\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n A Proven Delivery Framework.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"delivery-steps\">\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"21\"\r\n cy=\"21\"\r\n r=\"11\"\r\n \/>\r\n\r\n <path d=\"M29 29l10 10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 1\r\n <\/div>\r\n\r\n <h3>\r\n Discover\r\n <\/h3>\r\n\r\n <p>\r\n We understand your goals, priorities, and challenges.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 2\r\n <\/div>\r\n\r\n <h3>\r\n Configure\r\n <\/h3>\r\n\r\n <p>\r\n We configure the platform to match your processes.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"15\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <circle\r\n cx=\"33\"\r\n cy=\"24\"\r\n r=\"7\"\r\n \/>\r\n\r\n <path d=\"M20 20l8-8\"\/>\r\n <path d=\"M20 28l8 8\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 3\r\n <\/div>\r\n\r\n <h3>\r\n Integrate\r\n <\/h3>\r\n\r\n <p>\r\n We connect your systems and create a seamless experience.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M11 36c7-1 18-7 23-17 3-6 3-11 3-11s-5 0-11 3c-10 5-16 16-17 23z\"\r\n \/>\r\n\r\n <path d=\"M11 36l-5 5\"\/>\r\n\r\n <circle\r\n cx=\"28\"\r\n cy=\"17\"\r\n r=\"3\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 4\r\n <\/div>\r\n\r\n <h3>\r\n Launch\r\n <\/h3>\r\n\r\n <p>\r\n We deploy your solution and ensure a smooth transition.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"delivery-step\">\r\n\r\n <div class=\"delivery-circle\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path d=\"M8 38h32\"\/>\r\n\r\n <path\r\n d=\"M12 32l8-8 6 5 11-15\"\r\n \/>\r\n\r\n <path\r\n d=\"M30 14h7v7\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"delivery-number\">\r\n 5\r\n <\/div>\r\n\r\n <h3>\r\n Optimize\r\n <\/h3>\r\n\r\n <p>\r\n We monitor, analyze, and continuously improve.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"consult-button\">\r\n\r\n <a\r\n href=\"APPOINTIV_URL\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n\r\n Schedule a Consultation\r\n\r\n <span>\u2192<\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"outcomes-section\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n\r\n <div class=\"outcomes-heading\">\r\n\r\n <div class=\"section-eyebrow\">\r\n BUSINESS OUTCOMES\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Technology That Delivers Value.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"outcomes-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M24 39c8-5 13-12 13-20 0-7-5-12-13-12S11 12 11 19c0 8 5 15 13 20z\"\r\n \/>\r\n\r\n <path d=\"M24 18v12\"\/>\r\n\r\n <path d=\"M18 24l6-6 6 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Increase<br>\r\n Productivity\r\n <\/h3>\r\n\r\n <p>\r\n Automate more work and achieve more with less effort.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"18\" cy=\"16\" r=\"6\"\/>\r\n <circle cx=\"34\" cy=\"19\" r=\"5\"\/>\r\n\r\n <path\r\n d=\"M7 38c0-8 5-13 11-13s11 5 11 13\"\r\n \/>\r\n\r\n <path\r\n d=\"M28 37c0-6 3-10 8-10s8 4 8 10\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Improve Customer<br>\r\n Experience\r\n <\/h3>\r\n\r\n <p>\r\n Deliver faster, more personalized, and consistent service.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle cx=\"24\" cy=\"24\" r=\"7\"\/>\r\n\r\n <path d=\"M24 7v6\"\/>\r\n <path d=\"M24 35v6\"\/>\r\n <path d=\"M7 24h6\"\/>\r\n <path d=\"M35 24h6\"\/>\r\n\r\n <path d=\"M12 12l4 4\"\/>\r\n <path d=\"M32 32l4 4\"\/>\r\n\r\n <path d=\"M36 12l-4 4\"\/>\r\n <path d=\"M16 32l-4 4\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Automate<br>\r\n Operations\r\n <\/h3>\r\n\r\n <p>\r\n Reduce manual tasks and improve process efficiency.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"15\"\r\n \/>\r\n\r\n <path d=\"M24 14v20\"\/>\r\n\r\n <path\r\n d=\"M29 18c-2-3-10-3-10 2 0 5 10 2 10 7 0 5-8 5-11 2\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Reduce<br>\r\n Costs\r\n <\/h3>\r\n\r\n <p>\r\n Lower IT and operational costs without sacrificing quality.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"outcome-card\">\r\n\r\n <div class=\"outcome-icon\">\r\n\r\n <svg viewBox=\"0 0 48 48\">\r\n\r\n <path\r\n d=\"M5 24s7-12 19-12 19 12 19 12-7 12-19 12S5 24 5 24z\"\r\n \/>\r\n\r\n <circle\r\n cx=\"24\"\r\n cy=\"24\"\r\n r=\"5\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Improve<br>\r\n Visibility\r\n <\/h3>\r\n\r\n <p>\r\n Real-time dashboards enable faster decision-making.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"results-section\">\r\n\r\n <div class=\"tech-container\">\r\n\r\n <div class=\"results-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"results-story\">\r\n\r\n <div class=\"results-eyebrow\">\r\n SUCCESS STORY\r\n <\/div>\r\n\r\n <h2>\r\n Transforming Customer Operations\r\n <\/h2>\r\n\r\n <p>\r\n We helped a healthcare organization modernize\r\n their operations using a scalable platform,\r\n improving efficiency across the board.\r\n <\/p>\r\n\r\n <a\r\n href=\"#\"\r\n class=\"results-link\"\r\n >\r\n View Case Study \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"result-stat\">\r\n\r\n <strong>\r\n 40%\r\n <\/strong>\r\n\r\n <span>\r\n Increase in Operational Efficiency\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"result-stat\">\r\n\r\n <strong>\r\n 65%\r\n <\/strong>\r\n\r\n <span>\r\n Faster Case Resolution\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"result-stat\">\r\n\r\n <strong>\r\n 50%\r\n <\/strong>\r\n\r\n <span>\r\n Reduction in Manual Work\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"results-cta\">\r\n\r\n <div class=\"results-cta-label\">\r\n READY TO TRANSFORM YOUR BUSINESS?\r\n <\/div>\r\n\r\n <h3>\r\n Let's build a secure, scalable solution\r\n that grows with your organization.\r\n <\/h3>\r\n\r\n <div class=\"results-buttons\">\r\n\r\n \r\n\r\n <a\r\n href=\"APPOINTIV_URL\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"primary\"\r\n >\r\n Schedule a Call \u2192\r\n <\/a>\r\n\r\n \r\n\r\n <a\r\n href=\"https:\/\/cviglobaltech.com\/solutions\/\"\r\n class=\"secondary\"\r\n >\r\n Explore Solutions \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n \/*\r\n * REPLACE THIS WITH YOUR REAL APPOINTIV BOOKING URL.\r\n *\r\n * Example:\r\n * const APPOINTIV_URL = \"https:\/\/your-company.appointiv.com\/...\";\r\n *\/\r\n\r\n const APPOINTIV_URL = \"APPOINTIV_URL\";\r\n\r\n\r\n \/*\r\n * Automatically applies the Appointiv URL\r\n * to every element using data-appointiv.\r\n *\/\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n document\r\n .querySelectorAll('[href=\"APPOINTIV_URL\"]')\r\n .forEach(function (link) {\r\n\r\n link.href = APPOINTIV_URL;\r\n\r\n });\r\n\r\n });\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Software as a Service | CVI Global Tech SOFTWARE AS A SERVICE (SaaS) Enterprise Software. Ready When You Are. Powerful […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-983","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/comments?post=983"}],"version-history":[{"count":14,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/983\/revisions"}],"predecessor-version":[{"id":1151,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/983\/revisions\/1151"}],"wp:attachment":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/media?parent=983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}