<!DOCTYPE html>
<html lang="en" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- <title>
              &raquo; Blog Archive
          </title> -->
  <link rel="preload" href="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/style.css" as="style"
    onload="this.onload=null;this.rel='stylesheet'">

  <link rel="stylesheet" href="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/css/all.min.css?v=1790249442">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@29.1.2/dist/css/intlTelInput.min.css">
  <link rel="stylesheet" href="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/css/genie-onboarding.css?v=1790249442">

  

  <script type="text/javascript" defer src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/html5shiv.min.js"></script>

  <link rel="pingback" href="https://www.universell.us/xmlrpc.php" />
    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Start Up - Universell Platform</title>
	<link rel="canonical" href="https://www.universell.us/start-up/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Start Up - Universell Platform" />
	<meta property="og:url" content="https://www.universell.us/start-up/" />
	<meta property="og:site_name" content="Universell Platform" />
	<meta property="article:modified_time" content="2026-01-28T12:02:52+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.universell.us\/start-up\/","url":"https:\/\/www.universell.us\/start-up\/","name":"Start Up - Universell Platform","isPartOf":{"@id":"https:\/\/www.universell.us\/#website"},"datePublished":"2026-01-28T10:29:07+00:00","dateModified":"2026-01-28T12:02:52+00:00","breadcrumb":{"@id":"https:\/\/www.universell.us\/start-up\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.universell.us\/start-up\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.universell.us\/start-up\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.universell.us\/"},{"@type":"ListItem","position":2,"name":"Start Up"}]},{"@type":"WebSite","@id":"https:\/\/www.universell.us\/#website","url":"https:\/\/www.universell.us\/","name":"Universell Platform","description":"All-in-One Business Solution with 100+ Apps for Small Businesses","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.universell.us\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//www.universell.us' />
<link rel='dns-prefetch' href='//www.googletagmanager.com' />

<link rel="alternate" type="application/rss+xml" title="Universell Platform &raquo; Feed" href="https://www.universell.us/feed/" />
<link rel="alternate" type="application/rss+xml" title="Universell Platform &raquo; Comments Feed" href="https://www.universell.us/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.universell.us/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.universell.us%2Fstart-up%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.universell.us/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.universell.us%2Fstart-up%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #f9f9f9;--wp--preset--color--base-2: #ffffff;--wp--preset--color--contrast: #111111;--wp--preset--color--contrast-2: #636363;--wp--preset--color--contrast-3: #A4A4A4;--wp--preset--color--accent: #cfcabe;--wp--preset--color--accent-2: #c2a990;--wp--preset--color--accent-3: #d8613c;--wp--preset--color--accent-4: #b1c5a4;--wp--preset--color--accent-5: #b5bdbc;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--gradient-1: linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-2: linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-3: linear-gradient(to bottom, #D8613C 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-4: linear-gradient(to bottom, #B1C5A4 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-5: linear-gradient(to bottom, #B5BDBC 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-6: linear-gradient(to bottom, #A4A4A4 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-7: linear-gradient(to bottom, #cfcabe 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-8: linear-gradient(to bottom, #C2A990 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-9: linear-gradient(to bottom, #D8613C 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-10: linear-gradient(to bottom, #B1C5A4 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-11: linear-gradient(to bottom, #B5BDBC 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-12: linear-gradient(to bottom, #A4A4A4 50%, #F9F9F9 50%);--wp--preset--font-size--small: 0.9rem;--wp--preset--font-size--medium: 1.05rem;--wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.767), 1.85rem);--wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 1.083), 2.5rem);--wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.283), 3.27rem);--wp--preset--font-family--body: "Inter", sans-serif;--wp--preset--font-family--heading: Cardo;--wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--wp--preset--spacing--20: min(1.5rem, 2vw);--wp--preset--spacing--30: min(2.5rem, 3vw);--wp--preset--spacing--40: min(4rem, 5vw);--wp--preset--spacing--50: min(6.5rem, 8vw);--wp--preset--spacing--60: min(10.5rem, 13vw);--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--10: 1rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 620px;--wp--style--global--wide-size: 1280px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--body);font-size: var(--wp--preset--font-size--medium);font-style: normal;font-weight: 400;line-height: 1.55;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--50);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--50);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--contrast);}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}h1, h2, h3, h4, h5, h6{color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--heading);font-weight: 400;line-height: 1.2;}h1{font-size: var(--wp--preset--font-size--xx-large);line-height: 1.15;}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem);}h5{font-size: var(--wp--preset--font-size--medium);}h6{font-size: var(--wp--preset--font-size--small);}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--contrast);border-radius: .33rem;border-color: var(--wp--preset--color--contrast);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--small);font-style: normal;font-weight: 500;letter-spacing: inherit;line-height: inherit;padding-top: 0.6rem;padding-right: 1rem;padding-bottom: 0.6rem;padding-left: 1rem;text-decoration: none;text-transform: inherit;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--contrast-2);border-color: var(--wp--preset--color--contrast-2);color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: var(--wp--preset--color--contrast-2);border-color: var(--wp--preset--color--contrast-2);color: var(--wp--preset--color--base);outline-color: var(--wp--preset--color--contrast);outline-offset: 2px;}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: var(--wp--preset--color--contrast);color: var(--wp--preset--color--base);}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){color: var(--wp--preset--color--contrast-2);font-family: var(--wp--preset--font-family--body);font-size: 0.8rem;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-gradient-1-gradient-background{background: var(--wp--preset--gradient--gradient-1) !important;}.has-gradient-2-gradient-background{background: var(--wp--preset--gradient--gradient-2) !important;}.has-gradient-3-gradient-background{background: var(--wp--preset--gradient--gradient-3) !important;}.has-gradient-4-gradient-background{background: var(--wp--preset--gradient--gradient-4) !important;}.has-gradient-5-gradient-background{background: var(--wp--preset--gradient--gradient-5) !important;}.has-gradient-6-gradient-background{background: var(--wp--preset--gradient--gradient-6) !important;}.has-gradient-7-gradient-background{background: var(--wp--preset--gradient--gradient-7) !important;}.has-gradient-8-gradient-background{background: var(--wp--preset--gradient--gradient-8) !important;}.has-gradient-9-gradient-background{background: var(--wp--preset--gradient--gradient-9) !important;}.has-gradient-10-gradient-background{background: var(--wp--preset--gradient--gradient-10) !important;}.has-gradient-11-gradient-background{background: var(--wp--preset--gradient--gradient-11) !important;}.has-gradient-12-gradient-background{background: var(--wp--preset--gradient--gradient-12) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-body-font-family{font-family: var(--wp--preset--font-family--body) !important;}.has-heading-font-family{font-family: var(--wp--preset--font-family--heading) !important;}.has-system-sans-serif-font-family{font-family: var(--wp--preset--font-family--system-sans-serif) !important;}.has-system-serif-font-family{font-family: var(--wp--preset--font-family--system-serif) !important;}
.sgletestimonialsec img
{
	border-radius:50%;
	overflow:hidden;
}:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}
/*# sourceURL=global-styles-inline-css */
</style>
<style type="text/css" id="daextlwcnf-google-font-css" media="all">@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/hebrew/wght/normal.woff2);unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/v/open-sans/5.2.7/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/hebrew/wght/normal.woff2);unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/v/open-sans/5.2.7/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}</style>
<link rel='stylesheet' id='megamenu-css' href='https://www.universell.us/wp-content/uploads/maxmegamenu/style.css?ver=097ace' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://www.universell.us/wp-includes/css/dashicons.min.css?ver=7.1.2' media='all' />
<link rel='stylesheet' id='parent-style-css' href='https://www.universell.us/wp-content/themes/twentytwentyfour/style.css?ver=7.1.2' media='all' />
<link rel='stylesheet' id='mega-menu-css-css' href='https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/css/mega-menu.css?ver=1784736644' media='all' />
<link rel='stylesheet' id='universell-genie-widget-css-css' href='https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/css/universell-genie-widget.css?ver=1785153680' media='all' />
<script id="jquery-core-js" src="https://www.universell.us/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.universell.us/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=GT-5NTJ8H8V" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["www.universell.us"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-5NTJ8H8V");
//# sourceURL=google_gtagjs-js-after
</script>
<link rel="https://api.w.org/" href="https://www.universell.us/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.universell.us/wp-json/wp/v2/pages/7334" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.universell.us/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.1.2" />
<link rel='shortlink' href='https://www.universell.us/?p=7334' />
<meta name="generator" content="Site Kit by Google 1.188.0" /><style class="wp-fonts-local">
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://www.universell.us/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.universell.us/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2') format('woff2');}
@font-face{font-family:Cardo;font-style:italic;font-weight:400;font-display:fallback;src:url('https://www.universell.us/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2') format('woff2');}
@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:fallback;src:url('https://www.universell.us/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2') format('woff2');}
</style>
<link rel="icon" href="https://www.universell.us/wp-content/uploads/2024/10/cropped-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.universell.us/wp-content/uploads/2024/10/cropped-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.universell.us/wp-content/uploads/2024/10/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.universell.us/wp-content/uploads/2024/10/cropped-favicon-270x270.png" />


  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-M68ZPFJX');</script>
  <!--  End Google Tag Manager -->


  <!--  UDAY ADDED THIS CODE -->
  <script>
    window.addEventListener('message', function (e) {
      console.log("Message received:", e.data); // debug
      // Only process our signup events
      if (e.data && e.data.event === 'universell_signup') {

        console.log("Signup event triggered", e.data);
        // Push to GTM dataLayer (if using Google Tag Manager on universell.us)
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
          event: 'universell_signup',
          signup_method: e.data.method,       // 'email', 'google', 'microsoft', or 'apple'
          signup_plan_type: e.data.plan_type   // 'free' or 'paid'
        });

        // OR if using gtag.js directly on universell.us (instead of GTM)
        if (typeof gtag === 'function') {
          gtag('event', 'sign_up', {
            method: e.data.method,
            plan_type: e.data.plan_type
          });
        }
      }
    });
  </script>



  <!-- Reddit Pixel -->
  <!-- <script>
    !function (w, d) {
      if (!w.rdt) {
        var
          p = w.rdt = function () { p.sendEvent ? p.sendEvent.apply(p, arguments) : p.callQueue.push(arguments) }; p.callQueue = []; var
            t = d.createElement("script"); t.src = "https://www.redditstatic.com/ads/pixel.js", t.async = !0; var
              s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(t, s)
      }
    }(window, document); rdt('init', 'a2_fxafev6orlsi'); rdt('track',
      'PageVisit');

    // ADD NEW CLASS NAME
    window.onload = function () {
      const bodyElement = document.querySelector('.single-post');
      if (bodyElement) {
        bodyElement.classList.add('page');
      }
    };
  </script> -->
  <!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER -->
  <!-- End Reddit Pixel -->
  <!-- Meta Pixel Code -->
  <script>
    !function (f, b, e, v, n, t, s) {
      if (f.fbq) return; n = f.fbq = function () {
        n.callMethod ?
          n.callMethod.apply(n, arguments) : n.queue.push(arguments)
      };
      if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
      n.queue = []; t = b.createElement(e); t.async = !0;
      t.src = v; s = b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
      'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '1558149228470445');
    fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=1558149228470445&ev=PageView&noscript=1" /></noscript>
  <!-- End Meta Pixel Code -->
  <!-- AdRoll SCRIPT ADDED BY KATYA Code -->
  <!-- <script
    type="text/javascript"> adroll_adv_id = "KFLZYKD7UVGYTBBBZBZQLU"; adroll_pix_id = "YBUOA3EMSNAMNHMORWGROL"; adroll_version = "2.0"; (function (w, d, e, o, a) { w.__adroll_loaded = true; w.adroll = w.adroll || []; w.adroll.f = ['setProperties', 'identify', 'track', 'identify_email', 'get_cookie']; var roundtripUrl = "https://s.adroll.com/j/" + adroll_adv_id + "/roundtrip.js"; for (a = 0; a < w.adroll.f.length; a++) { w.adroll[w.adroll.f[a]] = w.adroll[w.adroll.f[a]] || (function (n) { return function () { w.adroll.push([n, arguments]) } })(w.adroll.f[a]) } e = d.createElement('script'); o = d.getElementsByTagName('script')[0]; e.async = 1; e.src = roundtripUrl; o.parentNode.insertBefore(e, o); })(window, document); adroll.track("pageView"); </script> -->
  <!-- AdRoll SCRIPT ADDED BY KATYA Code -->
</head>

<body class="wp-singular page-template page-template-start-up-program page-template-start-up-program-php page page-id-7334 wp-embed-responsive wp-theme-twentytwentyfour wp-child-theme-twentytwentyfour-child-main mega-menu-primary">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M68ZPFJX" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  
  <nav class="navbar navbar-expand-lg universell_main_header all_page_header" id="myHeader">
    <div class="fullwidth">
      <div class="row align-items-center">

        <!-- Logo -->
        <div class="col-lg-2 universell-desktop-logo">
          <a class="navbar-brand" href="https://www.universell.us">
            <img src="https://www.universell.us/wp-content/uploads/2024/11/universell_white_logo-1.webp" alt="Logo" />
          </a>
        </div>

        <!-- Desktop Nav -->
        <div class="col-lg-10">
          <div class="desktopview">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
              data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
              aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">

                  <ul class="navbar-nav">
        
                            <li class="nav-item">
                    <a class="nav-link" href="/" target="_self">
                        Home                    </a>
                </li>

                    
                            <li class="nav-item universell-mega-item universell-mega-column-item">
                    <a class="nav-link mega-toggle" href="">
                        Business Types                        <svg class="mega-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2.5">
                            <path d="M6 9l6 6 6-6" />
                        </svg>
                    </a>

                                                                        <div class="universell-mega-panel universell-mega-columns-panel">
                                <div class="mega-columns-grid">
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Retail</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Apparel Store">
                                                                Apparel Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Jewelry Store">
                                                                Jewelry Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Electronics Store">
                                                                Electronics Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Bodega Store">
                                                                Bodega Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Smoke Shops">
                                                                Smoke Shops                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Pet Store">
                                                                Pet Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Home Decor">
                                                                Home Decor                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Gift Store">
                                                                Gift Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Boutique">
                                                                Boutique                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Fitness &amp; Gym">
                                                                Fitness &amp; Gym                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Point of Sale (POS)">
                                                                Point of Sale (POS)                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Multi-Location">
                                                                Multi-Location                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Services</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Consultancy">
                                                                Consultancy                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="General Service">
                                                                General Service                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="AC / HVAC">
                                                                AC / HVAC                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Plumbing">
                                                                Plumbing                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Electric">
                                                                Electric                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Carpentry">
                                                                Carpentry                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Landscaping">
                                                                Landscaping                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Cleaning Service">
                                                                Cleaning Service                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Repair Shop">
                                                                Repair Shop                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Home Service">
                                                                Home Service                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">E-Commerce</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Fashion Brand">
                                                                Fashion Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Electronics Brand">
                                                                Electronics Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Beauty Brand">
                                                                Beauty Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Home &amp; Living Brand">
                                                                Home &amp; Living Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Grocery Delivery">
                                                                Grocery Delivery                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Marketplace">
                                                                Marketplace                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Subscription Store">
                                                                Subscription Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="B2B Commerce">
                                                                B2B Commerce                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="D2C Brand">
                                                                D2C Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Dropshipping">
                                                                Dropshipping                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Salon &amp; Beauty</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Hair Salon">
                                                                Hair Salon                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Beauty Salon">
                                                                Beauty Salon                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Spa">
                                                                Spa                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Nail Studio">
                                                                Nail Studio                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Lash Studio">
                                                                Lash Studio                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Makeup Studio">
                                                                Makeup Studio                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Barbershop">
                                                                Barbershop                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Skin Clinic">
                                                                Skin Clinic                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Massage Center">
                                                                Massage Center                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Professional Services</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Agency">
                                                                Agency                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Freelancer">
                                                                Freelancer                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Consultant">
                                                                Consultant                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Financial Services">
                                                                Financial Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Insurance Services">
                                                                Insurance Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Cash Advance / Business Loans">
                                                                Cash Advance / Business Loans                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Non-Profit Services">
                                                                Non-Profit Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Recruiting Agency">
                                                                Recruiting Agency                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Virtual Assistant">
                                                                Virtual Assistant                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Business Services">
                                                                Business Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Legal Services">
                                                                Legal Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Contractor">
                                                                Contractor                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>

                                <div class="mega-columns-cta">
                                    <p>Don&#039;t see your business type? Universell works for 100+ industries</p>
                                    <a class="mega-columns-cta-btn" href="#" role="button" data-bs-toggle="modal"
                                        data-bs-target="#universell-demo-modal" data-business-type="">
                                        See it in action                                        <span aria-hidden="true">-&gt;</span>
                                    </a>
                                </div>
                            </div>
                                                            </li>

                    
                            <li class="nav-item universell-mega-item">
                    <a class="nav-link mega-toggle" href="#">
                        Features                        <svg class="mega-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2.5">
                            <path d="M6 9l6 6 6-6" />
                        </svg>
                    </a>

                                                                    <div class="dropdown-menu universell-mega-panel">

                            <!-- Search -->
                            <div class="mega-search-bar">
                                <div class="mega-search-inner">
                                    <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                                        <circle cx="11" cy="11" r="8" />
                                        <path d="m21 21-4.35-4.35" />
                                    </svg>
                                    <input type="text" class="feature-search" placeholder="Search features…" />
                                </div>
                            </div>

                            <!-- Body -->
                            <div class="mega-body">

                                <!-- Sidebar -->
                                <div class="mega-sidebar">
                                    <p class="sidebar-heading">Browse categories</p>
                                                                            <button class="sidebar-btn active" data-panel="crm-customers">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/crm_customer.svg" alt="CRM &amp; Customers" width="22"
                                                        height="22" />
                                                </span>
                                                                                        CRM &amp; Customers                                        </button>
                                                                                <button class="sidebar-btn" data-panel="communication">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/communication.svg" alt="communication" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Communication                                        </button>
                                                                                <button class="sidebar-btn" data-panel="inventory">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Inventory.svg" alt="Inventory" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Inventory                                        </button>
                                                                                <button class="sidebar-btn" data-panel="hr-employee">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/HR-Employee.svg" alt="HR &amp; Employee" width="22"
                                                        height="22" />
                                                </span>
                                                                                        HR &amp; Employee                                        </button>
                                                                                <button class="sidebar-btn" data-panel="sales-payment">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/salespayment.svg" alt="sales&amp;payment" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Sales &amp; Payment                                         </button>
                                                                                <button class="sidebar-btn" data-panel="e-commerce">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/E-Commerce.svg" alt="E-Commerce" width="22"
                                                        height="22" />
                                                </span>
                                                                                        E-Commerce                                        </button>
                                                                                <button class="sidebar-btn" data-panel="marketing">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Marketing.svg" alt="Marketing" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Marketing                                        </button>
                                                                                <button class="sidebar-btn" data-panel="integrations">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Integrations.svg" alt="Integrations" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Integrations                                        </button>
                                                                                <button class="sidebar-btn" data-panel="analytics">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Analytics.svg" alt="Analytics" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Analytics                                        </button>
                                                                                <button class="sidebar-btn" data-panel="business-type">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/business-type.svg" alt="Business Type" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Business Type                                        </button>
                                                                        </div>

                                <!-- Content Panels -->
                                <div class="mega-content">
                                                                            <div class="content-panel active" id="panel-crm-customers">
                                            <div class="panel-title">
                                                CRM &amp; Customers                                            </div>
                                            <div class="panel-subtitle">
                                                Capture, nurture and retain every customer relationship.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/customer-management/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Customer-Management.svg" alt="Customer Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Management                                                            </div>
                                                            <p class="card-desc">
                                                                Centralize profiles, activity history and lifecycle stages.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/deals-pipeline/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/deals__pipeline.svg" alt="Deals &amp; Pipeline"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Deals &amp; Pipeline                                                            </div>
                                                            <p class="card-desc">
                                                                Track opportunities from lead to close with clear stages.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/custom-forms/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/custom_forms.svg" alt="Custom Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Custom Forms                                                            </div>
                                                            <p class="card-desc">
                                                                Build intake forms that sync instantly with your CRM.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/ticketing-system-2/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/ticketing_system.svg" alt="Ticketing System"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Ticketing System                                                            </div>
                                                            <p class="card-desc">
                                                                Resolve support issues with SLA-aware ticket workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/appointment/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/appointments.svg" alt="Appointments"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Appointments                                                            </div>
                                                            <p class="card-desc">
                                                                Let customers self-book meetings with smart availability.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Leads Management                                                            </div>
                                                            <p class="card-desc">
                                                                Capture and qualify prospects before they become customers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/layers.svg" alt="Customer Segments &amp; Groups"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Segments &amp; Groups                                                            </div>
                                                            <p class="card-desc">
                                                                Organize contacts into segments and groups for targeted outreach.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/magnet.svg" alt="Lead Catcher"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Lead Catcher                                                            </div>
                                                            <p class="card-desc">
                                                                Turn website visitors into CRM leads automatically.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/line-chart.svg" alt="CRM &amp; Deal Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM &amp; Deal Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Forecast revenue and measure pipeline conversion in real time.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/contact-2.svg" alt="Customer 360 Profile"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer 360 Profile                                                            </div>
                                                            <p class="card-desc">
                                                                One complete view of every contact, deal, and interaction.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Automate follow-ups, stage changes, and routine CRM workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/smartphone.svg" alt="Customer App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer App                                                            </div>
                                                            <p class="card-desc">
                                                                Give customers a branded portal to view history and self-serve.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-plus.svg" alt="Appointment Catcher"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Appointment Catcher                                                            </div>
                                                            <p class="card-desc">
                                                                Embed booking forms that create appointments in your calendar.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-communication">
                                            <div class="panel-title">
                                                Communication                                            </div>
                                            <div class="panel-subtitle">
                                                Connect teams and customers across channels in real time.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/communication/#business_calling"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/callscustomer.svg" alt="calls &amp; customer icon"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Unified Communication Hub                                                            </div>
                                                            <p class="card-desc">
                                                                Manage calls, SMS, email, and team chat from one workspace.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/communication/#team_messaging"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/team_messaging.svg" alt="team messaging"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Team Messaging                                                            </div>
                                                            <p class="card-desc">
                                                                Chat internally with DMs, channels, threads, and video links.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/email-sms-marketing/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Email-SMS-Marketing.svg" alt="Email &amp; SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                 Email &amp; SMS Marketing                                                            </div>
                                                            <p class="card-desc">
                                                                Send branded email campaigns with templates, scheduling, and delivery tracking.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-3"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/message-circle.svg" alt="SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                SMS Marketing                                                            </div>
                                                            <p class="card-desc">
                                                                Reach customers instantly with bulk SMS campaigns and delivery insights.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/phone.svg" alt="VoIP Calls &amp; Call History"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                VoIP Calls &amp; Call History                                                            </div>
                                                            <p class="card-desc">
                                                                Place and track business calls with full history and analytics.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/scroll-text.svg" alt="Call Scripts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Call Scripts                                                            </div>
                                                            <p class="card-desc">
                                                                Equip your team with searchable scripts for consistent conversations.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/phone-forwarded.svg" alt="Call Forwarding"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Call Forwarding                                                            </div>
                                                            <p class="card-desc">
                                                                Route calls to the right person with scheduled forwarding rules.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/users.svg" alt="Phone Numbers, Extensions &amp; Call Groups"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Phone Numbers, Extensions &amp; Call Groups                                                            </div>
                                                            <p class="card-desc">
                                                                Buy numbers, assign extensions, and ring teams together.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/voicemail.svg" alt="Voicemail"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Voicemail                                                            </div>
                                                            <p class="card-desc">
                                                                Review received and sent voicemails in a searchable inbox.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/messages-square.svg" alt="SMS Inbox &amp; Messaging"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                SMS Inbox &amp; Messaging                                                            </div>
                                                            <p class="card-desc">
                                                                Send and receive texts in threaded conversations tied to contacts.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/inbox.svg" alt="Business Email"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Business Email                                                            </div>
                                                            <p class="card-desc">
                                                                Compose, schedule, and track one-to-one email alongside SMS and calls.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Collaborative Documents                                                            </div>
                                                            <p class="card-desc">
                                                                Create, edit, and share rich documents with AI-assisted drafting.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/history.svg" alt="Customer Communication Log"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Communication Log                                                            </div>
                                                            <p class="card-desc">
                                                                See every call, text, and email on the customer profile.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/settings.svg" alt="Communication Settings"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Communication Settings                                                            </div>
                                                            <p class="card-desc">
                                                                Configure email, SMS, phone numbers, and delivery history in one place.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-inventory">
                                            <div class="panel-title">
                                                Inventory                                            </div>
                                            <div class="panel-subtitle">
                                                Keep stock accurate, predictable, and ready to fulfill.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/inventory/?tabname=inventory-real-time/#inventory_features_section"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Real-time-Stock-Monitoring.svg" alt="Real-time Stock Monitoring"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Real-time Stock Monitoring                                                            </div>
                                                            <p class="card-desc">
                                                                Monitor stock movement live across stores and warehouses.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/inventory/?tabname=inventory-alerts/#inventory_features_section"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Inventory-Alerts.svg" alt="Inventory Alerts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Alerts                                                            </div>
                                                            <p class="card-desc">
                                                                Get low-stock and out-of-stock alerts before disruptions.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/inventory/?tabname=inventory-vendor/#inventory_features_section"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Vendor-Management-Reordering.svg" alt="Vendor Management &amp; Reordering"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Vendor Management &amp; Reordering                                                            </div>
                                                            <p class="card-desc">
                                                                Automate replenishment with preferred suppliers workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/inventory-app/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Inventory-Count-App.svg" alt="Inventory Count App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Count App                                                            </div>
                                                            <p class="card-desc">
                                                                Run mobile cycle counts with discrepancy reconciliation.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/print-label-app/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Print-Label-App.svg" alt="Print Label App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Print Label App                                                            </div>
                                                            <p class="card-desc">
                                                                Generate bar code and shelf labels in a single click.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/boxes.svg" alt="Product Catalog"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Product Catalog                                                            </div>
                                                            <p class="card-desc">
                                                                Manage your full product and service catalog in grid or list view.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-plus.svg" alt="Add &amp; Edit Products"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Add &amp; Edit Products                                                            </div>
                                                            <p class="card-desc">
                                                                Create fixed, variable, and variant products with rich details and channel controls.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Bulk Import                                                            </div>
                                                            <p class="card-desc">
                                                                Import or update thousands of items from Excel in a guided workflow.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/folder-tree.svg" alt="Categories, Subcategories &amp; Locations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Categories, Subcategories &amp; Locations                                                            </div>
                                                            <p class="card-desc">
                                                                Organize products with nested categories and in-store shelf locations.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/sliders-horizontal.svg" alt="Modifiers &amp; Customization"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Modifiers &amp; Customization                                                            </div>
                                                            <p class="card-desc">
                                                                Offer add-ons, toppings, and extras without creating new SKUs.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/bundling-products/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Product Bundles                                                            </div>
                                                            <p class="card-desc">
                                                                Boost average order value with BOGO offers and product bundles.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/arrow-up-down.svg" alt="Stock Adjustment"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Stock Adjustment                                                            </div>
                                                            <p class="card-desc">
                                                                Record stock-in and stock-out movements with reasons and cost tracking.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-check.svg" alt="Physical Inventory Count"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Physical Inventory Count                                                            </div>
                                                            <p class="card-desc">
                                                                Run floor counts by scan or list with mismatch review and sign-off.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bell-ring.svg" alt="Low &amp; High Stock Alerts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Low &amp; High Stock Alerts                                                            </div>
                                                            <p class="card-desc">
                                                                Get email and SMS alerts when quantity crosses your thresholds.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/scroll-text.svg" alt="Call Scripts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Audit Log                                                            </div>
                                                            <p class="card-desc">
                                                                Trace every stock movement back to its source transaction.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/smartphone.svg" alt="Customer App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Count App                                                            </div>
                                                            <p class="card-desc">
                                                                Count stock on the floor with Universell&#039;s Android mobile app.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-16"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bar-chart-2.svg" alt="Inventory Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                See KPIs, margins, profit, and top or weakest products at a glance.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/warehouse.svg" alt="Receive Inventory &amp; Purchase Orders"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Receive Inventory &amp; Purchase Orders                                                            </div>
                                                            <p class="card-desc">
                                                                Receive stock via purchase orders or manual multi-vendor intake.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/store.svg" alt="Multi-Store Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Multi-Store Management                                                            </div>
                                                            <p class="card-desc">
                                                                Connect store locations and sync catalog, customers, and rewards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/arrow-left-right.svg" alt="Stock Transfers"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Stock Transfers                                                            </div>
                                                            <p class="card-desc">
                                                                Move inventory between connected stores with automatic stock updates.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-20"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/building.svg" alt="Vendor Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Vendor Management                                                            </div>
                                                            <p class="card-desc">
                                                                Maintain a supplier directory linked to products and purchase history.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-21"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/rotate-cw.svg" alt="Reorder Workflow"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Reorder Workflow                                                            </div>
                                                            <p class="card-desc">
                                                                Build reorder lists, email vendors, and place purchase orders fast.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-22"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Automate SMS and email when inventory events occur.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-hr-employee">
                                            <div class="panel-title">
                                                HR &amp; Employee                                            </div>
                                            <div class="panel-subtitle">
                                                Simplify workforce operations and employee development.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/employee-management-5/?tabname=employee-manage/#employee_manage_team"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Employee-Management.svg" alt="Employee Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Management                                                            </div>
                                                            <p class="card-desc">
                                                                Manage employee records, access levels, and teams.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/employee-management-5/?tabname=payroll-reporting/#employee_manage_team"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Payroll-Reporting.svg" alt="Payroll Reporting"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payroll Reporting                                                            </div>
                                                            <p class="card-desc">
                                                                Generate payroll summaries and tax-ready reports easily.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/employee-management-5/?tabname=learning-train/#employee_manage_team"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/E-Learning-Training.svg" alt="E-Learning &amp; Training"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Learning &amp; Training                                                            </div>
                                                            <p class="card-desc">
                                                                Deliver internal courses and track training completion.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Clock-InOut-System.svg" alt="Clock-InOut System"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Clock-In/Out System                                                            </div>
                                                            <p class="card-desc">
                                                                Capture attendance, shifts, and overtime accurately.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Add &amp; Edit Employee                                                            </div>
                                                            <p class="card-desc">
                                                                Onboard staff with a guided wizard for HR, pay, access, and login rules.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/lock.svg" alt="Customer Vault"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Role &amp; Permissions                                                            </div>
                                                            <p class="card-desc">
                                                                Control who can view, create, edit, and delete across every module.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Import                                                            </div>
                                                            <p class="card-desc">
                                                                Bulk-load staff from CSV with a simple template or AI-assisted validation.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/dollar-sign.svg" alt="Payroll &amp; Wages"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payroll &amp; Wages                                                            </div>
                                                            <p class="card-desc">
                                                                Run payroll reports across wages, commissions, deductions, and payments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Volume Commission                                                            </div>
                                                            <p class="card-desc">
                                                                Incentivize sales with daily, weekly, monthly, and per-order bonus tiers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/file-text.svg" alt="1099 Reporting"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                1099 Reporting                                                            </div>
                                                            <p class="card-desc">
                                                                Track contractor payments and export 1099-ready reports.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Performance                                                            </div>
                                                            <p class="card-desc">
                                                                See top and weak performers on the dashboard and employee tab.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/history.svg" alt="Customer Communication Log"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Activity History                                                            </div>
                                                            <p class="card-desc">
                                                                Audit every change, message, order, and document on the employee record.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/calendar-range.svg" alt="Employee Scheduling"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Scheduling                                                            </div>
                                                            <p class="card-desc">
                                                                Set availability windows, time slots, and time zones per employee.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/share-2.svg" alt="Schedule Catcher &amp; Share Links"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Schedule Catcher &amp; Share Links                                                            </div>
                                                            <p class="card-desc">
                                                                Embed bookable calendars on your website and share personal availability links.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Scheduled Appointments                                                            </div>
                                                            <p class="card-desc">
                                                                View customer bookings tied to employee availability.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/folder.svg" alt="File Cabinet"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                File Cabinet                                                            </div>
                                                            <p class="card-desc">
                                                                Store HR documents, training files, and media in organized folders.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-16"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/graduation-cap.svg" alt="Learning Hub &amp; E-Learning"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Learning Hub &amp; E-Learning                                                            </div>
                                                            <p class="card-desc">
                                                                Build courses, quizzes, and training forms for staff and customers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/messages-square.svg" alt="SMS Inbox &amp; Messaging"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Team Messenger                                                            </div>
                                                            <p class="card-desc">
                                                                Message coworkers from the employee menu without switching apps.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Trigger SMS and email when workforce events occur.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Workforce Apps &amp; Integrations                                                            </div>
                                                            <p class="card-desc">
                                                                Connect Chat, Inventory Count, and Customer apps with one-click training requests.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-sales-payment">
                                            <div class="panel-title">
                                                Sales &amp; Payment                                             </div>
                                            <div class="panel-subtitle">
                                                Close sales faster with secure and flexible payments flows.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/sales-payments/#sales_virtual"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/terminal.svg" alt="Virtual Terminal"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Virtual Terminal                                                            </div>
                                                            <p class="card-desc">
                                                                Accept card, cash, gift card, and ACH payments in one terminal.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/sales-payments/#sales_invoice"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Invoicing-Billing.svg" alt="Invoicing &amp; Billing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Invoicing &amp; Billing                                                            </div>
                                                            <p class="card-desc">
                                                                Create branded invoices and automate recurring charges.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/e-sign-payments/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/E-Sign-Agreements.svg" alt="E-Sign Agreements"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Sign Agreements                                                            </div>
                                                            <p class="card-desc">
                                                                Collect signatures and payments in one seamless step.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Order-Management-Shipping.svg" alt="Order Management &amp; Shipping"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Management &amp; Shipping                                                            </div>
                                                            <p class="card-desc">
                                                                Mange fulfillment, shipment labels, and delivery updates.                                                             </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/zap.svg" alt="Make a Sale"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Make a Sale                                                            </div>
                                                            <p class="card-desc">
                                                                Ring up a sale from any screen with one-click quick entry.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/lock.svg" alt="Customer Vault"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Vault                                                            </div>
                                                            <p class="card-desc">
                                                                Store verified cards securely for faster repeat payments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/receipt.svg" alt="Invoicing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Invoicing                                                            </div>
                                                            <p class="card-desc">
                                                                Create, send, and collect on professional invoices with templates and reminders.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-signature.svg" alt="Estimates"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Estimates                                                            </div>
                                                            <p class="card-desc">
                                                                Quote jobs and convert accepted estimates to invoices automatically.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/repeat.svg" alt="Recurring Payments"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Recurring Payments                                                            </div>
                                                            <p class="card-desc">
                                                                Run subscriptions and auto-billed plans on a schedule you control.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pen-line.svg" alt="E-Sign"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Sign                                                            </div>
                                                            <p class="card-desc">
                                                                Send documents for electronic signature and track every envelope.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-check-2.svg" alt="Agreements"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Agreements                                                            </div>
                                                            <p class="card-desc">
                                                                Build service agreements with e-sign, ID capture, and ticket linking.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Online Booking Forms                                                            </div>
                                                            <p class="card-desc">
                                                                Let customers book services online with embeddable forms and QR links.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/wrench.svg" alt="Jobs &amp; Field Service"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Jobs &amp; Field Service                                                            </div>
                                                            <p class="card-desc">
                                                                Schedule field jobs, collect payment on-site, and link work to invoices.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/map.svg" alt="Route Planning"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Route Planning                                                            </div>
                                                            <p class="card-desc">
                                                                Visualize and optimize daily routes for field teams on a live map                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-list.svg" alt="Order Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Management                                                            </div>
                                                            <p class="card-desc">
                                                                Search, filter, and manage every order type in one list.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-check.svg" alt="Fulfillment &amp; Pack-and-Ship"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Fulfillment &amp; Pack-and-Ship                                                            </div>
                                                            <p class="card-desc">
                                                                Move orders through a fulfillment pipeline from pick to dispatch.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/truck.svg" alt="Shipping Labels &amp; Tracking"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Shipping Labels &amp; Tracking                                                            </div>
                                                            <p class="card-desc">
                                                                Print labels and track shipments without a separate shipping app.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payment Forms                                                            </div>
                                                            <p class="card-desc">
                                                                Embed secure payment forms on your website to collect money online.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/ticket.svg" alt="Event Ticketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Event Ticketing                                                            </div>
                                                            <p class="card-desc">
                                                                Sell tickets and collect event payments through dedicated forms.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Measure revenue and order trends across 15+ order types.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-20"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Sales Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Trigger automated SMS and email when sales events occur.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-e-commerce">
                                            <div class="panel-title">
                                                E-Commerce                                            </div>
                                            <div class="panel-subtitle">
                                                Lunch high-converting online storefronts and web funnels.                                             </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/fast-shop-e-commerce/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Fast-Shop-E-Commerce.svg" alt="Fast Shop E-Commerce"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Fast Shop E-Commerce                                                            </div>
                                                            <p class="card-desc">
                                                                Lunch a storefront quickly with built-in checkout tools.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/wordpress-integration/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/WordPress-Integration.svg" alt="WordPress Integration"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                WordPress Integration                                                            </div>
                                                            <p class="card-desc">
                                                                Sync products and capture leads directly in WordPress.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/wordpress-integration/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Landing-Pages-Websites.svg" alt="Landing Pages &amp; Websites"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Landing Pages &amp; Websites                                                            </div>
                                                            <p class="card-desc">
                                                                Create optimized pages for campaigns and brand sites.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-3"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/layout-grid.svg" alt="Storefront Branding"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Storefront Branding                                                            </div>
                                                            <p class="card-desc">
                                                                Customize logo, banners, theme colors, product cards, fonts, and layout.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/share-2.svg" alt="Schedule Catcher &amp; Share Links"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Store Sharing &amp; QR Codes                                                            </div>
                                                            <p class="card-desc">
                                                                Share your store by link, QR code, email, SMS, and social channels.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/sliders-horizontal.svg" alt="Modifiers &amp; Customization"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Checkout Controls                                                            </div>
                                                            <p class="card-desc">
                                                                Tune abandoned carts, quick checkout, out-of-stock ordering, and add-to-cart rules.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Domain, SEO &amp; Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Connect a domain, optimize metadata, and add analytics scripts.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/boxes.svg" alt="Product Catalog"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Public Product Catalog                                                            </div>
                                                            <p class="card-desc">
                                                                Give shoppers searchable product grids, filters, categories, and product detail pages.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Online Checkout                                                            </div>
                                                            <p class="card-desc">
                                                                Support guest and logged-in checkout with rewards, shipping, coupons, and card payments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/users.svg" alt="Phone Numbers, Extensions &amp; Call Groups"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Order Portal                                                            </div>
                                                            <p class="card-desc">
                                                                Let customers view profile, order history, receipts, and fulfillment status.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                WordPress Integrated Site                                                            </div>
                                                            <p class="card-desc">
                                                                Connect an existing WordPress site to Universell data and workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/ai-landing-page-studio/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                AI Landing Page Studio                                                            </div>
                                                            <p class="card-desc">
                                                                Generate campaign landing pages with AI-guided copy, design, and structure.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Landing Page Designer                                                            </div>
                                                            <p class="card-desc">
                                                                Refine generated pages with a visual builder, AI editor, settings, and sharing.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Landing Page Dashboard                                                            </div>
                                                            <p class="card-desc">
                                                                Track live pages, drafts, views, leads, and conversion rates.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Commerce Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Trigger automated follow-up around e-commerce events.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-marketing">
                                            <div class="panel-title">
                                                Marketing                                            </div>
                                            <div class="panel-subtitle">
                                                Drive demand with campaigns, offers, and loyalty automation.                                             </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/email-sms-marketing/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Email-SMS-Marketing.svg" alt="Email &amp; SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Email &amp; SMS Marketing                                                            </div>
                                                            <p class="card-desc">
                                                                Build targeted journeys with segmentations and triggers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/campaigns-promotions/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Coupons-Promotions.svg" alt="Coupons &amp; Promotions"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Coupons &amp; Promotions                                                            </div>
                                                            <p class="card-desc">
                                                                Run discounts, flash offers, and campaign promo codes.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/gift-card-program/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Gift-Card-Program.svg" alt="Gift Card Program"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Program                                                            </div>
                                                            <p class="card-desc">
                                                                Sell digital and physical gift cards with balance tracking.                                                             </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/rewards-loyalty-program/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Rewards-Loyalty-Programs.svg" alt="Rewards &amp; Loyalty Programs"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Rewards &amp; Loyalty Programs                                                            </div>
                                                            <p class="card-desc">
                                                                Increase repeat purchases with points and tier benefits.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Rewards Dashboard                                                            </div>
                                                            <p class="card-desc">
                                                                Track points, redemptions, enrollments, and loyalty program performance.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/settings.svg" alt="Communication Settings"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Rewards Setup                                                            </div>
                                                            <p class="card-desc">
                                                                Define how customers earn, spend, and expire points.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Reward Templates &amp; Flyers                                                            </div>
                                                            <p class="card-desc">
                                                                Customize loyalty emails, SMS, and printable reward flyers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Reward Import &amp; Redemption Time Slots                                                            </div>
                                                            <p class="card-desc">
                                                                Bulk import rewards and control when customers can redeem points.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                First Time Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Welcome new buyers with points after their first purchase.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-check.svg" alt="Physical Inventory Count"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Punch Card Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Reward repeat purchases with free products or dollar rewards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/repeat.svg" alt="Recurring Payments"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Comeback Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Win back inactive customers with targeted reward offers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Birthday Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Automatically award and remind customers about birthday points.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/users-2.svg" alt="Refer A Friend Rewards"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Refer A Friend Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Reward both referrers and friends for word-of-mouth growth.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-plus.svg" alt="Add &amp; Edit Products"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Product Promotions                                                            </div>
                                                            <p class="card-desc">
                                                                Promote selected products with discounts, templates, links, and QR sharing.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/store.svg" alt="Multi-Store Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Store Promotions                                                            </div>
                                                            <p class="card-desc">
                                                                Run store-wide discount campaigns for customers, groups, or segments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/ticket.svg" alt="Event Ticketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Coupon List                                                            </div>
                                                            <p class="card-desc">
                                                                Create, edit, clone, and audit coupons for all or selected inventory.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-16"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/mail.svg" alt="Coupon Campaigns"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Coupon Campaigns                                                            </div>
                                                            <p class="card-desc">
                                                                Send coupon campaigns by email/SMS with audience and recurrence controls.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/mail.svg" alt="Coupon Campaigns"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Email Campaigns                                                            </div>
                                                            <p class="card-desc">
                                                                Build small-scale, CRM, or enterprise email campaigns with reporting.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/message-circle.svg" alt="SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                SMS Campaigns                                                            </div>
                                                            <p class="card-desc">
                                                                Send bulk SMS with recipient selection, scheduling, logs, and delivery stats.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/file-text.svg" alt="1099 Reporting"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM SMS &amp; Email Templates                                                            </div>
                                                            <p class="card-desc">
                                                                Reuse approved messages across CRM modules and teams.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-20"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/layout-grid.svg" alt="Storefront Branding"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Enterprise Templates                                                            </div>
                                                            <p class="card-desc">
                                                                Choose from a large gallery of reusable marketing email designs.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-21"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Marketing Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Build visual marketing journeys with triggers, actions, conditions, and goals.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-22"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Marketing Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Measure campaign performance, deliverability, conversions, and automation results.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-23"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Gifts                                                            </div>
                                                            <p class="card-desc">
                                                                Sell, customize, top up, and track digital gift cards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-24"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Management                                                            </div>
                                                            <p class="card-desc">
                                                                Manage physical, digital, promotional, and unassigned gift cards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-25"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Promotional Gift Cards                                                            </div>
                                                            <p class="card-desc">
                                                                Issue campaign-based gift cards to customers, groups, or everyone.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-26"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Physical Gift Cards                                                            </div>
                                                            <p class="card-desc">
                                                                Order printed cards, view invoices, and activate balances later.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-27"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/rotate-cw.svg" alt="Reorder Workflow"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Balance, Reload &amp; Import                                                            </div>
                                                            <p class="card-desc">
                                                                Check balances, reload cards, and bulk import gift-card data.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-28"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Track issued, redeemed, expired, and distributed gift-card value.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-integrations">
                                            <div class="panel-title">
                                                Integrations                                            </div>
                                            <div class="panel-subtitle">
                                                Connect Universell to your tools and financial ecosystem.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/QuickBooks-Xero.svg" alt="QuickBooks &amp; Xero"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                QuickBooks &amp; Xero                                                            </div>
                                                            <p class="card-desc">
                                                                Keep accounting synced with sales, expenses, and payouts.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Payment-Gateways.svg" alt="Payment Gateways"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payment Gateways                                                            </div>
                                                            <p class="card-desc">
                                                                Integrate major processors for seamless checkout options.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Uber-Direct.svg" alt="Uber Direct"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Uber Direct Integration                                                            </div>
                                                            <p class="card-desc">
                                                                Offer local deliver options directly form order flows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/zapier-integrations/#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/02/simple-icons-zapier.svg" alt="Zapier Integration"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Zapier Integration                                                            </div>
                                                            <p class="card-desc">
                                                                Automate tasks across thousands of connected apps.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Order-Management-Shipping.svg" alt="Order Management &amp; Shipping"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Management &amp; Shipping                                                            </div>
                                                            <p class="card-desc">
                                                                Manage customer support requests and resolve issues efficiently.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/qbo-sync.svg" alt="QBO Online Sync"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                QBO Online Sync                                                            </div>
                                                            <p class="card-desc">
                                                                Sync sales, customers, inventory, invoices, taxes, and discounts with QuickBooks Online.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/xero-sync.svg" alt="Xero Sync"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Xero Sync                                                            </div>
                                                            <p class="card-desc">
                                                                Keep invoices, customers, inventory, and tax data in step with Xero.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/service-pro911.svg" alt="ServicePro 911"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                ServicePro 911                                                            </div>
                                                            <p class="card-desc">
                                                                Connect service operations to a dedicated workflow built for faster customer response.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/piggy-bank-POS.svg" alt="Piggy Bank POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Piggy Bank POS                                                            </div>
                                                            <p class="card-desc">
                                                                Preserve your existing processor while connecting to a compatible POS experience.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/clover-POS.svg" alt="Clover POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Clover POS                                                            </div>
                                                            <p class="card-desc">
                                                                Link Clover devices and keep checkout running on hardware your team already knows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/go-daddy-poynt.svg" alt="GoDaddy Poynt POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                GoDaddy Poynt POS                                                            </div>
                                                            <p class="card-desc">
                                                                Use GoDaddy Poynt devices while keeping your business data connected.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/universellpos.svg" alt="UNIVERSELL POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                UNIVERSELL POS                                                            </div>
                                                            <p class="card-desc">
                                                                Run checkout on Universell-native POS hardware and workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/customer-app.svg" alt="Customer App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer App                                                            </div>
                                                            <p class="card-desc">
                                                                Give customers a branded self-service app for orders, offers, and engagement.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/universellpos.svg" alt="Inventory Count App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Count App                                                            </div>
                                                            <p class="card-desc">
                                                                Count stock faster with a mobile app built for inventory workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/chat-app.svg" alt="Chat App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Chat App                                                            </div>
                                                            <p class="card-desc">
                                                                Improve communication with customers and internal teams in one connected app.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/developer-portal.svg" alt="Developer Portal"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Developer Portal                                                            </div>
                                                            <p class="card-desc">
                                                                Explore APIs, test endpoints, and build custom integrations faster.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-analytics">
                                            <div class="panel-title">
                                                Analytics                                            </div>
                                            <div class="panel-subtitle">
                                                Capture, nurture and retain every customer relationship.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/crm-sales-analytics/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/CRM-Sales-Analytics.svg" alt="CRM &amp; Sales Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM &amp; Sales Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Track leads, sales, and customer performance with clear, actionable insights.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/inventory-analytics/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Analytics.svg" alt="Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Monitor stock levels, inventory trends, and product performance with actionable insights.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-business-type">
                                            <div class="panel-title">
                                                Business Type                                            </div>
                                            <div class="panel-subtitle">
                                                Explore tailored POS solutions for Retail, Service, E-commerce, and Salon businesses.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Print-Label-App.svg" alt="Print Label App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Retail                                                            </div>
                                                            <p class="card-desc">
                                                                Streamline in-store sales, inventory, and customer management with ease.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Virtual-Terminal.svg" alt="Virtual Terminal"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Service                                                            </div>
                                                            <p class="card-desc">
                                                                Manage appointments, payments, and customer interactions seamlessly.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/fast-shop-e-commerce/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Fast-Shop-E-Commerce.svg" alt="Fast Shop E-Commerce"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-commerce                                                            </div>
                                                            <p class="card-desc">
                                                                Simplify online sales, orders, and inventory management in one place.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/salon/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/salon.svg" alt="Salon"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Salon                                                            </div>
                                                            <p class="card-desc">
                                                                Easily handle bookings, staff schedules, and client management.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                        </div>

                            </div>
                        </div>
                                                            </li>

                    
                            <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        Partners                    </a>
                                            <ul class="dropdown-menu">
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/partner/"
                                        target="_self">
                                        Business &amp; Technology Partners                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/accountant/"
                                        target="_self">
                                        Accountants &amp; Tax Consultants                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/new-partner-opportunity/"
                                        target="_self">
                                        Regional Partner Network                                    </a>
                                </li>
                                                    </ul>
                                    </li>

                    
                            <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        Resources                    </a>
                                            <ul class="dropdown-menu">
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/blogs/"
                                        target="_self">
                                        Blog                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/educational-videos/"
                                        target="_self">
                                        Tutorial Videos                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/help-center"
                                        target="_self">
                                        Help Center                                    </a>
                                </li>
                                                    </ul>
                                    </li>

                    
                            <li class="nav-item">
                    <a class="nav-link" href="https://www.universell.us/about/" target="_self">
                        About                    </a>
                </li>

                        </ul>
    
                              <a href="/get-started-flow/" class="joinforfree">Get Started For Free</a>
              
                              <a href="https://universal.mybmr.com/login" class="loginlink" target="_blank">Login</a>
              
            </div>
          </div>
        </div>

        <!-- Mobile Nav -->
        <div class="mobileview">
          <div class="universell-mobile-header-bar">
            <a class="navbar-brand universell-mobile-brand" href="https://www.universell.us">
              <img src="https://www.universell.us/wp-content/uploads/2024/11/universell_white_logo-1.webp" alt="Logo" />
            </a>

            <div class="mobile-header-actions">
              <a href="/get-started-flow/" class="joinforfree">Get Started For Free</a>
                              <a href="https://universal.mybmr.com/login" class="loginlink" target="_blank">Login</a>
                          </div>
          </div>

          <div class="universell-mobile-menu-wrap">
                <ul class="slimmenu universell-mobile-nav">
        
                            <li class="nav-item">
                    <a class="nav-link" href="/" target="_self">
                        Home                    </a>
                </li>

                    
                            <li class="nav-item universell-mega-item universell-mega-column-item">
                    <a class="nav-link mega-toggle" href="">
                        Business Types                        <svg class="mega-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2.5">
                            <path d="M6 9l6 6 6-6" />
                        </svg>
                    </a>

                                                                        <div class="universell-mega-panel universell-mega-columns-panel">
                                <div class="mega-columns-grid">
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Retail</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Apparel Store">
                                                                Apparel Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Jewelry Store">
                                                                Jewelry Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Electronics Store">
                                                                Electronics Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Bodega Store">
                                                                Bodega Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Smoke Shops">
                                                                Smoke Shops                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Pet Store">
                                                                Pet Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Home Decor">
                                                                Home Decor                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Gift Store">
                                                                Gift Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Boutique">
                                                                Boutique                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Fitness &amp; Gym">
                                                                Fitness &amp; Gym                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Point of Sale (POS)">
                                                                Point of Sale (POS)                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Multi-Location">
                                                                Multi-Location                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Services</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Consultancy">
                                                                Consultancy                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="General Service">
                                                                General Service                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="AC / HVAC">
                                                                AC / HVAC                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Plumbing">
                                                                Plumbing                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Electric">
                                                                Electric                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Carpentry">
                                                                Carpentry                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Landscaping">
                                                                Landscaping                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Cleaning Service">
                                                                Cleaning Service                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Repair Shop">
                                                                Repair Shop                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Home Service">
                                                                Home Service                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">E-Commerce</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Fashion Brand">
                                                                Fashion Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Electronics Brand">
                                                                Electronics Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Beauty Brand">
                                                                Beauty Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Home &amp; Living Brand">
                                                                Home &amp; Living Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Grocery Delivery">
                                                                Grocery Delivery                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Marketplace">
                                                                Marketplace                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Subscription Store">
                                                                Subscription Store                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="B2B Commerce">
                                                                B2B Commerce                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="D2C Brand">
                                                                D2C Brand                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Dropshipping">
                                                                Dropshipping                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Salon &amp; Beauty</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Hair Salon">
                                                                Hair Salon                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Beauty Salon">
                                                                Beauty Salon                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Spa">
                                                                Spa                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Nail Studio">
                                                                Nail Studio                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Lash Studio">
                                                                Lash Studio                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Makeup Studio">
                                                                Makeup Studio                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Barbershop">
                                                                Barbershop                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Skin Clinic">
                                                                Skin Clinic                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Massage Center">
                                                                Massage Center                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div class="mega-column">
                                            <h3 class="mega-column-title">Professional Services</h3>
                                                                                            <ul class="mega-column-links">
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Agency">
                                                                Agency                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Freelancer">
                                                                Freelancer                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Consultant">
                                                                Consultant                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Financial Services">
                                                                Financial Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Insurance Services">
                                                                Insurance Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Cash Advance / Business Loans">
                                                                Cash Advance / Business Loans                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Non-Profit Services">
                                                                Non-Profit Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Recruiting Agency">
                                                                Recruiting Agency                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Virtual Assistant">
                                                                Virtual Assistant                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Business Services">
                                                                Business Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Legal Services">
                                                                Legal Services                                                            </a>
                                                        </li>
                                                                                                            <li>
                                                            <a class="mega-column-link" href="#" role="button" data-bs-toggle="modal" data-bs-target="#universell-demo-modal" data-business-type="Contractor">
                                                                Contractor                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>

                                <div class="mega-columns-cta">
                                    <p>Don&#039;t see your business type? Universell works for 100+ industries</p>
                                    <a class="mega-columns-cta-btn" href="#" role="button" data-bs-toggle="modal"
                                        data-bs-target="#universell-demo-modal" data-business-type="">
                                        See it in action                                        <span aria-hidden="true">-&gt;</span>
                                    </a>
                                </div>
                            </div>
                                                            </li>

                    
                            <li class="nav-item universell-mega-item">
                    <a class="nav-link mega-toggle" href="#">
                        Features                        <svg class="mega-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2.5">
                            <path d="M6 9l6 6 6-6" />
                        </svg>
                    </a>

                                                                    <div class="dropdown-menu universell-mega-panel">

                            <!-- Search -->
                            <div class="mega-search-bar">
                                <div class="mega-search-inner">
                                    <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                                        <circle cx="11" cy="11" r="8" />
                                        <path d="m21 21-4.35-4.35" />
                                    </svg>
                                    <input type="text" class="feature-search" placeholder="Search features…" />
                                </div>
                            </div>

                            <!-- Body -->
                            <div class="mega-body">

                                <!-- Sidebar -->
                                <div class="mega-sidebar">
                                    <p class="sidebar-heading">Browse categories</p>
                                                                            <button class="sidebar-btn active" data-panel="crm-customers">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/crm_customer.svg" alt="CRM &amp; Customers" width="22"
                                                        height="22" />
                                                </span>
                                                                                        CRM &amp; Customers                                        </button>
                                                                                <button class="sidebar-btn" data-panel="communication">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/communication.svg" alt="communication" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Communication                                        </button>
                                                                                <button class="sidebar-btn" data-panel="inventory">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Inventory.svg" alt="Inventory" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Inventory                                        </button>
                                                                                <button class="sidebar-btn" data-panel="hr-employee">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/HR-Employee.svg" alt="HR &amp; Employee" width="22"
                                                        height="22" />
                                                </span>
                                                                                        HR &amp; Employee                                        </button>
                                                                                <button class="sidebar-btn" data-panel="sales-payment">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/salespayment.svg" alt="sales&amp;payment" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Sales &amp; Payment                                         </button>
                                                                                <button class="sidebar-btn" data-panel="e-commerce">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/E-Commerce.svg" alt="E-Commerce" width="22"
                                                        height="22" />
                                                </span>
                                                                                        E-Commerce                                        </button>
                                                                                <button class="sidebar-btn" data-panel="marketing">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Marketing.svg" alt="Marketing" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Marketing                                        </button>
                                                                                <button class="sidebar-btn" data-panel="integrations">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Integrations.svg" alt="Integrations" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Integrations                                        </button>
                                                                                <button class="sidebar-btn" data-panel="analytics">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/Analytics.svg" alt="Analytics" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Analytics                                        </button>
                                                                                <button class="sidebar-btn" data-panel="business-type">
                                                                                            <span class="icon-wrap">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/05/business-type.svg" alt="Business Type" width="22"
                                                        height="22" />
                                                </span>
                                                                                        Business Type                                        </button>
                                                                        </div>

                                <!-- Content Panels -->
                                <div class="mega-content">
                                                                            <div class="content-panel active" id="panel-crm-customers">
                                            <div class="panel-title">
                                                CRM &amp; Customers                                            </div>
                                            <div class="panel-subtitle">
                                                Capture, nurture and retain every customer relationship.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/customer-management/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Customer-Management.svg" alt="Customer Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Management                                                            </div>
                                                            <p class="card-desc">
                                                                Centralize profiles, activity history and lifecycle stages.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/deals-pipeline/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/deals__pipeline.svg" alt="Deals &amp; Pipeline"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Deals &amp; Pipeline                                                            </div>
                                                            <p class="card-desc">
                                                                Track opportunities from lead to close with clear stages.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/custom-forms/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/custom_forms.svg" alt="Custom Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Custom Forms                                                            </div>
                                                            <p class="card-desc">
                                                                Build intake forms that sync instantly with your CRM.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/ticketing-system-2/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/ticketing_system.svg" alt="Ticketing System"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Ticketing System                                                            </div>
                                                            <p class="card-desc">
                                                                Resolve support issues with SLA-aware ticket workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/appointment/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/appointments.svg" alt="Appointments"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Appointments                                                            </div>
                                                            <p class="card-desc">
                                                                Let customers self-book meetings with smart availability.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Leads Management                                                            </div>
                                                            <p class="card-desc">
                                                                Capture and qualify prospects before they become customers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/layers.svg" alt="Customer Segments &amp; Groups"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Segments &amp; Groups                                                            </div>
                                                            <p class="card-desc">
                                                                Organize contacts into segments and groups for targeted outreach.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/magnet.svg" alt="Lead Catcher"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Lead Catcher                                                            </div>
                                                            <p class="card-desc">
                                                                Turn website visitors into CRM leads automatically.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/line-chart.svg" alt="CRM &amp; Deal Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM &amp; Deal Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Forecast revenue and measure pipeline conversion in real time.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/contact-2.svg" alt="Customer 360 Profile"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer 360 Profile                                                            </div>
                                                            <p class="card-desc">
                                                                One complete view of every contact, deal, and interaction.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Automate follow-ups, stage changes, and routine CRM workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/smartphone.svg" alt="Customer App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer App                                                            </div>
                                                            <p class="card-desc">
                                                                Give customers a branded portal to view history and self-serve.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-0-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-plus.svg" alt="Appointment Catcher"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Appointment Catcher                                                            </div>
                                                            <p class="card-desc">
                                                                Embed booking forms that create appointments in your calendar.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-communication">
                                            <div class="panel-title">
                                                Communication                                            </div>
                                            <div class="panel-subtitle">
                                                Connect teams and customers across channels in real time.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/communication/#business_calling"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/callscustomer.svg" alt="calls &amp; customer icon"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Unified Communication Hub                                                            </div>
                                                            <p class="card-desc">
                                                                Manage calls, SMS, email, and team chat from one workspace.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/communication/#team_messaging"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/team_messaging.svg" alt="team messaging"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Team Messaging                                                            </div>
                                                            <p class="card-desc">
                                                                Chat internally with DMs, channels, threads, and video links.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/email-sms-marketing/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Email-SMS-Marketing.svg" alt="Email &amp; SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                 Email &amp; SMS Marketing                                                            </div>
                                                            <p class="card-desc">
                                                                Send branded email campaigns with templates, scheduling, and delivery tracking.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-3"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/message-circle.svg" alt="SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                SMS Marketing                                                            </div>
                                                            <p class="card-desc">
                                                                Reach customers instantly with bulk SMS campaigns and delivery insights.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/phone.svg" alt="VoIP Calls &amp; Call History"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                VoIP Calls &amp; Call History                                                            </div>
                                                            <p class="card-desc">
                                                                Place and track business calls with full history and analytics.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/scroll-text.svg" alt="Call Scripts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Call Scripts                                                            </div>
                                                            <p class="card-desc">
                                                                Equip your team with searchable scripts for consistent conversations.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/phone-forwarded.svg" alt="Call Forwarding"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Call Forwarding                                                            </div>
                                                            <p class="card-desc">
                                                                Route calls to the right person with scheduled forwarding rules.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/users.svg" alt="Phone Numbers, Extensions &amp; Call Groups"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Phone Numbers, Extensions &amp; Call Groups                                                            </div>
                                                            <p class="card-desc">
                                                                Buy numbers, assign extensions, and ring teams together.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/voicemail.svg" alt="Voicemail"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Voicemail                                                            </div>
                                                            <p class="card-desc">
                                                                Review received and sent voicemails in a searchable inbox.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/messages-square.svg" alt="SMS Inbox &amp; Messaging"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                SMS Inbox &amp; Messaging                                                            </div>
                                                            <p class="card-desc">
                                                                Send and receive texts in threaded conversations tied to contacts.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/inbox.svg" alt="Business Email"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Business Email                                                            </div>
                                                            <p class="card-desc">
                                                                Compose, schedule, and track one-to-one email alongside SMS and calls.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Collaborative Documents                                                            </div>
                                                            <p class="card-desc">
                                                                Create, edit, and share rich documents with AI-assisted drafting.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/history.svg" alt="Customer Communication Log"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Communication Log                                                            </div>
                                                            <p class="card-desc">
                                                                See every call, text, and email on the customer profile.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-1-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/settings.svg" alt="Communication Settings"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Communication Settings                                                            </div>
                                                            <p class="card-desc">
                                                                Configure email, SMS, phone numbers, and delivery history in one place.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-inventory">
                                            <div class="panel-title">
                                                Inventory                                            </div>
                                            <div class="panel-subtitle">
                                                Keep stock accurate, predictable, and ready to fulfill.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/inventory/?tabname=inventory-real-time/#inventory_features_section"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Real-time-Stock-Monitoring.svg" alt="Real-time Stock Monitoring"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Real-time Stock Monitoring                                                            </div>
                                                            <p class="card-desc">
                                                                Monitor stock movement live across stores and warehouses.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/inventory/?tabname=inventory-alerts/#inventory_features_section"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Inventory-Alerts.svg" alt="Inventory Alerts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Alerts                                                            </div>
                                                            <p class="card-desc">
                                                                Get low-stock and out-of-stock alerts before disruptions.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/inventory/?tabname=inventory-vendor/#inventory_features_section"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Vendor-Management-Reordering.svg" alt="Vendor Management &amp; Reordering"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Vendor Management &amp; Reordering                                                            </div>
                                                            <p class="card-desc">
                                                                Automate replenishment with preferred suppliers workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/inventory-app/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Inventory-Count-App.svg" alt="Inventory Count App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Count App                                                            </div>
                                                            <p class="card-desc">
                                                                Run mobile cycle counts with discrepancy reconciliation.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/print-label-app/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Print-Label-App.svg" alt="Print Label App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Print Label App                                                            </div>
                                                            <p class="card-desc">
                                                                Generate bar code and shelf labels in a single click.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/boxes.svg" alt="Product Catalog"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Product Catalog                                                            </div>
                                                            <p class="card-desc">
                                                                Manage your full product and service catalog in grid or list view.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-plus.svg" alt="Add &amp; Edit Products"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Add &amp; Edit Products                                                            </div>
                                                            <p class="card-desc">
                                                                Create fixed, variable, and variant products with rich details and channel controls.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Bulk Import                                                            </div>
                                                            <p class="card-desc">
                                                                Import or update thousands of items from Excel in a guided workflow.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/folder-tree.svg" alt="Categories, Subcategories &amp; Locations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Categories, Subcategories &amp; Locations                                                            </div>
                                                            <p class="card-desc">
                                                                Organize products with nested categories and in-store shelf locations.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/sliders-horizontal.svg" alt="Modifiers &amp; Customization"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Modifiers &amp; Customization                                                            </div>
                                                            <p class="card-desc">
                                                                Offer add-ons, toppings, and extras without creating new SKUs.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/bundling-products/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Product Bundles                                                            </div>
                                                            <p class="card-desc">
                                                                Boost average order value with BOGO offers and product bundles.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/arrow-up-down.svg" alt="Stock Adjustment"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Stock Adjustment                                                            </div>
                                                            <p class="card-desc">
                                                                Record stock-in and stock-out movements with reasons and cost tracking.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-check.svg" alt="Physical Inventory Count"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Physical Inventory Count                                                            </div>
                                                            <p class="card-desc">
                                                                Run floor counts by scan or list with mismatch review and sign-off.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bell-ring.svg" alt="Low &amp; High Stock Alerts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Low &amp; High Stock Alerts                                                            </div>
                                                            <p class="card-desc">
                                                                Get email and SMS alerts when quantity crosses your thresholds.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/scroll-text.svg" alt="Call Scripts"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Audit Log                                                            </div>
                                                            <p class="card-desc">
                                                                Trace every stock movement back to its source transaction.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/smartphone.svg" alt="Customer App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Count App                                                            </div>
                                                            <p class="card-desc">
                                                                Count stock on the floor with Universell&#039;s Android mobile app.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-16"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bar-chart-2.svg" alt="Inventory Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                See KPIs, margins, profit, and top or weakest products at a glance.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/warehouse.svg" alt="Receive Inventory &amp; Purchase Orders"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Receive Inventory &amp; Purchase Orders                                                            </div>
                                                            <p class="card-desc">
                                                                Receive stock via purchase orders or manual multi-vendor intake.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/store.svg" alt="Multi-Store Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Multi-Store Management                                                            </div>
                                                            <p class="card-desc">
                                                                Connect store locations and sync catalog, customers, and rewards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/arrow-left-right.svg" alt="Stock Transfers"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Stock Transfers                                                            </div>
                                                            <p class="card-desc">
                                                                Move inventory between connected stores with automatic stock updates.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-20"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/building.svg" alt="Vendor Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Vendor Management                                                            </div>
                                                            <p class="card-desc">
                                                                Maintain a supplier directory linked to products and purchase history.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-21"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/rotate-cw.svg" alt="Reorder Workflow"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Reorder Workflow                                                            </div>
                                                            <p class="card-desc">
                                                                Build reorder lists, email vendors, and place purchase orders fast.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-2-22"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Automate SMS and email when inventory events occur.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-hr-employee">
                                            <div class="panel-title">
                                                HR &amp; Employee                                            </div>
                                            <div class="panel-subtitle">
                                                Simplify workforce operations and employee development.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/employee-management-5/?tabname=employee-manage/#employee_manage_team"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Employee-Management.svg" alt="Employee Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Management                                                            </div>
                                                            <p class="card-desc">
                                                                Manage employee records, access levels, and teams.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/employee-management-5/?tabname=payroll-reporting/#employee_manage_team"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Payroll-Reporting.svg" alt="Payroll Reporting"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payroll Reporting                                                            </div>
                                                            <p class="card-desc">
                                                                Generate payroll summaries and tax-ready reports easily.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/employee-management-5/?tabname=learning-train/#employee_manage_team"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/E-Learning-Training.svg" alt="E-Learning &amp; Training"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Learning &amp; Training                                                            </div>
                                                            <p class="card-desc">
                                                                Deliver internal courses and track training completion.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Clock-InOut-System.svg" alt="Clock-InOut System"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Clock-In/Out System                                                            </div>
                                                            <p class="card-desc">
                                                                Capture attendance, shifts, and overtime accurately.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Add &amp; Edit Employee                                                            </div>
                                                            <p class="card-desc">
                                                                Onboard staff with a guided wizard for HR, pay, access, and login rules.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/lock.svg" alt="Customer Vault"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Role &amp; Permissions                                                            </div>
                                                            <p class="card-desc">
                                                                Control who can view, create, edit, and delete across every module.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Import                                                            </div>
                                                            <p class="card-desc">
                                                                Bulk-load staff from CSV with a simple template or AI-assisted validation.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/dollar-sign.svg" alt="Payroll &amp; Wages"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payroll &amp; Wages                                                            </div>
                                                            <p class="card-desc">
                                                                Run payroll reports across wages, commissions, deductions, and payments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Volume Commission                                                            </div>
                                                            <p class="card-desc">
                                                                Incentivize sales with daily, weekly, monthly, and per-order bonus tiers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/file-text.svg" alt="1099 Reporting"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                1099 Reporting                                                            </div>
                                                            <p class="card-desc">
                                                                Track contractor payments and export 1099-ready reports.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Performance                                                            </div>
                                                            <p class="card-desc">
                                                                See top and weak performers on the dashboard and employee tab.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/history.svg" alt="Customer Communication Log"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Activity History                                                            </div>
                                                            <p class="card-desc">
                                                                Audit every change, message, order, and document on the employee record.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/calendar-range.svg" alt="Employee Scheduling"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Scheduling                                                            </div>
                                                            <p class="card-desc">
                                                                Set availability windows, time slots, and time zones per employee.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/share-2.svg" alt="Schedule Catcher &amp; Share Links"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Schedule Catcher &amp; Share Links                                                            </div>
                                                            <p class="card-desc">
                                                                Embed bookable calendars on your website and share personal availability links.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Scheduled Appointments                                                            </div>
                                                            <p class="card-desc">
                                                                View customer bookings tied to employee availability.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/folder.svg" alt="File Cabinet"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                File Cabinet                                                            </div>
                                                            <p class="card-desc">
                                                                Store HR documents, training files, and media in organized folders.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-16"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/graduation-cap.svg" alt="Learning Hub &amp; E-Learning"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Learning Hub &amp; E-Learning                                                            </div>
                                                            <p class="card-desc">
                                                                Build courses, quizzes, and training forms for staff and customers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/messages-square.svg" alt="SMS Inbox &amp; Messaging"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Team Messenger                                                            </div>
                                                            <p class="card-desc">
                                                                Message coworkers from the employee menu without switching apps.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Employee Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Trigger SMS and email when workforce events occur.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-3-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Workforce Apps &amp; Integrations                                                            </div>
                                                            <p class="card-desc">
                                                                Connect Chat, Inventory Count, and Customer apps with one-click training requests.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-sales-payment">
                                            <div class="panel-title">
                                                Sales &amp; Payment                                             </div>
                                            <div class="panel-subtitle">
                                                Close sales faster with secure and flexible payments flows.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/sales-payments/#sales_virtual"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/terminal.svg" alt="Virtual Terminal"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Virtual Terminal                                                            </div>
                                                            <p class="card-desc">
                                                                Accept card, cash, gift card, and ACH payments in one terminal.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/sales-payments/#sales_invoice"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Invoicing-Billing.svg" alt="Invoicing &amp; Billing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Invoicing &amp; Billing                                                            </div>
                                                            <p class="card-desc">
                                                                Create branded invoices and automate recurring charges.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/e-sign-payments/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/E-Sign-Agreements.svg" alt="E-Sign Agreements"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Sign Agreements                                                            </div>
                                                            <p class="card-desc">
                                                                Collect signatures and payments in one seamless step.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Order-Management-Shipping.svg" alt="Order Management &amp; Shipping"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Management &amp; Shipping                                                            </div>
                                                            <p class="card-desc">
                                                                Mange fulfillment, shipment labels, and delivery updates.                                                             </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/zap.svg" alt="Make a Sale"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Make a Sale                                                            </div>
                                                            <p class="card-desc">
                                                                Ring up a sale from any screen with one-click quick entry.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/lock.svg" alt="Customer Vault"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Vault                                                            </div>
                                                            <p class="card-desc">
                                                                Store verified cards securely for faster repeat payments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/receipt.svg" alt="Invoicing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Invoicing                                                            </div>
                                                            <p class="card-desc">
                                                                Create, send, and collect on professional invoices with templates and reminders.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-signature.svg" alt="Estimates"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Estimates                                                            </div>
                                                            <p class="card-desc">
                                                                Quote jobs and convert accepted estimates to invoices automatically.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/repeat.svg" alt="Recurring Payments"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Recurring Payments                                                            </div>
                                                            <p class="card-desc">
                                                                Run subscriptions and auto-billed plans on a schedule you control.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pen-line.svg" alt="E-Sign"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Sign                                                            </div>
                                                            <p class="card-desc">
                                                                Send documents for electronic signature and track every envelope.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-check-2.svg" alt="Agreements"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Agreements                                                            </div>
                                                            <p class="card-desc">
                                                                Build service agreements with e-sign, ID capture, and ticket linking.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Online Booking Forms                                                            </div>
                                                            <p class="card-desc">
                                                                Let customers book services online with embeddable forms and QR links.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/wrench.svg" alt="Jobs &amp; Field Service"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Jobs &amp; Field Service                                                            </div>
                                                            <p class="card-desc">
                                                                Schedule field jobs, collect payment on-site, and link work to invoices.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/map.svg" alt="Route Planning"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Route Planning                                                            </div>
                                                            <p class="card-desc">
                                                                Visualize and optimize daily routes for field teams on a live map                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-list.svg" alt="Order Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Management                                                            </div>
                                                            <p class="card-desc">
                                                                Search, filter, and manage every order type in one list.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-check.svg" alt="Fulfillment &amp; Pack-and-Ship"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Fulfillment &amp; Pack-and-Ship                                                            </div>
                                                            <p class="card-desc">
                                                                Move orders through a fulfillment pipeline from pick to dispatch.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/truck.svg" alt="Shipping Labels &amp; Tracking"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Shipping Labels &amp; Tracking                                                            </div>
                                                            <p class="card-desc">
                                                                Print labels and track shipments without a separate shipping app.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payment Forms                                                            </div>
                                                            <p class="card-desc">
                                                                Embed secure payment forms on your website to collect money online.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/ticket.svg" alt="Event Ticketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Event Ticketing                                                            </div>
                                                            <p class="card-desc">
                                                                Sell tickets and collect event payments through dedicated forms.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Measure revenue and order trends across 15+ order types.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-4-20"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Sales Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Trigger automated SMS and email when sales events occur.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-e-commerce">
                                            <div class="panel-title">
                                                E-Commerce                                            </div>
                                            <div class="panel-subtitle">
                                                Lunch high-converting online storefronts and web funnels.                                             </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/fast-shop-e-commerce/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Fast-Shop-E-Commerce.svg" alt="Fast Shop E-Commerce"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Fast Shop E-Commerce                                                            </div>
                                                            <p class="card-desc">
                                                                Lunch a storefront quickly with built-in checkout tools.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/wordpress-integration/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/WordPress-Integration.svg" alt="WordPress Integration"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                WordPress Integration                                                            </div>
                                                            <p class="card-desc">
                                                                Sync products and capture leads directly in WordPress.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/wordpress-integration/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Landing-Pages-Websites.svg" alt="Landing Pages &amp; Websites"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Landing Pages &amp; Websites                                                            </div>
                                                            <p class="card-desc">
                                                                Create optimized pages for campaigns and brand sites.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-3"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/layout-grid.svg" alt="Storefront Branding"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Storefront Branding                                                            </div>
                                                            <p class="card-desc">
                                                                Customize logo, banners, theme colors, product cards, fonts, and layout.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/share-2.svg" alt="Schedule Catcher &amp; Share Links"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Store Sharing &amp; QR Codes                                                            </div>
                                                            <p class="card-desc">
                                                                Share your store by link, QR code, email, SMS, and social channels.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/sliders-horizontal.svg" alt="Modifiers &amp; Customization"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Checkout Controls                                                            </div>
                                                            <p class="card-desc">
                                                                Tune abandoned carts, quick checkout, out-of-stock ordering, and add-to-cart rules.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Domain, SEO &amp; Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Connect a domain, optimize metadata, and add analytics scripts.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/boxes.svg" alt="Product Catalog"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Public Product Catalog                                                            </div>
                                                            <p class="card-desc">
                                                                Give shoppers searchable product grids, filters, categories, and product detail pages.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Online Checkout                                                            </div>
                                                            <p class="card-desc">
                                                                Support guest and logged-in checkout with rewards, shipping, coupons, and card payments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/users.svg" alt="Phone Numbers, Extensions &amp; Call Groups"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer Order Portal                                                            </div>
                                                            <p class="card-desc">
                                                                Let customers view profile, order history, receipts, and fulfillment status.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                WordPress Integrated Site                                                            </div>
                                                            <p class="card-desc">
                                                                Connect an existing WordPress site to Universell data and workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/ai-landing-page-studio/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                AI Landing Page Studio                                                            </div>
                                                            <p class="card-desc">
                                                                Generate campaign landing pages with AI-guided copy, design, and structure.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Landing Page Designer                                                            </div>
                                                            <p class="card-desc">
                                                                Refine generated pages with a visual builder, AI editor, settings, and sharing.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Landing Page Dashboard                                                            </div>
                                                            <p class="card-desc">
                                                                Track live pages, drafts, views, leads, and conversion rates.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-5-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Commerce Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Trigger automated follow-up around e-commerce events.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-marketing">
                                            <div class="panel-title">
                                                Marketing                                            </div>
                                            <div class="panel-subtitle">
                                                Drive demand with campaigns, offers, and loyalty automation.                                             </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/email-sms-marketing/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Email-SMS-Marketing.svg" alt="Email &amp; SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Email &amp; SMS Marketing                                                            </div>
                                                            <p class="card-desc">
                                                                Build targeted journeys with segmentations and triggers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/campaigns-promotions/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Coupons-Promotions.svg" alt="Coupons &amp; Promotions"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Coupons &amp; Promotions                                                            </div>
                                                            <p class="card-desc">
                                                                Run discounts, flash offers, and campaign promo codes.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/gift-card-program/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Gift-Card-Program.svg" alt="Gift Card Program"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Program                                                            </div>
                                                            <p class="card-desc">
                                                                Sell digital and physical gift cards with balance tracking.                                                             </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/rewards-loyalty-program/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Rewards-Loyalty-Programs.svg" alt="Rewards &amp; Loyalty Programs"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Rewards &amp; Loyalty Programs                                                            </div>
                                                            <p class="card-desc">
                                                                Increase repeat purchases with points and tier benefits.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-4"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Rewards Dashboard                                                            </div>
                                                            <p class="card-desc">
                                                                Track points, redemptions, enrollments, and loyalty program performance.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/settings.svg" alt="Communication Settings"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Rewards Setup                                                            </div>
                                                            <p class="card-desc">
                                                                Define how customers earn, spend, and expire points.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Reward Templates &amp; Flyers                                                            </div>
                                                            <p class="card-desc">
                                                                Customize loyalty emails, SMS, and printable reward flyers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Reward Import &amp; Redemption Time Slots                                                            </div>
                                                            <p class="card-desc">
                                                                Bulk import rewards and control when customers can redeem points.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                First Time Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Welcome new buyers with points after their first purchase.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-check.svg" alt="Physical Inventory Count"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Punch Card Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Reward repeat purchases with free products or dollar rewards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/repeat.svg" alt="Recurring Payments"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Comeback Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Win back inactive customers with targeted reward offers.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Birthday Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Automatically award and remind customers about birthday points.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/users-2.svg" alt="Refer A Friend Rewards"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Refer A Friend Rewards                                                            </div>
                                                            <p class="card-desc">
                                                                Reward both referrers and friends for word-of-mouth growth.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-plus.svg" alt="Add &amp; Edit Products"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Product Promotions                                                            </div>
                                                            <p class="card-desc">
                                                                Promote selected products with discounts, templates, links, and QR sharing.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/store.svg" alt="Multi-Store Management"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Store Promotions                                                            </div>
                                                            <p class="card-desc">
                                                                Run store-wide discount campaigns for customers, groups, or segments.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/ticket.svg" alt="Event Ticketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Coupon List                                                            </div>
                                                            <p class="card-desc">
                                                                Create, edit, clone, and audit coupons for all or selected inventory.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-16"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/mail.svg" alt="Coupon Campaigns"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Coupon Campaigns                                                            </div>
                                                            <p class="card-desc">
                                                                Send coupon campaigns by email/SMS with audience and recurrence controls.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-17"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/mail.svg" alt="Coupon Campaigns"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Email Campaigns                                                            </div>
                                                            <p class="card-desc">
                                                                Build small-scale, CRM, or enterprise email campaigns with reporting.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-18"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/message-circle.svg" alt="SMS Marketing"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                SMS Campaigns                                                            </div>
                                                            <p class="card-desc">
                                                                Send bulk SMS with recipient selection, scheduling, logs, and delivery stats.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-19"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/file-text.svg" alt="1099 Reporting"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM SMS &amp; Email Templates                                                            </div>
                                                            <p class="card-desc">
                                                                Reuse approved messages across CRM modules and teams.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-20"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/layout-grid.svg" alt="Storefront Branding"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Enterprise Templates                                                            </div>
                                                            <p class="card-desc">
                                                                Choose from a large gallery of reusable marketing email designs.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-21"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Marketing Automation                                                            </div>
                                                            <p class="card-desc">
                                                                Build visual marketing journeys with triggers, actions, conditions, and goals.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-22"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Marketing Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Measure campaign performance, deliverability, conversions, and automation results.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-23"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-Gifts                                                            </div>
                                                            <p class="card-desc">
                                                                Sell, customize, top up, and track digital gift cards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-24"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Management                                                            </div>
                                                            <p class="card-desc">
                                                                Manage physical, digital, promotional, and unassigned gift cards.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-25"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Promotional Gift Cards                                                            </div>
                                                            <p class="card-desc">
                                                                Issue campaign-based gift cards to customers, groups, or everyone.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-26"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Physical Gift Cards                                                            </div>
                                                            <p class="card-desc">
                                                                Order printed cards, view invoices, and activate balances later.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-27"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/rotate-cw.svg" alt="Reorder Workflow"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Balance, Reload &amp; Import                                                            </div>
                                                            <p class="card-desc">
                                                                Check balances, reload cards, and bulk import gift-card data.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-6-28"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Gift Card Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Track issued, redeemed, expired, and distributed gift-card value.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-integrations">
                                            <div class="panel-title">
                                                Integrations                                            </div>
                                            <div class="panel-subtitle">
                                                Connect Universell to your tools and financial ecosystem.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/QuickBooks-Xero.svg" alt="QuickBooks &amp; Xero"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                QuickBooks &amp; Xero                                                            </div>
                                                            <p class="card-desc">
                                                                Keep accounting synced with sales, expenses, and payouts.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Payment-Gateways.svg" alt="Payment Gateways"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Payment Gateways                                                            </div>
                                                            <p class="card-desc">
                                                                Integrate major processors for seamless checkout options.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Uber-Direct.svg" alt="Uber Direct"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Uber Direct Integration                                                            </div>
                                                            <p class="card-desc">
                                                                Offer local deliver options directly form order flows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/zapier-integrations/#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/02/simple-icons-zapier.svg" alt="Zapier Integration"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Zapier Integration                                                            </div>
                                                            <p class="card-desc">
                                                                Automate tasks across thousands of connected apps.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/order-management-shipping/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Order-Management-Shipping.svg" alt="Order Management &amp; Shipping"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Order Management &amp; Shipping                                                            </div>
                                                            <p class="card-desc">
                                                                Manage customer support requests and resolve issues efficiently.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-5"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/qbo-sync.svg" alt="QBO Online Sync"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                QBO Online Sync                                                            </div>
                                                            <p class="card-desc">
                                                                Sync sales, customers, inventory, invoices, taxes, and discounts with QuickBooks Online.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-6"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/xero-sync.svg" alt="Xero Sync"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Xero Sync                                                            </div>
                                                            <p class="card-desc">
                                                                Keep invoices, customers, inventory, and tax data in step with Xero.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-7"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/service-pro911.svg" alt="ServicePro 911"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                ServicePro 911                                                            </div>
                                                            <p class="card-desc">
                                                                Connect service operations to a dedicated workflow built for faster customer response.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-8"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/piggy-bank-POS.svg" alt="Piggy Bank POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Piggy Bank POS                                                            </div>
                                                            <p class="card-desc">
                                                                Preserve your existing processor while connecting to a compatible POS experience.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-9"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/clover-POS.svg" alt="Clover POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Clover POS                                                            </div>
                                                            <p class="card-desc">
                                                                Link Clover devices and keep checkout running on hardware your team already knows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-10"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/go-daddy-poynt.svg" alt="GoDaddy Poynt POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                GoDaddy Poynt POS                                                            </div>
                                                            <p class="card-desc">
                                                                Use GoDaddy Poynt devices while keeping your business data connected.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-11"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/universellpos.svg" alt="UNIVERSELL POS"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                UNIVERSELL POS                                                            </div>
                                                            <p class="card-desc">
                                                                Run checkout on Universell-native POS hardware and workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-12"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/customer-app.svg" alt="Customer App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Customer App                                                            </div>
                                                            <p class="card-desc">
                                                                Give customers a branded self-service app for orders, offers, and engagement.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-13"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/universellpos.svg" alt="Inventory Count App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Count App                                                            </div>
                                                            <p class="card-desc">
                                                                Count stock faster with a mobile app built for inventory workflows.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-14"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/chat-app.svg" alt="Chat App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Chat App                                                            </div>
                                                            <p class="card-desc">
                                                                Improve communication with customers and internal teams in one connected app.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="#" role="button" data-bs-toggle="modal" data-bs-target="#feature-modal-2-7-15"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/07/developer-portal.svg" alt="Developer Portal"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Developer Portal                                                            </div>
                                                            <p class="card-desc">
                                                                Explore APIs, test endpoints, and build custom integrations faster.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-analytics">
                                            <div class="panel-title">
                                                Analytics                                            </div>
                                            <div class="panel-subtitle">
                                                Capture, nurture and retain every customer relationship.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/crm-sales-analytics/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/CRM-Sales-Analytics.svg" alt="CRM &amp; Sales Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                CRM &amp; Sales Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Track leads, sales, and customer performance with clear, actionable insights.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/inventory-analytics/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Analytics.svg" alt="Analytics"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Inventory Analytics                                                            </div>
                                                            <p class="card-desc">
                                                                Monitor stock levels, inventory trends, and product performance with actionable insights.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                                <div class="content-panel" id="panel-business-type">
                                            <div class="panel-title">
                                                Business Type                                            </div>
                                            <div class="panel-subtitle">
                                                Explore tailored POS solutions for Retail, Service, E-commerce, and Salon businesses.                                            </div>
                                            <div class="cards-grid">
                                                                                                    <a href="https://www.universell.us/features/#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Print-Label-App.svg" alt="Print Label App"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Retail                                                            </div>
                                                            <p class="card-desc">
                                                                Streamline in-store sales, inventory, and customer management with ease.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/features/#"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Virtual-Terminal.svg" alt="Virtual Terminal"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Service                                                            </div>
                                                            <p class="card-desc">
                                                                Manage appointments, payments, and customer interactions seamlessly.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/fast-shop-e-commerce/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/Fast-Shop-E-Commerce.svg" alt="Fast Shop E-Commerce"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                E-commerce                                                            </div>
                                                            <p class="card-desc">
                                                                Simplify online sales, orders, and inventory management in one place.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                                    <a href="https://www.universell.us/salon/"                                                        class="feature-card">
                                                                                                                    <div class="card-icon">
                                                                <img src="https://www.universell.us/wp-content/uploads/2026/05/salon.svg" alt="Salon"
                                                                    width="28" height="28" />
                                                            </div>
                                                                                                                <div class="mega_card_title_descritpion">
                                                            <div class="card-title">
                                                                Salon                                                            </div>
                                                            <p class="card-desc">
                                                                Easily handle bookings, staff schedules, and client management.                                                            </p>
                                                        </div>
                                                    </a>
                                                                                            </div>
                                        </div>
                                                                        </div>

                            </div>
                        </div>
                                                            </li>

                    
                            <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        Partners                    </a>
                                            <ul class="dropdown-menu">
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/partner/"
                                        target="_self">
                                        Business &amp; Technology Partners                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/accountant/"
                                        target="_self">
                                        Accountants &amp; Tax Consultants                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/new-partner-opportunity/"
                                        target="_self">
                                        Regional Partner Network                                    </a>
                                </li>
                                                    </ul>
                                    </li>

                    
                            <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        Resources                    </a>
                                            <ul class="dropdown-menu">
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/blogs/"
                                        target="_self">
                                        Blog                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/educational-videos/"
                                        target="_self">
                                        Tutorial Videos                                    </a>
                                </li>
                                                            <li>
                                    <a class="dropdown-item"
                                        href="https://www.universell.us/help-center"
                                        target="_self">
                                        Help Center                                    </a>
                                </li>
                                                    </ul>
                                    </li>

                    
                            <li class="nav-item">
                    <a class="nav-link" href="https://www.universell.us/about/" target="_self">
                        About                    </a>
                </li>

                        </ul>
              </div>
        </div>

      </div>
    </div>
  </nav>
<main>
    <section class="section_landing startup_hero_section banner_section">
        <div class="container">
            <div class="custom_hero_section_inner">
                <div class="custom_hero_content">
                                            <h1><h1>A Trusted Platform Built to Help <span class="highlight_heading"> Startups Launch</span> and <span class="highlight_heading">Scale</span></h1></h1>
                    
                                            <div class="banner-desc"><p>Starting a business means making dozens of decisions every day. Your technology stack shouldn’t be one of the hard ones.</p>
<p>The Universell Startup Program gives early-stage companies access to a trusted, fully connected business platform designed to bring structure, speed, and clarity from day one.</p>
</div>
                                    </div>

                <div class="custom_hero_img_wrap esign_aggrement_hero_rht_wrap">
                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Hero-Section-Illustration.webp" alt="Hero Section - Illustration">
                                    </div>
            </div>

            <div class="startup_hero_footer text-center">
                                    <p>Instead of juggling multiple tools, Universell unifies e-commerce, payments, POS, inventory, marketing, loyalty &amp; rewards, promotions, telephony, team collaboration, workflow automation, deals pipeline management, and thousands of integrations into one secure platform - helping startups operate with confidence as they grow.</p>
                
                                    <div class="custom-hero-button justify-content-center">
                        <a class="main_btn orange_btn" href="https://www.universell.us/get-started-flow/"
                            target="_blank"
                            title="Get Started Now">
                            Get Started Now                        </a>
                    </div>
                            </div>
        </div>
    </section>

    <section class="section_landing startup_programm_offer">
        <div class="container">
            <div class="startup_programm_offer_inner">

                <div class="startup_program_head">
                                            <h2>Startup Program Offer</h2>
                    
                                            <p>12 Months of Full Platform Access — Free for Qualified Startups</p>
                                    </div>

                <div class="startup_programm_offer_content">
                    <div class="startup_programm_lft">
                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Illustration-Start-up-program.webp" alt="Illustration - Start-up program">
                                            </div>

                    <div class="startup_programm_rht">
                                                    <h3>Eligible startups receive:</h3>
                        
                                                    <ul>
                                                                                                        <li>
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/arrow_right.webp"
                                                alt="Arrow Right">
                                                                                12 months of free access to the Universell $99 subscription tier.                                    </li>
                                                                                                        <li>
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/arrow_right.webp"
                                                alt="Arrow Right">
                                                                                Support for up to 10 employees.                                    </li>
                                                                                                        <li>
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/arrow_right.webp"
                                                alt="Arrow Right">
                                                                                Access to 100+ integrated business tools.                                    </li>
                                                                                                        <li>
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/arrow_right.webp"
                                                alt="Arrow Right">
                                                                                No obligation to continue after the free period.                                    </li>
                                                                                                        <li>
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/arrow_right.webp"
                                                alt="Arrow Right">
                                                                                Simple upgrade path as your business scales.                                    </li>
                                                            </ul>
                        
                                                    <a href="https://www.universell.us/get-started-flow/" role="button"
                                title="Apply to the Universell Startup Program" class="main_btn orange_btn">
                                Apply to the Universell Startup Program                            </a>
                                            </div>
                </div>

                                    <div class="startup_program_bottom_wrap">
                        <ul>
                                                                                            <li>
                                    <div class="startup_who_this_program_icon_wrap">
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Integrations.webp" alt="">
                                                                            </div>
                                    <div class="startup_program_bottom_txt">
                                                                                    <h4>100+</h4>                                                                                    <p>Integrations</p>                                    </div>
                                </li>
                                                                                            <li>
                                    <div class="startup_who_this_program_icon_wrap">
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Team-Members.webp" alt="">
                                                                            </div>
                                    <div class="startup_program_bottom_txt">
                                                                                    <h4>10</h4>                                                                                    <p>Team Members</p>                                    </div>
                                </li>
                                                                                            <li>
                                    <div class="startup_who_this_program_icon_wrap">
                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-12-months.webp" alt="">
                                                                            </div>
                                    <div class="startup_program_bottom_txt">
                                                                                    <h4>12 Months</h4>                                                                                    <p>Free Access</p>                                    </div>
                                </li>
                                                    </ul>
                    </div>
                
            </div>
        </div>
    </section>


    <section class="section_landing startup_who_this_program_section">
        <div class="container">
            <div class="startup_who_this_program_inner">

                                    <div class="startup_who_this_program_head">
                        <h2>Who This Program Is Designed For</h2>
                    </div>
                
                                    <ul class="startup_who_this_program_content">
                                                                                <li class="startup_who_this_card">

                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Startup-Eligibility.webp" alt="">
                                                                    </div>

                                                                    <h3>Startup Eligibility</h3>
                                
                                                                    <p><ul>
<li>New or early-stage businesses</li>
<li>1–10 employees</li>
<li>0–30 months in operation</li>
</ul>
</p>
                                
                                
                            </li>
                                                                                <li class="startup_who_this_card">

                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Qualifications-Requirement.webp" alt="">
                                                                    </div>

                                                                    <h3>Qualifications Requirements</h3>
                                
                                                                    <p><p>To ensure platform integrity and support serious founders, applicants must provide:</p>
<ul>
<li>Business plan</li>
<li>Articles of incorporation</li>
<li>Utility bill (business address verification)</li>
</ul>
</p>
                                
                                
                            </li>
                                                                                <li class="startup_who_this_card">

                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Ideal-Applicants.webp" alt="">
                                                                    </div>

                                                                    <h3>Ideal Applicants</h3>
                                
                                                                    <p><p>This program is best suited for leaders actively running and scaling the business.</p>
</p>
                                
                                                                    <ul>
                                                                                                                                <li>
                                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Marketing-Officer.webp" alt="icon">
                                                                                                <span>Marketing Officer</span>
                                            </li>
                                                                                                                                <li>
                                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-COO.webp" alt="icon">
                                                                                                <span>COO</span>
                                            </li>
                                                                                                                                <li>
                                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Founder.webp" alt="icon">
                                                                                                <span>Founder</span>
                                            </li>
                                                                                                                                <li>
                                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-CEO.webp" alt="icon">
                                                                                                <span>CEO</span>
                                            </li>
                                                                                                                                <li>
                                                                                                    <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Sales-Director.webp" alt="icon">
                                                                                                <span>Sales Director</span>
                                            </li>
                                                                            </ul>
                                
                            </li>
                                            </ul>
                
            </div>
        </div>
    </section>


    <!-- Main Heading Section -->
    <section class="section_landing print_everthing_heading_section startup_features_head_section">
        <div class="container">
            <div class="common_heading">
                                    <h2>
                        Why Startups Choose Universell                    </h2>
                
                                    <h3>
                        A Platform You Can Trust                    </h3>
                
                                    <p>
                        Universell is built for reliability, security, and real-world business use — not experimentation. Startups choose Universell because it provides structure early, reducing chaos later.                    </p>
                            </div>
        </div>
    </section>

                                    <section class="features_lft_section print_features_section startup_features_section">
                <div class="container">
                    <div class="features_lft_rht_inner">

                        <div class="feature_lft">
                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Image-Track-Deals-Revenue-in-One-Place.webp" alt="Image - Track Deals &amp; Revenue in One Place">
                                                    </div>

                        <div class="feature_rht">
                                                            <h3>
                                    Track Deals &amp; Revenue in One Place                                </h3>
                            
                                                            <p>
                                    Growth depends on visibility.<br />
<br />
With Universell’s built-in deals pipeline, startups can:<br />
                                </p>
                            
                                                            <ul>
                                                                                                                    <li>
                                            Track deals from lead to close                                        </li>
                                                                                                                    <li>
                                            Visualize sales stages and probabilities                                        </li>
                                                                                                                    <li>
                                            Assign owners and set follow-ups                                        </li>
                                                                                                                    <li>
                                            Keep deals connected to contacts, conversations, and payments                                        </li>
                                                                                                                    <li>
                                            Eliminate spreadsheets and disconnected CRMs                                        </li>
                                                                    </ul>
                            
                                                            <p>
                                    Your pipeline stays clear, actionable, and always up to date.                                </p>
                                                    </div>

                    </div>
                </div>
            </section>
                                <section class="features_lft_section print_features_section startup_features_section">
                <div class="container">
                    <div class="features_lft_rht_inner">

                        <div class="feature_lft">
                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Image-Collect-Payments-faster.webp" alt="Image - Collect Payments faster">
                                                    </div>

                        <div class="feature_rht">
                                                            <h3>
                                    Collect Payments Faster                                </h3>
                            
                                                            <p>
                                    Cash flow matters — especially for startups.<br />
<br />
With Universell, you can:<br />
                                </p>
                            
                                                            <ul>
                                                                                                                    <li>
                                            Accept credit card and ACH payments                                        </li>
                                                                                                                    <li>
                                            Collect payments at the moment of sale or signature                                        </li>
                                                                                                                    <li>
                                            Connect payments directly to POS, invoices, e-commerce, and deals                                        </li>
                                                                                                                    <li>
                                            Reduce delays, manual follow-ups, and missed revenue                                        </li>
                                                                    </ul>
                            
                                                            <p>
                                    Faster payments = healthier cash flow.                                </p>
                                                    </div>

                    </div>
                </div>
            </section>
                                <section class="features_lft_section print_features_section startup_features_section">
                <div class="container">
                    <div class="features_lft_rht_inner">

                        <div class="feature_lft">
                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Image-Built-In-Team-Collaboration-Accountability.webp" alt="Image - Built-In Team Collaboration &amp; Accountability">
                                                    </div>

                        <div class="feature_rht">
                                                            <h3>
                                    Built-In Team Collaboration &amp; Accountability                                </h3>
                            
                                                            <p>
                                    Keep your team aligned without scattered tools.<br />
<br />
                                </p>
                            
                                                            <ul>
                                                                                                                    <li>
                                            Team chat, group chat, and organized channels                                        </li>
                                                                                                                    <li>
                                            Centralized ticketing system for tasks and internal requests                                        </li>
                                                                                                                    <li>
                                            Notifications that keep everyone informed                                        </li>
                                                                                                                    <li>
                                            Role-based permissions and activity tracking                                        </li>
                                                                    </ul>
                            
                                                            <p>
                                    Clear ownership. Real accountability.                                </p>
                                                    </div>

                    </div>
                </div>
            </section>
                                <section class="features_lft_section print_features_section startup_features_section">
                <div class="container">
                    <div class="features_lft_rht_inner">

                        <div class="feature_lft">
                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Image-Integrated-Communication-Telephony.webp" alt="Image - Integrated Communication &amp; Telephony">
                                                    </div>

                        <div class="feature_rht">
                                                            <h3>
                                    Integrated Communication &amp; Telephony                                </h3>
                            
                            
                                                            <ul>
                                                                                                                    <li>
                                            Built-in business telephony                                        </li>
                                                                                                                    <li>
                                            Centralized call logs and notifications                                        </li>
                                                                                                                    <li>
                                            Keep customer and internal communication in one place                                        </li>
                                                                    </ul>
                            
                                                    </div>

                    </div>
                </div>
            </section>
            

    <section class="section_landing one_organized_section">
        <div class="container">
            <div class="one_organized_inner">

                                    <h2>One Organized System — Not a Patchwork  of Tools</h2>
                
                <div class="one_organized_content">
                    <div class="one_organized_lft">
                                                    <h3>Universell replaces multiple subscriptions by bringing everything together:</h3>
                        
                                                    <ul>
                                                                                                        <li>CRM &amp; contact management</li>
                                                                                                        <li>Deals pipeline &amp; revenue tracking</li>
                                                                                                        <li>POS &amp; payments</li>
                                                                                                        <li>Marketing &amp; promotions</li>
                                                                                                        <li>Inventory &amp; e-commerce</li>
                                                                                                        <li>Loyalty &amp; rewards</li>
                                                                                                        <li>Automation &amp; workflows</li>
                                                                                                        <li>Telephony</li>
                                                                                                        <li>Team collaboration</li>
                                                                                                        <li>Thousands of integrations</li>
                                                            </ul>
                                            </div>

                    <div class="one_organized_rht">
                        <div class="one_organized_rht_img">
                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Image-One-organized-system.webp"
                                    alt="Image - One organized system">
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="section_landing faq_section ticketing_faq_section">
        <div class="container">
            <div class="faq_inner">

                                    <div class="faq_heading">
                        <h2>Common Startup Questions</h2>
                    </div>
                
                                    <div class="faq_main_wrapper">
                        <div class="accordion" id="accordionExample">

                                                            <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button "
                                            type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapse1"
                                            aria-expanded="true"
                                            aria-controls="collapse1">

                                            <span class="faq_txt">Will this slow us down?</span>

                                            <span class="faq_accord_arrow down">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_grey_down.svg"
                                                    alt="Arrow Down">
                                            </span>
                                            <span class="faq_accord_arrow up">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_orange_up.svg"
                                                    alt="Arrow Up">
                                            </span>
                                        </button>
                                    </h2>
                                    <div id="collapse1"
                                        class="accordion-collapse collapse show"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            No. Universell simplifies operations so teams can move faster, not slower.                                        </div>
                                    </div>
                                </div>
                                                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed"
                                            type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapse2"
                                            aria-expanded="false"
                                            aria-controls="collapse2">

                                            <span class="faq_txt">Is this only for sales teams?</span>

                                            <span class="faq_accord_arrow down">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_grey_down.svg"
                                                    alt="Arrow Down">
                                            </span>
                                            <span class="faq_accord_arrow up">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_orange_up.svg"
                                                    alt="Arrow Up">
                                            </span>
                                        </button>
                                    </h2>
                                    <div id="collapse2"
                                        class="accordion-collapse collapse "
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            No. Deals pipelines are valuable for founders, service businesses, agencies, and any startup tracking revenue.                                        </div>
                                    </div>
                                </div>
                                                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed"
                                            type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapse3"
                                            aria-expanded="false"
                                            aria-controls="collapse3">

                                            <span class="faq_txt">What happens after the free period?</span>

                                            <span class="faq_accord_arrow down">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_grey_down.svg"
                                                    alt="Arrow Down">
                                            </span>
                                            <span class="faq_accord_arrow up">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_orange_up.svg"
                                                    alt="Arrow Up">
                                            </span>
                                        </button>
                                    </h2>
                                    <div id="collapse3"
                                        class="accordion-collapse collapse "
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            You decide. There’s no obligation, and scaling is seamless if Universell fits your business.                                        </div>
                                    </div>
                                </div>
                                                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed"
                                            type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapse4"
                                            aria-expanded="false"
                                            aria-controls="collapse4">

                                            <span class="faq_txt">Can we grow into it?</span>

                                            <span class="faq_accord_arrow down">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_grey_down.svg"
                                                    alt="Arrow Down">
                                            </span>
                                            <span class="faq_accord_arrow up">
                                                <img src="https://www.universell.us/wp-content/uploads/2025/03/arrow_orange_up.svg"
                                                    alt="Arrow Up">
                                            </span>
                                        </button>
                                    </h2>
                                    <div id="collapse4"
                                        class="accordion-collapse collapse "
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Yes. Universell supports you from startup to multi-location operations.                                         </div>
                                    </div>
                                </div>
                                
                        </div>
                    </div>
                
            </div>
        </div>
    </section>


    <section class="section_landing built_for_long_section">
        <div class="container">
            <div class="built_for_long_inner">

                <div class="built_for_long_head">
                                            <h2>Built for Long-Term Growth</h2>
                    
                                            <p>Universell helps startups:</p>
                                    </div>

                                    <ul class="built_for_long_grid">
                                                                                <li>
                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Stay-organized-from-day-one.webp"
                                            alt="Icon - Stay organized from day one">
                                                                    </div>
                                                                    <p>Stay organized from day one</p>
                                                            </li>
                                                                                <li>
                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Track-deals-and-revenue-clearly.webp"
                                            alt="Icon - Track deals and revenue clearly">
                                                                    </div>
                                                                    <p>Track deals and revenue clearly</p>
                                                            </li>
                                                                                <li>
                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Improve-cash-flow.webp"
                                            alt="Icon - Improve cash flow">
                                                                    </div>
                                                                    <p>Improve cash flow</p>
                                                            </li>
                                                                                <li>
                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Keep-teams-accountable.webp"
                                            alt="Icon - Keep teams accountable">
                                                                    </div>
                                                                    <p>Keep teams accountable</p>
                                                            </li>
                                                                                <li>
                                <div class="startup_who_this_program_icon_wrap">
                                                                            <img src="https://www.universell.us/wp-content/uploads/2026/01/Icon-Scale-without-rebuilding-systems.webp"
                                            alt="Icon - Scale without rebuilding systems">
                                                                    </div>
                                                                    <p>Scale without rebuilding systems</p>
                                                            </li>
                                            </ul>
                
            </div>
        </div>
    </section>

    <section class="section_landing above_footer_section pipeline_above_footer_section">
        <div class="container">
            <div class="above_footer_inner">
                <div class="above_footer_box rocket-lazyload entered lazyloaded"
                    style="background-image: url('https://www.universell.us/wp-content/uploads/2025/03/Upper-part.png');">
                                            <h3>Start Free. Operate Smarter.  Scale Confidently.</h3>
                                                                <p>If you’re building a serious business and want a platform you won’t outgrow, <br />
Universell is built for you.</p>
                                                                <a class="main_btn" href="https://www.universell.us/get-started-flow/"
                            title="Apply to the Universell Startup Program">
                            Apply to the Universell Startup Program                        </a>
                                    </div>
            </div>
        </div>
    </section>
</main>
<!--Sign up now-->

<!--Sign up now-->
<!-- EXIT MODAL STARTS -->
<div class="modal fade exit_modal_modal exit_1" id="exitStopModal1" data-bs-backdrop="static" data-bs-keyboard="false"
  tabindex="-1" aria-labelledby="exitStopModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="exit_modal_content">
          <h2>Wait!</h2>
          <p>Unlock Powerful Tools to Grow Your Business—Don’t Leave Just Yet!</p>
          <div class="exit_modal_content_img_wrap">
            <img src="https://www.universell.us/wp-content/uploads/2025/04/Wait-Business-Modal.png"
              alt="Wait Exit Modal Image">
          </div>
          <div class="exit_modal_highlight_bar">
            <h3>Manage CRM, Payments, and Sales—all-in-one simple dashboard with Universell</h3>
          </div>
          <p class="exit_sm_para">Get the tools you need to streamline operations, boost sales, and grow your business
            effortlessly! Try it FREE today—no commitment required!</p>
          <h4>Sign up now and start transforming your business!</h4>
          <a href="https://www.universell.us/signup/#pricing_section_id" target="_blank"
            class="main_btn orange_btn">Sign Up Now</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade exit_modal_modal exit_2" id="exitStopModal2" data-bs-backdrop="static" data-bs-keyboard="false"
  tabindex="-1" aria-labelledby="exitStopModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="exit_modal_content">
          <h2>Your Business Growth Hack Awaits!</h2>
          <p class="exit_2_para">Don’t miss out—your competitors aren’t!</p>
          <h5><span>83%</span> of businesses using Universell scale faster</h5>
          <p>And you could be next!</p>
          <div class="exit_modal_content_img_wrap">
            <img src="https://www.universell.us/wp-content/uploads/2025/04/5573518_2919218-1.png"
              alt="Wait Exit Modal Image">
          </div>
          <ul class="exit_2_features_ul">
            <li><img src="https://www.universell.us/wp-content/uploads/2025/04/arrow_right.png" alt="Arrow Right">
              <p><span>All-in-one power :</span> Close deals, track payments, and wow customers.</p>
            </li>
            <li><img src="https://www.universell.us/wp-content/uploads/2025/04/arrow_right.png" alt="Arrow Right">
              <p><span>Zero risk :</span> Try it free—no credit card, no hassle.</p>
            </li>
            <li><img src="https://www.universell.us/wp-content/uploads/2025/04/arrow_right.png" alt="Arrow Right">
              <p><span>Time saved = Revenue earned :</span> Automate 20+ hours of busywork monthly.</p>
            </li>
          </ul>
          <div class="exit_2_banner">
            <img src="https://www.universell.us/wp-content/uploads/2025/04/percent.png" alt="Percent">
            <p><span>Exclusive offer</span> First 50 sign-ups this week get premium onboarding FREE ($300 value)!</p>
          </div>
          <a href="https://www.universell.us/signup/#pricing_section_id" target="_blank"
            class="main_btn orange_btn">Claim My Free Trial
            Now</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade exit_modal_modal exit_3" id="exitStopModal3" data-bs-backdrop="static" data-bs-keyboard="false"
  tabindex="-1" aria-labelledby="exitStopModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="exit_modal_content">
          <h2>Unlocking Your Business Potential!</h2>
          <p class="modal_3_txt">You're just one step away from <span>simplifying your business operations</span> and
            <span>boosting your revenue</span> effortlessly!
          </p>
          <div class="exit_modal_content_img_wrap">
            <img src="https://www.universell.us/wp-content/uploads/2025/04/exit-modal-3.png"
              alt="Wait Exit Modal Image">
          </div>
          <ul class="exit_3_ul">
            <li><img src="https://www.universell.us/wp-content/uploads/2025/04/right_arrow.png" alt="Arrow Right">
              <p><span>Automate & Grow :</span> Manage pipeline, Payments & Sales in one easy-to-use dashboard.</p>
            </li>
            <li><img src="https://www.universell.us/wp-content/uploads/2025/04/right_arrow.png" alt="Arrow Right">
              <p><span>Save Time & Money :</span> Reduce manual tasks and focus on what truly matters.</p>
            </li>
            <li><img src="https://www.universell.us/wp-content/uploads/2025/04/right_arrow.png" alt="Arrow Right">
              <p><span>Increase Conversions :</span> Powerful tools to keep customers coming back.</p>
            </li>
          </ul>
          <p class="exit_3_bot_para">Join thousands of businesses already scaling with Universell!</p>
          <h5>Sign up now & get FREE TRIAL access!</h5>
          <div>
            <p class="exit_3_no_risk">No risk—just results!</p>
          </div>
          <a href="https://www.universell.us/signup/#pricing_section_id" target="_blank"
            class="main_btn orange_btn">Sign Up Now</a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- EXIT MODAL ENDS -->
<!-- SIGNUP MODAL HEADER ENDS -->
<!-- SIGNUP MODAL STARTS -->
<div class="modal fade signup_modal_new" id="headerSignupModal" data-bs-backdrop="static" data-bs-keyboard="false"
  tabindex="-1" aria-labelledby="headerSignupModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-xl">
    <div class="modal-content">
      <div class="modal-body"
        style="background-image: url('https://www.universell.us/wp-content/uploads/2025/04/Ticketing-System-Signup-BG.png')">
        <div class="signup_close_wrap">
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="signup_modal_body_wrap">
          <div class="signup_modal_lft">
            <h2>Run Your Entire Business from One Smart Dashboard</h2>
            <h3 class="mb-2">All-in-one. Easy-to-use. Built for small business growth.</h3>
            <p>Join thousands of entrepreneurs using Universell to simplify operations, track sales, manage customers,
              and grow smarter — with 100+ integrated tools at your fingertips.</p>
            <ul>
              <li><img src="https://www.universell.us/wp-content/uploads/2025/02/pricing-check.svg" alt="Check Icon">
                <span>CRM, Payments, Scheduling, Inventory, Marketing & More</span>
              </li>
              <li><img src="https://www.universell.us/wp-content/uploads/2025/02/pricing-check.svg" alt="Check Icon">
                <span>No tech team required — just results</span>
              </li>
              <li><img src="https://www.universell.us/wp-content/uploads/2025/02/pricing-check.svg" alt="Check Icon">
                <span>30-Day Free Trial — no credit card needed</span>
              </li>
            </ul>
          </div>
          <div class="signup_modal_rht">
            <!-- <div class="signup_iframe_wrap">
              <iframe src="https://universal.mybmr.com/externalsignup" width="100%" height="600px"
                frameborder="0"></iframe>
            </div> -->
          </div>
        </div>
        <div class="signup_modal_footer mt-2">
          <h3>Start now and take control of your business the smart way.</h3>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- SIGNUP MODAL ENDS -->
<div class="modal fade signup_modal_new" id="headerOldSignupModal" data-bs-backdrop="static" data-bs-keyboard="false"
  tabindex="-1" aria-labelledby="headerSignupModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-xl">
    <div class="modal-content">
      <div class="modal-body"
        style="background-image: url('https://www.universell.us/wp-content/uploads/2025/04/Ticketing-System-Signup-BG.png')">
        <div class="signup_close_wrap">
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="signup_modal_body_wrap">
          <div class="signup_modal_lft">
            <h2>Run Your Entire Business from One Smart Dashboard</h2>
            <h3 class="mb-2">All-in-one. Easy-to-use. Built for small business growth.</h3>
            <p>Join thousands of entrepreneurs using Universell to simplify operations, track sales, manage customers,
              and grow smarter — with 100+ integrated tools at your fingertips.</p>
            <ul>
              <li><img src="https://www.universell.us/wp-content/uploads/2025/02/pricing-check.svg" alt="Check Icon">
                <span>CRM, Payments, Scheduling, Inventory, Marketing & More</span>
              </li>
              <li><img src="https://www.universell.us/wp-content/uploads/2025/02/pricing-check.svg" alt="Check Icon">
                <span>No tech team required — just results</span>
              </li>
              <li><img src="https://www.universell.us/wp-content/uploads/2025/02/pricing-check.svg" alt="Check Icon">
                <span>30-Day Free Trial — no credit card needed</span>
              </li>
            </ul>
          </div>
          <div class="signup_modal_rht">
            <div class="signup_iframe_wrap">
              <!-- <iframe src="https://universal.mybmr.com/externalsignup" width="100%" height="600px"
                frameborder="0"></iframe> -->
            </div>
          </div>
        </div>
        <div class="signup_modal_footer mt-2">
          <h3>Start now and take control of your business the smart way.</h3>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- SIGNUP MODAL ENDS -->
<!-- SIGNUP MODAL HEADER ENDS -->

<!-- ALL NAVIGATION MODALS -->

<!-- Modal Employee & HR Solutions -->
<div class="modal fade popups_style" id="employee_hr_solution_modal" tabindex="-1"
  aria-labelledby="employee_hr_solutionLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="employee_hr_solutionLabel">Simplify the way you manage your workforce</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            From tracking hours to scheduling, payroll prep, and team communication—Universell brings
            everything you need to manage employees into one smart dashboard.
          </p>
        </div>
        <div class="ticketing_intregation_content-wrap">
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/p-img-1.png" alt="Track Hours & Shifts">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Track Hours & Shifts</h3>
              <p>See when team members clock in/out, edit entries, and export timesheets.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/p-img-2.png" alt="Payroll Made Easy">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Payroll Made Easy</h3>
              <p>Automate calculations, manage 1099 records, and handle sales-based commissions (not a full payroll
                system).</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/p-img-3.png"
                alt="Smart Scheduling & Appointments">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Smart Scheduling & Appointments</h3>
              <p>Set availability, avoid double-booking, and sync with Google & Outlook.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/p-img-4.png"
                alt="Built-In Communication Hub">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Built-In Communication Hub</h3>
              <p>Send messages, emails, or make calls directly within the system.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/p-img-5.png" alt="Secure File Cabinet">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Secure File Cabinet</h3>
              <p>Upload, organize, and share important documents safely.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/p-img-6.png"
                alt="Workforce Analytics & Reporting">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Workforce Analytics & Reporting</h3>
              <p>Spot top performers, track attendance, and filter reports by time range.</p>
            </div>
          </div>
        </div>
        <div class="txt-description txt-bot-description">
          <p>
            <strong>Bring your team, tools, and tasks together with Universell.</strong> Simplify employee management,
            reduce errors, and give yourself more time to focus on growth.
          </p>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Get Started Today</a>
      </div>

    </div>
  </div>
</div>
<!-- Modal Employee & HR Solutions -->

<!-- Modal WordPress Integration -->
<div class="modal fade popups_style" id="wordpress_integration_modal" tabindex="-1"
  aria-labelledby="wordpress_integration" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="wordpress_integration">WordPress Integration</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            WordPress powers a significant portion of websites worldwide, thanks to its flexibility and a massive
            ecosystem of themes and plugins. With the Universell plugin, you can enhance your WordPress E-commerce
            experience. This powerful tool allows you to seamlessly integrate your existing WordPress site with
            Universell, providing a robust set of features to manage and grow your business efficiently.
          </p>
        </div>
        <div class="p-connect-universal-with-wp-wrap">
          <h2>Connect Universell with Your Wordpress Site</h2>
          <div class="p-activation-steps">
            <div class="p-steps-items">
              <span class="p-steps-block">
                1
              </span>
              <h3 class="p-steps-title">
                Install & Activate
              </h3>
              <div class="p-steps-d-container">
                <img src="https://www.universell.us/wp-content/uploads/2025/08/wpi-img-1.png" alt="">
                <p>
                  From your WordPress dashboard, simply install and activate the Universell Plugin.
                </p>
              </div>
            </div>
            <div class="p-steps-items">
              <span class="p-steps-block">
                2
              </span>
              <h3 class="p-steps-title">
                Connect your account
              </h3>
              <div class="p-steps-d-container">
                <img src="https://www.universell.us/wp-content/uploads/2025/08/wpi-img-2.png" alt="">
                <p>
                  Enter your merchant email and password to link your existing Universell account. New to Universell?
                  Sign up first, then return to connect your account.
                </p>
              </div>
            </div>
            <div class="p-steps-items">
              <span class="p-steps-block">
                3
              </span>
              <h3 class="p-steps-title">
                Enjoy Real-Time Sync
              </h3>
              <div class="p-steps-d-container">
                <img src="https://www.universell.us/wp-content/uploads/2025/08/wpi-img-3.png" alt="">
                <p>
                  Inventory, orders, and customer data automatically sync between WordPress and Universell, so you’ll
                  never worry about mismatched information again.
                </p>
              </div>
            </div>
          </div>
          <div class="p-add-plugin-img">
            <img src="https://www.universell.us/wp-content/uploads/2025/08/wpi-img-add-plugin.png" alt="">
          </div>
        </div>
        <div class="txt-description">
          <p>
            With the Universell Plugin for WordPress, you can unify store’s operations, reduce manual work, and focus on
            growing your business.
          </p>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Connect my WordPress
          site with Universell</a>
      </div>
    </div>
  </div>
</div>
<!-- Modal WordPress Integration -->

<!-- Modal Landing Pages & Websites -->
<div class="modal fade popups_style" id="landing_pages_websites_modal" tabindex="-1"
  aria-labelledby="landing_pages_website" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="landing_pages_website">Build Landing Pages & Websites with Ease</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            Bring your business online in minutes with Universell. Whether you want to showcase products, promote
            services, or create a complete website, our intuitive builder helps you do it all. No technical expertise
            required.
          </p>
        </div>
        <div class="txt-top-description txt-top-description mb-2">
          <p>
            <strong>What you can do:</strong>
          </p>
        </div>
        <div class="ticketing_intregation_content-wrap tic-blp-wrap ">
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/blp-img-1.png"
                alt="Track performance with detailed page logs">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Track performance with detailed page logs</h3>
              <p>Understand how your pages are performing. Get insights into traffic, user engagement, and clicks so you
                can optimize for better results.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/blp-img-2.png"
                alt="No coding knowledge required">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>No coding knowledge required</h3>
              <p>Anyone can build stunning pages with Universell. Drag, drop, and publish your site in no time with
                minimal effort.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/blp-img-3.png"
                alt="Flexible, responsive design">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Flexible, responsive design</h3>
              <p>Your pages automatically adapt to desktop, mobile, and tablet views, ensuring a smooth experience for
                every visitor.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/blp-img-4.png"
                alt="Create custom landing pages or websites tailored to your business needs">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Create custom landing pages or websites tailored to your business needs</h3>
              <p>Design a professional online presence that matches your brand. Highlight what matters most, from
                products and services to special offers.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/blp-img-5.png"
                alt="Promote and showcase your products effectively">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Promote and showcase your products effectively</h3>
              <p>Use engaging landing pages to spotlight your products. Capture attention, drive more sales, and turn
                visitors into customers.</p>
            </div>
          </div>
        </div>
        <div class="txt-description txt-bot-description">
          <p>
            Bring your ideas to life with Universell’s landing page and website creator. Create, launch, and track now
            all in one place.
          </p>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Create a Custom
          Landing Page</a>
      </div>
    </div>
  </div>
</div>
<!-- Modal Landing Pages & Websites -->

<!-- Modal Order Management & Shipping -->
<div class="modal fade popups_style" id="order_management_shipping_modal" tabindex="-1"
  aria-labelledby="order_management_shipping" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="order_management_shipping">Smarter Order Management & Shipping, All in One Place
        </h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            Manage every step of your order journey without switching between systems. Universell brings together all
            your orders in one easy-to-use dashboard, so you can stay on top of sales, payments, and shipping
            seamlessly.
          </p>
        </div>
        <div class="ticketing_intregation_content-wrap tic-blp-wrap ">
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/som-img-1.png"
                alt="Instant payment visibility">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Instant payment visibility</h3>
              <p>Quickly check the payment status for each order, whether paid, pending, or overdue, so you always know
                where your revenue stands.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/som-img-2.png"
                alt="Real-time shipment tracking">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Real-time shipment tracking</h3>
              <p>Track shipments from dispatch to delivery and know the exact moment your customer receives their order.
              </p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/som-img-3.png"
                alt="Pay unpaid orders instantly">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Pay unpaid orders instantly</h3>
              <p>Settle any unpaid orders directly from the order list with just a few clicks – saving time and avoiding
                delays.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/som-img-4.png"
                alt="All orders in one view">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>All orders in one view</h3>
              <p>Access every order from FastShop, Invoice, E-Sign Agreement, Pax, and other modules in one central
                dashboard. No need to juggle multiple tabs or tools.</p>
            </div>
          </div>
          <div class="ticekting_intregation_box">
            <div class="ticketing_intregation_lft">
              <img src="https://www.universell.us/wp-content/uploads/2025/08/som-img-5.png"
                alt="Seamless packing and shipping">
            </div>
            <div class="ticketing_intregation_rht">
              <h3>Seamless packing and shipping</h3>
              <p>Prepare items securely for delivery and choose whether to ship with or without a shipping label.
                Universell keeps the process simple while ensuring your products reach customers safely.</p>
            </div>
          </div>
        </div>
        <div class="txt-description txt-bot-description">
          <p>
            With Universell, order management and shipping become <strong>effortless, transparent, and
              reliable.</strong> Stay organized, deliver faster, and keep customers happy, all from one place.
          </p>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Create a Custom
          Landing Page</a>
      </div>
    </div>
  </div>
</div>
<!-- Modal Order Management & Shipping -->

<!-- Modal Seamless Integrations -->
<div class="modal fade popups_style" id="seamless_integrations_modal" tabindex="-1"
  aria-labelledby="seamless_integrations" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="seamless_integrations">Connect with Your Favorite Apps</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            Universell makes it easy to run your business smoothly by syncing with the tools you already use. Manage
            everything from one place with customers, inventory, payments, and shipping all in sync. What you can do:
          </p>
        </div>
        <div class="connect-with-fav-apps">
          <div class="cwfa-img">
            <img src="https://www.universell.us/wp-content/uploads/2025/08/connect-with-fav-apps-apps.png" alt="">
          </div>
          <div class="cwfa-content">
            <ul>
              <li> <strong>Sync customers, inventory, and orders</strong> : Keep your data always up to date across apps
                like QuickBooks, Xero, Pax, WordPress, and Zapier without manual effort.</li>
              <li>
                <strong>Simplify payments</strong> : Accept payments through PrimeGateway, Authorize.net, and other
                gateways or even crypto with complete security.
              </li>
              <li>
                <strong>Ship smarter with Uber Direct</strong> : Deliver orders quickly and reliably straight to your
                customer’s doorstep.
              </li>
              <li>
                <strong>Integrate with accounting apps</strong> : Stay on top of finances with QuickBooks and Xero using
                automated updates and easy reconciliations.
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Start using
          Universell Today</a>
      </div>
    </div>
  </div>
</div>
<!-- Modal Seamless Integrations -->

<!-- Modal CRM & Sales Analytics -->
<div class="modal fade popups_style" id="crm_sales_analytics_modal" tabindex="-1" aria-labelledby="crm_sales_analytics"
  aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="crm_sales_analytics">CRM & Sales Analytics That Drive Growth</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            Understand your customers better and track sales performance in real time. Universell CRM Analytics gives
            you the insights you need to make smarter business decisions, improve customer relationships, and increase
            revenue. With CRM & Sales Analytics you can:
          </p>
        </div>
        <div class="connect-with-fav-apps">
          <div class="cwfa-img">
            <img src="https://www.universell.us/wp-content/uploads/2025/08/crm-sales-nanalytics.png" alt="">
          </div>
          <div class="cwfa-content">
            <ul>
              <li> <strong>Make confident, data-backed decisions</strong> that move your business forward.
              <li>
                <strong>Keep a pulse on customer engagement</strong> to strengthen relationships.
              </li>
              <li>
                <strong>Identify VIPs & top spenders</strong> who bring maximum value.
              </li>
              <li>
                <strong>Measure marketing ROI</strong> and track the impact of your campaigns.
              </li>
              <li>
                <strong>Identify upsell opportunities</strong> to maximize customer lifetime value.
              </li>
              <li>
                <strong>Track overall sales performance at a glance</strong> with clear, visual reports.
              </li>
            </ul>
          </div>
        </div>
        <div class="txt-description txt-bot-description">
          <p>
            <strong>Make data-driven decisions today</strong>. Maximize your ROI and grow faster with Universell’s
            performance analytics.
          </p>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Get Started with
          Universell</a>
      </div>

    </div>
  </div>
</div>
<!-- Modal CRM & Sales Analytics -->

<!-- Modal Order & Inventory Analytics -->
<div class="modal fade popups_style" id="order_sales_analytics_modal" tabindex="-1"
  aria-labelledby="order_sales_analytics" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="order_sales_analytics">Unlock the power of Order and Inventory Analytics</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="connect-with-fav-apps">
          <div class="cwfa-content">
            <p>
              With Universell, you get access to powerful inventory analytics that help you make informed decisions.
              Instantly see which products are flying off the shelves and which ones need rethinking. Understand market
              trends, forecast demand, and get a complete overview of your inventory performance. Our Margin Report goes
              a step further by showing which items bring in the most profit, helping you focus on what really moves the
              needle for your business.
            </p>
          </div>
          <div class="cwfa-img">
            <img src="https://www.universell.us/wp-content/uploads/2025/08/order-iInventory-analytics.png" alt="">
          </div>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Get Started Today</a>
      </div>

    </div>
  </div>
</div>
<!-- Modal Order & Inventory Analytics -->

<!-- Modal Smarter Marketing Starts with Better Insights -->
<div class="modal fade popups_style" id="marketing_performance_metrics_modal" tabindex="-1"
  aria-labelledby="marketing_performance_metrics" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="marketing_performance_metrics">Smarter Marketing Starts with Better Insights</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            Understand how your campaigns are performing and turn data into decisions that drive growth. Universell’s
            real-time analytics give you a complete view of what’s working and where to improve. What you can track :
          </p>
        </div>
        <div class="connect-with-fav-apps">
          <div class="cwfa-img">
            <img src="https://www.universell.us/wp-content/uploads/2025/08/marketing-performance.png" alt="">
          </div>
          <div class="cwfa-content">
            <ul>
              <li>
                <strong>Track open rates</strong> to measure audience engagement.
              </li>
              <li>
                <strong>Monitor click-through rates</strong> and see which messages drive action.
              </li>
              <li>
                <strong>Measure purchase conversions</strong> to link campaigns directly to revenue.
              </li>
              <li>
                <strong>Analyze email deliverability</strong> for better inbox placement.
              </li>
              <li>
                <strong>Check bounce rates</strong> to maintain a healthy email list.
              </li>
              <li>
                <strong>Monitor spam reports</strong> to protect sender reputation.
              </li>
              <li>
                <strong>Refine future campaigns</strong> with actionable insights.
              </li>
              <li>
                <strong>Boost sales with smarter decisions</strong> powered by data.
              </li>
            </ul>
          </div>
        </div>
        <div class="txt-description txt-bot-description">
          <p>
            <strong>Make data-driven decisions today</strong>. Maximize your ROI and grow faster with Universell’s
            performance analytics.
          </p>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Get Started with
          Universell</a>
      </div>
    </div>
  </div>
</div>
<!-- Modal Smarter Marketing Starts with Better Insights -->

<!-- Modal end_of_day_reports_modal -->
<div class="modal fade popups_style" id="end_of_day_reports_modal" tabindex="-1" aria-labelledby="end_of_day_reports"
  aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h5 class="modal-title" id="end_of_day_reports">Stay on Top with Daily EOD Reports</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body">
        <div class="txt-top-description txt-top-description">
          <p>
            End your day with complete clarity on how your business performed. Universell’s EOD Report gives you a
            quick, actionable summary so you can make better decisions for tomorrow. What you get in your daily report:
          </p>
        </div>
        <div class="connect-with-fav-apps">
          <div class="cwfa-img">
            <img src="https://www.universell.us/wp-content/uploads/2025/08/daily-eod-reports.png" alt="">
          </div>
          <div class="cwfa-content">
            <ul>
              <li>
                <strong>Overall sales summary </strong>: Know exactly how much your business earned today.
              </li>
              <li>
                <strong>Customer insights</strong> : See who purchased the most and which customers drove maximum
                profit.
              </li>
              <li>
                <strong>Inventory status </strong>: Identify high-selling and low-selling items to manage stock
                effectively.
              </li>
              <li>
                <strong>Employee performance & payroll</strong>: Track how your team performed along with payroll
                details in one place.
              </li>
            </ul>
          </div>
        </div>
        <div class="txt-description txt-bot-description">
          <p>
            <strong>Start every new day with smarter insights</strong>. Get EOD reports delivered automatically and keep
            your business growth on track.
          </p>
        </div>
      </div>
      <!-- Modal Footer -->
      <div class="modal-footer">
        <a href="https://www.universell.us/signup/#pricing_section_id" class="main_btn orange_btn">Get Started Today</a>
      </div>
    </div>
  </div>
</div>
<!-- Modal end_of_day_reports_modal -->

<!-- ALL NAVIGATION MODALS -->


<footer class="bg-dark text-light pt-5 new_footer_cls">
  <div class="container">
    <div class="new_footer_logo_wrap mb-5">
      <a href="https://www.universell.us" aria-label="Footer Logo">
        <img src="https://www.universell.us/wp-content/uploads/2024/11/universell_white_logo-1.webp" alt="Footer Logo" />
      </a>
    </div>
    <!-- <div class="row gx-4 gy-5">
      <div class="col-12">
        <h6 class="footer-heading mb-3">Top Features</h6>
        <ul class="list-unstyled small feature-columns">
          <li><a href="#">CRM</a></li>
          <li><a href="#">Inventory</a></li>
          <li><a href="#">Website Builder</a></li>
          <li><a href="#">Team Collaboration</a></li>
          <li><a href="#">Telephony</a></li>
          <li><a href="#">Employee Management</a></li>
          <li><a href="#">Invoicing & Billing</a></li>
          <li><a href="#">E-Sign & Payments</a></li>
          <li><a href="#">Order Management & Shipping</a></li>
          <li><a href="#">Virtual Terminal</a></li>
          <li><a href="#">E-Commerce</a></li>
          <li><a href="#">Email Builder & Campaigns</a></li>
          <li><a href="#">SMS Marketing</a></li>
          <li><a href="#">Rewards & Loyalty</a></li>
          <li><a href="#">Custom Forms</a></li>
          <li><a href="#">Automated Operations</a></li>
          <li><a href="#">Appointment & Booking Systems</a></li>
          <li><a href="#">Analytics & Reporting</a></li>
          <li><a href="#">WordPress Integration</a></li>
          <li><a href="#">Zapier Integration</a></li>
          <li><a href="#">Point of Sale</a></li>
          <li><a href="#">Pipeline</a></li>
          <li><a href="#">Payroll Reporting</a></li>
          <li><a href="#">AI Assist</a></li>
          <li><a href="#">Custom Software Development</a></li>
        </ul>
      </div>
      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">Partners</h6>
        <ul class="list-unstyled small">
          <li><a href="#">Developers & Agencies</a></li>
          <li><a href="#">Accountants & Tax Consultants</a></li>
          <li><a href="#">Startup & Founders</a></li>
        </ul>
      </div>

      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">Business Types</h6>
        <ul class="list-unstyled small">
          <li><a href="#">Retail</a></li>
          <li><a href="#">Service</a></li>
          <li><a href="#">E-commerce</a></li>
        </ul>
      </div>

      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">Resources</h6>
        <ul class="list-unstyled small">
          <li><a href="#">Blog</a></li>
          <li><a href="#">Release Notes</a></li>
          <li><a href="#">Webinars</a></li>
          <li><a href="#">FAQs</a></li>
        </ul>
      </div>

      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">Company</h6>
        <ul class="list-unstyled small">
          <li><a href="#">About Us</a></li>
          <li><a href="#">Pricing</a></li>
          <li><a href="#">Integrations</a></li>
          <li><a href="#">Free Sign Up</a></li>
          <li><a href="#">Schedule a Demo</a></li>
        </ul>
      </div>

    </div> -->
    <div class="row gx-4 gy-5">

      <!-- COLUMN 1: Top Features (Full Width) -->
      <div class="col-12">
        <h6 class="footer-heading mb-3">
          Top Features        </h6>
                  <ul class="list-unstyled small feature-columns">
                          <li><a href="https://www.universell.us/customer-management/"
                  target="">
                  CRM                </a></li>
                          <li><a href="https://www.universell.us/inventory/"
                  target="">
                  Inventory                </a></li>
                          <li><a href="#"
                  target="">
                  Website Builder                </a></li>
                          <li><a href="https://www.universell.us/employee-management/"
                  target="">
                  Team Collaboration                </a></li>
                          <li><a href="#"
                  target="">
                  Telephony                 </a></li>
                          <li><a href="https://www.universell.us/employee-management/"
                  target="">
                  Employee Management                </a></li>
                          <li><a href="https://www.universell.us/sales-payments/"
                  target="">
                  Invoicing &amp; Billing                </a></li>
                          <li><a href="https://www.universell.us/e-sign-payments/"
                  target="">
                  E‑Sign &amp; Payments                </a></li>
                          <li><a href="https://www.universell.us/order-management-shipping/"
                  target="">
                  Order Management &amp; Shipping                </a></li>
                          <li><a href="https://www.universell.us/sales-payments/#sales_virtual"
                  target="">
                  Virtual Terminal                </a></li>
                          <li><a href="https://www.universell.us/fast-shop-e-commerce/"
                  target="">
                  E‑Commerce                </a></li>
                          <li><a href="https://www.universell.us/email-sms-marketing/"
                  target="">
                  Email Builder &amp; Campaigns                 </a></li>
                          <li><a href="https://www.universell.us/email-sms-marketing/"
                  target="">
                  SMS Marketing                </a></li>
                          <li><a href="https://www.universell.us/rewards-loyalty-program/"
                  target="">
                  Rewards &amp; Loyalty                </a></li>
                          <li><a href="https://www.universell.us/custom-forms/"
                  target="">
                  Custom Forms                </a></li>
                          <li><a href="https://www.universell.us/campaigns-promotions/"
                  target="">
                  Automated Operations                </a></li>
                          <li><a href="https://www.universell.us/communication/"
                  target="">
                  Appointment &amp; Booking Systems                </a></li>
                          <li><a href="https://www.universell.us/crm-sales-analytics/"
                  target="">
                  Analytics &amp; Reporting                </a></li>
                          <li><a href="https://www.universell.us/wordpress-integration/"
                  target="">
                  WordPress Integration                </a></li>
                          <li><a href="#"
                  target="">
                  Zapier Integration                </a></li>
                          <li><a href="https://www.universell.us/sales-payments/#sales_invoice"
                  target="">
                  Point of Sale                </a></li>
                          <li><a href="https://www.universell.us/deals-pipeline/"
                  target="">
                  Pipeline                 </a></li>
                          <li><a href="https://www.universell.us/employee-management/?tabname=payroll-reporting/#employee_manage_team"
                  target="">
                  Payroll Reporting                </a></li>
                          <li><a href="#"
                  target="">
                  AI Assist                </a></li>
                          <li><a href="#"
                  target="">
                  Custom Software Development                </a></li>
                      </ul>
              </div>

      <!-- COLUMN 2: Partners -->
      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">
          Partners        </h6>
                  <ul class="list-unstyled small">
                          <li><a href="https://www.universell.us/partner/"
                  target="">
                  Developers &amp; Agencies                </a></li>
                          <li><a href="https://www.universell.us/accountant/"
                  target="">
                  Accountants &amp; Tax Consultants                </a></li>
                          <li><a href="https://www.universell.us/universell-beta-program/"
                  target="">
                  Universell Beta Program                </a></li>
                          <li><a href="https://www.universell.us/start-up/"
                  target="">
                  Startup &amp; Founders                </a></li>
                      </ul>
              </div>

      <!-- COLUMN 3: Business Types -->
      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">
          Business Types        </h6>
                  <ul class="list-unstyled small">
                          <li><a href="#"
                  target="">
                  Retail                </a></li>
                          <li><a href="#"
                  target="">
                  Service                </a></li>
                          <li><a href="https://www.universell.us/fast-shop-e-commerce/"
                  target="">
                  E-commerce                </a></li>
                          <li><a href="https://www.universell.us/salon/"
                  target="">
                  Salon                </a></li>
                      </ul>
              </div>

      <!-- COLUMN 4: Business Types -->
      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">
          Resources        </h6>
                  <ul class="list-unstyled small">
                          <li><a href="https://www.universell.us/help-center/#blog"
                  target="">
                  Blog                </a></li>
                          <li><a href="https://www.universell.us/universell-us-platform-schema/"
                  target="">
                  Platform Schema                </a></li>
                          <li><a href="https://www.universell.us/help-center/#latestnews"
                  target="">
                  Release notes                </a></li>
                          <li><a href="https://www.universell.us/webinar/"
                  target="">
                  Webinars                </a></li>
                          <li><a href="https://www.universell.us/#homepage_faq_section"
                  target="">
                  FAQs                </a></li>
                      </ul>
              </div>

      <!-- COLUMN 5: Company -->
      <div class="col-6 col-md-3">
        <h6 class="footer-heading mb-3">
          Company        </h6>
                  <ul class="list-unstyled small">
                          <li><a href="https://www.universell.us/about/"
                  target="">
                  About Us                </a></li>
                          <li><a href="https://www.universell.us/pricing/"
                  target="">
                  Pricing                </a></li>
                          <li><a href="https://www.universell.us/#homepage_new_integration"
                  target="">
                  Integrations                </a></li>
                          <li><a href="https://www.universell.us/get-started-flow/"
                  target="">
                  Free Sign Up                </a></li>
                          <li><a href="https://www.universell.us/schedule-demo/"
                  target="">
                  Schedule a Demo                </a></li>
                      </ul>
              </div>

    </div>


    <hr class="border-secondary my-4">

          <div class="d-flex justify-content-center gap-3 social-icons mb-3">
                  <a href="https://www.facebook.com/profile.php?id=61559694255497" target="_blank" rel="noopener">
                          <img src="https://www.universell.us/wp-content/uploads/2024/11/facebook-logo_icon.svg" alt="facebook logo_icon" width="24"
                height="24">
                      </a>
                  <a href="https://www.instagram.com/universell_platform/" target="_blank" rel="noopener">
                          <img src="https://www.universell.us/wp-content/uploads/2024/11/instagram.svg" alt="instagram" width="24"
                height="24">
                      </a>
                  <a href="https://www.youtube.com/@UniversellSPS/videos" target="_blank" rel="noopener">
                          <img src="https://www.universell.us/wp-content/uploads/2024/11/youtube.svg" alt="youtube" width="24"
                height="24">
                      </a>
                  <a href="https://www.linkedin.com/company/86301285" target="_blank" rel="noopener">
                          <img src="https://www.universell.us/wp-content/uploads/2024/11/linkedin.svg" alt="linkedin" width="24"
                height="24">
                      </a>
              </div>
    

          <div class="text-center small legal-links mb-2">
                  <a href="https://www.universell.us/privacy-policy/" class="text-secondary mx-2"
            target="">
            Privacy Policy          </a>
                  <a href="https://www.universell.us/terms-of-service/" class="text-secondary mx-2"
            target="">
            Terms of Service          </a>
                  <a href="https://www.universell.us/cookie-policy/" class="text-secondary mx-2"
            target="">
            Cookie Policy          </a>
                  <a href="https://www.universell.us/universell-ai-terms-use-policy/" class="text-secondary mx-2"
            target="">
            AI Terms &amp; Use Policy          </a>
                  <a href="https://www.universell.us/acceptable-use-policy/" class="text-secondary mx-2"
            target="">
            Acceptable Use Policy          </a>
              </div>
              <div class="text-center text-secondary small pb-4">
        &copy; 2026 Universell. All Rights Reserved.      </div>
      </div>
</footer>

<!-- Genie AI onboarding widget start -->
<div class="genie-ai-widget is-manual-collapsed" data-genie-widget
  data-genie-chat-endpoint="https://universal.mybmr.com/api/public/onboarding-genie">
  <button class="genie-ai-toggle" type="button" aria-label="Open Genie AI onboarding assistant" aria-expanded="false"
    aria-controls="genie-ai-panel" data-genie-toggle>
    <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">
      <path d="M24 6l3.8 11.2L39 21l-11.2 3.8L24 36l-3.8-11.2L9 21l11.2-3.8L24 6z" fill="none"
        stroke="currentColor" stroke-width="3.2" stroke-linejoin="round" />
      <path d="M37 5v9M32.5 9.5h9M13 31v8M9 35h8" fill="none" stroke="currentColor" stroke-width="3.2"
        stroke-linecap="round" />
    </svg>
  </button>
  <div class="genie-ai-tooltip" aria-hidden="true">Use Genie &mdash; AI assisted onboarding</div>

  <section class="genie-ai-panel" id="genie-ai-panel" aria-hidden="true" aria-label="Genie AI onboarding assistant"
    data-genie-panel>
    <div class="genie-ai-panel-header">
      <span class="genie-ai-brand-icon" aria-hidden="true">
        <svg viewBox="0 0 48 48" focusable="false">
          <path d="M24 6l3.8 11.2L39 21l-11.2 3.8L24 36l-3.8-11.2L9 21l11.2-3.8L24 6z" fill="none"
            stroke="currentColor" stroke-width="3.2" stroke-linejoin="round" />
          <path d="M37 5v9M32.5 9.5h9M13 31v8M9 35h8" fill="none" stroke="currentColor" stroke-width="3.2"
            stroke-linecap="round" />
        </svg>
      </span>
      <h2 class="genie-ai-title">Genie AI Onboarding assistant&nbsp;&#8594;</h2>
      <button class="genie-ai-close" type="button" aria-label="Close Genie AI onboarding assistant"
        data-genie-close>&minus;</button>
    </div>

    <div class="genie-ai-panel-body">
      <div class="genie-ai-chat universell-genie-messages" data-genie-messages role="log" aria-live="polite" aria-relevant="additions">
        <p class="genie-ai-message universell-genie-message universell-genie-message-bot">Hi, I'm Genie 👋 — let me help you set up your account instantly. Tell me about your business. Do you have a website?</p>
      </div>

      <div class="genie-ai-url-row universell-genie-form">
        <input class="genie-ai-input" type="text" placeholder="e.g. yourbusiness.com"
          aria-label="Message Genie" autocomplete="off" data-genie-first-input>
        <button class="genie-ai-go" type="button" data-genie-quick-start>Send</button>
      </div>
      <p class="genie-ai-help" data-genie-chat-status role="status" aria-live="polite">Replies are generated by AI.</p>

      <div class="genie-ai-divider"><span>&#9776; Manual Setup</span></div>

      <div class="genie-ai-manual-toggle-wrap">
        <button type="button" class="genie-ai-manual-toggle" data-genie-manual-toggle aria-expanded="false">
          Show manual setup
        </button>
      </div>

      <form class="genie-ai-card" id="genie-onboarding-form" data-genie-form
        data-genie-api-url="https://www.universell.us/wp-json/universell/v1/genie-onboarding" method="post" novalidate>
        <input type="hidden" name="catcher_id" value="MQ==">
        <input type="hidden" class="plan_id" id="plan_id" name="plan" value="MTE4">
        <input type="hidden" class="selected-tab" id="tab" name="tab" value="pills-monthly">
        <input type="hidden" name="reseller_email" value="">
        <input type="hidden" name="lead_source" value="">
        <input type="hidden" name="genie_flag" value="1">
        <input type="hidden" name="mobile_country_code" value="1" data-genie-phone-country-code>
        <h3>Get your free business account set up</h3>

        <div class="genie-ai-step is-active is-unlocked" data-genie-step="1">
          <button class="genie-ai-step-top" type="button" aria-expanded="true" data-genie-step-toggle>
            <span class="genie-ai-number">1</span>
            <span class="genie-ai-step-title">Business Website*</span>
            <span class="genie-ai-step-actions" aria-hidden="true">&#9678; &#8963;</span>
          </button>

          <div class="genie-ai-form-grid" data-genie-step-content>
            <div class="genie-ai-field">
              <label for="genie-first-name">First name*</label>
              <input class="genie-ai-input" id="genie-first-name" name="first_name" type="text"
                placeholder="Jane" required>
              <span class="genie-ai-error" data-genie-error-for="genie-first-name"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-last-name">Last name*</label>
              <input class="genie-ai-input" id="genie-last-name" name="last_name" type="text"
                placeholder="Smith" required>
              <span class="genie-ai-error" data-genie-error-for="genie-last-name"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-business-name">Business name*</label>
              <input class="genie-ai-input" id="genie-business-name" name="business_name" type="text"
                placeholder="My Business" required>
              <span class="genie-ai-error" data-genie-error-for="genie-business-name"></span>
            </div>

            <div class="genie-ai-field genie-ai-field-has-note">
              <label for="genie-business-website">What is your business website?</label>
              <!-- <span class="genie-ai-optional">OPTIONAL</span> -->
              <input class="genie-ai-input" id="genie-business-website" name="businessWebsite" type="url"
                placeholder="e.g. www.mybusiness.com">
              <span class="genie-ai-error" data-genie-error-for="genie-business-website"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-business-email">Business email*</label>
              <input class="genie-ai-input" id="genie-business-email" name="business_email" type="email"
                placeholder="contact@mybusiness.com" required>
              <span class="genie-ai-error" data-genie-error-for="genie-business-email"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-business-industry">Industry / Category*</label>
              <select class="genie-ai-select" id="genie-business-industry" name="industry" required>
                <option value="">Select an industry</option>
                <option>Retail</option>
                <option>Healthcare</option>
                <option>Real Estate</option>
                <option>Legal</option>
                <option>Construction</option>
                <option>Education</option>
                <option>Finance</option>
                <option>Technology</option>
                <option>Food & Beverage</option>
                <option>Beauty & Wellness</option>
                <option>Professional Services</option>
                <option>Automotive</option>
                <option>Hospitality</option>
                <option>Non-Profit</option>
                <option>Other</option>
              </select>
              <span class="genie-ai-error" data-genie-error-for="genie-business-industry"></span>
            </div>

            <button class="genie-ai-next" type="button" data-genie-next>Got it, next up &#8594;</button>
          </div>
        </div>

        <div class="genie-ai-step" data-genie-step="2">
          <button class="genie-ai-step-top" type="button" aria-expanded="false" data-genie-step-toggle>
            <span class="genie-ai-number">2</span>
            <span class="genie-ai-step-title">Contact Number</span>
            <span class="genie-ai-step-actions" aria-hidden="true">&#9742; &#8963;</span>
          </button>

          <div class="genie-ai-form-grid" data-genie-step-content>
            <div class="genie-ai-field">
              <label for="genie-business-phone">Phone number for customers to reach you*</label>
              <input class="genie-ai-input" id="genie-business-phone" name="mobile_number" type="tel"
                placeholder="234 567 8900" autocomplete="tel" required data-genie-phone-input>
              <span class="genie-ai-error" data-genie-error-for="genie-business-phone"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-business-address">Business address*</label>
              <input class="genie-ai-input" id="genie-business-address" name="address" type="text"
                placeholder="123 Main Street, City" required>
              <span class="genie-ai-error" data-genie-error-for="genie-business-address"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-business-operation">How do you operate your business?*</label>
              <div class="main-appointmentime-wrap genie-ai-checkbox-group" id="genie-business-operation"
                data-genie-checkbox-group data-genie-required-group="q_option_0" data-genie-required-label="How do you operate your business?">
                <!-- <div class="form-check appointmentime">
                  <input class="form-check-input" type="checkbox" id="q0_opt0" name="q_option_0" value="Service">
                  <label class="form-check-label" for="q0_opt0">Service</label>
                </div>
                <div class="form-check appointmentime">
                  <input class="form-check-input" type="checkbox" id="q0_opt1" name="q_option_0" value="E-commerce">
                  <label class="form-check-label" for="q0_opt1">E-commerce</label>
                </div> -->
                <div class="form-check appointmentime">
                  <input class="form-check-input" type="checkbox" id="q0_opt2" name="q_option_0" value="Physical Location">
                  <label class="form-check-label" for="q0_opt2">Physical Location</label>
                </div>
                <div class="form-check appointmentime">
                  <input class="form-check-input" type="checkbox" id="q0_opt3" name="q_option_0" value="Online Only">
                  <label class="form-check-label" for="q0_opt3">Online Only</label>
                </div>
                <div class="form-check appointmentime">
                  <input class="form-check-input" type="checkbox" id="q0_opt4" name="q_option_0" value="Subscription-based">
                  <label class="form-check-label" for="q0_opt4">Subscription-based</label>
                </div>
                <div class="form-check appointmentime">
                  <input class="form-check-input" type="checkbox" id="q0_opt5" name="q_option_0" value="Hybrid (Online + Offline)">
                  <label class="form-check-label" for="q0_opt5">Hybrid (Online + Offline)</label>
                </div>
              </div>
              <span class="genie-ai-error" data-genie-error-for="genie-business-operation"></span>
            </div>

            <div class="genie-ai-button-row">
              <button class="genie-ai-back" type="button" data-genie-back>&#8592; Back</button>
              <button class="genie-ai-next" type="button" data-genie-next>Awesome, almost done &#8594;</button>
            </div>
          </div>
        </div>

        <div class="genie-ai-step" data-genie-step="3">
          <button class="genie-ai-step-top" type="button" aria-expanded="false" data-genie-step-toggle>
            <span class="genie-ai-number">3</span>
            <span class="genie-ai-step-title">Business Details</span>
            <span class="genie-ai-step-actions" aria-hidden="true">&#127970; &#8963;</span>
          </button>

          <div class="genie-ai-form-grid" data-genie-step-content>
            <div class="genie-ai-field">
              <label for="genie-business-type">Type of Business</label>
              <button class="genie-ai-picker-field" id="genie-business-type-picker" type="button" data-genie-open-picker>
                <span data-genie-picker-summary="business_type">Not selected yet</span>
              </button>
              <input id="genie-business-type" name="business_type" type="hidden" required>
              <input id="genie-business-subtype" name="businessSubType" type="hidden">
              <span class="genie-ai-error" data-genie-error-for="genie-business-type"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-business-modules">Type of Modules for your business</label>
              <button class="genie-ai-picker-field" id="genie-business-modules-picker" type="button" data-genie-open-picker>
                <span data-genie-picker-summary="q_option_1">Not selected yet</span>
              </button>
              <input id="genie-business-modules" name="q_option_1" type="hidden" required>
              <span class="genie-ai-error" data-genie-error-for="genie-business-modules"></span>
            </div>

            <div class="genie-ai-field">
              <label for="genie-business-goal">What do you want to achieve first?</label>
              <button class="genie-ai-picker-field" id="genie-business-goal-picker" type="button" data-genie-open-picker>
                <span data-genie-picker-summary="q_option_2">Not selected yet</span>
              </button>
              <input id="genie-business-goal" name="q_option_2" type="hidden" required>
              <span class="genie-ai-error" data-genie-error-for="genie-business-goal"></span>
            </div>

            <p class="genie-ai-status" data-genie-status role="status" aria-live="polite"></p>
            <div class="genie-ai-button-row">
              <button class="genie-ai-back" type="button" data-genie-back>&#8592; Back</button>
              <button class="genie-ai-next" type="submit" data-genie-submit>&#9673; All set, let's go! &#127881;</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </section>

  <div class="genie-ai-picker-modal" data-genie-picker-modal aria-hidden="true">
    <div class="genie-ai-picker-backdrop" data-genie-close-picker></div>
    <div class="genie-ai-picker-dialog" role="dialog" aria-modal="true" aria-label="Choose Genie onboarding details">
      <div class="genie-ai-picker-progress" aria-hidden="true">
        <span data-genie-picker-progress="1"></span>
        <span data-genie-picker-progress="2"></span>
        <span data-genie-picker-progress="3"></span>
      </div>

      <div class="genie-ai-picker-step is-active" data-genie-picker-step="1">
        <p class="genie-ai-picker-kicker">QUESTION 1 OF 3</p>
        <h3>Type of Business <span>*</span></h3>
        <div class="genie-ai-picker-cards" data-genie-single-picker="business_type">
          <button type="button" data-genie-picker-option data-business-type-key="Service" value="Service Business">
            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <path d="M15.5 5.5a4.8 4.8 0 0 0-5.9 5.9L4.2 16.8a2.1 2.1 0 0 0 3 3l5.4-5.4a4.8 4.8 0 0 0 5.9-5.9l-3 3-3-3 3-3Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round" />
            </svg>
            <span>Service</span>
          </button>
          <button type="button" data-genie-picker-option data-business-type-key="E-commerce" value="E-com Business">
            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <path d="M4 5h2l2.2 9.2a2 2 0 0 0 2 1.6h6.9a2 2 0 0 0 1.9-1.4L20.5 9H7.2" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
              <path d="M10 20h.1M17 20h.1" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" />
            </svg>
            <span>E-commerce</span>
          </button>
          <button type="button" data-genie-picker-option data-business-type-key="Retail" value="Retail Business">
            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <path d="M5 10v8h14v-8M4 10h16l-1.5-5h-13L4 10Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round" />
              <path d="M8 18v-5h4v5M4 10c.7 1.2 2.3 1.2 3 0 .7 1.2 2.3 1.2 3 0 .7 1.2 2.3 1.2 3 0 .7 1.2 2.3 1.2 3 0 .7 1.2 2.3 1.2 3 0" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
            <span>Retail</span>
          </button>
        </div>
        <p class="genie-ai-picker-subtitle" data-genie-subtype-label hidden>Select your sub-type <span>*</span></p>
        <div class="genie-ai-picker-list" data-genie-single-picker="businessSubType" hidden>
          <button type="button" data-genie-picker-option data-business-type="Service" value="Field Service Company">Field Service Company</button>
          <button type="button" data-genie-picker-option data-business-type="Service" value="Facility Management Firm">Facility Management Firm</button>
          <button type="button" data-genie-picker-option data-business-type="Service" value="HVAC / Plumbing / Electrical Contractor">HVAC / Plumbing / Electrical Contractor</button>
          <button type="button" data-genie-picker-option data-business-type="Service" value="Cleaning & Maintenance Company">Cleaning & Maintenance Company</button>
          <button type="button" data-genie-picker-option data-business-type="Service" value="Construction & Renovation Firm">Construction & Renovation Firm</button>
          <button type="button" data-genie-picker-option data-business-type="Service" value="Professional Services Agency">Professional Services Agency</button>
          <button type="button" data-genie-picker-option data-business-type="Service" value="Repair & Installation Business">Repair & Installation Business</button>
          <button type="button" data-genie-picker-option data-business-type="E-commerce" value="Online Store">Online Store</button>
          <button type="button" data-genie-picker-option data-business-type="E-commerce" value="Marketplace Seller">Marketplace Seller</button>
          <button type="button" data-genie-picker-option data-business-type="E-commerce" value="Dropshipping Business">Dropshipping Business</button>
          <button type="button" data-genie-picker-option data-business-type="E-commerce" value="Subscription Box">Subscription Box</button>
          <button type="button" data-genie-picker-option data-business-type="E-commerce" value="Digital Products">Digital Products</button>
          <button type="button" data-genie-picker-option data-business-type="E-commerce" value="D2C Brand">D2C Brand</button>
          <button type="button" data-genie-picker-option data-business-type="Retail" value="Grocery Store">Grocery Store</button>
          <button type="button" data-genie-picker-option data-business-type="Retail" value="Apparel & Fashion">Apparel & Fashion</button>
          <button type="button" data-genie-picker-option data-business-type="Retail" value="Electronics Store">Electronics Store</button>
          <button type="button" data-genie-picker-option data-business-type="Retail" value="Pharmacy">Pharmacy</button>
          <button type="button" data-genie-picker-option data-business-type="Retail" value="Specialty Store">Specialty Store</button>
          <button type="button" data-genie-picker-option data-business-type="Retail" value="Convenience Store">Convenience Store</button>
        </div>
      </div>

      <div class="genie-ai-picker-step" data-genie-picker-step="2">
        <p class="genie-ai-picker-kicker">QUESTION 2 OF 3</p>
        <h3>Top modules for your business <span>*</span></h3>
        <p class="genie-ai-picker-note">Select all that apply</p>
        <div class="genie-ai-chip-list" data-genie-multi-picker="q_option_1">
          <button type="button" data-genie-picker-option value="Manage Customers">Manage Customers</button>
          <button type="button" data-genie-picker-option value="Track Leads & Sales">Track Leads & Sales</button>
          <button type="button" data-genie-picker-option value="Send Messages & Campaigns">Send Messages & Campaigns</button>
          <button type="button" data-genie-picker-option value="Segment Your Customers">Segment Your Customers</button>
          <button type="button" data-genie-picker-option value="Handle Customer Support">Handle Customer Support</button>
          <button type="button" data-genie-picker-option value="Manage Appointments">Manage Appointments</button>
          <button type="button" data-genie-picker-option value="Lead Capture Forms">Lead Capture Forms</button>
          <button type="button" data-genie-picker-option value="Team Collaboration">Team Collaboration</button>
          <button type="button" data-genie-picker-option value="Manage Your Team">Manage Your Team</button>
          <button type="button" data-genie-picker-option value="Track Inventory">Track Inventory</button>
          <button type="button" data-genie-picker-option value="Create Bills & Orders">Create Bills & Orders</button>
          <button type="button" data-genie-picker-option value="Sell Online">Sell Online</button>
          <button type="button" data-genie-picker-option value="Build Your Website">Build Your Website</button>
          <button type="button" data-genie-picker-option value="Offer Discounts & Coupons">Offer Discounts & Coupons</button>
          <button type="button" data-genie-picker-option value="Sell Gift Cards">Sell Gift Cards</button>
          <button type="button" data-genie-picker-option value="Run Referral Programs">Run Referral Programs</button>
          <button type="button" data-genie-picker-option value="View Reports & Insights">View Reports & Insights</button>
          <button type="button" data-genie-picker-option value="Send Contracts for E-sign">Send Contracts for E-sign</button>
          <button type="button" data-genie-picker-option value="Create Agreements & Get Paid">Create Agreements & Get Paid</button>
          <button type="button" data-genie-picker-option value="Collect Payments from Customers">Collect Payments from Customers</button>
          <button type="button" data-genie-picker-option value="Share Payment Links">Share Payment Links</button>
          <button type="button" data-genie-picker-option value="Set Up Recurring Payments">Set Up Recurring Payments</button>
          <button type="button" data-genie-picker-option value="Create & Send Invoices">Create & Send Invoices</button>
          <button type="button" data-genie-picker-option value="Accept Online Payments">Accept Online Payments</button>
          <button type="button" data-genie-picker-option value="Handle Refunds / Partial Payments">Handle Refunds / Partial Payments</button>
          <button type="button" data-genie-picker-option value="Track Payments & Revenue">Track Payments & Revenue</button>
        </div>
      </div>

      <div class="genie-ai-picker-step" data-genie-picker-step="3">
        <p class="genie-ai-picker-kicker">QUESTION 3 OF 3</p>
        <h3>What do you want to achieve first? <span>*</span></h3>
        <p class="genie-ai-picker-note">Select all that apply</p>
        <div class="genie-ai-chip-list" data-genie-multi-picker="q_option_2">
          <button type="button" data-genie-picker-option value="Grow Customer Base">Grow Customer Base</button>
          <button type="button" data-genie-picker-option value="Improve Lead Conversion">Improve Lead Conversion</button>
          <button type="button" data-genie-picker-option value="Improve Retention">Improve Retention</button>
          <button type="button" data-genie-picker-option value="Run Marketing Campaigns">Run Marketing Campaigns</button>
          <button type="button" data-genie-picker-option value="Increase Customer Engagement">Increase Customer Engagement</button>
          <button type="button" data-genie-picker-option value="Understand Customers Better">Understand Customers Better</button>
          <button type="button" data-genie-picker-option value="Automate Follow-ups">Automate Follow-ups</button>
          <button type="button" data-genie-picker-option value="Improve Team Productivity">Improve Team Productivity</button>
          <button type="button" data-genie-picker-option value="Manage Appointments Efficiently">Manage Appointments Efficiently</button>
          <button type="button" data-genie-picker-option value="Close Deals Faster">Close Deals Faster</button>
          <button type="button" data-genie-picker-option value="Increase Payment Success Rate">Increase Payment Success Rate</button>
          <button type="button" data-genie-picker-option value="Reduce Payment Delays">Reduce Payment Delays</button>
          <button type="button" data-genie-picker-option value="Improve Cash Flow">Improve Cash Flow</button>
          <button type="button" data-genie-picker-option value="Automate Billing">Automate Billing</button>
          <button type="button" data-genie-picker-option value="Reduce Drop-offs">Reduce Drop-offs</button>
        </div>
      </div>

      <div class="genie-ai-picker-footer">
        <button class="genie-ai-picker-back" type="button" data-genie-picker-back>&larr; Back</button>
        <p data-genie-picker-status>Pick an option to continue.</p>
        <button class="genie-ai-picker-next" type="button" data-genie-picker-next>Next &rarr;</button>
      </div>
    </div>
  </div>
</div>
<!-- Genie AI onboarding widget end -->


<!-- <script async type='module'
  src='https://interfaces.zapier.com/assets/web-components/zapier-interfaces/zapier-interfaces.esm.js'></script>
<zapier-interfaces-chatbot-embed is-popup='true' title="Zapier Chatbot" chatbot-id='cm7udjg2u0009ykwyi8ill3r8'
  height='600px' width='400px'></zapier-interfaces-chatbot-embed> -->

<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/jquery.min.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/owl.carousel.js"></script>
<script type="text/javascript"
  src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/carousel.js?v=1790249443"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/next-prev.js"></script>
<script type="text/javascript"
  src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/sticky-header.js?v=1790249443"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/jquery.matchHeight.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/autoheight.js"></script>
<script type="text/javascript"
  src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/magnific.js"></script>

<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/jquery.animateTyping.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/jquery.slimmenu.min.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/slimmenu.js"></script>
<script type="text/javascript">
  // HELP CENTER PAGE BLOG
  $('.slider-blog').owlCarousel({
    loop: false,
    margin: 25,
    nav: true,
    autoplay: true,
    autoplayTimeout: 7000,
    autoplayHoverPause: false,
    dots: false,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 2
      },
      1000: {
        items: 3
      }
    }
  })
