.system-banner{position:relative;background-color:var(--color-primary);overflow:hidden}.system-banner-inner{padding-top:50px;padding-bottom:20px}.system-banner-title{width:100%;margin-bottom:5px;position:relative;z-index:1;font-size:30px;font-weight:500;display:flex;align-items:center;flex-wrap:wrap}.system-banner-title .animate-text{display:inline-flex}.system-banner-title-2 img{position:relative;width:30px;top:5px}.system-banner-title-2 em{font-weight:400;font-style:normal;transition:transform 1s}.system-banner-title-2.is-done em{transform:skew(-10deg)}.system-banner-holder{padding-top:30px;position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center}.system-banner-holder a{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:24px;color:var(--color-white);background-color:var(--color-black);border-radius:50%;text-decoration:none;transform:rotate(135deg)}.system-banner-scrollbar{order:2;width:100%;animation-delay:1.6s}.system-banner-paragraph{margin-bottom:50px;padding-left:50px;order:1;width:100%;font-size:14px;color:var(--color-white);animation-delay:2s}.system-banner-paragraph p:last-child{margin-bottom:0}.system-banner-bg-layer{position:absolute;right:-150px;bottom:-170px;width:620px;height:539px;transform:rotate(-90deg);pointer-events:none}.system-banner-title-1{animation-delay:.4s}.system-banner-title-2{animation-delay:.8s}.system-banner-title-3{animation-delay:1.2s}.system-banner-title-3{display:block}@media screen and (min-width:768px){.system-banner-inner{padding-top:71px;padding-bottom:90px}.system-banner-title{margin-bottom:30px;font-size:48px}.system-banner-title-2 img{width:50px;top:8px}.system-banner-scrollbar{order:1;width:25%}.system-banner-holder a{width:120px;height:120px;font-size:30px;background-color:transparent;border:1px solid var(--color-info)}.system-banner-paragraph{margin-bottom:0;padding-left:40px;order:2;width:75%;font-size:18px}.system-banner-bg-layer{right:0;bottom:0;transform:rotate(0)}}@media screen and (min-width:1024px){.system-banner-title{margin-bottom:30px;font-size:96px}.system-banner-title-2{justify-content:center}.system-banner-title-2 img{width:auto;top:11px}.system-banner-scrollbar{width:50%}.system-banner-paragraph{width:50%}}