@import url('https://use.typekit.net/cpu3tgm.css');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

@property --ucom-border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 165deg;
}

:root {

  --ucom-purple: #312c70;       
  --ucom-purple-mid: #324789;   
  --ucom-purple-alt: #822fa0;   
  --ucom-navy: #00003b;         
  --ucom-pink: #e25aab;         
  --ucom-pink-vivid: #e4007b;   
  --ucom-magenta: #d82fc6;      
  --ucom-blue: #2fa9e7;         
  --ucom-cyan: #52daff;         
  --ucom-cyan-light: #73efff;   
  --ucom-white: #ffffff;

  --ucom-gradient: linear-gradient(121deg, #2fa9e7 6.82%, #312c70 42.52%, #d82fc6 93.94%);
  --ucom-gradient-90: linear-gradient(90deg, #2fa9e7 0%, #312c70 50%, #d82fc6 100%);

  --ucom-rainbow: conic-gradient(from calc(var(--ucom-border-angle) + 160deg),
    #2fa9e7 0deg, #2fa9e7 35deg, #324789 70deg, #312c70 105deg,
    #822fa0 130deg, #d82fc6 145deg, #d82fc6 215deg, #822fa0 230deg,
    #312c70 255deg, #324789 290deg, #2fa9e7 325deg, #2fa9e7 360deg);

  --ucom-fg: #171717;           
  --neutral-900: #00003b;
  --neutral-800: #22224a;
  --neutral-700: #45456a;
  --neutral-600: #63637f;
  --neutral-500: #8686a0;
  --neutral-400: #adabc6;
  --neutral-300: #d4d6e0;
  --neutral-200: #e5e5ef;
  --neutral-100: #f0f1f5;
  --neutral-50: #f7f8fb;        

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;            
  --radius-notch: 36px;         
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(0,0,59,0.05);
  --shadow-md: 0 6px 20px rgba(0,0,59,0.08);
  --shadow-lg: 0 12px 36px rgba(0,0,59,0.12);
  --shadow-glow-purple: 0 6px 24px rgba(49,44,112,0.30);
  --shadow-glow-pink: 0 6px 24px rgba(226,90,171,0.28);

  --transition-fast: 150ms ease;
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 450ms cubic-bezier(0.4, 0, 0.2, 1);
}

body, body.body, #container, #container *,
.Header__navbar *, .Header__searchSection *,
.ContentBox__alignCenter *, .Footer__footerCopyrigt *,
.ucom-footer, .ucom-footer * {
  font-family: 'articulat-cf', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body.body {

  background-color: #f7f8fb !important;
  background-image: none !important;
  color: var(--ucom-fg) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3,
.Header__searchTitle,
.ContentBox__headerMid,
[class*="ArticleTitle"], [class*="articleTitle"] {
  font-family: 'articulat-heavy-cf', 'articulat-cf', 'Manrope', sans-serif !important;
}

.Header__navbar {
  background: var(--ucom-purple) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 4px 20px rgba(0,0,59,0.18) !important;
  border-bottom: none !important;
}

.Header__navbar::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: var(--ucom-gradient-90) !important;
  z-index: 1 !important;
}

.Header__container {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}

#navBarContainer {
  min-height: 97px !important;
  display: flex !important;
  align-items: center !important;
}

.Header__logo {
  margin-right: 18px !important;
  flex-shrink: 0 !important;
}

.Header__logo a,
.Header__logoImg {
  display: flex !important;
  align-items: center !important;
}

.Header__logo img,
.Header__logoImg img {
  height: 42px !important;
  width: auto !important;
  transition: opacity var(--transition-base) !important;
  object-fit: contain !important;
}

.Header__logo:hover img,
.Header__logoImg:hover img {
  opacity: 0.85 !important;
}

.Header__name {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #ffffffff !important;
  letter-spacing: 0.2px !important;
  margin-right: auto !important;
  white-space: nowrap !important;
}

.Header__menuList { 
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.Header__tabsTab {
  position: relative !important;
}

.Header__tabsTab .Header__tabs__link {
  color: rgba(255,255,255,0.72) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 10px 18px !important;
  border-radius: var(--radius-pill) !important;
  transition: all var(--transition-base) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.Header__tabsTab:hover .Header__tabs__link {
  color: var(--ucom-white) !important;
  background: rgba(255,255,255,0.10) !important;
}

.Header__tabsTab.Header__active .Header__tabs__link {
  color: var(--ucom-white) !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
}

.Header__tabsTab.Header__active::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 22px !important;
  height: 3px !important;
  background: var(--ucom-gradient-90) !important;
  border-radius: 3px !important;
}

[class*="active"][class*="zt3"],
[class*="Active"][class*="zt3"],
.Header__active [class*="zt3"] {
  border-color: var(--ucom-pink) !important;
  color: var(--ucom-pink) !important;
}

#portal_tabSolutions.Header__active,
#portal_tabHome.Header__active,
#portal_tabCases.Header__active,
#portal_tabCommunity.Header__active,
.Header__tabsTab.Header__active,
.Header__tabsTab.Header__active a,
.Header__tabsTab.Header__active .Header__tabs__link,
li.Header__tabsTab.Header__active,
li.Header__tabsTab.Header__active a.Header__tabs__link {
  border: none !important;
  border-bottom: none !important;
  border-bottom-color: transparent !important;
  border-color: transparent !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

.Header__tabsTab.Header__active a::after,
.Header__tabsTab.Header__active a::before,
.Header__tabsTab.Header__active .Header__tabs__link::after,
.Header__tabsTab.Header__active .Header__tabs__link::before {
  background: var(--ucom-gradient-90) !important;
  border-color: var(--ucom-pink) !important;
}

.Header__menuTab *,
.Header__menuList *,
.Header__tabsTab,
.Header__tabsTab * {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

.Header__tabsTab.Header__active > span:not(.Header__tabs__link),
.Header__tabsTab.Header__active [class*="ctiveBar"],
.Header__tabsTab.Header__active [class*="ctiveLine"],
.Header__tabsTab.Header__active [class*="ndicator"],
.Header__menuTab [class*="ctiveBar"] {
  background: var(--ucom-gradient-90) !important;
  background-color: transparent !important;
  background-image: var(--ucom-gradient-90) !important;
  border: none !important;
}

.LoginDetail__signin .LoginDetail__tabLink,
.LoginDetail__signin .signinLink {
  position: relative !important;
  background: var(--ucom-purple) !important;
  color: var(--ucom-white) !important;
  padding: 8px 24px !important;
  border-radius: var(--radius-pill) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  transition: all var(--transition-base) !important;
  border: none !important;
  overflow: visible !important;
  z-index: 0 !important;
}

.LoginDetail__signin .LoginDetail__tabLink::before,
.LoginDetail__signin .signinLink::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 2px !important;
  background: var(--ucom-rainbow) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;
  pointer-events: none !important;
}

.LoginDetail__signin .LoginDetail__tabLink:hover::before,
.LoginDetail__signin .signinLink:hover::before {
  animation: ucomSpinBorder 2s linear infinite !important;
}

.LoginDetail__signin .LoginDetail__tabLink:hover,
.LoginDetail__signin .signinLink:hover {
  transform: translateY(-1px) !important;
  box-shadow: var(--shadow-glow-purple) !important;
}

.LoginDetail__signup .LoginDetail__tabLink,
.LoginDetail__signup .signupLink {
  color: rgba(255,255,255,0.75) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 8px 18px !important;
  border: 1.5px solid rgba(255,255,255,0.22) !important;
  border-radius: var(--radius-pill) !important;
  transition: all var(--transition-base) !important;
  background: transparent !important;
}

.LoginDetail__signup .LoginDetail__tabLink:hover,
.LoginDetail__signup .signupLink:hover {
  color: var(--ucom-white) !important;
  border-color: rgba(255,255,255,0.5) !important;
  background: rgba(255,255,255,0.06) !important;
}

.LoginDetail__LogoutDetail {
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.Header__globalSearchAlt .SearchContainer__globalSearch {
  border-radius: var(--radius-pill) !important;
  overflow: hidden !important;
}

.Header__globalSearchAlt .Input__inputCommon,
.Header__globalSearchAlt .Input__headerSearch {
  background: rgba(255,255,255,0.10) !important;
  color: var(--ucom-white) !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  transition: all var(--transition-base) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

.Header__globalSearchAlt .Input__inputCommon:focus {
  background: rgba(255,255,255,0.16) !important;
  border-color: var(--ucom-cyan) !important;
}

.Header__globalSearchAlt .Input__inputCommon::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

.SearchContainer__searchIcon,
.SearchContainer__searchIcon.commonStyle__zt3BrandBg {
  background: var(--ucom-pink) !important;
  background-color: var(--ucom-pink) !important;
  transition: background var(--transition-base) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.SearchContainer__searchIcon:hover {
  background: var(--ucom-pink-vivid) !important;
  background-color: var(--ucom-pink-vivid) !important;
}

.SearchContainer__searchIcon .Icon__icon,
.SearchContainer__searchIcon svg,
.SearchContainer__searchIcon svg use {
  display: block !important;
  margin: 0 auto !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
  fill: var(--ucom-white) !important;
  color: var(--ucom-white) !important;
}

[class*="SearchContainer"] .Icon__icon,
[class*="searchContainer"] .Icon__icon,
[id*="searchContainer"] .Icon__icon {
  fill: var(--ucom-purple) !important;
  color: var(--ucom-purple) !important;
}

.SearchContainer__searchIcon .Icon__icon,
.commonStyle__zt3BrandBg .Icon__icon,
[class*="zt3BrandBg"] .Icon__icon {
  fill: var(--ucom-white) !important;
  color: var(--ucom-white) !important;
}

[class*="SearchContainer"] svg use,
[id*="searchContainer"] svg use {
  fill: currentColor !important;
}

.CustomizeContainer__aPlus .Icon__icon {
  fill: rgba(255,255,255,0.5) !important;
}
.CustomizeContainer__aPlus:hover .Icon__icon {
  fill: var(--ucom-white) !important;
}

.Header__menu { background: var(--ucom-white) !important; }
.Header__menu::before, .Header__menu::after { background: var(--ucom-white) !important; }

header#headerContainer #navBar #navBarContainer .Header__menuTab,
header#headerContainer #navBar #navBarContainer .Header__menuList,
header#headerContainer #navBar #navBarContainer ul.Header__menuList,
#headerContainer #navBar #navBarContainer .Header__menuTab,
#headerContainer #navBar #navBarContainer .Header__menuList {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
  position: static !important;
}

header#headerContainer #navBar #navBarContainer .Header__tabsTab,
header#headerContainer #navBar #navBarContainer #portal_tabHome,
header#headerContainer #navBar #navBarContainer #portal_tabCases,
header#headerContainer #navBar #navBarContainer #portal_tabSolutions,
header#headerContainer #navBar #navBarContainer #portal_tabCommunity,
header#headerContainer #navBar #navBarContainer #portal_tabsignin,
#headerContainer #navBar #navBarContainer ul.Header__menuList > li,
#headerContainer #navBar #navBarContainer ul.Header__menuList > li.Header__tabsTab {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  pointer-events: auto !important;
}

.Header__menuicon,
.Header__menuBoxMain,
.Header__menu,
.Header__menu::before,
.Header__menu::after,
#menuIconContainer,
#menuBox {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.Header__globalSearchAlt {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 240px !important;
  margin-left: auto !important;
}

.Header__globalSearchAlt .SearchContainer__globalSearch {
  width: auto !important;
  max-width: 240px !important;
}

.Header__searchSection,
#headerContent.Header__searchSection,
#headerContent[data-id="headerContent"] {
  background-color: transparent !important;
  background-image: none !important;
  position: relative !important;
  overflow: hidden !important;

  padding: 72px 32px 220px !important;
  text-align: center !important;
  min-height: 300px !important;
}

.Header__searchSection::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(900px 600px at 15% 6%,  rgba(47,169,231,0.50), transparent 55%),
    radial-gradient(950px 680px at 88% 0%,  rgba(216,47,198,0.48), transparent 55%),
    radial-gradient(760px 560px at 50% 34%, rgba(226,90,171,0.38), transparent 60%),
    linear-gradient(180deg,
      #312c70 0%,
      #312c70 38%,
      #453c85 48%,
      #6a5da3 58%,
      #9689c1 68%,
      #c2b8dd 77%,
      #e2dcee 85%,
      #f2f1f8 91%,
      #f7f8fb 96%,
      #f7f8fb 100%) !important;
}

.Header__searchSection::after {
  display: none !important;
}

#container,
.Layout__oneColumn,
[class*="Layout__"],
[class*="PageContent"],
[class*="pageContent"],
[id*="pageContent"],
[class*="HomePage"],
[class*="WidgetRow"],
[class*="widgetRow"],
[class*="WidgetContainer"],
[class*="widgetContainer"],
[class*="Widget__"],
[class*="ContentBox__wrapper"],
[style*="background-color: rgb(255, 255, 255)"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color: white"] {
  background: transparent !important;
  background-color: transparent !important;
}

.ucom-hero-orb {
  display: none !important;
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(80px) !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.ucom-hero-orb--blue {
  width: 420px !important;
  height: 420px !important;
  background: radial-gradient(circle, rgba(82,218,255,0.55) 0%, transparent 70%) !important;
  top: -90px !important;
  right: 8% !important;
  animation: orbFloat1 18s ease-in-out infinite alternate !important;
}

.ucom-hero-orb--pink {
  width: 360px !important;
  height: 360px !important;
  background: radial-gradient(circle, rgba(216,47,198,0.45) 0%, transparent 70%) !important;
  bottom: -110px !important;
  left: 4% !important;
  animation: orbFloat2 22s ease-in-out infinite alternate !important;
}

.ucom-hero-orb--purple {
  width: 320px !important;
  height: 320px !important;
  background: radial-gradient(circle, rgba(49,44,112,0.55) 0%, transparent 70%) !important;
  top: 28% !important;
  left: 50% !important;
  animation: orbFloat3 15s ease-in-out infinite alternate !important;
}

@keyframes orbFloat1 {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-40px, 30px) scale(1.15); }
}
@keyframes orbFloat2 {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(50px, -20px) scale(1.1); }
}
@keyframes orbFloat3 {
  0% { transform: translate(-50%, 0) scale(1); }
  100% { transform: translate(-50%, -25px) scale(1.2); }
}

#headerContentContainer {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 720px !important;
}

.ucom-hero-badge {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: rgba(255,255,255,0.85) !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  padding: 6px 18px !important;
  border-radius: var(--radius-pill) !important;
  margin-bottom: 22px !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

.Footer__container {
  width: 100% !important;
  padding: 0 !important;
}

h2.Header__searchTitle, .Header__searchTitle {
  font-size: 40px !important;
  font-weight: 800 !important;
  color: var(--ucom-white) !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.5px !important;
  line-height: 1.15 !important;
  text-shadow: 0 2px 24px rgba(0,0,59,0.20) !important;
}

p.Header__description, .Header__description {
  font-size: 16.5px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.82) !important;
  margin-bottom: 34px !important;
  line-height: 1.6 !important;
  max-width: 500px !important;
}

.ucom-search-wrap {
  width: 100% !important;
  max-width: 580px !important;
}

.Header__globalSearch .SearchContainer__globalSearch,
#searchContainer1 .SearchContainer__globalSearch,
.ucom-search-wrap .SearchContainer__globalSearch {
  max-width: 580px !important;
  margin: 0 auto !important;
  border-radius: var(--radius-pill) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 40px rgba(0,0,59,0.28), 0 0 0 1px rgba(255,255,255,0.12) !important;
  background: var(--ucom-white) !important;
  transition: box-shadow var(--transition-base) !important;
}

.Header__globalSearch .SearchContainer__globalSearch:focus-within,
#searchContainer1 .SearchContainer__globalSearch:focus-within,
.ucom-search-wrap .SearchContainer__globalSearch:focus-within {
  box-shadow: 0 8px 40px rgba(0,0,59,0.28), 0 0 0 2px var(--ucom-cyan), 0 0 34px rgba(82,218,255,0.35) !important;
}

.Header__globalSearch .Input__inputCommon,
.Header__globalSearch .Input__headerSearch,
#searchContainer1 .Input__inputCommon,
#searchContainer1 .Input__headerSearch,
.ucom-search-wrap .Input__inputCommon,
.ucom-search-wrap .Input__headerSearch {
  background: var(--ucom-white) !important;
  color: var(--ucom-fg) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 17px 24px !important;
  border: none !important;
  outline: none !important;
}

.Header__globalSearch .Input__inputCommon::placeholder,
#searchContainer1 .Input__inputCommon::placeholder,
.ucom-search-wrap .Input__inputCommon::placeholder {
  color: var(--neutral-500) !important;
}

.Header__globalSearch .SearchContainer__searchIcon,
#searchContainer1 .SearchContainer__searchIcon,
.ucom-search-wrap .SearchContainer__searchIcon {
  background: var(--ucom-purple) !important;
  padding: 0 22px !important;
  min-width: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.Header__globalSearch .SearchContainer__searchIcon:hover,
#searchContainer1 .SearchContainer__searchIcon:hover,
.ucom-search-wrap .SearchContainer__searchIcon:hover {
  background: var(--ucom-pink) !important;
}

.ucom-hero-links {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  margin-top: 52px !important;
}

.ucom-hero-card {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
  padding: 18px 24px !important;
  width: 300px !important;
  border-radius: 20px !important;
  border: none !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 0 !important;
  transition: all var(--transition-base) !important;
  box-shadow: 0 6px 20px rgba(0,0,59,0.18) !important;
}

.ucom-hero-card:hover {
  transform: translateY(-2px) !important;
}

.ucom-hero-card--pink {
  background: var(--ucom-pink) !important;
  border: 2px solid rgba(255,255,255,0.65) !important;
}
.ucom-hero-card--pink:hover {
  background: var(--ucom-pink-vivid) !important;
  border-color: rgba(255,255,255,0.85) !important;
  box-shadow: 0 10px 28px rgba(226,90,171,0.40), 0 0 0 4px rgba(255,255,255,0.10) !important;
}

.ucom-hero-card--navy {
  background: var(--ucom-navy) !important;
  border: none !important;
}
.ucom-hero-card--navy::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1.5px !important;
  background: var(--ucom-rainbow) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;
  pointer-events: none !important;
}
.ucom-hero-card--navy:hover {
  background: #05104f !important;
  box-shadow: 0 10px 28px rgba(0,0,59,0.45) !important;
}
.ucom-hero-card--navy:hover::before {
  animation: ucomSpinBorder 2s linear infinite !important;
}

.ucom-hero-card__icon {
  flex-shrink: 0 !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.ucom-hero-card__icon--book {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgNi44Yy0xLjQtMS0zLjQtMS41LTUuNC0xLjMtLjYuMDYtMS4xLjYtMS4xIDEuMnY5LjZjMCAuNy42IDEuMiAxLjMgMS4xNSAxLjktLjE0IDMuOC4yOCA1LjIgMS4yNSAxLjQtLjk3IDMuMy0xLjM5IDUuMi0xLjI1LjcuMDUgMS4zLS40NSAxLjMtMS4xNVY2LjdjMC0uNi0uNS0xLjE0LTEuMS0xLjItMi0uMi00IC4zLTUuNCAxLjNaIi8+PHBhdGggZD0iTTEyIDYuOFYxOS41Ii8+PC9zdmc+") !important;
}

.ucom-hero-card__icon--ticket {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCA3YTIgMiAwIDAgMSAyLTJoMTJhMiAyIDAgMCAxIDIgMnYzYTEuNiAxLjYgMCAwIDAgMCAzdjNhMiAyIDAgMCAxLTIgMkg2YTIgMiAwIDAgMS0yLTJ2LTNhMS42IDEuNiAwIDAgMCAwLTNaIi8+PHBhdGggZD0iTTEzLjUgNXYxNCIgc3Ryb2tlLWRhc2hhcnJheT0iMi40IDIuNiIvPjwvc3ZnPg==") !important;
}

.ucom-hero-card__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
}

.ucom-hero-card__title {
  color: var(--ucom-white) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.ucom-hero-card__sub {
  color: rgba(255,255,255,0.72) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.ContentBox__alignCenter {
  background: var(--ucom-white) !important;
  border: 1px solid var(--neutral-200) !important;
  border-radius: var(--radius-lg) var(--radius-notch) var(--radius-lg) var(--radius-lg) !important;
  padding: 38px 30px 34px !important;
  transition: all var(--transition-base) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
}

.ContentBox__alignCenter:hover {
  border-color: rgba(49,44,112,0.22) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-4px) !important;
}

.ContentBox__alignCenter::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: var(--ucom-gradient-90) !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform var(--transition-slow) !important;
}

.ContentBox__alignCenter:hover::before {
  transform: scaleX(1) !important;
}

.ContentBox__indexIcon {
  margin-bottom: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 16px !important;
  background: rgba(49,44,112,0.08) !important;
  transition: all var(--transition-base) !important;
}

.ContentBox__alignCenter:hover .ContentBox__indexIcon {
  background: rgba(226,90,171,0.12) !important;
  transform: scale(1.05) !important;
}

.ContentBox__indexIcon svg,
.ContentBox__indexIcon .Icon__icon,
.ContentBox__indexIcon .Icon__Xlarge,
.ContentBox__indexIcon .Icon__greyShade70,
.ContentBox__indexIcon [class*="Icon__"] {
  fill: var(--ucom-purple) !important;
  color: var(--ucom-purple) !important;
  stroke: var(--ucom-purple) !important;
  transition: all var(--transition-base) !important;
}

.ContentBox__indexIcon svg use {
  fill: var(--ucom-purple) !important;
  color: var(--ucom-purple) !important;
}

.ContentBox__alignCenter:hover .ContentBox__indexIcon svg,
.ContentBox__alignCenter:hover .ContentBox__indexIcon .Icon__icon,
.ContentBox__alignCenter:hover .ContentBox__indexIcon .Icon__Xlarge,
.ContentBox__alignCenter:hover .ContentBox__indexIcon .Icon__greyShade70,
.ContentBox__alignCenter:hover .ContentBox__indexIcon [class*="Icon__"],
.ContentBox__alignCenter:hover .ContentBox__indexIcon svg use {
  fill: var(--ucom-pink) !important;
  color: var(--ucom-pink) !important;
  stroke: var(--ucom-pink) !important;
}

.ContentBox__indexIcon .Icon__Xlarge {
  width: 28px !important;
  height: 28px !important;
}

.ContentBox__headerMid {
  font-size: 17.5px !important;
  font-weight: 800 !important;
  margin-bottom: 10px !important;
  line-height: 1.3 !important;
}

.ContentBox__headerMid a,
.ContentBox__headerMid .Link__link {
  color: var(--ucom-purple) !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
}

.ContentBox__headerMid a:hover,
.ContentBox__headerMid .Link__link:hover {
  color: var(--ucom-pink) !important;
}

.ContentBox__alignCenter > p {
  font-size: 14px !important;
  color: var(--neutral-600) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

svg.Icon__Xlarge[alt='Knowledge Base'] use,
svg.Icon__Xlarge[alt='Tickets'] use,
svg.Icon__Xlarge[alt='My Area'] use,
svg.Icon__Xlarge[alt='My Requests'] use {
  display: none !important;
}

svg.Icon__Xlarge[alt='Knowledge Base'],
svg.Icon__Xlarge[alt='Tickets'],
svg.Icon__Xlarge[alt='My Area'],
svg.Icon__Xlarge[alt='My Requests'] {
  width: 104px !important;
  height: 104px !important;
  overflow: visible !important;
  display: block !important;
  margin: 0 auto 8px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: transform var(--transition-base) !important;
}

svg.Icon__Xlarge[alt='Knowledge Base'] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Iktub3dsZWRnZSBCYXNlIj4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0idWciIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmZhOWU3Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMzEyYzcwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4MmZjNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGNpcmNsZSBjeD0iMTAwIiBjeT0iMTAwIiByPSI5MiIgZmlsbD0iI0VDRTlGNyIvPgogIDxjaXJjbGUgY3g9IjEwMCIgY3k9IjEwMCIgcj0iNzQiIGZpbGw9IiNGRkZGRkYiLz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAgMTAwKSBzY2FsZSgwLjgyKSB0cmFuc2xhdGUoLTEwMCAtMTAwKSI+CiAgICA8IS0tIG9wZW4gYm9vazogdHdvIGNvdmVycyBtZWV0aW5nIGF0IHRoZSBzcGluZSAtLT4KICAgIDxwYXRoIGQ9Ik0xMDAgNTggQzg4IDUwIDcyIDQ3IDU2IDQ5IEM1MCA0OS42IDQ2IDU0IDQ2IDYwIFYxMzIgQzQ2IDEzNyA1MCAxNDEgNTUgMTQwLjUgQzcwIDEzOSA4NiAxNDEgMTAwIDE0OCBaIgogICAgICAgICAgZmlsbD0iI0YxRUVGQSIgc3Ryb2tlPSIjMzEyYzcwIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDxwYXRoIGQ9Ik0xMDAgNTggQzExMiA1MCAxMjggNDcgMTQ0IDQ5IEMxNTAgNDkuNiAxNTQgNTQgMTU0IDYwIFYxMzIgQzE1NCAxMzcgMTUwIDE0MSAxNDUgMTQwLjUgQzEzMCAxMzkgMTE0IDE0MSAxMDAgMTQ4IFoiCiAgICAgICAgICBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiMzMTJjNzAiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHBhdGggZD0iTTEwMCA1OCBWMTQ4IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTJjNzAiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICA8IS0tIHRleHQgbGluZXMgb24gdGhlIHJpZ2h0IHBhZ2UgLS0+CiAgICA8cmVjdCB4PSIxMTIiIHk9Ijc0IiB3aWR0aD0iMzAiIGhlaWdodD0iNSIgcng9IjIuNSIgZmlsbD0idXJsKCN1ZykiLz4KICAgIDxyZWN0IHg9IjExMiIgeT0iODgiIHdpZHRoPSIyNiIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ1cmwoI3VnKSIvPgogICAgPHJlY3QgeD0iMTEyIiB5PSIxMDIiIHdpZHRoPSIzMCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ1cmwoI3VnKSIvPgogIDwvZz4KPC9zdmc+Cg==");
}

svg.Icon__Xlarge[alt='Tickets'],
svg.Icon__Xlarge[alt='My Area'],
svg.Icon__Xlarge[alt='My Requests'] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlRpY2tldHMiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJ1ZzIiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmZhOWU3Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMzEyYzcwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4MmZjNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGNpcmNsZSBjeD0iMTAwIiBjeT0iMTAwIiByPSI5MiIgZmlsbD0iI0VDRTlGNyIvPgogIDxjaXJjbGUgY3g9IjEwMCIgY3k9IjEwMCIgcj0iNzQiIGZpbGw9IiNGRkZGRkYiLz4KICA8IS0tIGNoYXQgLyBzdXBwb3J0IGJ1YmJsZSB3aXRoIGEgaGVhZHNldCBkb3QsIFVDT00gcHVycGxlIC0tPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCAxMDApIHNjYWxlKDAuOSkgdHJhbnNsYXRlKC0xMDAgLTEwMCkiPgogICAgPHBhdGggZD0iTTYwIDYyIEgxNDAgUTE1MCA2MiAxNTAgNzIgVjExNiBRMTUwIDEyNiAxNDAgMTI2IEgxMDQgTDg2IDE0MiBWMTI2IEg2MCBRNTAgMTI2IDUwIDExNiBWNzIgUTUwIDYyIDYwIDYyIFoiCiAgICAgICAgICBmaWxsPSIjRjFFRUZBIiBzdHJva2U9IiMzMTJjNzAiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHJlY3QgeD0iNjYiIHk9IjgyIiB3aWR0aD0iNTIiIGhlaWdodD0iNiIgcng9IjMiIGZpbGw9InVybCgjdWcyKSIvPgogICAgPHJlY3QgeD0iNjYiIHk9Ijk4IiB3aWR0aD0iMzYiIGhlaWdodD0iNiIgcng9IjMiIGZpbGw9InVybCgjdWcyKSIvPgogIDwvZz4KPC9zdmc+Cg==");
}

