html{font-size:16px}.bold{font-weight:700}.medium{font-weight:500!important}.semi-bold{font-weight:600!important}.italic{font-style:italic}.demo__link{font-weight:600;color:var(--primary-color)}.h-light{color:var(--highlight);font-style:normal;font-weight:600!important}ol[type="1"] li::marker{font-size:1rem}#demo__page .step p,#demo__page ol li p,#demo__page p,.step ol li{font-size:1.125rem;line-height:1.4;font-weight:300}#demo__page .step p,#demo__page ol li p,#demo__page p{margin-bottom:1.5rem}#demo__page a{font-size:1.125rem}.step ol li{margin-bottom:10px;font-size:1.125rem}.step ol li:last-child{margin-bottom:0}#demo__page .bold{font-weight:600!important}.quick-navigation h3,.step h3{font-size:1.65rem;line-height:1.4}.step-count,.sub-title,p.sub-title,span.sub-title{font-size:1.15rem}#demo__page h2{font-size:48px;font-weight:600;line-height:1.2}.hero__section .dwn__btns{flex-direction:column;margin-top:30px;gap:20px}.hero__section .dwn__btns>div{flex-direction:row;display:flex;gap:30px;margin-bottom:10px}.hero__section .dwn__btns p{margin-bottom:0!important}.app__download:not(a)>img{border:1px solid var(--border-color);padding:3px;border-radius:10px}.app__download a{margin-bottom:10px}.app__download{max-width:180px}.demo__important strong{color:var(--black)!important}#demo__page strong{color:var(--black)}#demo__page ol li p{margin-bottom:.2rem}#demo__page ol{margin-bottom:2rem}.common-padding{padding:3.75rem 0}.hero__section-inner{display:flex;justify-content:space-between;margin:0 auto}.hero__section .left{max-width:900px;display:flex;flex-direction:column}.demo__highlight img{max-width:26rem;margin-bottom:.4rem}.demo__title{font-size:48px;line-height:1.25;margin-bottom:2rem;color:var(--primary-color)}.hero__section .right{flex:0.6}.hero__section .right .demo__image{width:100%}.hero__section .right .demo__image img{max-width:100%;min-width:24rem}.xpe_features{background-color:var(--button-bg);color:var(--white)}.xpe_features-inner{display:flex;align-items:center;justify-content:space-between}.xpe_features .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.xpe_features .col-md-6:first-child{padding-right:60px}.xpe_features .col-md-6{display:flex;flex-direction:column;justify-content:center}.xpe_features h2{margin-bottom:20px;color:var(--white)}.xpe_features p{font-size:28px!important;color:var(--white);margin-bottom:40px}.feature-list{text-align:left;padding-left:20px}.feature-list ul{list-style:none;padding:0;margin:0}.feature-list li{position:relative;font-size:1.25rem;padding:15px 0 15px 55px;color:var(--color-text);transition:.3s ease;font-weight:300;border-bottom:1px solid var(--border-color)}.feature-list li:last-child{border-bottom:0}.feature-list li:before{content:"";position:absolute;left:0;top:13px;width:34px;height:34px;background-repeat:no-repeat;background-size:34px;background-position:center;background-image:url('data:image/svg+xml;utf8,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="34.2049" height="34.2049" rx="17.1025" fill="white"/><path d="M23.6803 12.2788L14.0327 21.9263L9.64749 17.5411" stroke="%23226686" stroke-width="1.7541" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.demo-empoyees{text-align:center;background-color:var(--light-bg-color)}.section-header{max-width:1225px;padding:0 20px;margin:0 auto 40px auto;text-align:center}.section-header p{font-size:1.75rem!important}.demo-empoyees h2,.demo-empoyees strong{color:var(--primary-color)!important}.employee-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:0;margin:0 auto;list-style:none}.employee-list li{flex:1 1 calc(25% -30px);max-width:calc(25% - 30px);box-sizing:border-box}.employee-list img{width:100%;height:auto}.employee-list .employee-info{padding:10px 20px;display:block}.employee-list .employee-info span{display:block;font-size:1rem}.employee-list .employee-info .employee-name{font-size:1.5rem}.employee-info .employee-position{color:var(--text-gray)!important;font-style:italic!important}.quick-nav-section.common-padding{background-color:var(--off-white)}.quick-navigation ul li{cursor:pointer;color:var(--highlight);display:flex;gap:8px}.quick-navigation ul li span:first-child{min-width:59px}.quick-navigation ul li span:nth-child(2){text-decoration:underline}.steps{transition:all .5s linear}.steps .container{transition:all .5s ease}.aside-navigation{top:101px;height:calc(100vh - 101px);position:sticky;background-color:var(--primary-color);transform:translateX(0);color:var(--white);border-top:1px solid var(--secondary-color)}.steps.full-width .aside-navigation{width:250px;flex:0 0 250px;opacity:1;transform:translateX(0);pointer-events:all;overflow:visible}.header.is-pinned+.site-content .aside-navigation,header.is-pinned+.site-content .aside-navigation{top:101px!important;height:calc(100vh - 101px)!important}.steps-container .aside-navigation ul{padding:0}.steps-container .aside-navigation ul li{border-bottom:1px solid var(--primary-color);padding:6px 15px;display:flex;flex-direction:column;font-size:.925rem}.steps-container .aside-navigation ul li span{color:var(--aside-muted);font-size:.825rem!important;font-weight:300!important;line-height:1.3}.steps-container .aside-navigation ul li.active,.steps-container .aside-navigation ul li.active:hover,.steps-container .aside-navigation ul li:hover{background-color:var(--secondary-color);cursor:pointer}.steps-container .aside-navigation ul{overflow-y:auto;max-height:calc(100% - 60px)}.floating-buttons{display:flex;gap:5px;flex-direction:column;position:fixed;bottom:20px;left:0;width:auto;z-index:9}.floating-buttons .btn{color:var(--white);display:flex;gap:10px;align-items:center;padding-top:8px;padding-bottom:8px;border-radius:22px}.floating-buttons .show-badges-btn{background-color:var(--btn-orange);display:none}.floating-buttons .toggle-nav-btn{background-color:var(--btn-orange);transition:.2s linear;border-top-left-radius:0;border-bottom-left-radius:0}.floating-buttons .btn:hover{cursor:pointer}.floating-badge-drawer{width:100%;max-width:1024px;position:fixed;right:-100%;padding:20px 20px 50px 20px;z-index:999;text-align:center;background-color:var(--white);transition:right .4s linear}.floating-badge-drawer div div{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;gap:0;background-color:var(--white)}.floating-badge-drawer div img{width:100%;max-width:225px;height:auto;max-height:calc(50vh - 65px)!important}.mx-height-40vh{max-height:40vh}.floating-badge-drawer.open{right:0;display:none}.badge-drawer-close{background-color:var(--black)}.badge-drawer-close .fa{margin-right:10px}.sidebar-header{position:relative;padding:10px 35px 10px 15px;font-size:.75rem;background-color:var(--header-bg-color)}.side-navigation-close{background-color:var(--primary-color)}.badge-drawer-close,.side-navigation-close{color:var(--white);display:flex;align-items:center;justify-content:center;position:absolute}.badge-drawer-close{border-radius:22px}.side-navigation-close{border-radius:50%}.side-navigation-close{right:2px;top:2px;width:30px;height:30px}.badge-drawer-close{right:0;left:0;bottom:10px;height:35px;max-width:150px;margin:auto;line-height:1.6}.badge-drawer-close:active,.badge-drawer-close:focus,.badge-drawer-close:hover,.side-navigation-close:active,.side-navigation-close:focus,.side-navigation-close:hover{color:var(--white)!important;outline:0}.dwn__btns{display:flex;gap:50px;margin-top:40px}.dwn__btns a{display:flex;justify-content:center;align-items:center;border:none;border-radius:16px;max-width:220px;outline:0;cursor:pointer}.dwn__btns img{max-width:150px}.steps__container{display:flex;overflow:auto;position:relative}.steps__container-inner{display:flex;overflow:visible}.steps__container::-webkit-scrollbar{display:none}.non__sticky-content{flex:1;scroll-snap-type:y mandatory}.steps.full-width .non__sticky-content{padding-left:35px}.steps.full-width .toggle-nav-btn{display:none!important}.steps.full-width .arrows.scroll__btns{bottom:10px}.non__sticky-content .step{display:flex!important;align-items:stretch;scroll-snap-align:start;height:max-content;margin-bottom:4.5rem}.non__sticky-content .step .left{flex:1;display:flex;flex-direction:column;justify-content:center}.non__sticky-content .step .left .content{max-width:665px;padding-right:30px;display:flex;align-items:flex-start;flex-direction:column}.non__sticky-content .step .right{flex:0.5;display:flex;justify-content:center;align-items:center}.non__sticky-content .step .right img{max-width:160px;margin:0 auto;height:max-content}.sticky__content{flex:0.6;position:sticky;top:110px;text-align:center;display:flex;justify-content:center;max-height:calc(100vh - 115px)}.sticky__content div{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;align-items:start;gap:0;height:auto}.sticky__content div img{display:block;width:auto;object-fit:contain}.sticky__content div img{max-width:50%;max-height:calc(50vh - 55px);width:auto}.double-image{display:flex;flex-direction:column;gap:50px}.sticky__content.mobile{display:none}a.link{color:var(--btn-orange);text-decoration:underline!important}.steps__container{scroll-snap-align:start}.arrows.scroll__btns{z-index:7;position:fixed;left:30px;top:calc(50% - 52px);right:auto;flex-direction:column;display:none}.arrows.scroll__btns #scroll-down{margin-top:8px}.arrows.scroll__btns button{background:var(--light-black);color:var(--white);border:none;margin:5px 0;padding:10px;border-radius:50%;cursor:pointer;opacity:.4;transition:opacity .2s;display:grid;place-items:center}.arrows.scroll__btns button:hover{opacity:.8}.step.step-2 .mobile{display:none}.non__sticky-content .step:last-child{margin-bottom:0}.ui-mobile{display:none;width:100%}.hero__section .right.ui-desktop{display:flex;align-items:end}.hero__section .left{display:flex;justify-content:center}@media (max-width:1465px){#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p{line-height:1.3;margin-bottom:1.2rem}}@media (max-width:1024px){.demo__page .xpe_features p,.feature-list li,.section-header p,.step ol li,.step p,.step-count,.sub-title,ol[type="1"] li::marker,p.sub-title,span.sub-title{font-size:1rem!important}.common-padding{padding:2.75rem 0}.hero__section{flex-direction:column;padding:2.75rem 0;margin:auto}.demo__title{font-size:36px}.demo__highlight img{max-width:14rem}.dwn__btns{margin-top:10px}.non__sticky-content{flex-direction:column}.non__sticky-content .step{flex-direction:column;scroll-snap-align:unset}.non__sticky-content .step .left .content{max-width:100%}.steps__container{margin-top:0;padding:0;display:flex;height:auto;overflow:auto;scroll-snap-type:unset}.non__sticky-content .step{display:flex;scroll-snap-align:unset;height:auto}.non__sticky-content .step .left{flex:0.2}.hero__section .right .demo__image{display:flex;justify-content:center}.hero__section .right .demo__image img{min-width:auto;width:16rem}.ui-mobile{display:block;padding-top:30px;margin-bottom:20px}.ui-desktop{display:none!important}.ui-mobile img{max-width:135px}.hero__section-inner .ui-mobile{padding-top:0}.hero__section-inner .ui-mobile img{max-width:250px}.non__sticky-content .step .right img{max-width:130px}.steps__container-inner{padding-bottom:0}.xpe_features .row{display:block}.feature-list{padding-left:0}.feature-list li{padding:10px 0 10px 40px;line-height:1.6}.feature-list li:before{top:11px;width:25px;height:25px;background-size:25px}.demo__page .xpe_features p,.feature-list li,.section-header p,.step ol li,ol[type="1"] li::marker{font-size:1rem!important}#demo__page h2,.demo__title{font-size:26px!important}.quick-navigation h3,.step h3{font-size:22px}}@media (max-width:1024px){.non__sticky-content{flex:1}.sticky__content{flex:0.4;position:sticky;top:102px;text-align:center}.sticky__content div img{max-width:180px!important}}@media (max-width:991px){.floating-badge-drawer{display:flex!important;align-items:center;justify-content:center;flex-direction:column}html body.lockScroll{overflow-y:hidden!important}.sticky__content{position:static;display:none}.steps__container-inner{flex-direction:column-reverse}#demo__page{overflow-x:hidden!important}}@media (max-width:767px){#demo__page h2,.demo__title{font-size:25px!important;text-align:center}.xpe_features h2{text-align:left!important;margin-bottom:10px}.quick-navigation h3,.step h3{font-size:20px!important}.demo__highlight img{max-width:13rem}.common-padding{padding:1.85rem 0}.dwn__btns a{margin-bottom:0!important}.step .right img{margin-top:20px!important}.non__sticky-content .step .right .double-image img,.non__sticky-content .step .right img{max-width:135px}.double-image{gap:20px;flex-direction:row}.double-image img{max-width:50%}.steps__container .container{padding-left:0}.ui-mobile img{max-width:135px}.floating-buttons .show-badges-btn{display:flex}.floating-badge-drawer{display:block}.floating-buttons .toggle-nav-btn,.steps .aside-navigation{display:none!important}.floating-badge-drawer.open{display:flex!important;align-items:center;justify-content:center;flex-direction:column}.hero__section .dwn__btns>div{margin-bottom:0}.steps .section-header{margin-bottom:0}.step-1.step{padding-top:20px}.app__download{max-width:max-content;display:flex;flex-direction:column;gap:12px;align-items:center}.app__download img{width:135px}.dwn__btns{flex-direction:column;gap:50px;align-items:center;margin:30px auto auto}.app__download:first-child{margin-bottom:0}#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p{font-size:1rem}}@media (max-width:600px){.dwn__btns{flex-direction:row}.mobile-next-prev-group{display:flex;justify-content:center;align-items:center;gap:10px}.mobile-next-prev-group button{display:flex;border-radius:22px;height:34px;font-size:14px;font-weight:300;gap:5px;padding:6px 15px;margin:0!important;color:var(--primary-color);border:1px solid var(--primary-color);background-color:var(--white);transition:all .4s ease;font-weight:500;line-height:1.3}.mobile-next-prev-group button:active,.mobile-next-prev-group button:focus,.mobile-next-prev-group button:hover{color:var(--white);border:1px solid var(--primary-color);background-color:var(--primary-color);outline:0}.mobile-next-prev-group button:focus svg .mobile-next-prev-group button:active svg,.mobile-next-prev-group button:hover svg{stroke:var(--white)}.mobile-next-prev-group button svg{width:20px;height:auto;transform:rotate(-90deg);stroke:var(--primary-color)}.mobile-next-prev-group button svg path{fill:var(--primary-color)}.steps .section-header{border-bottom:1px solid var(--border-color);padding-bottom:15px}.floating-buttons .btn svg{width:16px;height:auto}.floating-buttons{position:static;align-items:center;justify-content:center;gap:10px;flex-direction:row}.floating-buttons{display:flex!important}.floating-buttons .btn{gap:7px;padding:6px 15px}.arrows.scroll__btns{top:unset;bottom:53px}.floating-btn-groups{position:fixed;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--header-bg-color);width:100%;left:0;bottom:-1px;height:45px;padding:5px 20px;z-index:11}.steps__container-inner{overflow-x:hidden;width:100%}.non__sticky-content{position:relative}.non__sticky-content .step .left .content,.steps__container .container{padding-right:0}.non__sticky-content .step{position:relative;width:100%;opacity:0;display:none!important;padding:0;margin-bottom:40px}.non__sticky-content .step:not(.active){display:none!important}.non__sticky-content .step.active{display:flex!important;animation:fadeSlideIn .9s ease forwards}.non__sticky-content .step.fade-out{display:flex!important;animation:fadeSlideOut .6s ease forwards}.floating-btn-groups .arrows.scroll__btns,.floating-btn-groups .arrows.scroll__btns.in-step-viewport{display:none!important}.steps .section-header{margin-bottom:30px!important}@keyframes fadeSlideIn{0%{opacity:0}20%{opacity:.2}50%{opacity:.5}70%{opacity:.7}90%{opacity:.9}100%{opacity:1}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(0)}}}@media (max-width:570px){.app__download>a>img{max-width:100%}#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p{font-size:1rem;line-height:1.3;margin-bottom:1.1rem}.arrows.scroll__btns #scroll-down{margin-top:8px}#demo__page h2{font-size:22px}.demo__title{font-size:22px!important;line-height:1.2;letter-spacing:-1.1px;margin-bottom:1rem}.demo__highlight img{max-width:10rem}}@media (min-width:501px) and (max-width:767px){.employee-list{flex-direction:row;gap:20px}.employee-list li{flex:1 1 clamp(220px,40%,250px);max-width:clamp(220px,40%,250px)}.employee-list .employee-info{padding-top:0}.employee-list li img{max-width:150px}.employee-list .employee-info span{max-width:200px;box-sizing:border-box;margin:5px auto auto;display:block}}@media (max-width:500px){.dwn__btns{flex-direction:column}.employee-list .employee-info span{max-width:350px;margin:5px auto auto;display:block}.employee-list li{flex:1 1 100%;max-width:100%}.employee-list .employee-info{padding-top:0}.employee-list li img{max-width:250px}.arrows.scroll__btns,.floating-btn-groups,.floating-buttons{gap:7px}.floating-btn-groups .floating-buttons .btn,.floating-btn-groups .scroll__btns button{padding:6px 10px;font-size:12px;white-space:nowrap}.floating-btn-groups .floating-buttons .btn,.floating-btn-groups .scroll__btns button{padding:6px 10px;font-size:12px;gap:3px}}@media (min-width:768px) and (max-width:1024px){.hero__section .left{max-width:calc(100% - 350px)}.hero__section .right{flex:350px;position:relative}.hero__section .dwn__btns{margin-top:10px}.hero__section .dwn__btns a{margin-bottom:0!important}.hero__section .right .demo__image img{width:22rem}.demo__title{margin-bottom:14px}.hero__section .right .demo__image{position:absolute;bottom:-2.75rem}.hero__section .right.ui-desktop{display:flex!important}.hero__section .left .ui-mobile{display:none}.employee-list .employee-info .employee-name{font-size:1.125rem}.employee-list{gap:15px}.employee-list li{flex:1 1 calc(25% -15px);max-width:calc(25% - 15px)}.employee-info{padding-left:0;padding-right:0}.employee-list .employee-info span{font-size:.85rem}.dwn__btns{margin:30px auto auto}.step .right img{margin-top:30px!important}.double-image{flex-direction:row}.double-image img,.non__sticky-content .step .right img{max-width:150px!important}.floating-buttons .show-badges-btn{display:flex}.floating-buttons .toggle-nav-btn,.steps .aside-navigation{display:none!important}.step.step-2 .desktop{display:none}.step.step-2 .mobile{display:block}}@media (min-width:601px) and (max-width:991px){.floating-buttons{left:auto;right:0}.arrows.scroll__btns{right:10px;left:auto;bottom:65px;top:auto}#scroll-down span,#scroll-up span{display:none}.floating-buttons .btn.show-badges-btn{border-top-right-radius:0;border-bottom-right-radius:0}.non__sticky-content .step{flex-direction:row}.non__sticky-content .step .left{flex:1}.non__sticky-content .step .right{flex:0.5;display:flex;justify-content:center;align-items:center}.double-image{flex-direction:column}.step-1 .ui-mobile{display:none}.step-1 .right.ui-desktop{display:flex!important}.step-1 .dwn__btns{flex-direction:row;margin:30px auto auto 0}.quick-navigation h3,.step h3{font-size:22px}#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p,.step-count,.sub-title,p.sub-title,span.sub-title{font-size:1rem}.non__sticky-content .step{margin-bottom:2.5rem}}@media (min-width:601px){#scroll-down span,#scroll-up span{display:none}.mobile-next-prev-group{display:none!important}.quick-navigation ul li{width:max-content}}@media (min-width:992px){.floating-badge-drawer{display:none}.steps__container .container{padding-left:0;padding-right:0}}@media (min-width:992px) and (max-width:1280px){.arrows.scroll__btns{right:20px;left:auto;bottom:15px;top:auto}.xpe_features .row{display:flex}}@media (min-width:992px) and (max-width:1360px){.scroll__btns span{display:none}.floating-badge-drawer,.show-badges-btn{display:none!important}.non__sticky-content .step{flex-direction:row;scroll-snap-align:unset;padding-right:30px}.non__sticky-content .step .left{flex:1}.non__sticky-content .step .right{flex:0.4;display:flex;justify-content:center;align-items:center}.double-image{flex-direction:column}.double-image img,.non__sticky-content .step .right img{max-width:130px!important}.step-1 .ui-mobile{display:none}.step-1 .right.ui-desktop{display:flex!important}.app__download img{max-width:130px}.aside-navigation{display:none}.demo__page .xpe_features p,.feature-list li,.section-header p,.step ol li,.step p,.step-count,.sub-title,ol[type="1"] li::marker,p.sub-title,span.sub-title{font-size:1rem!important}#demo__page h2,.demo__title{font-size:30px!important}.quick-navigation h3,.step h3{font-size:23px}.demo__highlight img{max-width:23rem}.floating-buttons .toggle-nav-btn{display:none!important}.step .right img{margin-top:30px!important}.dwn__btns{margin:30px auto auto 0}.non__sticky-content .step .left .content{max-width:100%}}@media (min-width:1360px) and (max-width:1499px){.sticky__content{flex:0.4}.steps.full-width .aside-navigation{width:250px;flex:0 0 250px}#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p{font-size:1rem}.quick-navigation h3,.step h3{font-size:25px!important}}@media (min-width:1361px){.non__sticky-content .step .left .content{padding-right:0}.steps.full-width .scroll__btns{display:none!important}.steps:not(.full-width) .aside-navigation{width:0;opacity:0;transform:translateX(-350px);overflow:hidden;pointer-events:none;transition:width .5s ease,opacity .5s ease,transform .5s ease}.steps:not(.full-width) .aside-navigation .sidebar-header,.steps:not(.full-width) .aside-navigation .sidebar-navigation{opacity:0}.steps.full-width .container{max-width:100%!important;width:100%!important;padding:0!important}}@media (min-width:1025px){.hero__section .right{flex:384px;position:relative}.hero__section .left{max-width:calc(100% - 434px)}.hero__section .right .demo__image{bottom:-3.75rem}.hero__section .right .demo__image img{max-width:357px}.sticky__content{flex:0.4}.sticky__content div img{max-width:190px!important}}@media (min-width:1200px){.hero__section .left{max-width:calc(100% - 450px)}.hero__section .right .demo__image{text-align:right}.hero__section .right .demo__image img{min-width:21rem;max-width:300px}}@media (min-width:1450px){.hero__section .left{max-width:calc(100% - 500px)}.hero__section .right .demo__image{text-align:right}.hero__section .right .demo__image img{min-width:22rem;max-width:350px}.sticky__content div img{max-width:220px!important;max-height:calc(50vh - 55px);width:auto}}