</script>
<script type="text/javascript"
  src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/jquery.animateNumber.min.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/app.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/intl-tel-input@29.1.2/dist/js/intlTelInputWithUtils.min.js"></script>
<script type="text/javascript" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/genie-onboarding.js?v=1790249443"></script>
<!--Gorgias Chat Widget Start-->
<!-- <script id="gorgias-chat-widget-install-v3"
  src="https://config.gorgias.chat/bundle-loader/01HYH75RNWTBCJ1G2ZKR88ZES4"></script> -->
<!--Gorgias Chat Widget End-->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/twentytwentyfour-child-main/*","/wp-content/themes/twentytwentyfour/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>let daextLwcnReadyStateCheckInterval=setInterval(function(){if(document.readyState==="complete"){clearInterval(daextLwcnReadyStateCheckInterval);window.daextLwcnCookieNotice.initialize({headingsFontFamily:"'Open Sans', Helvetica, Arial, sans-serif",headingsFontWeight:"600",paragraphsFontFamily:"'Open Sans', Helvetica, Arial, sans-serif",paragraphsFontWeight:"400",strongTagsFontWeight:"600",buttonsFontFamily:"'Open Sans', Helvetica, Arial, sans-serif",buttonsFontWeight:"400",buttonsBorderRadius:"4",containersBorderRadius:"4",cookieNoticeMainMessageText:"We use cookies to make this website work better for you and to understand how visitors use it.",cookieNoticeMainMessageFontColor:"#666666",cookieNoticeMainMessageLinkFontColor:"#1e58b1",cookieNoticeButton1Text:"Settings",cookieNoticeButton1Action:"1",cookieNoticeButton1Url:"",cookieNoticeButton1BackgroundColor:"#ffffff",cookieNoticeButton1BackgroundColorHover:"#ffffff",cookieNoticeButton1BorderColor:"#1e58b1",cookieNoticeButton1BorderColorHover:"#1e58b1",cookieNoticeButton1FontColor:"#1e58b1",cookieNoticeButton1FontColorHover:"#1e58b1",cookieNoticeButton2Text:"Accept",cookieNoticeButton2Action:"2",cookieNoticeButton2Url:"",cookieNoticeButton2BackgroundColor:"#1e58b1",cookieNoticeButton2BackgroundColorHover:"#1e58b1",cookieNoticeButton2BorderColor:"#1e58b1",cookieNoticeButton2BorderColorHover:"#1e58b1",cookieNoticeButton2FontColor:"#ffffff",cookieNoticeButton2FontColorHover:"#ffffff",cookieNoticeButton3Text:"Default Label",cookieNoticeButton3Action:"0",cookieNoticeButton3Url:"",cookieNoticeButton3BackgroundColor:"#1e58b1",cookieNoticeButton3BackgroundColorHover:"#1e58b1",cookieNoticeButton3BorderColor:"#1e58b1",cookieNoticeButton3BorderColorHover:"#1e58b1",cookieNoticeButton3FontColor:"#ffffff",cookieNoticeButton3FontColorHover:"#ffffff",cookieNoticeButtonDismissAction:"0",cookieNoticeButtonDismissUrl:"",cookieNoticeButtonDismissColor:"#646464",cookieNoticeContainerPosition:"2",cookieNoticeContainerWidth:"1140",cookieNoticeContainerOpacity:"1",cookieNoticeContainerBorderWidth:"0",cookieNoticeContainerBackgroundColor:"#ffffff",cookieNoticeContainerBorderColor:"#e1e1e1",cookieNoticeContainerBorderOpacity:"1",cookieNoticeContainerDropShadow:"1",cookieNoticeContainerDropShadowColor:"#242f42",cookieNoticeMask:"0",cookieNoticeMaskColor:"#242f42",cookieNoticeMaskOpacity:"0.54",cookieNoticeShakeEffect:"0",cookieSettingsLogoUrl:"https:\/\/www.universell.us\/wp-content\/uploads\/2025\/08\/universell-dark-logo.png",cookieSettingsTitle:"Cookie Settings",cookieSettingsDescriptionHeader:"<p>We want to be transparent about the data we and our partners collect and how we use it, so you can best exercise control over your personal data. For more information, please see our Privacy Policy.<\/p><p><strong>Information we collect<\/strong><\/p><p>We use this information to improve the performance and experience of our site visitors. This includes improving search results, showing more relevant content and promotional materials, better communication, and improved site performance.<p>",cookieSettingsToggleOnColor:"#3a70c4",cookieSettingsToggleOffColor:"#808080",cookieSettingsToggleMiscColor:"#808080",cookieSettingsToggleDisabledColor:"#e5e5e5",cookieSettingsSeparatorColor:"#e1e1e1",cookieSettingsChevronColor:"#6e6e6e",cookieSettingsExpandCloseColor:"#6e6e6e",cookieSettingsDescriptionFooter:"<p><strong>Information about cookies<\/strong><\/p>\n\n<p>We use essential and optional cookies to improve your browsing experience and keep our website running smoothly. Some of our trusted partners may also use cookies to enable social media features and deliver relevant advertising.<\/p>\n\n<p>You can choose which categories of cookies to allow using the toggle options provided. Essential cookies are required for core website functionality and cannot be disabled.<\/p>\n\n<p>For more details about how we collect, use, and protect your information, please review our \n<a href=\"\/privacy-policy\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a> \nand \n<a href=\"\/terms-and-conditions\" target=\"_blank\" rel=\"noopener\">Terms &amp; Conditions<\/a>.\n<\/p>\n",cookieSettingsButton1Text:"Reject Cookies",cookieSettingsButton1Action:"5",cookieSettingsButton1Url:"",cookieSettingsButton1BackgroundColor:"#ffffff",cookieSettingsButton1BackgroundColorHover:"#ffffff",cookieSettingsButton1BorderColor:"#1e58b1",cookieSettingsButton1BorderColorHover:"#1e58b1",cookieSettingsButton1FontColor:"#1e58b1",cookieSettingsButton1FontColorHover:"#1e58b1",cookieSettingsButton2Text:"Accept",cookieSettingsButton2Action:"1",cookieSettingsButton2Url:"",cookieSettingsButton2BackgroundColor:"#1e58b1",cookieSettingsButton2BackgroundColorHover:"#1e58b1",cookieSettingsButton2BorderColor:"#1e58b1",cookieSettingsButton2BorderColorHover:"#1e58b1",cookieSettingsButton2FontColor:"#ffffff",cookieSettingsButton2FontColorHover:"#ffffff",cookieSettingsHeadingsFontColor:"#222222",cookieSettingsParagraphsFontColor:"#666666",cookieSettingsLinksFontColor:"#1e58b1",cookieSettingsContainerBackgroundColor:"#ffffff",cookieSettingsContainerOpacity:"1",cookieSettingsContainerBorderWidth:"0",cookieSettingsContainerBorderColor:"#e1e1e1",cookieSettingsContainerBorderOpacity:"1",cookieSettingsContainerDropShadow:"1",cookieSettingsContainerDropShadowColor:"#242f42",cookieSettingsContainerHighlightColor:"#f8f8f8",cookieSettingsMask:"1",cookieSettingsMaskColor:"#242f42",cookieSettingsMaskOpacity:"0.54",revisitConsentButtonEnable:"0",revisitConsentButtonTooltipText:"Cookie Settings",revisitConsentButtonPosition:"left",revisitConsentButtonBackgroundColor:"#1e58b1",revisitConsentButtonIconColor:"#ffffff",enableGeolocation:"0",geolocationBehavior:"0",geolocationService:"0",geolocationLocale:["at","be","bg","cy","cz","dk","ee","fi","fr","hu","ie","it","lv","lt","lu","mt","nl","pl","pt","sk","si","es","se","gb"],responsiveBreakpoint:"700",cookieExpiration:3153600000,cookiePathAttribute:"\/",reloadPage:"0",storeUserConsent:"1",cookieTableColumns:"[\"name\",\"expiration\",\"purpose\"]",forceCssSpecificity:"1",sections:[],cookies:[],});}},10);</script>        <div class="modal fade feature-modal" id="feature-modal-2-0-5" tabindex="-1"
            aria-labelledby="feature-modal-2-0-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-5-label">
                            Leads Management                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Track every prospect in a dedicated leads workspace with deal value, source, assigned rep, and creation date at a glance. Import leads in bulk or add them one at a time with + New Lead, then move qualified prospects into your customer database when they are ready.</p>
<p>Leads stay separate from your customer list so your team can focus on qualification and assignment without cluttering active accounts. Filter by period, employee, status, and segments to prioritize follow-up and keep pipeline hygiene tight.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-0-6" tabindex="-1"
            aria-labelledby="feature-modal-2-0-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/layers.svg" alt="Customer Segments &amp; Groups"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-6-label">
                            Customer Segments &amp; Groups                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build dynamic customer segments and static groups to slice your database by behavior, lifecycle stage, source, or any custom criteria. Segments power bulk actions, filtered views, and smarter campaign targeting across CRM and marketing.</p>
<p>Use groups for account hierarchies, VIP lists, or regional rollups-then apply them everywhere customers appear, from the main customer table to analytics and automation triggers</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-0-7" tabindex="-1"
            aria-labelledby="feature-modal-2-0-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/magnet.svg" alt="Lead Catcher"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-7-label">
                            Lead Catcher                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Deploy embeddable Lead Catcher forms that capture name, contact details, and intent the moment a prospect submits on your site. Every submission lands directly in Universell as a new lead—no manual entry, no lost inquiries.</p>
<p>Configure multiple catchers for landing pages, campaigns, or partner sites. Submitted data syncs instantly with lead records and appears on the customer 360 profile under Lead Catcher history for full traceability.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-0-8" tabindex="-1"
            aria-labelledby="feature-modal-2-0-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/line-chart.svg" alt="CRM &amp; Deal Analytics"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-8-label">
                            CRM &amp; Deal Analytics                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open CRM Analytics and Deal Analytics dashboards to see new deals, current pipeline value, won/lost counts, and forecasted revenue on one screen. Conversion charts show how opportunities move stage by stage so managers can spot bottlenecks before they cost revenue.</p>
<p>Drill into deal source distribution, won/lost analysis, and revenue by source to understand which channels deliver the highest-value opportunities. Use these insights to coach reps, adjust stages, and align sales and marketing spend with what actually closes.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-0-9" tabindex="-1"
            aria-labelledby="feature-modal-2-0-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/contact-2.svg" alt="Customer 360 Profile"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-9-label">
                            Customer 360 Profile                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open any customer to see a full 360° profile: contact and business info, health score, reward points, segments, assigned employee, billing and shipping addresses, and more. Quick actions let reps call, SMS, email, add notes, create invoices, agreements, tickets, or appointments without leaving the record.</p>
<p>Profile tabs consolidate communication history, notes with @mentions, orders, agreements, active deals, metrics, tickets, submitted forms, uploaded files, and saved payment methods. Everything your team needs to serve the customer is in one place.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-0-10" tabindex="-1"
            aria-labelledby="feature-modal-2-0-10-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-10-label">
                            CRM Automation                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Set up CRM Automation rules that run when leads are created, deals change stage, tickets age, or customers hit a segment threshold. Trigger emails, SMS, task assignments, status updates, and internal notifications without manual intervention.</p>
<p>Reduce dropped balls and inconsistent follow-up by letting Universell enforce your playbooks. Automation works alongside segments, forms, and pipeline stages so growing teams scale outreach without scaling headcount.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-0-11" tabindex="-1"
            aria-labelledby="feature-modal-2-0-11-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/smartphone.svg" alt="Customer App"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-11-label">
                            Customer App                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Offer a dedicated Customer App where clients sign in to see their profile, orders, agreements, appointments, and support tickets. Reduce inbound calls by letting customers check status, update details, and interact with your business on their schedule.</p>
<p>The app connects to the same CRM data your team uses internally, so self-service actions and portal activity stay in sync with the customer 360 profile and communication log.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-0-12" tabindex="-1"
            aria-labelledby="feature-modal-2-0-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-plus.svg" alt="Appointment Catcher"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-0-12-label">
                            Appointment Catcher                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Publish Appointment Catcher forms on your website so prospects and customers book time without back-and-forth email. Availability rules and employee schedules control which slots appear, and confirmed bookings flow straight into <b>My Calendar</b> and the customer record.</p>
<p>Pair with employee scheduling to balance team capacity across locations or roles. Every booked appointment is tied to the contact in CRM for reminders, follow-up, and reporting.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-3" tabindex="-1"
            aria-labelledby="feature-modal-2-1-3-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/message-circle.svg" alt="SMS Marketing"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-3-label">
                            SMS Marketing                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Launch one-to-many SMS campaigns from your connected business numbers. The campaign dashboard shows schedule, recipient count, delivered and undelivered totals, and status—Completed or Active—at a glance.</p>
<p>Built-in <b>SMS Policy &amp; Best Practices</b> keeps outreach compliant. Monitor credit usage and delivery rates, buy add-on credits when volume spikes, and pair campaigns with segments for targeted promotions, reminders, and re-engagement.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-4" tabindex="-1"
            aria-labelledby="feature-modal-2-1-4-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/phone.svg" alt="VoIP Calls &amp; Call History"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-4-label">
                            VoIP Calls &amp; Call History                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Run your business phone system inside Universell with inbound and outbound VoIP calling. The Call History dashboard shows total calls, missed calls, average duration, and completion rate—filterable by date range, category, and status (All, Missed, Ongoing).</p>
<p>Every log entry records who initiated the call, recipient, direction, duration, and status. Add notes inline and launch follow-up <b>Call</b>, <b>SMS</b>, or <b>Email</b> actions from any row without leaving the log.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-5" tabindex="-1"
            aria-labelledby="feature-modal-2-1-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/scroll-text.svg" alt="Call Scripts"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-5-label">
                            Call Scripts                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build a library of call scripts your reps can open during live conversations. Search, create, edit, delete, or pop out scripts in a three-pane layout—script list on the left, full script detail in the center.</p>
<p>Creator and last-updated audit trails keep scripts current as offers, policies, or talk tracks change. New hires sound like veterans from day one.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-6" tabindex="-1"
            aria-labelledby="feature-modal-2-1-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/phone-forwarded.svg" alt="Call Forwarding"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-6-label">
                            Call Forwarding                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Enable or disable call forwarding per business phone number and choose where calls should land—another user, extension, or external line. Set scheduled forwarding with start and end dates, times, and day-of-week rules for after-hours or holiday coverage.</p>
<p>Use <b>keep active until I turn off</b> for open-ended forwarding, or time-box rules for temporary coverage when reps are out of office.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-7" tabindex="-1"
            aria-labelledby="feature-modal-2-1-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/users.svg" alt="Phone Numbers, Extensions &amp; Call Groups"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-7-label">
                            Phone Numbers, Extensions &amp; Call Groups                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Purchase local or toll-free numbers by area code, state, or city—browse 2,700+ area codes and assign each number to users with role, email, and extension metadata. Four-digit extensions support fast internal transfers between people and departments.</p>
<p><b>Call Groups</b> let departments share an extension and ring simultaneously—the first person to answer connects the caller. Optional schedules control when each group is active by date, time, and day of week.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-8" tabindex="-1"
            aria-labelledby="feature-modal-2-1-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/voicemail.svg" alt="Voicemail"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-8-label">
                            Voicemail                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Access voicemail without dialing into a separate system. <b>Received</b> and <b>Sent</b> tabs organize messages by direction, with search once you type three or more characters.</p>
<p>Add new contacts on the fly and keep voicemail alongside call history and SMS so nothing falls through the cracks.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-9" tabindex="-1"
            aria-labelledby="feature-modal-2-1-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/messages-square.svg" alt="SMS Inbox &amp; Messaging"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-9-label">
                            SMS Inbox &amp; Messaging                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Manage two-way SMS from a dedicated inbox with conversation search and threaded messaging. Pick your default sending number, open <b>SMS Templates</b> for reusable replies, and start new threads with <b>+ New Contact</b>.</p>
<p>The Overview tab tracks credit usage, delivery rate, and phone number status so you always know capacity before peak campaigns or busy seasons.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-10" tabindex="-1"
            aria-labelledby="feature-modal-2-1-10-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/inbox.svg" alt="Business Email"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-10-label">
                            Business Email                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Work from <b>Inbox</b>, <b>Sent</b>, and <b>Scheduled</b> tabs with a rich text composer—styles, images, tables, links, and HTML source editing. Schedule individual sends for a future date and time, separate from bulk marketing campaigns.</p>
<p>The sent log records customer, employee, template name, subject, SendGrid delivery source, and timestamp—with view and resend actions. System templates cover password resets, transaction confirmations, booking confirmations, and more.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-11" tabindex="-1"
            aria-labelledby="feature-modal-2-1-11-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-11-label">
                            Collaborative Documents                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open the Documents workspace to draft proposals, SOPs, and customer-facing content in a multi-tab editor. A full rich text toolbar and HTML source view give you formatting control; <b>Generate with AI</b> speeds up first drafts.</p>
<p>Search the sidebar document list, work on several docs at once, and share or delete with per-document actions. Keep templates and knowledge base articles where your team already communicates.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-12" tabindex="-1"
            aria-labelledby="feature-modal-2-1-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/history.svg" alt="Customer Communication Log"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-12-label">
                            Customer Communication Log                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Every customer 360 profile includes a <b>Communication</b> tab with a full history log filterable by date. Quick actions on the profile—<b>Call</b>, <b>SMS</b>, and <b>Email</b>—launch outreach without hunting for contact details.</p>
<p>Notes with @employee mentions (up to 32k characters) sit alongside the communication log so context from internal discussion and customer-facing messages stays in one record.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-1-13" tabindex="-1"
            aria-labelledby="feature-modal-2-1-13-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/settings.svg" alt="Communication Settings"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-1-13-label">
                            Communication Settings                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Administrators manage channel setup under <b>Settings → Communication Settings</b>. Configure email delivery, SMS providers, phone number inventory, and a unified communication history view.</p>
<p>Link purchased numbers to users, extensions, and call groups; review forwarding status; and keep telephony, messaging, and email policies aligned with how your business actually operates.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-5" tabindex="-1"
            aria-labelledby="feature-modal-2-2-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/boxes.svg" alt="Product Catalog"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-5-label">
                            Product Catalog                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Browse inventory in <b>Grid</b> or <b>List</b> view with search, category filters, and toggles for sale items and promotional pricing. Tabs separate sellable inventory, services, internal/self-use, damaged, demo units, and soft-deleted items—each with its own workflow.</p>
<p>Every row shows SKU, quantity, price, in-store location, modifiers, and per-store stock. Quick actions cover price edits, commission setup, cloning, QR table-top prints, and channel visibility for POS, FastShop, and online store.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-6" tabindex="-1"
            aria-labelledby="feature-modal-2-2-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-plus.svg" alt="Add &amp; Edit Products"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-6-label">
                            Add &amp; Edit Products                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Add products <b>without variant</b> or <b>with variant</b> (size, color, material)—each variant gets its own SKU and independent stock. Use the AI-assisted description generator, rich text or PDF attachments, and image uploads to build complete product pages.</p>
<p>Configure opening stock across four buckets—For Sale, Damaged, Internal/Self Use, and Demo Units—plus sale pricing, taxes, discounts, vendor links, shipping details, and selling options for POS register, online store, FastShop, and Google.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-7" tabindex="-1"
            aria-labelledby="feature-modal-2-2-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-7-label">
                            Bulk Import                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Choose your import strategy: <b>Reset &amp; Import Fresh</b> (replace all stock), <b>Update Existing Stock</b> (adjust quantities and add new items), or <b>Import From Fresh</b> (add new items only). A four-step wizard walks you through downloading the Universell template, preparing data offline, uploading `.xlsx`, and executing the import.</p>
<p>Column headers must match the template exactly—modified headers are rejected. Verify results in Manage Inventory after every run.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-8" tabindex="-1"
            aria-labelledby="feature-modal-2-2-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/folder-tree.svg" alt="Categories, Subcategories &amp; Locations"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-8-label">
                            Categories, Subcategories &amp; Locations                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create product categories with images, descriptions, and <b>Show on FastShop</b> visibility. Drag to reorder categories, then add subcategories under each parent with their own images and FastShop display settings.</p>
<p>Assign <b>In-Store Locations</b> (e.g., Shelf 20 Bin 50) so floor staff and count teams find items fast. Category and location filters power list views, counts, and reports across the module.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-9" tabindex="-1"
            aria-labelledby="feature-modal-2-2-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/sliders-horizontal.svg" alt="Modifiers &amp; Customization"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-9-label">
                            Modifiers &amp; Customization                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build <b>Modifier Groups</b> and individual <b>Modifiers</b> for extras like toppings, packaging, or service add-ons. Modifiers adjust price at sale time without affecting stock—perfect for restaurants, retail customization, and service upsells.</p>
<p>Attach modifier groups to products on the Modifiers tab during add/edit. Customers choose options at POS or online; your catalog stays lean while checkout stays flexible.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-11" tabindex="-1"
            aria-labelledby="feature-modal-2-2-11-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/arrow-up-down.svg" alt="Stock Adjustment"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-11-label">
                            Stock Adjustment                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open the <b>Adjust Stock</b> modal from Manage Inventory to move quantity in or out for any item. Stock-In captures unit cost price; Stock-Out records reductions. Choose an adjustment reason and add remarks for audit clarity.</p>
<p>Every adjustment logs to the Inventory Log instantly. The system supports negative for-sale quantities when your workflow requires it.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-12" tabindex="-1"
            aria-labelledby="feature-modal-2-2-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-check.svg" alt="Physical Inventory Count"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-12-label">
                            Physical Inventory Count                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Start a count with <b>Scan &amp; Count</b> (barcode/SKU one-by-one on the floor) or <b>View List &amp; Update Count</b> (bulk entry by category and location). Track progress across sellable, damaged, demo, and internal buckets per item.</p>
<p>Counts move through <b>In Review</b> and <b>Counted</b> tabs. Review mismatches, print or download PDF/CSV reports, and share results with managers before finalizing.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-13" tabindex="-1"
            aria-labelledby="feature-modal-2-2-13-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bell-ring.svg" alt="Low &amp; High Stock Alerts"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-13-label">
                            Low &amp; High Stock Alerts                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Set minimum and maximum quantity thresholds per product with email and phone recipients. When stock crosses a boundary, Universell fires alerts so you reorder before a stockout—or flag overstock before cash gets tied up.</p>
<p>Low and High Inventory Alert reports show trigger quantity, trigger date, and category context. Link alerts to vendors for faster procurement follow-up.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-14" tabindex="-1"
            aria-labelledby="feature-modal-2-2-14-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/scroll-text.svg" alt="Call Scripts"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-14-label">
                            Inventory Audit Log                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The Inventory Log records every stock change—transaction type, quantity in/out, running stock in hand, remarks, and who updated it. Filter by date, item, category, customer, or vendor; export for reconciliation and compliance.</p>
<p>Drill into any entry to view the linked invoice, count session, or adjustment. Negative balances display when applicable so nothing is hidden from auditors.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-15" tabindex="-1"
            aria-labelledby="feature-modal-2-2-15-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/smartphone.svg" alt="Customer App"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-15-label">
                            Inventory Count App                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Download the <b>Inventory Count App</b> for Android and sign in with your Universell credentials. Manage categories, modifiers, and variants on the device with real-time Wi-Fi sync to the web dashboard.</p>
<p>Scan barcodes on the sales floor, update counts without a desktop, and request one-on-one training from inside the app. Changes sync bidirectionally with Clover POS and your integrated website when connected.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-16" tabindex="-1"
            aria-labelledby="feature-modal-2-2-16-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bar-chart-2.svg" alt="Inventory Analytics"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-16-label">
                            Inventory Analytics                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Filter analytics by <b>Fixed</b>, <b>Variable With Tracking</b>, or <b>Variable Without Tracking</b> inventory. KPI cards cover vendors, purchase orders, reorders, imports, received stock, damaged items, sale pricing, and alert counts.</p>
<p>Switch between chart and grid views for top products, top categories, and weakest performers. Open Margin Report, Sales Analysis, Profit Analysis, and Inventory Summary tables showing total value, potential revenue, profit margin %, and quantity in stock—with print and download export.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-17" tabindex="-1"
            aria-labelledby="feature-modal-2-2-17-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/warehouse.svg" alt="Receive Inventory &amp; Purchase Orders"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-17-label">
                            Receive Inventory &amp; Purchase Orders                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create purchase orders one vendor at a time—add line items with cost, reorder qty, and place order. Or use <b>Manually Add Stock</b> to receive items from multiple vendors without a PO.</p>
<p>Tabs track <b>Open Purchase Order</b>, <b>Purchase Order Received</b>, and <b>Inventory Received</b> with variance columns for difference, damage qty, and tester qty. Receive inventory during the flow or add new products on the fly.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-18" tabindex="-1"
            aria-labelledby="feature-modal-2-2-18-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/store.svg" alt="Multi-Store Management"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-18-label">
                            Multi-Store Management                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Connect stores by Merchant ID or email, then approve inbound and outbound connection requests. Connected partners sync inventory, customers, rewards, coupons, gift cards, and stock transfer eligibility.</p>
<p>Manage active connections, pending requests, and cancelled partnerships from one screen. Mutual approval is required before sync begins—review each request before accepting.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-19" tabindex="-1"
            aria-labelledby="feature-modal-2-2-19-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/arrow-left-right.svg" alt="Stock Transfers"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-19-label">
                            Stock Transfers                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Start a transfer from your current store to any connected destination. Search products, see available quantity at source, and enter transfer qty—over-transfer is blocked when stock is insufficient.</p>
<p>Both stores update automatically: source gets Stock-Out, destination gets Stock-In. Add notes for restocking reasons or seasonal balancing; every transfer logs to the Inventory Log.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-20" tabindex="-1"
            aria-labelledby="feature-modal-2-2-20-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/building.svg" alt="Vendor Management"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-20-label">
                            Vendor Management                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build a vendor list with company name, contacts, email, phone, lifetime purchase value, and total received quantity. Upload vendor documents (PDF, Office formats) and track 1099-related fields for accounting.</p>
<p>Jump to <b>Reorder</b> from any vendor row. Toggle vendor status on/off without losing history.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-21" tabindex="-1"
            aria-labelledby="feature-modal-2-2-21-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/rotate-cw.svg" alt="Reorder Workflow"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-21-label">
                            Reorder Workflow                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open a vendor's <b>Product Reorder</b> tab to see qty on hand, suggested reorder qty, unit cost, and line totals. Select items in bulk, then download, print, share, or <b>Place Order</b> to generate a purchase order.</p>
<p><b>Purchase Orders</b> and <b>Order History</b> tabs track PO amounts, receipt variance, damage qty, and differences over time—so procurement stays tied to what actually arrived.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-2-22" tabindex="-1"
            aria-labelledby="feature-modal-2-2-22-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-2-22-label">
                            Inventory Automation                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create Inventory Automation rules with trigger name, inventory event, notify targets (customer, employee, merchant, or external source), and linked SMS and email templates. Preview templates before save, then set scheduling or recurrence in step two.</p>
<p>Alert the right people when stock runs low, shipments arrive, or custom inventory triggers fire—without manual follow-up from your ops team.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-4" tabindex="-1"
            aria-labelledby="feature-modal-2-3-4-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-4-label">
                            Add &amp; Edit Employee                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The <b>Add Employee</b> wizard walks through seven steps: basic information, access authorizations, confidential data,<br />
wages, commission, file uploads, and login access with working hours. Capture gender, position, role, PIN, emergency<br />
contacts, SSN, tax ID, 1099 tracking, and pay rate (hourly or salary) in one flow.</p>
<p><b>Edit Employee</b> adds an <b>Agreements</b> step for job responsibility, skills, description, and notes—plus top actions to<br />
reset password, log in as employee, chat, or mail. Upload documents and images with type constraints; restrict login by<br />
timezone, weekday, and time slot, with an option to allow access outside working hours.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-5" tabindex="-1"
            aria-labelledby="feature-modal-2-3-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/lock.svg" alt="Customer Vault"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-5-label">
                            Role &amp; Permissions                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Assign roles and fine-tune permissions with a View / Create / Edit / Delete matrix per module—Customer, CRM Automation, Leads, Pipeline, Customer Segment, Lead Catcher, Custom Forms, and more. Use <b>Manage Role</b> to define templates, then apply them during add or edit employee.</p>
<p>New hires get the right access on day one; role changes propagate without rebuilding accounts from scratch. Permissions align with Universell's sidebar modules so security matches how your business actually operates.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-6" tabindex="-1"
            aria-labelledby="feature-modal-2-3-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-6-label">
                            Employee Import                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Choose <b>Basic Import</b> to download a sample CSV/XLSX with essential fields—keep column order, leave optional fields blank, and upload. Best for fast, minimal onboarding when data is already clean.</p>
<p><b>AI Import</b> uploads your file, validates entries, auto-corrects where possible, and lets you review results before final import. Both modes include an import guide video so HR and ops can self-serve without IT tickets.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-7" tabindex="-1"
            aria-labelledby="feature-modal-2-3-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/dollar-sign.svg" alt="Payroll &amp; Wages"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-7-label">
                            Payroll &amp; Wages                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open <b>Payroll Report</b>, pick an employee and date range, and switch tabs: <b>Wages</b> (regular and overtime hours,<br />
                rates, gross pay), <b>Order Commission</b>, <b>Volume Commission</b>, <b>Inventory Commission</b>,<br />
                                        <b>Deductions</b>, and <b>Payments</b>.</p>
<p>                                                        A right-side summary card rolls up wages, each commission type,<br />
                                                        deductions, and total due as of the report date. One workspace<br />
                                                        replaces scattered spreadsheets when it's time to pay the team.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-8" tabindex="-1"
            aria-labelledby="feature-modal-2-3-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-8-label">
                            Volume Commission                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Configure <b>Bonus Commission Levels</b> per employee—or <b>Copy to All Employee</b> to roll out a plan company-wide.<br />
Accordion sections cover <b>Daily Sales</b>, <b>Weekly Sales</b>, <b>Monthly Sales</b>, and <b>Order</b> thresholds,<br />
each with amount brackets and extra commission percentages.</p>
<p>Universell credits commissions on schedule: daily after 11:30 PM, weekly on Monday night, monthly on the last day, and<br />
order commission instantly when the sale posts. Tie pay directly to performance without manual calculation.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-9" tabindex="-1"
            aria-labelledby="feature-modal-2-3-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/file-text.svg" alt="1099 Reporting"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-9-label">
                            1099 Reporting                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Generate <b>1099 Report</b> tables with date, employee name, business ID, amount, and row actions. Export to <b>PDF</b><br />
or <b>Excel</b> for accounting and year-end filing.</p>
<p>Pair with confidential employee fields—business tax ID and <b>Track Payment for 1099</b>—so contractor classification<br />
and payment history stay aligned in one system.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-10" tabindex="-1"
            aria-labelledby="feature-modal-2-3-10-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-10-label">
                            Employee Performance                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The <b>Employee</b> dashboard tab surfaces headcount, new hires, clock activity, imports, volume commission, appointments, payouts, and performer rankings. Top 5 and weakest 5 cards by order value help managers coach reps and recognize wins.</p>
<p>Drill from summary KPIs into payroll, commission history, and order logs on each employee profile—performance data connects to pay, scheduling, and CRM assignment in one platform.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-11" tabindex="-1"
            aria-labelledby="feature-modal-2-3-11-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/history.svg" alt="Customer Communication Log"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-11-label">
                            Employee Activity History                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p><b>Employee Log</b> and history tabs consolidate Employee Log, Communication History, Note History, Order Log, Commission, Wages, Documents &amp; Images, and Metrics. Filter by date and search within tables to answer "who changed what and when."</p>
<p>Support disputes, compliance reviews, and manager check-ins without exporting to external tools. Every tab mirrors data your team already creates in sales, CRM, and payroll.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-12" tabindex="-1"
            aria-labelledby="feature-modal-2-3-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/calendar-range.svg" alt="Employee Scheduling"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-12-label">
                            Employee Scheduling                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build schedules from the <b>Schedule</b> list—employee name, schedule date, timezone, start/end time, and interval (e.g.,<br />
        15 or 20 minutes). Use <b>Quick Add</b> or <b>+ Employee Schedule</b> to create availability; edit or delete from<br />
                        row actions.</p>
<p>                        <b>Availability Schedule Detail</b> shows generated slots (ID, employee, date, timezone,<br />
                                start/end, interval). The <b>Add Employee Schedule</b> wizard covers date range,<br />
                                        weekdays, slot length, employee assignment, meeting provider URL, ad pixel<br />
                                        tracking, and share/preview steps.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-13" tabindex="-1"
            aria-labelledby="feature-modal-2-3-13-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/share-2.svg" alt="Schedule Catcher &amp; Share Links"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-13-label">
                            Schedule Catcher &amp; Share Links                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p><b>Share Schedule Link</b> sends your calendar via SMS, email, or copied link—or embed a <b>Schedule Catcher</b> on your<br />
                site with preview, copy code, and send-email actions. Customers see a branded flow: pick a date, choose<br />
                a time slot, and receive automatic confirmation.</p>
<p>                Paste catcher code on websites or social profiles so prospects book without phone tag. Employee-specific<br />
                and company-wide calendar embeds connect to <b>Scheduled Appointments</b> and CRM calendars</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-14" tabindex="-1"
            aria-labelledby="feature-modal-2-3-14-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-14-label">
                            Scheduled Appointments                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p><b>Scheduled Appointments</b> lists ID, employee schedule, calling context, employee ID, customer name, phone, email,<br />
notes, status, and actions. Track active bookings and manage the pipeline from schedule catcher, appointment catcher, or<br />
internal booking flows.</p>
<p>Every appointment links back to the customer record and employee schedule so reminders, follow-up, and revenue<br />
attribution stay accurate.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-15" tabindex="-1"
            aria-labelledby="feature-modal-2-3-15-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/folder.svg" alt="File Cabinet"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-15-label">
                            File Cabinet                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create folders, upload files or whole folders, and browse a tile-based library with search and reset. Supported content includes PDFs, videos, and office documents—with storage usage shown (e.g., MB used of total quota).</p>
<p>Trash, alphabetical sort, and per-file download/view actions keep HR and compliance paperwork centralized. Pair with employee file uploads on the profile for a complete document trail.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-16" tabindex="-1"
            aria-labelledby="feature-modal-2-3-16-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/graduation-cap.svg" alt="Learning Hub &amp; E-Learning"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-16-label">
                            Learning Hub &amp; E-Learning                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p><b>Learning Hub</b> organizes <b>Forms</b>, <b>Templates</b>, and <b>Archived</b> content. Create <b>E-Learning</b> templates<br />
                                        (interactive courses with graded testing after video completion) or <b>Quiz,<br />
                                            Test &amp; Scoring</b> templates with a point-based grading system.</p>
<p>                                                The test/survey designer offers a rich element palette—logo, agreement,<br />
                                                e-signature, header, lead catcher, learning video, payment, and<br />
                                                more—with rename, share, and preview. Publish <b>Anonymous</b>,<br />
                                                        <b>Customer Targeted</b>, or <b>Customer Group Targeted</b> forms;<br />
                                                                        end users see video players, required fields,<br />
                                                                        and submit flows with points tracking.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-17" tabindex="-1"
            aria-labelledby="feature-modal-2-3-17-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/messages-square.svg" alt="SMS Inbox &amp; Messaging"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-17-label">
                            Team Messenger                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p><b>Team Messenger</b> in the Employees mega-menu connects to Universell Communications—direct messages, channels,<br />
        threads, shared files, and voice/video calls. Managers reach field staff from the employee list via <b>Chat</b><br />
                and <b>Mail</b> actions on edit employee.</p>
<p>                        Internal collaboration stays inside the same login as CRM, sales, and scheduling—no extra Slack<br />
                        or Teams subscription required for day-to-day coordination.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-18" tabindex="-1"
            aria-labelledby="feature-modal-2-3-18-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-18-label">
                            Employee Automation                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create <b>Employee Automation</b> rules from Marketing → Automation: define trigger name, trigger event, time frame, SMS template, and email template. The list tracks ID, created date, and actions for each rule.</p>
<p>Automate onboarding reminders, schedule change alerts, certification due dates, and internal notifications—same wizard pattern as CRM and Sales Automation so ops teams configure once and reuse everywhere.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-3-19" tabindex="-1"
            aria-labelledby="feature-modal-2-3-19-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-3-19-label">
                            Workforce Apps &amp; Integrations                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open <b>Apps &amp; Integrations</b> from Employee Management to access the <b>Chat App</b>, <b>Inventory Count App</b>, and<br />
                        <b>Customer App</b>—each with platform badges for mobile distribution. <b>Request Training</b><br />
                                        schedules onboarding for your team on the apps they use in the field.</p>
<p>                                        Inventory Count syncs with the web dashboard and Clover POS; Customer App ties<br />
                                        to CRM and rewards. Centralized app discovery keeps mobile and tablet workflows<br />
                                        visible to every manager.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-4" tabindex="-1"
            aria-labelledby="feature-modal-2-4-4-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/zap.svg" alt="Make a Sale"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-4-label">
                            Make a Sale                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Use <b>Make a Sale</b> in the global header to start a transaction without navigating away from your current work. Enter an amount and go—ideal for fast counter sales, deposits, or walk-in payments when speed matters.</p>
<p>The shortcut connects to the same payment engine as the Virtual Terminal, so tax, discounts, customer assignment, and receipt handling stay consistent across every sale channel.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-5" tabindex="-1"
            aria-labelledby="feature-modal-2-4-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/lock.svg" alt="Customer Vault"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-5-label">
                            Customer Vault                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Activate <b>PrimeGateway Customer Vault</b> to save payment methods customers authorize for future use. Saved cards appear on the customer 360 profile and at checkout—virtual terminal, invoices, jobs, and recurring plans.</p>
<p>Reduce friction for repeat buyers and subscription customers while keeping sensitive card data handled through your payment gateway—not scattered across spreadsheets or sticky notes.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-6" tabindex="-1"
            aria-labelledby="feature-modal-2-4-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/receipt.svg" alt="Invoicing"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-6-label">
                            Invoicing                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build single or recurring invoices with line items, service dates, SKU, modifiers, attachments, and customizable messages. Choose from 10 branded templates, preview before send, and offer partial payments so customers pay what they can now and the balance later.</p>
<p>Invoice settings cover Bill Pay Portal access, automated reminders, early-payment discounts, SMS alerts, and chargeback-reduction emails. Row actions let you send statements, reassign employees, convert to jobs, link to existing jobs, or collect payment in one click.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-7" tabindex="-1"
            aria-labelledby="feature-modal-2-4-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-signature.svg" alt="Estimates"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-7-label">
                            Estimates                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create estimates with the same detail as invoices—primary contact info, job address, start/end times, line items, terms, messages, and attachments. Send for customer approval and track status from Open to Converted to Invoice.</p>
<p>When the customer pays, Universell tracks balance, refunds, and payment history through the conversion. Link estimates to jobs so field work and billing stay aligned from first quote to final payment.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-8" tabindex="-1"
            aria-labelledby="feature-modal-2-4-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/repeat.svg" alt="Recurring Payments"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-8-label">
                            Recurring Payments                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Set up recurring sales in a three-step wizard: select customer and amount, choose interval and end rules (no end date, end date, or fixed number of occurrences), then enter payment details. Auto-generated orders bill on schedule—view, pause, or stop any plan from the Recurring Payments list.</p>
<p>Filter by date, payment method, customer, employee, frequency, and amount. <b>View Failed Transactions</b> surfaces decline reasons and occurrence numbers so you can recover revenue before churn sets in.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-9" tabindex="-1"
            aria-labelledby="feature-modal-2-4-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pen-line.svg" alt="E-Sign"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-9-label">
                            E-Sign                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Manage signature workflows from draft through signed. Status tabs—Draft, Sent, Signed, Deleted, Voided, and Templates—keep every envelope organized. Upload a PDF, add recipients, place signature fields, and monitor progress bars showing who still needs to sign.</p>
<p>E-Sign integrates with agreements and sales documents so contracts close faster without printing, scanning, or chasing paper.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-10" tabindex="-1"
            aria-labelledby="feature-modal-2-4-10-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-check-2.svg" alt="Agreements"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-10-label">
                            Agreements                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create one-time or ongoing service agreements in a two-step wizard: add details, then preview and send. Choose payment terms, e-sign expiry, verification options (snapshot, photo ID, sign without payment), and optional ticket creation with assignment.</p>
<p>Rich work descriptions, service/price tables, and template merge fields produce polished agreements. Signed agreements sync to the customer profile alongside deals, orders, and support history.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-11" tabindex="-1"
            aria-labelledby="feature-modal-2-4-11-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-11-label">
                            Online Booking Forms                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build booking forms in three steps: describe your form, choose services with pricing and duration toggles, then assign employees and review a live customer preview. Offer instant confirmation or approval-required bookings, with or without upfront payment.</p>
<p>Share via embed code, direct link, email, SMS, QR code, or social apps. Customize email templates for confirmed, received, and status-updated bookings—and add Meta Pixel, Google Tag Manager, or custom tracking pixels to measure conversions.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-12" tabindex="-1"
            aria-labelledby="feature-modal-2-4-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/wrench.svg" alt="Jobs &amp; Field Service"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-12-label">
                            Jobs &amp; Field Service                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The Job Dashboard shows active and archived jobs with customer, employee, source, date/time, status, and total amount. Jobs auto-populate when you convert invoices, estimates, or agreements—schedule with employee availability, title, and address from a calendar picker.</p>
<p>Collect payments in-job via card, ACH, or cash. Aggregate unpaid invoices, estimates, and agreements on one job, save cards to the customer profile, and update job status inline as work progresses.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-13" tabindex="-1"
            aria-labelledby="feature-modal-2-4-13-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/map.svg" alt="Route Planning"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-13-label">
                            Route Planning                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Open the Route Dashboard, pick a date and employee, and see every stop plotted on an interactive map with numbered markers. Review stop counts per rep and toggle <b>show selected route on map</b> to plan efficient drive order.</p>
<p>Edit routes per employee so technicians spend less time driving and more time delivering service—especially valuable for mobile businesses with multiple appointments per day.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-14" tabindex="-1"
            aria-labelledby="feature-modal-2-4-14-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-list.svg" alt="Order Management"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-14-label">
                            Order Management                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The order list supports scan-by-SKU, import, Bill Pay Portal access, and deep filters—payment method, delivery method, employee, status, order type, source, and amount range. Quick date presets (Today, Yesterday, Last 7 Days) speed up daily reconciliation.</p>
<p>Columns cover order ID, QuickBooks invoice number, customer, amount, status, type, shipment type, and notes. Manage upcoming recurring orders and jump to order management tools without leaving the sales workflow.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-17" tabindex="-1"
            aria-labelledby="feature-modal-2-4-17-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-17-label">
                            Payment Forms                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Build and manage payment forms from the Sales mega-menu—list existing forms, add new ones, and share embeddable checkout experiences that connect to your payment gateway. Customers pay without calling or visiting in person.</p>
<p>Payment Catcher submissions flow into Universell as orders, keeping web payments alongside terminal, invoice, and booking revenue in one reporting view.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-18" tabindex="-1"
            aria-labelledby="feature-modal-2-4-18-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/ticket.svg" alt="Event Ticketing"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-18-label">
                            Event Ticketing                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Set up event ticketing forms to sell admission, registrations, or seat-based access online. Ticket payments appear as <b>Event Ticket Payment</b> orders in analytics and order lists alongside invoices, bookings, and terminal sales.</p>
<p>Pair with email confirmations and customer records so attendees, purchasers, and refund requests are easy to find after the event.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-19" tabindex="-1"
            aria-labelledby="feature-modal-2-4-19-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-19-label">
                            Order Analytics                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The Order Analytics dashboard filters by agreement, invoice, recurring invoice, estimate, job, Fast Shop, booking, event ticket, pre-auth sale, and more. KPI cards compare number of orders, users, items ordered, and average order value against the previous period.</p>
<p>Charts show revenue vs order count by week, orders placed vs shipped, and sales by customer country—so leadership sees what is selling, where, and whether fulfillment keeps pace with demand.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-4-20" tabindex="-1"
            aria-labelledby="feature-modal-2-4-20-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/bot.svg" alt="Inventory Automation"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-4-20-label">
                            Sales Automation                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Create Sales Automation rules with the same wizard pattern as CRM Automation: pick a trigger event, choose who to notify (customer, employee, merchant, or external source), attach SMS and email templates, then set scheduling or recurrence.</p>
<p>Automate payment reminders, post-purchase follow-ups, failed payment alerts, and internal handoffs so routine sales communication runs on autopilot.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-3" tabindex="-1"
            aria-labelledby="feature-modal-2-5-3-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/layout-grid.svg" alt="Storefront Branding"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-3-label">
                            Storefront Branding                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Change the Fast Shop logo, upload or select banners from the library, add scrolling header/footer banner messages, and choose a storefront template from the theme gallery. Product positioning lets merchants reorder cards on selected pages, while category and subcategory managers control images, display order, and Fast Shop visibility.</p>
<p>Store Appearance settings cover theme colors, button colors, link/highlight colors, product borders, product card backgrounds, thumbnail backgrounds, font family, font size, and text colors. This gives non-technical users control over the shopping experience without code.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-4" tabindex="-1"
            aria-labelledby="feature-modal-2-5-4-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/share-2.svg" alt="Schedule Catcher &amp; Share Links"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-4-label">
                            Store Sharing &amp; QR Codes                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The Fast Shop <b>Share</b> modal generates a public shop link, copy action, and QR code. Merchants can distribute the<br />
        store via email, SMS/chat, Facebook, X, Instagram, printed QR, or copied QR.</p>
<p>        This makes Fast Shop useful for in-store signage, social promotion, text campaigns, and direct customer<br />
        follow-up from the same admin console.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-5" tabindex="-1"
            aria-labelledby="feature-modal-2-5-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/sliders-horizontal.svg" alt="Modifiers &amp; Customization"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-5-label">
                            Checkout Controls                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Fast Shop settings include abandoned cart tracking, quick checkout, custom product requests, disabled add-to-cart rules, and out-of-stock ordering behavior. Abandoned carts are marked after one unpaid hour, and matching email/phone/amount can update existing checkout records instead of creating duplicates.</p>
<p>Quick Checkout lets customers complete purchases without leaving the product/listing page. Disable Add to Cart can target categories, subcategories, or specific products. Out-of-stock ordering can be allowed while Universell preserves inventory accuracy through automatic stock-in and stock-out adjustments.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-6" tabindex="-1"
            aria-labelledby="feature-modal-2-5-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-6-label">
                            Domain, SEO &amp; Analytics                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Domain Setup supports associating an existing domain, purchasing through Mydomainx.com, or using the built-in shareable Fast Shop URL. SEO Settings include page title, permalink, description, meta keywords, header code, footer code, and a hide-from-search-engines option.</p>
<p>Google Analytics guidance is built into setup, making it easier to connect tracking without leaving the admin flow. Header/footer code fields also support conversion pixels and site verification scripts.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-7" tabindex="-1"
            aria-labelledby="feature-modal-2-5-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/boxes.svg" alt="Product Catalog"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-7-label">
                            Public Product Catalog                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The public storefront includes logo, Home/FAQ navigation, search, Login, cart, category tabs, sort controls, filters for category, price, color, name, and size, and products-per-page selection. Product cards show images, item names, variant metadata, price, quantity controls, and Add to Cart.</p>
<p>Product detail pages include image gallery, breadcrumb, title, category/subtitle, star rating, reviews link, price, color swatches, size selector, quantity controls, availability, Add to Cart, Buy Now, Share, and shipping messages.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-8" tabindex="-1"
            aria-labelledby="feature-modal-2-5-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-8-label">
                            Online Checkout                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Guest checkout captures first name, last name, email, phone, billing address, country/state/city/zip, shipping address, cart, and order summary. Logged-in customers see prefilled profile data, editable addresses, rewards redemption slider, available points, legal/consent language, and saved customer context.</p>
<p>Checkout includes Local Delivery and Web Shipping options, card and gift-card payment tabs, coupon application, authorization checkbox, and Proceed to Payment. Completed orders show product totals, tax, shipping, billing/payment status, shipping/fulfillment status, tracking history, printable receipt, and download actions.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-9" tabindex="-1"
            aria-labelledby="feature-modal-2-5-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/users.svg" alt="Phone Numbers, Extensions &amp; Call Groups"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-9-label">
                            Customer Order Portal                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Logged-in shoppers get a customer dropdown with <b>Orders</b>, <b>Profile</b>, and <b>Logout</b>. The My Orders page<br />
                        supports start/end date filters, fulfillment status, table search, receipt actions, and footer<br />
                        links for Home, Order List, Profile, Contact Us, FAQ, Privacy Policy, Terms, Return/Refund<br />
                        Policy, Shipping Policy, and Payment Policy.</p>
<p>                        This self-service layer reduces support calls and keeps customer-facing order status aligned<br />
                        with Universell's internal sales and fulfillment records.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-10" tabindex="-1"
            aria-labelledby="feature-modal-2-5-10-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/plug.svg" alt="Workforce Apps &amp; Integrations"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-10-label">
                            WordPress Integrated Site                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>WordPress Integrated Site connects an existing WordPress storefront to Universell so customers, inventory, and orders sync in real time. Merchants can manage sales, leads, and marketing from one dashboard while keeping their existing website presence.</p>
<p>The screen includes <b>View Plugin in Wordpress</b> and a service option for a professionally designed WordPress site integrated with CRM, lead forms, and booking tools.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-12" tabindex="-1"
            aria-labelledby="feature-modal-2-5-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-12-label">
                            Landing Page Designer                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>After generation, the page opens in a drag-and-drop designer with Go Back, editable page name, Preview, Save As Landing Page, and Save As Template. The AI Chat Editor can refine copy, sections, and structure, while the right panel exposes Elements, Properties, and Layers.</p>
<p>Elements include layout blocks, text, link, image, video, map, quote, form, input, textarea, select, button, label, checkbox, and radio. Settings cover landing page name, keyword, thumbnail, and domain connection. Share supports social channels, link copy, QR code, email, SMS, and print code.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-13" tabindex="-1"
            aria-labelledby="feature-modal-2-5-13-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-13-label">
                            Landing Page Dashboard                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Existing Landing Pages shows summary metrics for pages live, total views, leads captured, and average conversion. Filter by All, Live, or Draft; search pages; open Archived; select templates; or create a new page.</p>
<p>Each card includes thumbnail, page name, industry/category tags, connection status, updated date, and Live badge. Lead capture and conversion metrics activate after lead forms are selected or added.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-5-14" tabindex="-1"
            aria-labelledby="feature-modal-2-5-14-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-5-14-label">
                            E-Commerce Automation                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Ecommerce Automation sits alongside CRM, Sales, Inventory, Employee, and Marketing automation modules. Use it for post-purchase follow-up, abandoned checkout reminders, product interest campaigns, order status messaging, and internal handoffs tied to Fast Shop and web activity.</p>
<p>The automation model follows Universell's trigger/template/scheduling pattern, so merchants can reuse SMS and email templates across web, CRM, and sales workflows.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-4" tabindex="-1"
            aria-labelledby="feature-modal-2-6-4-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-4-label">
                            Rewards Dashboard                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The Rewards Dashboard shows loyalty performance with date filters and KPI cards for <b>Points Redeemed</b>, <b>Amount<br />
            Spent as Reward</b>, <b>Customers Enrolled</b>, and <b>Points Awarded</b>. Manage reward programs from one<br />
                                screen: First Time, Refer A Friend, Birthday, Comeback, and Punch Card Rewards all<br />
                                appear as enabled reward cards.</p>
<p>                                Global settings include Setup Rewards, Auto Reminder settings, Rewards Transaction<br />
                                templates, Rewards Flyer template, Import Rewards, and Rewards Redemption Time Slots.<br />
                                Recent redeemed/awarded transactions are searchable by customer, points, date, and<br />
                                actions.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-5" tabindex="-1"
            aria-labelledby="feature-modal-2-6-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/settings.svg" alt="Communication Settings"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-5-label">
                            Rewards Setup                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Setup Rewards lets merchants define the core loyalty conversion: how much spend earns how many points, how many points convert into account credit, and when points expire. A summary panel clearly shows both earning and redemption rules.</p>
<p>When reward rules change, Universell warns if customers have not been notified. Use <b>Save and Notify Customers</b> or <b>Save</b>, and update notification email/SMS templates from the same screen.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-6" tabindex="-1"
            aria-labelledby="feature-modal-2-6-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/file-edit.svg" alt="Collaborative Documents"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-6-label">
                            Reward Templates &amp; Flyers                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Rewards Transaction Templates manage both <b>Rewards Received</b> and <b>Rewards Redeemed</b> notifications with email previews and SMS phone previews. SMS templates include character counters, live mobile preview, and merge fields such as `{{reward points}}` and `{{Retail Business Name}}`.</p>
<p>The Rewards Flyer Template uses a drag-and-drop visual editor with blocks for text, images, links, forms, buttons, and layout. Flyers can be emailed, downloaded, or printed for in-store loyalty promotion.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-7" tabindex="-1"
            aria-labelledby="feature-modal-2-6-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/upload.svg" alt="Bulk Import"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-7-label">
                            Reward Import &amp; Redemption Time Slots                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Import Rewards walks users through downloading a sample CSV, editing the correct columns, uploading CSV/Excel, and importing. This supports migration or bulk loyalty adjustments without manual point entry.</p>
<p>Rewards Redemption Time Slots let merchants enable redemption windows by day, start time, and end time. Each row has an enabled toggle and action controls so businesses can limit point redemption to approved hours.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-8" tabindex="-1"
            aria-labelledby="feature-modal-2-6-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/user-plus.svg" alt="Lead Management"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-8-label">
                            First Time Rewards                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>First Time Rewards includes campaign metrics, enable/disable control, first-time reward points, validity period in days, and poster preview with Customize and Download. Share the reward via email or SMS and update both templates.</p>
<p>Award points manually to selected customers or groups, preview email/SMS, and send. Reminder screens target customers who earned rewards but have not used them, with customizable email and SMS templates including AI-assisted SMS generation.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-9" tabindex="-1"
            aria-labelledby="feature-modal-2-6-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/clipboard-check.svg" alt="Physical Inventory Count"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-9-label">
                            Punch Card Rewards                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Punch Card Rewards supports rule-based rewards such as “after 2 purchases, free product” or “after 10 purchases, receive $5.” Each rule can be enabled or deleted, and campaigns can be advertised to selected customers or groups.</p>
<p>The dashboard tracks points awarded and customers enrolled. Reminder flows identify customers who have not made purchases after receiving rewards, with email/SMS previews, template editors, and send email/message modals.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-10" tabindex="-1"
            aria-labelledby="feature-modal-2-6-10-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/repeat.svg" alt="Recurring Payments"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-10-label">
                            Comeback Rewards                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Comeback Rewards target customers based on days since last purchase. Set reward points, inactivity threshold, validity period, enable the campaign, then send targeted offers to selected inactive customers.</p>
<p>Reminder workflows show customers who earned comeback rewards but have not used them. Email and SMS templates include “We Miss You” messaging, preview screens, rich editors, AI SMS generation, and send modals.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-11" tabindex="-1"
            aria-labelledby="feature-modal-2-6-11-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/calendar-check.svg" alt="Online Booking Forms"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-11-label">
                            Birthday Rewards                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Birthday Rewards define points awarded on birthday, validity period, and how many days before the birthday rewards should be awarded. The dashboard includes campaign metrics, poster preview, Customize/Download, and Enable Campaign controls.</p>
<p>Send reminders to customers with birthday rewards, update birthday email and SMS templates, and send direct email or message campaigns to selected customers or groups.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-12" tabindex="-1"
            aria-labelledby="feature-modal-2-6-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/users-2.svg" alt="Refer A Friend Rewards"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-12-label">
                            Refer A Friend Rewards                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Refer A Friend lets merchants set points for the referrer, points for the friend, monthly referral limits, validity period, and campaign status. Share through email/SMS and use the poster preview for in-store or digital promotion.</p>
<p>Advertise referral rewards to customers/groups, send reminders, and customize <b>Rewards Earned</b> and <b>Rewards Received</b> templates with merge fields for customer name, referred name, points, and business name.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-13" tabindex="-1"
            aria-labelledby="feature-modal-2-6-13-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/package-plus.svg" alt="Add &amp; Edit Products"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-13-label">
                            Product Promotions                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Product Promotion creates product-wise campaigns through a three-step wizard: campaign details, template customization, and promote campaign. Fields include campaign name, public title, start/end dates, discount percentage, sale days, selected item, inventory, terms, description, and external website link.</p>
<p>The campaign template builder includes drag-and-drop blocks, product artwork, sale dates, discount, Shop Now/Visit Store CTAs, and contact details. Promote campaigns with shareable links, QR codes, email/social/messaging icons, transactions, customer views, and copy-and-create actions.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-14" tabindex="-1"
            aria-labelledby="feature-modal-2-6-14-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/store.svg" alt="Multi-Store Management"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-14-label">
                            Store Promotions                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Store Promotion applies a campaign to the entire store with fields for campaign name, public title, description, terms, start/end dates, discount, and sale days. The wizard includes campaign details, template customization, and customer/group selection.</p>
<p>Audience controls support all customers, individual customers, groups, and segments. Campaign lists include upcoming and past tabs, edit/copy/delete actions, preview modal, delete confirmation, detailed campaign columns, and current campaign views.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-15" tabindex="-1"
            aria-labelledby="feature-modal-2-6-15-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/ticket.svg" alt="Event Ticketing"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-15-label">
                            Coupon List                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Coupon List shows coupon code, start/end date, promo value, created date, status toggle, and actions. Add or edit coupons with name, all-inventory toggle, category, subcategory, inventory, discount, start date, expiration date, sale price days, and QR code.</p>
<p>Row actions include <b>Clone Coupon</b> and <b>Coupon Logs</b>. Logs track who changed coupon data, old values, updated values, and timestamps for auditability.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-16" tabindex="-1"
            aria-labelledby="feature-modal-2-6-16-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/mail.svg" alt="Coupon Campaigns"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-16-label">
                            Coupon Campaigns                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Coupon Campaigns support campaign lists, status toggles, logs, transactions, reports, edit, copy, and campaign report actions. Campaigns can use small-scale templates or large-scale enterprise templates.</p>
<p>The wizard covers template choice, campaign details, audience, and scheduling/recurring rules. Define coupon code, dates, email template, subject, message, tags, header/footer display, customers or leads, groups, bounced emails, Send Now, scheduled delivery, recurring intervals, and ending rules.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-17" tabindex="-1"
            aria-labelledby="feature-modal-2-6-17-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/mail.svg" alt="Coupon Campaigns"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-17-label">
                            Email Campaigns                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Email Campaigns list campaign name, recurring state, scheduled state, email sent, created date, status, and actions. Row<br />
actions include edit, copy, campaign log, transactions, report, and side-panel preview.</p>
<p>Campaign creation supports <b>Small-Scale Announcements</b>, <b>For CRM Users</b>, and <b>Large-scale Marketing</b>.<br />
                        Small-scale campaigns use standard templates and messages; CRM-user campaigns use CRM email<br />
                        templates; enterprise campaigns use a template gallery, drag-and-drop customization, audience<br />
                        selection, bounced-email handling, and scheduling/recurrence.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-18" tabindex="-1"
            aria-labelledby="feature-modal-2-6-18-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/message-circle.svg" alt="SMS Marketing"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-18-label">
                            SMS Campaigns                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>SMS Campaigns show connected phone numbers, SMS Policy &amp; Best Practices, Add Another Phone, and Create SMS Campaign. The table tracks campaign name, sending number, schedule state, total recipients, delivered, undelivered, created date, status, and actions.</p>
<p>The Create Campaign wizard includes campaign name, message, customer/group selection, sending number, Send Now or Schedule, final review, and Launch Campaign. Campaign logs summarize Total Recipients, Delivered, Undelivered, and recipient activity.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-19" tabindex="-1"
            aria-labelledby="feature-modal-2-6-19-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/file-text.svg" alt="1099 Reporting"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-19-label">
                            CRM SMS &amp; Email Templates                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>SMS/Email Template for CRM includes Email Template, SMS Template, and Archived Template tabs. Filter by associated module or category and search templates tied to Customers, Leads, Pipeline, Customer Segment, Customer App, Lead Catcher, Appointment Catcher, Custom Forms, Tickets, and more.</p>
<p>Email template actions include preview, permissions, edit, manage attachments, copy, and delete. SMS template actions include edit, access permission, delete, and preview. Archived templates can be previewed or restored.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-20" tabindex="-1"
            aria-labelledby="feature-modal-2-6-20-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/layout-grid.svg" alt="Storefront Branding"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-20-label">
                            Enterprise Templates                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Enterprise Template provides a gallery of 186 templates with filters for template category, tags, and search. Templates such as Barber Shop and Chai-Tees can be selected for large-scale email and coupon campaigns.</p>
<p>Once selected, templates open in the campaign builder for customization with layout blocks, images, copy, forms, buttons, and style settings.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-21" tabindex="-1"
            aria-labelledby="feature-modal-2-6-21-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/workflow.svg" alt="CRM Automation"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-21-label">
                            Marketing Automation                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Marketing Automation lists campaign name, trigger, audience, status, and actions, with filters for Audience and Status. Row actions include edit, view logs, resume, and test campaign.</p>
<p>The automation wizard includes Campaign Details, Designer, and Sending Options. The designer supports triggers, Send Email, Send SMS, Wait/Delay, Add to Segment, conditions like Email Opened and Link Clicked, and goal nodes. Sending options control launch timing, re-entry rules, owner notifications, end conditions, and test mode.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-22" tabindex="-1"
            aria-labelledby="feature-modal-2-6-22-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/bar-chart-3.svg" alt="Employee Performance"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-22-label">
                            Marketing Analytics                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Marketing Analytics includes tabs for <b>Campaigns</b>, <b>Payment Catcher</b>, and <b>Automation</b>. Filter by period,<br />
                        date range, campaign type, campaign tags, campaign name, email template, automation type, and<br />
                        more.</p>
<p>                        Metrics include recipients, open rate, click rate, placed order rate, bounce rate, spam rate,<br />
                        unsubscribe rate, revenue, and deliverability health. Detail views include Overview, Recipient<br />
                        Activity, Conversions, Deliverability, engagement over time, email send volume by provider,<br />
                        campaign performance tables, and order placed details.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-23" tabindex="-1"
            aria-labelledby="feature-modal-2-6-23-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-23-label">
                            E-Gifts                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>E-Gift Marketing lists order ID, card number, issue date, customer, issued amount, and actions. History shows transaction type/date, card number, customer, and amount. Card Info displays front/back/barcode views, issue details, Flip Card, Close, and Top Up Card.</p>
<p>Issue E-Gift Card is a five-step wizard: Primary Info, Select E-Gift Card Design, Card Customization, Select Card Recipients, and Payment. Customize card designs, edit business fields and terms, add recipients, and collect payment.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-24" tabindex="-1"
            aria-labelledby="feature-modal-2-6-24-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-24-label">
                            Gift Card Management                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Manage Gift Card includes tabs for All, Physical, Digital, Promotional, and UnAssigned Card. The table shows card number, customer, card type, issue date, amount, and actions, with history modals for card details and transaction history.</p>
<p>Issue Gift Card supports Physical, Digital, and Promotional types. Physical cards use scan/verify card number and amount, customer selection, and payment confirmation. Digital cards use design selection, amount, recipient, and payment. Promotional cards move into the Gift Card Promotions workflow.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-25" tabindex="-1"
            aria-labelledby="feature-modal-2-6-25-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/gift.svg" alt="Product Bundles"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-25-label">
                            Promotional Gift Cards                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Gift Card Promotions use a four-step wizard: Promotional Gift Card Information, Customize Gift Card, Sending Options, and Confirm. Set title, description, start/end dates, amount, design, and audience (new customer, all customers, specific customer, group/segment).</p>
<p>Campaign cards show title, date range, issued count, redeemed count, and status. Preview supports front/back flip; delete warns associated cards become unavailable; issued/redeemed drilldown shows campaign totals, recipient filters, card numbers, issued amount, current balance, and actions.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-26" tabindex="-1"
            aria-labelledby="feature-modal-2-6-26-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/credit-card.svg" alt="Payment Forms"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-26-label">
                            Physical Gift Cards                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Order Physical Gift Card lists quantity, design, shipping address, order ID, order date, amount, payment method, status, and action. Invoice view shows bill-to, service line, quantity, rate, taxes, total, payment, balance, and paid status.</p>
<p>The ordering wizard collects business name, email, quantity, shipping priority, shipping address, design, gift-card amount/custom fields, and final confirmation. Confirm shows estimated delivery, printing charges, shipping charges, total, and reminder to load cards after receipt.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-27" tabindex="-1"
            aria-labelledby="feature-modal-2-6-27-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/rotate-cw.svg" alt="Reorder Workflow"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-27-label">
                            Gift Card Balance, Reload &amp; Import                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Check Gift Card Balance accepts scanned or typed card numbers and returns balance, card type, order ID, issue date, issue amount, and associated customer. Reload Gift Card verifies a card, captures reload amount, processes card payment, and shows a success modal with order ID, transaction ID, reload amount, updated balance, and email-sent note.</p>
<p>Import Gift Card uses a sample Excel workflow: download file, follow instructions, upload, and import. Rules include unique gift-card code, valid numeric amount, type values (1 physical, 2 digital), and customer matching by ID, email, or phone, with optional auto-create behavior.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-6-28" tabindex="-1"
            aria-labelledby="feature-modal-2-6-28-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/06/pie-chart.svg" alt="Order Analytics"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-6-28-label">
                            Gift Card Analytics                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Gift Card Analytics filters by date and campaign. KPI cards show Total Gift Cards Issued, Total Value Issued, Redeemed Value, and Expired Gift Cards.</p>
<p>Charts compare Gift Cards Issued vs Redeemed with Quantity/Value toggles and show Gift Card Value Distribution. This gives marketing and finance a shared view of liability, redemption, and campaign usage.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-5" tabindex="-1"
            aria-labelledby="feature-modal-2-7-5-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/qbo-sync.svg" alt="QBO Online Sync"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-5-label">
                            QBO Online Sync                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>QuickBooks Online sync keeps core business data aligned between Universell and QBO with a choice of real-time two-way sync or daily one-way sales sync.</p>
<p>Merchants can preserve continuity across sales, customers, inventory, invoices, taxes, and discount data while still maintaining flexible manual sync options. The integration is designed to reduce duplicate entry, keep accounting records current, and support businesses that already rely on QuickBooks as their financial source of truth.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-6" tabindex="-1"
            aria-labelledby="feature-modal-2-7-6-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/xero-sync.svg" alt="Xero Sync"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-6-label">
                            Xero SyncKeep invoices, customers, inventory, and tax data in step with Xero.                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Xero sync provides a direct bridge between Universell and Xero for full business-data synchronization.</p>
<p>The integration is positioned for merchants who want invoices, customers, inventory, taxes, and surcharge details to move smoothly between systems. Real-time updates and manual sync controls help teams keep accounting workflows accurate while reducing reconciliation work.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-7" tabindex="-1"
            aria-labelledby="feature-modal-2-7-7-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/service-pro911.svg" alt="ServicePro 911"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-7-label">
                            ServicePro 911                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>ServicePro 911 is presented as a service-focused integration that helps route operational activity into a more responsive service workflow.</p>
<p>It supports businesses that need a streamlined way to connect service requests, customer information, and operational follow-up with the broader Universell platform. The result is a cleaner handoff between day-to-day service work and the rest of the business stack.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-8" tabindex="-1"
            aria-labelledby="feature-modal-2-7-8-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/piggy-bank-POS.svg" alt="Piggy Bank POS"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-8-label">
                            Piggy Bank POS                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Piggy Bank PoS brings processor-friendly point-of-sale connectivity into the Universell ecosystem.</p>
<p>This integration is ideal for merchants who want to keep their checkout process efficient without disrupting existing payment relationships. It is built to support connected commerce flows where payment hardware, transaction capture, and reporting need to stay aligned.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-9" tabindex="-1"
            aria-labelledby="feature-modal-2-7-9-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/clover-POS.svg" alt="Clover POS"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-9-label">
                            Clover POS                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Clover PoS integration connects Universell to Clover-based hardware and workflows, making it easier to sync point-of-sale activity with the rest of the system.</p>
<p>The integration supports a variety of Clover device options and is designed for merchants who want dependable checkout performance, familiar device experiences, and a smoother path to centralized business reporting.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-10" tabindex="-1"
            aria-labelledby="feature-modal-2-7-10-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/go-daddy-poynt.svg" alt="GoDaddy Poynt POS"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-10-label">
                            GoDaddy Poynt POS                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>GoDaddy Poynt PoS extends Universell compatibility to merchants using Poynt-powered checkout hardware.</p>
<p>The integration is built to help businesses continue using their preferred processor and device family while still connecting sales activity to Universell. It offers a practical way to keep the checkout experience stable and the back office synchronized.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-11" tabindex="-1"
            aria-labelledby="feature-modal-2-7-11-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/universellpos.svg" alt="UNIVERSELL POS"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-11-label">
                            UNIVERSELL POS                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>UNIVERSELL PoS gives merchants a native point-of-sale path inside the Universell ecosystem.</p>
<p>It is designed for teams that want a tightly integrated checkout experience with fewer moving parts between sales, payments, and reporting. The native POS path supports fast adoption, consistent workflows, and a cleaner connection to the rest of the platform.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-12" tabindex="-1"
            aria-labelledby="feature-modal-2-7-12-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/customer-app.svg" alt="Customer App"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-12-label">
                            Customer App                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The Customer App creates a direct customer touchpoint for self-service and engagement.</p>
<p>It is designed to support easy access to customer data, quick orders, special deals, and other customer-facing interactions. With a mobile-friendly experience, businesses can extend their brand beyond the counter and keep customers connected between visits.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-13" tabindex="-1"
            aria-labelledby="feature-modal-2-7-13-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/universellpos.svg" alt="Inventory Count App"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-13-label">
                            Inventory Count App                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                
<p>The Inventory Count App helps teams record and manage inventory from a mobile-first workflow.</p>
<p>It supports accurate stock-taking, faster updates, and reduced manual error during count sessions. This makes it easier for staff to stay productive on the floor while keeping inventory records aligned with the main dashboard.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-14" tabindex="-1"
            aria-labelledby="feature-modal-2-7-14-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/chat-app.svg" alt="Chat App"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-14-label">
                            Chat App                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>Chat App strengthens team and customer communication through a connected messaging experience.</p>
<p>It is positioned as a collaboration and interaction layer for businesses that want faster responses, better coordination, and a more conversational way to engage. The app helps unify communication without forcing staff to leave the Universell environment.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
                <div class="modal fade feature-modal" id="feature-modal-2-7-15" tabindex="-1"
            aria-labelledby="feature-modal-2-7-15-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                                                    <div class="modal-icon">
                                <img src="https://www.universell.us/wp-content/uploads/2026/07/developer-portal.svg" alt="Developer Portal"
                                    width="32" height="32" />
                            </div>
                                                <h2 class="modal-title" id="feature-modal-2-7-15-label">
                            Developer Portal                        </h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                                                                            <div class="modal-rich-content">
                                <p>The Developer Portal provides a structured API reference for technical teams building against Universell.</p>
<p>It supports endpoint discovery, parameter review, request execution, and integration planning across core business areas. For teams that want to automate workflows, connect external systems, or extend platform capabilities, the portal serves as the launch point for custom development.</p>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
            <div class="modal fade universell-demo-modal" id="universell-demo-modal" tabindex="-1"
        aria-labelledby="universell-demo-modal-label" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <button type="button" class="btn-close universell-demo-close" data-bs-dismiss="modal"
                    aria-label="Close"></button>

                <div class="universell-demo-layout">
                    <aside class="universell-demo-intro">
                        <div class="universell-demo-pill">
                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                <rect width="20" height="14" x="2" y="3" rx="2" />
                                <path d="M8 21h8" />
                                <path d="M12 17v4" />
                            </svg>
                            Product Demo
                        </div>
                        <h2 id="universell-demo-modal-label">Book a Demo</h2>
                        <p class="universell-demo-lead">
                            See how Universell can help grow your business with a personalized platform walkthrough.
                        </p>
                        <p>
                            Choose your business type and preferred time. Our team will contact you for a live product
                            demonstration.
                        </p>

                        <ul class="universell-demo-benefits">
                            <li>
                                <span aria-hidden="true">*</span>
                                Personalized Product Walkthrough
                            </li>
                            <li>
                                <span aria-hidden="true">
                                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <rect width="20" height="14" x="2" y="3" rx="2" />
                                        <path d="M8 21h8" />
                                        <path d="M12 17v4" />
                                    </svg>
                                </span>
                                Industry-Specific Recommendations
                            </li>
                            <li>
                                <span aria-hidden="true">
                                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <path d="M20 13c0 5-3.5 7.5-8 8.5C7.5 20.5 4 18 4 13V6l8-3 8 3v7Z" />
                                        <path d="m9 12 2 2 4-4" />
                                    </svg>
                                </span>
                                No Obligation Demo
                            </li>
                            <li>
                                <span aria-hidden="true">
                                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <circle cx="12" cy="12" r="10" />
                                        <path d="M12 6v6l4 2" />
                                    </svg>
                                </span>
                                30 Minutes
                            </li>
                        </ul>
                    </aside>

                    <div class="universell-demo-form-wrap">
                        <form action="https://universal.mybmr.com/addcustomer/5513212615339" id="webinar_catcher"
                            class="universell-demo-form"
                            enctype="multipart/form-data" method="post">
                            <div class="row g-3">
                                <div class="col-12">
                                    <div class="form-gorup">
                                        <label for="cus_fname" class="form-label">First Name</label>
                                        <input name="cus_fname" class="form-control" placeholder="First Name"
                                            required="" type="text" />
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-gorup">
                                        <label for="cus_lname" class="form-label">Last Name</label>
                                        <input class="form-control" name="cus_lname" placeholder="Last Name" required=""
                                            type="text" />
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-gorup">
                                        <label for="email" class="form-label">Email</label>
                                        <input class="form-control" name="email" placeholder="Email" required="required"
                                            type="email" />
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-gorup">
                                        <label for="cus_phone" class="form-label">Phone</label>
                                        <input class="form-control" name="cus_phone" placeholder="Phone" required=""
                                            type="number" />
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-gorup">
                                        <label for="company" class="form-label">Company name</label>
                                        <input class="form-control" name="company" placeholder="Company name"
                                            type="text" />
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="g-recaptcha" data-callback="recaptchaCallback"
                                        data-sitekey="6LdMwE0mAAAAAF6dPA9KoowLkny0OK2Xt6Mo8wGh"></div>
                                    <p class="error_msg">Please verify that you are not a robot.</p>
                                </div>
                                <div class="col-12">
                                    <div class="btn-area">
                                        <input class="main_btn orange_btn universell-demo-submit" type="submit"
                                            value="Schedule a Free Demo" />
                                        <input class="main_btn orange_btn dark_btn" type="reset" />
                                    </div>
                                </div>
                            </div>

                            <input name="leadSourceName" type="hidden" value="universell" /> <input name="redirectUrl"
                                type="hidden" value="https://" /> <input name="registrationMsg" type="hidden"
                                value="" />
                            <input name="assign_to" type="hidden"
                                value="3977377276392,2479544949055,0951096037321,4325761967547" /> <input
                                name="lead_access_id" type="hidden"
                                value="b6b582351d36c6937017344e0fca27fc30de53d3da8714a7c3eb2e8a1fc461f36abc61df5639d33d578cc5f1eebb157fc951f7b22897c105219217a94d2d5b075oOcyCdgR2a0wkT47ziNwbbtddTsIqO6otA+0zACIs8=" />
                            <input name="website_id" type="hidden" value="{{website_id}}" />
                            <input class="universell-demo-business-type-input" name="business_type" type="hidden" value="" />
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script>
        document.addEventListener('show.bs.modal', function (event) {
            if (!event.target || event.target.id !== 'universell-demo-modal') {
                return;
            }

            var trigger = event.relatedTarget;
            var businessType = trigger ? trigger.getAttribute('data-business-type') : '';
            var input = event.target.querySelector('.universell-demo-business-type-input');

            if (input) {
                input.value = businessType || '';
            }
        });

        document.addEventListener('submit', function (event) {
            if (!event.target || event.target.id !== 'webinar_catcher') {
                return;
            }

            if (typeof grecaptcha !== 'undefined' && grecaptcha.getResponse().length === 0) {
                event.preventDefault();
                var error = event.target.querySelector('.error_msg');
                if (error) {
                    error.style.display = 'block';
                }
            }
        });

        window.recaptchaCallback = window.recaptchaCallback || function () {
            document.querySelectorAll('.error_msg').forEach(function (error) {
                error.style.display = 'none';
            });
        };
    </script>
    	<!-- Universell Genie chat widget start -->
	<div class="universell-genie-widget" data-universell-genie-widget data-endpoint="https://universal.mybmr.com/api/public/genie">
		<button class="universell-genie-toggle" type="button" data-genie-toggle aria-label="Open Genie chat"
			aria-expanded="false">
			<span class="universell-genie-icon" aria-hidden="true">
				<!-- Replace this SVG with an <img> or your own SVG to change the Genie icon. -->
				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"
					stroke-linejoin="round">
					<path d="M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3Z" />
					<path d="M5 15l.9 2.1L8 18l-2.1.9L5 21l-.9-2.1L2 18l2.1-.9L5 15Z" />
					<path d="M19 14l.7 1.6L21 16l-1.3.4L19 18l-.7-1.6L17 16l1.3-.4L19 14Z" />
				</svg>
			</span>
			<span class="universell-genie-toggle-text">Genie Pi</span>
		</button>

		<section class="universell-genie-panel" data-genie-panel aria-label="Genie assistant" aria-hidden="true">
			<header class="universell-genie-header">
				<div class="universell-genie-brand">
					<span class="universell-genie-icon" aria-hidden="true">
						<!-- Replace this SVG with an <img> or your own SVG to change the Genie icon. -->
						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"
							stroke-linejoin="round">
							<path d="M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3Z" />
							<path d="M5 15l.9 2.1L8 18l-2.1.9L5 21l-.9-2.1L2 18l2.1-.9L5 15Z" />
							<path d="M19 14l.7 1.6L21 16l-1.3.4L19 18l-.7-1.6L17 16l1.3-.4L19 14Z" />
						</svg>
					</span>
					<span>Genie</span>
				</div>
				<div class="universell-genie-actions">
					<button type="button" data-genie-new aria-label="Start new chat">
						<svg viewBox="0 0 24 24" aria-hidden="true">
							<path d="M12 5v14M5 12h14" />
						</svg>
					</button>
					<button type="button" data-genie-refresh aria-label="Refresh chat">
						<svg viewBox="0 0 24 24" aria-hidden="true">
							<path d="M21 12a9 9 0 1 1-2.6-6.4" />
							<path d="M21 4v6h-6" />
						</svg>
					</button>
					<button type="button" data-genie-maximize aria-label="Toggle larger chat">
						<svg viewBox="0 0 24 24" aria-hidden="true">
							<path d="M8 3H3v5" />
							<path d="M3 3l7 7" />
							<path d="M16 21h5v-5" />
							<path d="M21 21l-7-7" />
						</svg>
					</button>
					<button type="button" data-genie-close aria-label="Close Genie chat">
						<svg viewBox="0 0 24 24" aria-hidden="true">
							<path d="M5 12h14" />
						</svg>
					</button>
				</div>
			</header>

			<div class="universell-genie-tabs d-none" role="tablist" aria-label="Genie assistant tabs">
				<button class="active" type="button" role="tab" aria-selected="true">Genie</button>
			</div>

			<div class="universell-genie-messages" data-genie-messages aria-live="polite">
				<div class="universell-genie-message universell-genie-message-bot">
					Hi, I'm Genie.<br> Ask me anything about Universell, and I'll help.
				</div>
			</div>

			<footer class="universell-genie-footer">
				<p class="universell-genie-hint">Answers about Universell and your business</p>
				<form class="universell-genie-form" data-genie-form>
					<textarea data-genie-input rows="1" placeholder="Ask Genie anything..." aria-label="Ask Genie anything"></textarea>
					<button type="submit" aria-label="Send message">
						<span aria-hidden="true">&#8593;</span>
					</button>
				</form>
				<p class="universell-genie-status" data-genie-status role="status"></p>
			</footer>
		</section>
	</div>
	<!-- Universell Genie chat widget end -->
	<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://www.universell.us/wp-includes/js/comment-reply.min.js?ver=7.1.2"></script>
<script id="daextlwcnf-general-js-extra">
var DAEXTLWCN_PHPDATA = {"nonce":"0caf74b329","wpRestNonce":"f3ca39cf97","ajaxUrl":"https://www.universell.us/wp-admin/admin-ajax.php","nameText":"Name","expirationText":"Expiration","purposeText":"Purpose","providerText":"Provider","domainText":"Domain","typeText":"Type","sensitivityText":"Sensitivity","securityText":"Security","moreInformationText":"More Information","restUrl":"https://www.universell.us/wp-json/"};
//# sourceURL=daextlwcnf-general-js-extra
</script>
<script id="daextlwcnf-general-js" src="https://www.universell.us/wp-content/plugins/lightweight-cookie-notice-free/public/assets/js/production/general.js?ver=1.21"></script>
<script id="mega-menu-js-js" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/mega-menu.js?ver=1784185094"></script>
<script id="universell-genie-widget-js-js" src="https://www.universell.us/wp-content/themes/twentytwentyfour-child-main/js/universell-genie-widget.js?ver=1784740260"></script>
<script id="hoverIntent-js" src="https://www.universell.us/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script>
<script id="megamenu-js" src="https://www.universell.us/wp-content/plugins/megamenu/js/maxmegamenu.min.js?ver=3.10.8"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.universell.us/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://www.universell.us/wp-includes/js/wp-emoji-loader.min.js
</script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d74ee91aa63b4f5ab19466991bf11cbb","r":1,"spa":2}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a401eb95cc698c8f',t:'MTc5MDI1NDI4Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>
<!--
Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com

Retrieved 19929 objects (1 MB) from Redis using PhpRedis (v6.3.0).
-->