.ContentBox__alignCenter:hover svg.Icon__Xlarge,
[class*="ontentBox"]:hover svg.Icon__Xlarge {
  transform: scale(1.06) !important;
}

[class*="ontentBox"] [class*="headerMid"],
[class*="ontentBox"] h3,
[class*="ontentBox"] h4 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--ucom-pink) !important;
  margin: 6px 0 10px !important;
}

[class*="ontentBox"] [class*="headerMid"] a,
[class*="ontentBox"] h3 a,
[class*="ontentBox"] h4 a {
  color: var(--ucom-pink) !important;
  text-decoration: none !important;
}

[class*="ontentBox"] [class*="headerMid"] a:hover,
[class*="ontentBox"] h3 a:hover {
  color: var(--ucom-purple) !important;
}

.commonStyle__zt3BrandBg { background-color: var(--ucom-purple) !important; }
.commonStyle__zt3Link { color: var(--ucom-purple) !important; }
.commonStyle__zt3Link:hover { color: var(--ucom-pink) !important; }
.commonStyle__zt3LinkActive { color: var(--ucom-pink) !important; }
.commonStyle__zt3Brand { color: var(--ucom-purple) !important; }
.commonStyle__zt3BrandBorder { border-color: var(--ucom-purple) !important; }
[class*="zt3Brand"]:not([class*="Bg"]):not([class*="Border"]) { color: var(--ucom-purple) !important; }
[class*="zt3BrandBg"] { background-color: var(--ucom-purple) !important; }
[class*="zt3BrandBorder"] { border-color: var(--ucom-purple) !important; }

