.section-illustration{display:flex;justify-content:center;position:relative}.section-illustration .container{max-width:1200px}.animate .section-illustration-animate-image.is-reverse img{transform:scale(1)}@media (min-width:1201px){.logoPos-7.animate .section-illustration-animate-image.position-7.is-reverse,.logoPos-8.animate .section-illustration-animate-image.position-8.is-reverse,.logoPos-9.animate .section-illustration-animate-image.position-9.is-reverse{left:unset;right:30%;top:50%;transform:translateY(-50%)}.logoPos-7.animate .section-illustration-animate-image.position-6.is-reverse,.logoPos-8.animate .section-illustration-animate-image.position-6.is-reverse,.logoPos-9.animate .section-illustration-animate-image.position-6.is-reverse{bottom:7%;left:unset;right:8%;top:auto;transform:none}.logoPos-8.animate .section-illustration-animate-image.position-6.is-reverse{right:0;top:50%;transform:translateY(-50%)}.logoPos-7.animate .section-illustration-animate-image.position-6.is-reverse{right:8%;top:0}}@media (max-width:780px){.section-illustration.is-mobile-none{display:none}}.section-illustration-animate{display:flex;height:248.2px;position:relative;width:100%}@media (max-width:1200px){.section-illustration-animate{flex-direction:column;height:830px;margin:0 auto;width:240px}}.section-illustration-animate.animate .mask-left-color,.section-illustration-animate.animate .mask-right-color{animation:widthAnimateHalf-40955f8a 7s linear forwards}@media (max-width:1200px){.section-illustration-animate.animate .mask-left-color,.section-illustration-animate.animate .mask-right-color{animation:heightAnimateHalf-40955f8a 7s linear forwards}}.section-illustration-animate-image{height:-moz-fit-content;height:fit-content;position:absolute;width:-moz-fit-content;width:fit-content;z-index:12}.section-illustration-animate-image.is-reverse img{transform:scale(0);transition:all .4s ease}.section-illustration-animate-image.is-reverse img.test{transform:scale(1)}.section-illustration-animate-image img{border-radius:50%;box-shadow:0 1.89041px 7.56164px #00000012,0 .78767px 2.52055px #00000021;height:69px;width:69px}.section-illustration-animate-image.position-1{left:8%;top:7%}@media (max-width:1200px){.section-illustration-animate-image.position-1{left:unset;right:8%;top:10%}}.section-illustration-animate-image.position-7.is-reverse{left:unset;right:8%}@media (max-width:1200px){.section-illustration-animate-image.position-7.is-reverse{bottom:10%;right:8%;top:unset}}.section-illustration-animate-image.position-2{left:0;top:50%;transform:translateY(-50%)}@media (max-width:1200px){.section-illustration-animate-image.position-2{left:50%;top:0;transform:translate(-50%)}}.section-illustration-animate-image.position-8.is-reverse{left:unset;right:0}@media (max-width:1200px){.section-illustration-animate-image.position-8.is-reverse{bottom:0;left:50%;right:unset;top:unset;transform:translate(-50%)}}.section-illustration-animate-image.position-3{bottom:7%;left:8%}@media (max-width:1200px){.section-illustration-animate-image.position-3{bottom:unset;left:8%;top:10%}}.section-illustration-animate-image.position-9.is-reverse{left:unset;right:8%}@media (max-width:1200px){.section-illustration-animate-image.position-9.is-reverse{bottom:10%;left:8%;right:unset;top:unset}}.section-illustration-animate-image.position-4{left:30%;top:50%;transform:translateY(-50%)}@media (max-width:1200px){.section-illustration-animate-image.position-4{left:50%;top:30%;transform:translate(-50%)}}.section-illustration-animate-image.position-6.is-reverse{left:unset;right:30%}@media (max-width:1200px){.section-illustration-animate-image.position-6.is-reverse{bottom:30%;left:50%;right:unset;top:unset;transform:translate(-50%) translateY(0)}}.section-illustration-animate-image.position-5{left:50%;top:50%;transform:translate(-50%,-50%)}.section-illustration-animate-image.position-5.scale img{transform:scale(1.2)}@media (max-width:1200px){.section-illustration-animate-image.position-5.scale img{transform:scale(1.1)}}.section-illustration-animate-image.position-5 img{background:#fff;border:none;border-radius:5px;box-shadow:none;height:96px;transition:transform .4s ease;width:96px}.section-illustration-animate .maskLeftDiv{background:linear-gradient(90deg,hsla(0,0%,100%,0) 5%,#eaecf0);-webkit-clip-path:var(--clipPathLeftId);clip-path:var(--clipPathLeftId);height:100%;width:50%}.section-illustration .page-center{max-width:1200px;padding:0}@media (max-width:1200px){.section-illustration-animate .maskLeftDiv{background:linear-gradient(180deg,hsla(0,0%,100%,0) 5%,#eaecf0);-webkit-clip-path:var(--clipPathLeftMobileId);clip-path:var(--clipPathLeftMobileId);height:50%;width:100%}}.section-illustration-animate .maskRightDiv{background:linear-gradient(90deg,hsla(0,0%,100%,0) 5%,#eaecf0);-webkit-clip-path:var(--clipPathRightId);clip-path:var(--clipPathRightId);height:100%;transform:rotate(180deg);width:50%}@media (max-width:1200px){.section-illustration-animate .maskRightDiv{background:linear-gradient(180deg,hsla(0,0%,100%,0) 5%,#eaecf0);-webkit-clip-path:var(--clipPathRightMobileId);clip-path:var(--clipPathRightMobileId);height:50%;width:100%}}.section-illustration-animate .mask-left-color{background:linear-gradient(90deg,rgba(139,174,255,0) 30%,#64d98a);-webkit-clip-path:var(--clipPathLeftId);clip-path:var(--clipPathLeftId);height:100%;left:0;position:absolute;top:0;width:0;z-index:2}@media (max-width:1200px){.section-illustration-animate .mask-left-color{background:linear-gradient(180deg,rgba(139,174,255,0) 35%,#64d98a);-webkit-clip-path:var(--clipPathLeftMobileId);clip-path:var(--clipPathLeftMobileId);height:0;width:100%}}.section-illustration-animate .mask-right-color{background:linear-gradient(90deg,rgba(139,174,255,0) 30%,#8baeff);-webkit-clip-path:var(--clipPathRightId);clip-path:var(--clipPathRightId);height:100%;position:absolute;right:0;top:0;transform:rotate(180deg);width:0;z-index:2}@media (max-width:1200px){.section-illustration-animate .mask-right-color{background:linear-gradient(180deg,rgba(139,174,255,0) 35%,#8baeff);bottom:0;-webkit-clip-path:var(--clipPathRightMobileId);clip-path:var(--clipPathRightMobileId);height:0;top:unset;width:100%}}.section-illustration-animate svg{height:100%;position:absolute;top:0;width:50%}.section-illustration{margin-top:7px}@media(max-width:1600px){.cnt-wit-bg-wrp.cm-join-b2b h3.title{font-size:44px;line-height:52px}}@media (max-width:1200px){.section-illustration-animate svg{height:50%;width:100%}}.section-illustration-animate svg clipPath:first-child{display:block}@media (max-width:1200px){.section-illustration-animate svg clipPath:first-child{display:none}}.section-illustration-animate svg clipPath:last-child{display:none}@media (max-width:1200px){.section-illustration-animate svg clipPath:last-child{display:block}}.section-illustration-animate-image.position-6.is-reverse{top:50%;transform:translateY(-50%)}.section-illustration-animate-image.position-7.is-reverse{top:7%}.section-illustration-animate-image.position-8.is-reverse{top:50%;transform:translateY(-50%)}.section-illustration-animate-image.position-9.is-reverse{bottom:7%}.section-illustration.why-suger{margin:0}.section-illustration-animate svg.mask-left{left:0}.section-illustration-animate svg.mask-right{right:0}@media (max-width:1200px){.section-illustration-animate svg.mask-right{bottom:0;top:unset}}@media(max-width:1400px){.section-illustration .page-center{padding:0 16px}}@media(max-width:1200px){.section-illustration-animate-image.position-6.is-reverse{bottom:30%;left:50%;right:unset;top:unset;transform:translate(-50%) translateY(0)}.section-illustration-animate-image.position-7.is-reverse{bottom:10%;right:8%;top:unset}.section-illustration-animate-image.position-8.is-reverse{bottom:0;left:50%;right:unset;top:unset;transform:translate(-50%)}.section-illustration-animate-image.position-9.is-reverse{bottom:10%;left:8%;right:unset;top:unset}}@media(max-width:767px){.cnt-wit-bg-wrp.cm-join-b2b h3.title{letter-spacing:-.96px}.cnt-wit-bg-wrp.cm-join-b2b .rich_text{width:100%}.cnt-wit-bg-wrp.cm-join-b2b .page-center{max-width:640px}.cnt-wit-bg-wrp.cm-join-b2b.why-suger h3.title{font-size:24px;letter-spacing:-.96px;line-height:32px;margin-bottom:16px}.cnt-wit-bg-wrp.cm-join-b2b.why-suger{padding-top:102px}.cnt-wit-bg-wrp.cm-join-b2b.why-suger .hero-illustration .is-mobile{display:flex}.cnt-wit-bg-wrp.cm-join-b2b.why-suger .hero-illustration img.is-desktop{display:none}}@media(max-width:700px){.cnt-wit-bg-wrp.cm-join-b2b .page-center{max-width:640px;padding:0 15px}}@keyframes widthAnimateHalf-40955f8a{0%{width:0}to{width:50%}}@keyframes heightAnimateHalf-40955f8a{0%{height:0}to{height:50%}}