:root{
     --page-max-width:1260px;
     --page-max-width-med:1024px;
     --num-grid-columns:12;
     --page-gutter:24px;
     --section-spacing:56px;
     --font-primary:v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     --brand: #2f93c9;
    --brand-gradient: linear-gradient(90deg,#8ea1e1,#7289da);
    --greyple: #99aab5;
    --dark-not-black: #2c2f33;
    --focus-border: #00b0f4;
    --status-green: #43b581;
    --text-link: #00b0f4;
    --off-white: #f6f6f6;
    --white: #fff;
    --not-quite-black: #23272a;
    --not-quite-black-rgb: 35,39,42;
    --bluebright: #1af7ff;
    --greenbright: #76fcba;
    --black: #000;
    --white:#fff;
    --gray1:#3B4255;
    --ekko-red: #de2761;
    --section-spacing: 56px;

     @media screen and (min-width:768px){:root
          {--num-grid-columns:8;
          --page-gutter:40px;
          --section-spacing:80px}}
     @media screen and (min-width:1024px){:root
          {--num-grid-columns:12;
          --section-spacing:120px}}
       
}  
a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var
     {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
table
     {border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,td,th
     {text-align:left;font-weight:400;vertical-align:middle}
ol,ul
     {list-style:none}
a img
     {border:none}
button
    {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}

html
     {overflow-scrolling:touch;height:100%}
body
     {min-width:1000px}
#app-mount
    {height:100%}
.content
    {width:1000px;position:relative;margin:0 auto}
.section
    {overflow:hidden}
.grid
    {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.grid .content
    {-webkit-box-sizing:border-box;box-sizing:border-box;padding:72px 50px
    0;max-width:1200px}
.grid .content.full
    {width:100%;max-width:100%;padding:0}
.grid .content-text
    {max-width:660px}

@media screen and (max-width:848px)
     {
     .grid .content
          {max-width:740px;width:calc(100% - 30px)}}
@media screen and (max-width:1024px)
     {
     body,html
          {min-width:824px}
     .content
          {width:824px}}
@media screen and (max-width:848px)
     {
     body,html
          {min-width:320px}
     .content
          {width:320px}}
     body
          {background:#fff;color:#000}
     a
          {text-decoration:none}
     body
          {text-rendering:optimizeLegibility;font-family:var(--font-primary);font-weight:400;line-height:1.15}
     section .button
          {background-color:#747f8d;border-radius:3px;border:none;outline:none;font-size:15px;padding:15px 25px;position:relative;-webkit-transition:all .12s ease-out;transition:all .12s ease-out;top:0;cursor:pointer;color:#fff}
     section .button.disabled
          {cursor:not-allowed}
.row-fei
     {}
.row
     {width:100%;max-width:1260px;max-width:var(--page-max-width);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(var(--num-grid-columns),1fr);gap:0 20px;padding:0 24px;padding:0 var(--page-gutter)}
 .row2
     {width:100%;max-width:1260px;max-width:var(--page-max-width);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:0 20px;padding:0 24px;padding:0 var(--page-gutter)}    
.ctaContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
 .purpleBackground .ctaContainer 
     {padding-left:20px; padding-right:20px; }     
.grid
     {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.header
     {z-index:9998}
.wrapper
     {grid-column:span 4;grid-column:span var(--num-grid-columns)}
.nav-3
     {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:60px;padding: 0 20px;background: rgba(17, 18, 39, 0.80); border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.page-title {
     font-size: 16px; letter-spacing: 1px; color: #fff; padding-top: 4px;
}
.page-title em {
     color: #838383; padding-right: 4px;
}
.logoLink,.nav-3
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.logoLink
     {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.logo-3o
     {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto; margin-top: -6px;}
.links-DG
     {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:right;font-size:16px;line-height:140%;font-weight:600}
.link-1
     {cursor:pointer}
.link-1:hover
     {text-decoration:underline}
.link
     {margin:0; padding:10px; white-space: nowrap; }

.appButton-2
     {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:110px;text-align:end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}
.wrapperDesktop
     {display:none}
.button-Z
     {border-radius:50%;line-height:24px;cursor:pointer;font-weight:500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,box-shadow;transition-property:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-box-shadow:0 8px 15px rgba(0,0,0,.2);box-shadow:0 8px 15px rgba (0,0,0,.2); }
.button-Z:hover{-webkit-box-shadow:0 8px 3px rgba(0,0,0,.3);box-shadow:0 8px 3px rgba (0,0,0,.3);cursor: pointer;}
.button-Z.disabled-3SnWY1
     {opacity:.5;cursor:not-allowed;pointer-events:none;outline:none}
.buttonBrand
     {background-color:#5865f2;background-color:var(--brand);color:#fff;color:var(--white)}
.buttonBrand:hover
     {background-color:hsl(235,86.1%,71.8%);background-color:hsl(235,calc(var(--saturation-factor,1)*86.1%),71.8%)}   
.button-1I
     {white-space:nowrap}
.buttonSmall
     {border-radius:40px;font-size:14px;padding:7px 16px}
.buttonExtraSmall
     {border-radius:40px;font-size:14px;padding:3px 14px}     
.buttonBlue
     {background-color:#57e2ed;background-color:var (--bluebright);color:#23272a;color:var (--not-quite-black); white-space: nowrap;}
a.buttonBlue:hover
     {background-color:#11e2ea; cursor: pointer;}
.buttonGreen
     {background-color:#76fcba;background-color:var (--greenbright);color:#23272a;color:var (--not-quite-black)}
a.buttonGreen:hover
     {background-color:#73eda3; cursor: pointer;}
.buttonText {
     background-color: transparent; }
.buttonBlue.disabled, .buttonGreen.disabled{
     background-color: #838383 !important;
     cursor: not-allowed;
}
.buttonText.buttonGreen {
     color: #76fcba;}
.buttonText.buttonBlue {
     color: #1af7ff;}    
.buttonLarge
     {border-radius:28px;font-size:20px;padding:12px 32px; min-height: 50px;}  
.ctaContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap; justify-content: center}
.heroBody
      {grid-column:2/span 10; text-align:left;}
.heroText
      {margin-bottom:8px}
.marginTop24
     {margin-top:20px}
.marginTop10
     {margin-top:10px}     
.paddingBottom40
     {padding-bottom:40px}
.marginRight24
     {margin-right:10px !important}
.marginRight24m
     {margin-right:-24px}
.marginBottom24m
     {margin-bottom:-24px}
.paddingBottom10
     {padding-bottom:10px}     
.marginBottom10m
     {margin-bottom:-10px}
.marginRight10
     {margin-right:10px}    
.heroText
     {color:#fff;color:var(--white)}
.cta-btns
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;}
.cta-btns .qr-2t
     {width: 100px; margin-top: 24px; padding: 4px;background:#76fcba;border-radius: 6px;}
.cta-btns .button-Z
     {width: 80%;align-items: center;justify-content: center;}
.qr-2t{margin-bottom: 4px;}
.purpleBackground .ctaContainer .marginRight24
     {margin-right: 0}

@media screen and (min-width:768px)
{
     .formContainer
      {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
@media screen and(min-width:1024px)
{    
     .formContainer
          {-webkit-box-align:center;-ms-flex-align:center;align-items:center}
     .ctaContainer
          {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.heroBackground
     {background:url(../images/topbg_bg.png) repeat-x top left;position:relative;min-height:753px;margin-bottom: -48px;overflow:hidden}
.heroImageContainer
     {position:relative;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.backgroundImages
     {display:block;position:absolute;top:0;left:50%}
.clouds
     {margin-left:-970px;top: -230px;}    
.foregroundLeft
     {display:none;width:100%;max-width:551px;position:absolute;z-index:1;margin-right:330px;right:50%;bottom:0}
.foregroundRight
     {position:absolute;bottom:0;display:none;width:100%;max-width:448px;bottom:18px;left:50%;margin-left:520px}
.heroContainer
     {padding-top:56px;padding-top:var(--section-spacing);padding-bottom:0; z-index:1;}
.heroText
      {color:#fff;color:var(--white);}
.h1-3d{font-family:var(--font-headline);font-size:44px;font-size:clamp (24px,5vw,44px);line-height:95%;text-transform:uppercase;text-rendering:geometricPrecision}
.h1-3d,.h2-1J
     {font-weight:800}
.h2-1J
     {line-height:120%;font-family:var(--font-display);font-size:40px;font-size:clamp(22px,4vw,40px)}
.h2-1J.headline
     {font-size:40px;font-size:clamp(20px,4vw,40px)}
.h5-S2
     {font-weight:600;font-size:24px;font-size:clamp(20px,2vw,24px)}
.h5-S2,.h4-2l
     {line-height:120%;font-family:var(--font-display)}
.h4-2l
     {font-weight:700;font-size:32px;font-size:clamp(22px,3vw,32px)}
.headline
     {font-family:var(--font-headline);line-height:95%;text-transform:uppercase;text-rendering:geometricPrecision}
.text-2
     {padding: 5px 0;}
.text-2 a
     {color:#00b0f4;color:var(--text-link)}
.text-2 a:hover
     {text-decoration:underline}
.textLarge
     {font-size:24px;font-size:clamp(16px,2vw,20px);line-height:200%}
.textMedium 
     {font-size:20px;font-size:clamp(16px,2vw,20px);line-height:200%}
.textbetweenMedium
     {font-size:18px;line-height:200%}    
.textSmall
     {font-size:16px;line-height:200%}
.textExtraSmall
     {font-size:14px;line-height:18px}
.textLabel
     {font-size:14px;line-height:120%;letter-spacing:3px;text-transform:uppercase}

.wrapperDesktop
     {display:-webkit-box;display:-ms-flexbox;display:flex}
/*.wrapper
     {grid-column:span 4;}*/
.colorSchemeWhite .link,
.colorSchemeWhite .menuIcon
     {color:#fff;color:var(--white)}
.container-26
     {padding-top:10px;padding-bottom:10px; opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s .1s,-webkit-transform .6s ease;transition:opacity .6s .1s,-webkit-transform .6s ease;transition:opacity .6s .1s,transform .6s ease;transition:opacity .6s .1s,transform .6s ease,-webkit-transform .6s ease}
.description-box
     {color:#23272a;color:var(--not-quite-black);}
.cta-app .title-area
     {grid-column:span var(--num-grid-columns);}
.cta-app .text-area
     {grid-column:span var(--num-grid-columns);}
.cta-web
     {max-height: 780px;}
.cta-web .text-up
     {min-height: 340px; display: contents;}
.image-side
     {object-fit: fill; display: none;}   
.image-box
     {width:100%;object-fit:fill;}
.container-0
     {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.cta-app .description-box
     {grid-column:span var(--num-grid-columns); margin-top: 24px;}
.cta-app .image-box
     {grid-column:span 4;display: none;} 
.cta-web .description-box
     {grid-column:span var(--num-grid-columns);margin-top:24px; padding-right: 20px; padding-left: 20px; align-items: end;}
.cta-web .image-box
     {grid-column:span var(--num-grid-columns);margin-top:30px;} 
.cta-web .h4-2l
     {width: 100%;}
.visible
     {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.featureImageTit
     {max-width:300px; margin-left: 0}
.featureImage
     {max-width:511px;max-height:747px}
.featureGround
     {max-width:1069px;max-height:747px}
.featureWeber
     {max-width:455px;max-height:478px}    
/*.container-uptrans{
    padding-top: 56px;
    padding-top: var(--section-spacing);
    padding-bottom: 56px;
    padding-bottom: var(--section-spacing);
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .6s .1s,-webkit-transform .6s ease;
    transition: opacity .6s .1s,-webkit-transform .6s ease;
    transition: opacity .6s .1s,transform .6s ease;
    transition: opacity .6s .1s,transform .6s ease,-webkit-transform .6s ease;
}
.visible-yusgnd {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
} */
.container-16
     {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.container-16,.sparklesContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.sparklesContainer
     {width:100%;}
.sparkles-3b
     {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none; margin-top:40px; width: 100%;min-width: 350px; max-width: 830px;}
.title-3J
     {margin-top:20px; margin-bottom: 20px;}
.greenBackground
     {background-color:#76fbb9;}
.blueBackground
     {
/*          background-color:#2aace2;*/
          background-color: #03BBEE}
.purpleBackground
     {background-color:#dd9fdb;}
.dark2Background
     {background-color:#3b4255;}     
.darkBackground
     {background-color:#060815;min-height: 200px;}
.footer
     {color: var(--brand);}         
.mobileButtonContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileAppButton-J8RITc{margin-right:16px}
.menuIcon
     {cursor:pointer;line-height:0}
.ctaSeparator
     {width:100%;height:1px;margin-bottom:32px}
.ctaContainer .button-Z 
          {margin-bottom: 10px;}       
/*.ctaContainer-footer
     {grid-column:3/span 8;}*/
/*.cta-brand
     {display:grid;grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(var(--num-grid-columns),1fr);}*/
.cta-brand-links
     {text-align: center;display: grid;justify-content: center; color: var(--brand);}
.logo-TA
     {object-fit:fill;-ms-flex-negative:0;flex-shrink:0;border-radius: 12px;}
.cta-brand-links .links-app
     {white-space: nowrap; display: grid; align-items: center; line-height:25px; }
.cta-brand p.links-copy 
     {line-height: 25px; font-size: 13px; color:#909090; text-align: center; white-space: nowrap;}   
.cta-brand-links .links-DG
      {grid-column:1/span 7; display: flex; align-items: center; color: var(--brand);}
 .cta-brand-links .link
     {color: var(--brand);}    
.cta-brand-links .button-Z
      {grid-column:10/span 3; text-align: center;}          
.brand.footer
     {background-color:#26273C;}
.brand .ctaSeparator
     {background-color:#5865f2;background-color:var(--brand)}

.qr-box {
     display: flex;
}
.qr-box .col {
     width: 50%;
     color: var(--not-quite-black);
     font-size: 14px;
     padding: 0 10px;
     min-width: 100px;
}
.tooltip {
  position: absolute;
  display: none;
  z-index: 60;
  font-size: 12px;
 }

.tooltip.in     {}
.tooltip.top    { margin-top:  -3px; padding: 8px 0; }
.tooltip.right  { margin-left:  3px; padding: 0 8px; }
.tooltip.bottom { margin-top:   3px; padding: 8px 0; }
.tooltip.left   { margin-left: -3px; padding: 0 8px; }

.tooltip-inner {
  padding: 18px;
  color: #ffffff;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow:0 8px 3px rgba(0,0,0,.23);
  box-shadow:0 8px 3px rgba (0,0,0,.23)
}
.button-tooltip{
     position: relative;
    cursor: pointer;
}
.button-tooltip:hover .tooltip {
     display: block;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #fff;
  }
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: #fff;
  }
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: #fff;
  }
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #fff;
  }
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: #ffff;
  }
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #fff;
  }
.tooltip .bottom-left .tooltip-arrow {
    top: 0;
    right: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #ffff;
  }
.tooltip .bottom-right .tooltip-arrow {
    top: 0;
    left: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #fff;
  }     
.relative{
     position: relative;
}
.text-story {
     width: 80%;
     justify-content: space-between;
     padding-bottom: 17px;
}
.text-story p {
     padding: 10px;
}
.aboutBackground
     {background:#2aace2 url(../images/abouttop-bg.png) no-repeat top center;position:relative;min-height:660px;overflow:hidden}
.aboutImageContainer
     {position:relative;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.helpBackground
     {background:#192644 url(../images/helptop-bg.png) no-repeat top center;position:relative;min-height:160px;overflow:hidden}
.text-area p{
     text-indent: 40px; padding: 8px 0;
}
.text-white {
     color: #fff;
}
.text-center {
     text-align: center;
}
.text-indent0{
     text-indent: 0 !important;
}
.aboutContainer {
    display: block;
}
.img-aboutqt {
     text-align: center;
}
.img-aboutqt a:hover {
     
}
.img-aboutqt img{
     max-width: 82%;
     border-radius: 20px;
     opacity: .7;
}
.img-aboutqt img:hover {
     opacity: 1;
}
.aboutTopImage .position-cb{
     position: absolute;
    bottom: 14px;
    left: 50%;
    margin-left: -140px;
}
.helpContainer {
     display: flex;
    margin: auto ;
    justify-content: center;
    width: 80%;
    margin-bottom: 30px;
}
.help-content-text {
     padding: 1.5rem;     
     font-size: .9375rem;
    letter-spacing: .05em;
    line-height: 1.6125em;
     word-wrap: break-word;
     word-break: break-word;
}
.help-content-text hr {
    border-bottom-color: #bbb;
}
.helpTopText{
     font-weight: 100;
    font-size: 2.5em;
    line-height: 2em;
    letter-spacing: .25em;
    color: #fff;
} 
.help-content-text h1 {
     font-weight: 100;
    font-size: 2.5em;
    line-height: 1em;
    letter-spacing: -.025em;
    word-wrap: break-word;
    margin: 0 0 5px;
    word-break: break-word;
}
.help-content-text h2 {
/*     font-weight: 400;*/
    font-size: 2.05em;
    line-height: 1em;
    letter-spacing: .025em;
    margin-top: 1.875em !important;
    margin: 32px 0 12px;
}
.help-content-text h3 {
     font-weight: 600;
    font-size: 1.5em;
    letter-spacing: .025em;
    margin: 36px 0 18px;
    color: #2F93C9;
}
.help-content-text h4 {
    font-size: 1.25em;
    line-height: 1.5em;
    letter-spacing: 0;
    margin-bottom: 1.4375em !important;
    margin: 36px 0 6px;
    color:#2F93C9;
}
.help-content-text a{
     text-decoration: underline;
     text-decoration-color: #57E2ED;
}
.help-content-text a:hover{
     text-decoration: none;
}
.help-content-text img {
     border-style: none;
    max-width: 80%;
    vertical-align: middle;
}
.help-content-text p{
     margin: 0 0 1rem;
    padding: 0;
    line-height: 2em;
}
.help-content-text code {
    letter-spacing: .025em;
    color: inherit;
    background-color: #f2f2f2;
    border-radius: 0.125rem;
    padding: 0.2rem 0.3rem;
    white-space: pre-wrap;
    background-color: #57E2ED;
}
.help-content-text code.text-black >img{
     width: 22px;
     height: 22px;
     margin-top: -3px;
     padding: 2px;
     display: flex;
     background-color: #111225;
     border-radius: 2px;
     display: inline-flex;
     margin-right:2px ;
}
.help-content-text ul, .help-content-text ol {
         margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 0;
    padding: 0;
    list-style-type: disc;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}
.help-content-text li{
     list-style-type: disc;
    margin-bottom: 0.375em;
}

.help-content-text::before, .help-content-text::after{
     clear: both;
    content: "";
    display: table;
}
.infoBox {
    border-radius: 5px;
     border-left: 0.35em solid #57E2ED;
    margin-bottom: 1rem;
    padding: 0.75rem 1.25rem;
    position: relative;
    padding: 0 0 0 1em;
    border-radius: 0;
     background: none;
    color: #838383;
}
.infoBox .title-h{
     display: block;
    font-weight: 600;
    padding-bottom: 4px;
}
.infoBox .content-text{
     display: block;
    line-height: 2em;
}
.infoBox p{
     line-height: 2em;
    padding: 0;
}
.content-grid {
     display: grid;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    gap: 1.625rem;
    margin: 1.5em 0 0.875em 0;
}
.content-grid>div img {
    margin-bottom: 0.625em;
    max-width: 100%;
}
.content-grid>div p {
    margin-bottom: 0.5em;
}

.pseudoSelection .triangle{
     user-select: none;
    transition: background 20ms ease-in 0s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.pseudoSelection {
     user-select: none;
    background: transparent;
    margin-right: 2px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    min-height: calc(1.5em + 6px);
    padding-right: 2px;
    height: 2.4375em;
}
.icon-arrow-open svg, .icon-arrow-close svg{
    display: block;
    fill: inherit;
    flex-shrink: 0;
    transition: transform 200ms ease-out 0s;
    transform: rotateZ(90deg);
    opacity: 1;
}
.icon-arrow-open svg{
     transform: rotateZ(180deg);
}
.title-bar {
     display: flex;
     width: 100%;
     margin: 1.5em 0 0em 0;
     padding: 6px;
     padding-left:12px ;
}
.title-bar:hover {
     background-color: #57E2ED;
     border-radius: 12px;
     cursor: pointer;
}
.show-detail {
      margin: 0.875em 0 1.85em;
      display: none;
      padding-left: 40px;
}

@media(min-width:0)and (max-width:430px){
     .footer .container-16 {
          padding-left: 5px;
          padding-right: 0;
     }
     .helpContainer{
          width: 100%;
     }
     .help-content-text img{
         max-width: 100%;
     }
     .help-content-text {
          padding: 0;
     }
     .helpTopText{
          letter-spacing: 0;
          font-size: 2em;
     }
     .helpBackground{
          min-height: 120px;
     }
     .show-detail {
          margin: 0;
          padding: 0;
     }
     .help-content-text h1 {
          font-size: 2em;
     }
}
@media screen and (min-width:768px)
{
     .h1-3d
          {font-size:56px}
     .h2-1J
          {font-size:40px}
     .marginTop24
          {margin-top:24px}
     .marginRight24
          {margin-right:24px !important}        
     .buttonLarge
          {padding: 16px 22px;}   
     .link
          {margin:10px;}  
     .heroBackground
          {padding-bottom:0px;min-height:753px; margin-bottom: -48px;}
     .heroSubtitle
          {margin-top:10px}
     .heroText
          {margin-bottom:8px}
     .heroBody
          {grid-column:span var(--num-grid-columns);margin-top:193px; text-align: center;}
     .heroImageContainer
          {position:absolute;top:-46px;left:0;height:100%;width:100%}
     .foregroundLeft
          {display:none}
     .foregroundRight
          {display:none}
     .backgroundImages
          {display:block}
     .clouds
          {margin-left:-970px; top:-6px;}
     .container-0
          {padding-left:0; } 
     .container-26
          {padding-left: 0;padding-right: 0;}         
     .cta-app .description-box
          {grid-column:5/span 8; margin-top: 0}
     .col-full-mid{
          grid-column:7/span 12
     }   
     .cta-app .image-box
          {grid-column:span 4; display: block;margin-top:80px;}      
     .cta-web .description-box
          {grid-column:10/span 3;margin-left: -150px; margin-right: 30px; margin-top: 50px; padding-left: 0; padding-right: 0}
     .cta-web .image-box
          {display: block; grid-column:span 8;}
     .cta-app .title-area
          {grid-column:1/span 4;}
     .cta-app .text-area
          {grid-column:5/span 8;}     
     .featureImageTit
          {max-width:200px;margin-left:-25px;}
     .image-side 
          {margin-top:0px;display: block;width: 90%;}
     .description-box
          {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
     .sparkles-3b
          {margin-top:80px; width: 80%;}
     .title-3J
          {text-align: center;}
     .purpleBackground .ctaContainer .marginRight24
          {margin-right: 24px;}
     .tooltip-inner
          {padding: 12px;} 

     .aboutContainer{
          width: 100%;
     }                       
}
@media screen and (min-width:824px) {
     .aboutContainer{
          width: 85%;}  
}
@media screen and (min-width:1024px)
{
     .buttonLarge
          {padding: 16px 32px;}
     .heroBackground
          {padding-bottom:0;margin-bottom: -48px;}
     .heroBody
          {grid-column:2/span 10; text-align: center;}     
     .heroSubtitle
          {margin-top:8px}
     .foregroundLeft
          {position:absolute;display:block;max-width:500px;z-index:1;margin-right:300px;right:50%;bottom:0}
     .foregroundRight
          {display:block;bottom:18px;left:50%;margin-left:500px}
     .wrapperMobile
          {display:none}
     .ctaContainer
          {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
     .cta-app .description-box
          {grid-column:5/span 8;}
     .cta-app .image-box
          {grid-column:span 4;} 
     .cta-web .description-box
          {}
     .cta-web .image-box
          {grid-column:span 9;}    
     .featureImageTit
          {max-width:300px; margin-left:-30px;}    
     .sparkles-3b
          {width: 70%}
     .tooltip-inner
          {padding: 18px;}
     .aboutContainer{
          width: 70%;}      
}