.Button__btnFont {
  font-family: 'articulat-cf', 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}

.Icon__greyShade70 {
  fill: var(--ucom-purple) !important;
}

.Link__link {
  color: var(--ucom-purple) !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
}

.Link__link:hover {
  color: var(--ucom-pink) !important;
}

[class*="PopularArticle"] h3,
[class*="popularArticle"] h3 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--ucom-purple) !important;
}

[class*="PopularArticle"] li a,
[class*="popularArticle"] li a {
  color: var(--ucom-purple) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all var(--transition-fast) !important;
}

[class*="PopularArticle"] li a:hover,
[class*="popularArticle"] li a:hover {
  color: var(--ucom-pink) !important;
}

[class*="PopularArticle"] .Icon__icon,
[class*="popularArticle"] .Icon__icon,
[class*="PopularArticle"] svg,
[class*="popularArticle"] svg {
  fill: var(--neutral-400) !important;
}

button[type="submit"],
input[type="submit"],
[class*="submitBtn"],
[class*="primaryBtn"] {
  position: relative !important;
  background: var(--ucom-purple) !important;
  color: var(--ucom-white) !important;
  font-family: 'articulat-cf', 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: var(--radius-pill) !important;
  padding: 12px 30px !important;
  cursor: pointer !important;
  overflow: visible !important;
  z-index: 0 !important;
  transition: all var(--transition-base) !important;
}

button[type="submit"]::before,
input[type="submit"]::before,
[class*="submitBtn"]::before,
[class*="primaryBtn"]::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 2px !important;
  background: var(--ucom-rainbow) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;
  pointer-events: none !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
[class*="submitBtn"]:hover,
[class*="primaryBtn"]:hover {
  box-shadow: var(--shadow-glow-purple) !important;
  transform: translateY(-1px) !important;
}

button[type="submit"]:hover::before,
input[type="submit"]:hover::before,
[class*="submitBtn"]:hover::before,
[class*="primaryBtn"]:hover::before {
  animation: ucomSpinBorder 2s linear infinite !important;
}

@keyframes ucomSpinBorder {
  to { --ucom-border-angle: 525deg; }
}

[class*="formGroup"] input[type="text"],
[class*="formGroup"] input[type="email"],
[class*="formGroup"] textarea,
[class*="formGroup"] select {
  font-family: 'articulat-cf', 'Manrope', sans-serif !important;
  font-size: 14px !important;
  color: var(--ucom-fg) !important;
  border: 1.5px solid var(--neutral-300) !important;
  border-radius: var(--radius-md) !important;
  padding: 12px 16px !important;
  transition: all var(--transition-fast) !important;
}

[class*="formGroup"] input:focus,
[class*="formGroup"] textarea:focus,
[class*="formGroup"] select:focus {
  border-color: var(--ucom-purple) !important;
  box-shadow: 0 0 0 3px rgba(49,44,112,0.14) !important;
  outline: none !important;
}

[class*="articleContent"] h1, [class*="ArticleContent"] h1 {
  font-size: 28px !important; font-weight: 800 !important; color: var(--ucom-purple) !important;
}
[class*="articleContent"] h2, [class*="ArticleContent"] h2 {
  font-size: 22px !important; font-weight: 700 !important; color: var(--ucom-purple) !important;
}
[class*="articleContent"] h3, [class*="ArticleContent"] h3 {
  font-size: 18px !important; font-weight: 700 !important; color: var(--neutral-800) !important;
}
[class*="articleContent"] table th {
  background: var(--neutral-100) !important; font-weight: 700 !important; padding: 12px 16px !important;
}
[class*="articleContent"] table td {
  padding: 12px 16px !important; border-bottom: 1px solid var(--neutral-200) !important;
}

[class*="Breadcrumb"] a, [class*="breadcrumb"] a {
  color: var(--neutral-500) !important; font-weight: 500 !important;
}
[class*="Breadcrumb"] a:hover, [class*="breadcrumb"] a:hover {
  color: var(--ucom-purple) !important;
}

[class*="ticketList"] th, [class*="TicketList"] th {
  background: var(--neutral-100) !important;
  font-size: 12px !important; font-weight: 700 !important;
  color: var(--neutral-600) !important; text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

[class*="ticketList"] tr:hover td, [class*="TicketList"] tr:hover td {
  background: rgba(49,44,112,0.03) !important;
}

.ucom-footer {
  background: var(--ucom-navy) !important;
  padding: 36px 0 0 !important;
  border-top: 3px solid transparent !important;
  border-image: var(--ucom-gradient-90) 1 !important;
}

.ucom-footer__inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.ucom-footer__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.ucom-footer__logo {
  height: 30px !important;
  width: auto !important;
  opacity: 0.9 !important;
}

.ucom-footer__tagline {
  font-size: 13px !important;
  color: rgba(255,255,255,0.5) !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

.ucom-footer__links {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.ucom-footer__links a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
}

.ucom-footer__links a:hover { color: var(--ucom-cyan) !important; }

.ucom-footer__sep { color: rgba(255,255,255,0.22) !important; font-size: 14px !important; }

.Footer__footerCopyrigt {
  background: var(--ucom-navy) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding: 16px 0 !important;
}

.Footer__container2 {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}


.Footer__footerBg {
  background: #f7f8fb !important !important;
}

.Footer__container2 span { font-size: 12px !important; color: rgba(255,255,255,0.35) !important; }
.Footer__footerLink { font-size: 12px !important; color: rgba(255,255,255,0.3) !important; }
.Footer__footerLink:hover { color: rgba(255,255,255,0.6) !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--neutral-100); }
::-webkit-scrollbar-thumb { background: var(--neutral-400); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--neutral-500); }
::selection { background: rgba(226,90,171,0.20); color: var(--ucom-navy); }

[class*="Breadcrumb"],
[class*="breadcrumb"],
[class*="BreadCrumb"] {
  font-size: 13px !important;
  color: var(--neutral-500) !important;
  padding: 16px 0 12px !important;
}

[class*="Breadcrumb"] a,
[class*="breadcrumb"] a,
[class*="BreadCrumb"] a {
  color: var(--neutral-500) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
}

[class*="Breadcrumb"] a:hover,
[class*="breadcrumb"] a:hover,
[class*="BreadCrumb"] a:hover {
  color: var(--ucom-purple) !important;
}

[class*="Breadcrumb"] span,
[class*="breadcrumb"] span {
  color: var(--neutral-400) !important;
}

[class*="CategoryTitle"] a,
[class*="categoryTitle"] a,
[class*="CategoryHeader"] a,
[class*="categoryHeader"] a,
[class*="folderTitle"] a,
[class*="FolderTitle"] a {
  color: var(--ucom-purple) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
}

[class*="CategoryTitle"] a:hover,
[class*="categoryTitle"] a:hover,
[class*="FolderTitle"] a:hover {
  color: var(--ucom-pink) !important;
}

[class*="CategoryDescription"],
[class*="categoryDescription"],
[class*="folderDescription"] {
  color: var(--neutral-600) !important;
  font-size: 13px !important;
}

[class*="ArticleListItem"] a,
[class*="articleListItem"] a,
[class*="articleList"] a,
[class*="ArticleList"] a,
[class*="SolutionList"] a,
[class*="solutionList"] a {
  color: var(--ucom-purple) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
}

[class*="ArticleListItem"] a:hover,
[class*="articleListItem"] a:hover,
[class*="articleList"] a:hover,
[class*="ArticleList"] a:hover {
  color: var(--ucom-pink) !important;
}

[class*="moreOption"],
[class*="MoreOption"] {
  color: var(--neutral-400) !important;
}

[class*="SectionHeader"] h3,
[class*="sectionHeader"] h3,
[class*="SectionTitle"] h3,
[class*="ListSection"] h3 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--ucom-purple) !important;
}

[class*="SectionHeader"] .Icon__icon,
[class*="sectionHeader"] .Icon__icon,
[class*="ListSection"] .Icon__icon {
  fill: var(--neutral-400) !important;
}

[class*="ArticleTitle"],
[class*="articleTitle"],
[class*="ArticleHeader"] h1,
[class*="articleHeader"] h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--ucom-purple) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.3px !important;
  margin-bottom: 20px !important;
}

[class*="ArticleActions"] .Icon__icon,
[class*="articleActions"] .Icon__icon,
[class*="printAction"] .Icon__icon {
  fill: var(--neutral-400) !important;
  transition: fill var(--transition-fast) !important;
}

[class*="ArticleActions"] .Icon__icon:hover,
[class*="articleActions"] .Icon__icon:hover {
  fill: var(--ucom-purple) !important;
}

[class*="TableOfContent"],
[class*="tableOfContent"],
[class*="TOC__"],
[class*="toc__"],
[class*="onThisPage"] {
  border: 1px solid var(--neutral-200) !important;
  border-radius: var(--radius-md) !important;
  padding: 16px 20px !important;
  margin-bottom: 24px !important;
  background: var(--neutral-50) !important;
}

[class*="TableOfContent"] > span,
[class*="tableOfContent"] > span,
[class*="TOC__"] > span,
[class*="onThisPage"] > span,
[class*="TableOfContent"] > div:first-child,
[class*="tableOfContent"] > div:first-child {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--ucom-purple) !important;
}

[class*="TableOfContent"] a,
[class*="tableOfContent"] a,
[class*="TOC__"] a,
[class*="toc__"] a,
[class*="onThisPage"] a {
  color: var(--ucom-purple) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
  display: block !important;
  padding: 4px 0 !important;
}

[class*="TableOfContent"] a:hover,
[class*="tableOfContent"] a:hover,
[class*="TOC__"] a:hover,
[class*="toc__"] a:hover,
[class*="onThisPage"] a:hover {
  color: var(--ucom-pink) !important;
}

[class*="articleContent"],
[class*="ArticleContent"],
[class*="articleBody"],
[class*="ArticleBody"],
[class*="solutionContent"],
[class*="SolutionContent"] {
  max-width: 800px !important;
  line-height: 1.75 !important;
  color: var(--neutral-700) !important;
  font-size: 15.5px !important;
}

[class*="articleContent"] h2,
[class*="ArticleContent"] h2,
[class*="solutionContent"] h2 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--ucom-purple) !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--neutral-200) !important;
}

[class*="articleContent"] h3,
[class*="ArticleContent"] h3,
[class*="solutionContent"] h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--neutral-800) !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
}

[class*="articleContent"] p,
[class*="ArticleContent"] p,
[class*="solutionContent"] p {
  margin-bottom: 14px !important;
  line-height: 1.75 !important;
}

[class*="articleContent"] a,
[class*="ArticleContent"] a,
[class*="solutionContent"] a {
  color: var(--ucom-purple) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-color: rgba(49,44,112,0.35) !important;
}

[class*="articleContent"] a:hover,
[class*="ArticleContent"] a:hover,
[class*="solutionContent"] a:hover {
  color: var(--ucom-pink) !important;
  text-decoration-color: var(--ucom-pink) !important;
}

[class*="articleContent"] strong,
[class*="ArticleContent"] strong,
[class*="solutionContent"] strong {
  font-weight: 700 !important;
  color: var(--neutral-800) !important;
}

[class*="articleContent"] ul,
[class*="articleContent"] ol,
[class*="solutionContent"] ul,
[class*="solutionContent"] ol {
  padding-left: 24px !important;
  margin-bottom: 14px !important;
}

[class*="articleContent"] li,
[class*="solutionContent"] li {
  margin-bottom: 6px !important;
  line-height: 1.7 !important;
}

[class*="articleContent"] table,
[class*="solutionContent"] table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
}

[class*="articleContent"] table th,
[class*="solutionContent"] table th {
  background: var(--neutral-100) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
  text-align: left !important;
  color: var(--neutral-700) !important;
  border-bottom: 2px solid var(--neutral-200) !important;
}

[class*="articleContent"] table td,
[class*="solutionContent"] table td {
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  font-size: 14px !important;
  color: var(--neutral-700) !important;
}

[class*="articleContent"] table tr:hover td,
[class*="solutionContent"] table tr:hover td {
  background: rgba(49,44,112,0.03) !important;
}

[class*="articleContent"] code,
[class*="solutionContent"] code {
  background: var(--neutral-100) !important;
  color: var(--ucom-pink-vivid) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}

[class*="articleContent"] pre,
[class*="solutionContent"] pre {
  background: var(--ucom-navy) !important;
  color: var(--neutral-200) !important;
  padding: 16px 20px !important;
  border-radius: var(--radius-md) !important;
  overflow-x: auto !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

[class*="articleContent"] blockquote,
[class*="solutionContent"] blockquote {
  border-left: 3px solid var(--ucom-pink) !important;
  padding: 12px 20px !important;
  margin: 16px 0 !important;
  background: rgba(226,90,171,0.05) !important;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
  color: var(--neutral-700) !important;
}

[class*="articleContent"] img,
[class*="solutionContent"] img {
  max-width: 100% !important;
  border-radius: var(--radius-md) !important;
  margin: 12px 0 !important;
}

.Button__primaryBorder,
.Button__primaryBorder.commonStyle__zt3BrandBorder,
button.Button__primaryBorder {
  background: transparent !important;
  color: var(--ucom-pink) !important;
  border: 1.5px solid var(--ucom-pink) !important;
  border-radius: var(--radius-pill) !important;
  padding: 7px 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all var(--transition-base) !important;
}

.Button__primaryBorder:hover,
button.Button__primaryBorder:hover {
  background: var(--ucom-pink) !important;
  color: var(--ucom-white) !important;
  box-shadow: var(--shadow-glow-pink) !important;
}

.commonStyle__zt3BrandBorder {
  border-color: var(--ucom-purple) !important;
}

.commonStyle__zt3Brand {
  color: var(--ucom-purple) !important;
}

[class*="subscribeText"],
[class*="SubscribeText"],
[class*="followDescription"] {
  font-size: 12px !important;
  color: var(--neutral-500) !important;
  margin-top: 6px !important;
}

[class*="sideBar"] h3,
[class*="SideBar"] h3,
[class*="sidebar"] h3,
[class*="Sidebar"] h3,
[class*="rightPanel"] h3,
[class*="RightPanel"] h3,
[class*="relatedArticle"] h4,
[class*="RelatedArticle"] h4 {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--ucom-purple) !important;
  margin-bottom: 12px !important;
}

[class*="sideBar"] h3 a,
[class*="SideBar"] h3 a,
[class*="sidebar"] h3 a,
[class*="Sidebar"] h3 a,
[class*="rightPanel"] h3 a {
  color: var(--ucom-purple) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

[class*="sideBar"] h3 a:hover,
[class*="sidebar"] h3 a:hover {
  color: var(--ucom-pink) !important;
}

[class*="sideBar"] li a,
[class*="SideBar"] li a,
[class*="sidebar"] li a,
[class*="Sidebar"] li a,
[class*="rightPanel"] li a,
[class*="RightPanel"] li a,
[class*="relatedArticle"] a,
[class*="RelatedArticle"] a {
  color: var(--ucom-purple) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
  display: block !important;
  padding: 4px 0 !important;
}

[class*="sideBar"] li a:hover,
[class*="sidebar"] li a:hover,
[class*="rightPanel"] li a:hover,
[class*="relatedArticle"] a:hover,
[class*="RelatedArticle"] a:hover {
  color: var(--ucom-pink) !important;
}

[class*="sideBar"] .Icon__icon,
[class*="sidebar"] .Icon__icon,
[class*="rightPanel"] .Icon__icon {
  fill: var(--neutral-400) !important;
}

.Footer__footerInfo {
  background: var(--ucom-purple) !important;
  padding: 40px 32px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 120px !important;
}

.Footer__footerQus {
  color: var(--ucom-white) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
}

.Footer__footerDescription,
.Footer__footerDescription span {
  color: rgba(255,255,255,0.7) !important;
  font-size: 16px !important;
  margin-top: 4px !important;
}

.Button__footerBtn,
button.Button__footerBtn {
  position: relative !important;
  background: var(--ucom-navy) !important;
  color: var(--ucom-white) !important;
  border: none !important;
  border-radius: var(--radius-pill) !important;
  padding: 30px 100px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  overflow: visible !important;
  z-index: 0 !important;
  transition: all var(--transition-base) !important;
}

.Button__footerBtn::before,
button.Button__footerBtn::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 2px !important;
  background: var(--ucom-rainbow) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;
  pointer-events: none !important;
}

.Button__footerBtn:hover,
button.Button__footerBtn:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.35) !important;
  transform: translateY(-1px) !important;
}

.Button__footerBtn:hover::before,
button.Button__footerBtn:hover::before {
  animation: ucomSpinBorder 2s linear infinite !important;
}

.Link__active,
.Link__active.commonStyle__zt3LinkActive,
.commonStyle__zt3LinkActive {
  color: var(--ucom-pink) !important;
  font-weight: 700 !important;
}

[class*="SubmitTicket"] h1,
[class*="submitTicket"] h1,
[class*="NewTicket"] h1 {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--ucom-purple) !important;
}

[class*="formField"] label,
[class*="FormField"] label,
[class*="fieldLabel"],
[class*="FieldLabel"] {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--neutral-800) !important;
  letter-spacing: 0.2px !important;
  margin-bottom: 4px !important;
}

a[style*="color"],
span[style*="color: rgb(229"] {
  color: var(--ucom-purple) !important;
}

.Link__active {
  color: var(--ucom-pink) !important;
}

.Icon__greyShade70,
.Icon__greyShade50 {
  fill: var(--neutral-400) !important;
}

[class*="searchBar"] .SearchContainer__searchIcon,
[class*="SearchBar"] .SearchContainer__searchIcon {
  background: var(--ucom-purple) !important;
}

.ListHeader__linkText,
.ListHeader__linkText.commonStyle__zt3Link,
a[data-id*="_title"] {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;
}

@media (max-width: 768px) {
  .Header__searchSection, #headerContent.Header__searchSection {
    padding: 52px 20px 44px !important;
    min-height: auto !important;
  }

  h2.Header__searchTitle, .Header__searchTitle { font-size: 28px !important; }
  p.Header__description, .Header__description { font-size: 14px !important; margin-bottom: 24px !important; }
  .ucom-hero-badge { font-size: 10px !important; letter-spacing: 1.5px !important; }
  .ucom-hero-links { flex-direction: column !important; align-items: stretch !important; }
  .ucom-hero-card { width: 100% !important; min-width: 0 !important; }
  .ucom-hero-orb { display: none !important; }

  .ucom-footer__inner {
    flex-direction: column !important;
    text-align: center !important;
  }
  .ucom-footer__brand { flex-direction: column !important; gap: 8px !important; }

  .Footer__container2 {
    flex-direction: column !important;
    text-align: center !important;
    gap: 6px !important;
  }
}

@media (max-width: 480px) {
  h2.Header__searchTitle, .Header__searchTitle { font-size: 24px !important; }
  .ContentBox__alignCenter { padding: 30px 22px 26px !important; }
}

.ucom-ci {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  margin: 0 auto 16px !important;
  background-color: rgba(226,90,171,0.10) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 26px 26px !important;
}

.ucom-ci--phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTI1YWFiIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDgyZmM2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNnKSIgZD0iTTQuMiAzLjNBMS42IDEuNiAwIDAgMSA1LjQgM2gyLjNjLjcyIDAgMS4zNC41IDEuNSAxLjJsLjg2IDMuM2MuMTMuNS0uMDIgMS4wNi0uNCAxLjQyTDguNCAxMC4zYTEyLjYgMTIuNiAwIDAgMCA1LjMgNS4zbDEuMzgtMS4yNmMuMzYtLjM4LjkyLS41MyAxLjQyLS40bDMuMy44NmMuNy4xNiAxLjIuNzggMS4yIDEuNXYyLjNhMS42IDEuNiAwIDAgMS0xLjcyIDEuNkMxMC42IDIwLjYgMy40IDEzLjQgMi42IDUuMDJBMS42IDEuNiAwIDAgMSAzIDMuOXoiLz48L3N2Zz4K") !important; }
.ucom-ci--mail  { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTI1YWFiIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDgyZmM2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNnKSIgZD0iTTMgNS4yaDE4Yy41NSAwIDEgLjQ1IDEgMXYuMzVsLTkuNDcgNS42OGExIDEgMCAwIDEtMS4wNiAwTDIgNi41NVY2LjJjMC0uNTUuNDUtMSAxLTF6Ii8+PHBhdGggZmlsbD0idXJsKCNnKSIgZD0iTTIgOC4zbDkuNDYgNS42N2ExIDEgMCAwIDAgMS4wOCAwTDIyIDguM3Y5LjVjMCAuNTUtLjQ1IDEtMSAxSDNjLS41NSAwLTEtLjQ1LTEtMXoiLz48L3N2Zz4K") !important; }
.ucom-ci--clock { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTI1YWFiIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDgyZmM2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS40IiBmaWxsPSJ1cmwoI2cpIi8+PHBhdGggZD0iTTEyIDYuNnY1LjZsMy43IDIuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+Cg==") !important; }