:root{--zwc-sprite-img:url(/sites/zweb/images/sign/integrate/geda-sprite.png)}.zwc-template-inner h1{font-size:68px;line-height:1.1;position:relative}.zwc-template-inner h2{font-size:48px}.zwc-template-inner h3{font-size:34px}.zwc-template-inner h1,.zwc-template-inner h2,.zwc-template-inner h3{font-family:var(--primaryfont-bold)}.zwc-template-inner h1,.zwc-template-inner h2,.zwc-template-inner h3{font-family:var(--primaryfont-bold)}.zwc-template-inner .content-wrap{max-width:1170px}.inline-blk{display:inline-block}.zwc-section{padding:100px 0 120px}.zwc-banner-section-wrap{max-width:900px;margin:0 auto;text-align:center}.zwc-banner-section-wrap h1{max-width:900px;margin:auto auto 15px}.zwc-banner-section-wrap h2{font-size:30px}.zwc-banner-section-wrap p{max-width:870px;margin:20px auto 30px;font-size:18px}.zwc-banner-icons{display:flex;width:fit-content;margin:auto auto 30px}.zwc-sign-logo{padding:25px;background-color:#4987c1;border-radius:10px;transform:translate(-50%,0)}.zwc-tenda-logo{display:flex;align-items:center;padding:25px;background-color:#f7f7f7;border-radius:10px;transform:translate(50%,0)}.zwc-sign-logo img{filter:brightness(20)}.zwc-banner-icons .zwc-tenda-logo{animation:tendaLogoAnimation 2s ease forwards;background-color:#f7f7f7;transform:translateX(15px)}.zwc-banner-icons .zwc-sign-logo{animation:signLogoAnimation 2s ease forwards;background-color:#4987c1;transform:translateX(-15px)}@keyframes tendaLogoAnimation{0%{transform:translateX(15px)}100%{transform:translateX(0)}}@keyframes signLogoAnimation{0%{transform:translateX(-15px)}100%{transform:translateX(0)}}.act-btn{border-radius:5px;padding:12px 30px;font-size:17px}.zwc-doc-section{background-color:#0048ae}.zwc-doc-section p{color:white;font-family:var(--primaryfont-semibold);font-size:28px;max-width:1000px;margin:0}.zwc-doc-section p span{color:#f7b21a}.animated span.color-ylw{background-position:0 0}span.color-ylw{position:relative;display:inline;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(left,#f7b21b,#f7b21b 50%,#fff 50%);background-image:linear-gradient(to right,#f7b21b,#f7b21b 50%,#fff 50%);background-size:200% 100%;background-position:100%;-webkit-transition:background-position 2.8s linear;transition:background-position 2.8s linear}.zwc-usecase-section h2{width:fit-content;margin:0 auto 80px}.zwc-usecase-section h3{font-size:23px}.industry-list{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:20px}.middle-animated .industry-list li{transform:translateY(0);opacity:1}.middle-animated .industry-list li:nth-child(2){transition-delay:.3s}.middle-animated .industry-list li:nth-child(3){transition-delay:.5s}.middle-animated .industry-list li:nth-child(4){transition-delay:.7s}.middle-animated .industry-list li:nth-child(5){transition-delay:.9s}.middle-animated .industry-list li:nth-child(6){transition-delay:1.1s}.middle-animated .industry-list li:nth-child(7){transition-delay:1.3s}.middle-animated .industry-list li:nth-child(8){transition-delay:1.5s}.industry-list li{border-radius:10px;background:#f5f5f7;padding:40px 30px 30px;transform:translateY(30px);transition:.5s ease;opacity:0}.industry-list li h3::before{content:"";display:block;background:var(--zwc-sprite-img) no-repeat;background-size:358px;margin-bottom:30px;background-position:0 0;height:61px}.industry-list li:nth-child(1) h3::before{width:60px;height:61px}.industry-list li:nth-child(2) h3::before{background-position:-69px 0;width:46px}.industry-list li:nth-child(3) h3::before{background-position:-122px 0;width:62px}.industry-list li:nth-child(4) h3::before{background-position:-188px 0;width:56px}.industry-list li:nth-child(5) h3::before{background-position:-243px 0;width:61px}.industry-list li:nth-child(6) h3::before{background-position:-303px 0;width:56px}.industry-list li p{position:relative;font-size:18px}.industry-list li p a,.zwc-faq-wrap p a{font-family:var(--primaryfont-semibold);text-decoration:underline;color:#000}.industry-list li p:last-child{margin-bottom:0}.zwc-integration-section{background-color:#000}.zwc-play-btn{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background-color:#fff;cursor:pointer;z-index:1;box-shadow:0 0 25px rgba(0,0,0,0.3)}.zwc-play-btn svg{position:absolute;width:110px;height:120px;top:-27px;left:-24px;transform:scale(0.45)}.zwc-integration-inner{display:flex;justify-content:space-between;gap:50px}.zwc-integration-section h2{color:white;margin-bottom:50px;max-width:590px}.integration-cont{max-width:470px;margin-top:170px}.zwc-integration-video{position:sticky;top:100px}.zwc-integration-video video{top:100px;border-radius:10px}.zwc-thumb-sec{width:fit-content;position:relative}.integration-cont ul{list-style:none;padding:0;margin:0;max-width:560px}.integration-cont ul li{position:relative;text-align:left;font-size:20px;color:white;margin-bottom:80px}.integration-cont ul li:last-child,.integration-cont ul li:last-child p{margin-bottom:0}.integration-cont ul{counter-reset:number}.slider_icon p{font-size:20px}.slider_icon p span{font-family:var(--zf-secondary-semibold)}.slider_icon:not(:last-child):before{content:"";position:absolute;z-index:3;top:23px;left:-30px;height:0;border:0}.slider_icon:not(:last-child):after{content:"";position:absolute;height:calc(100% + 60px);top:32px;left:-30px;width:2px;height:calc(100% + 60px);background:linear-gradient(to bottom,transparent 50%,#1c1c1c 50%),linear-gradient(to bottom,#656565,#656565);background-size:16px 5px,100% 2px}.zwc-points-cont{counter-reset:number}.zwc-points-cont li p::before{content:counter(number);counter-increment:number;position:absolute;top:2px;left:-45px;z-index:3;background-color:#2d3136;width:30px;height:30px;text-align:center;padding:2px;font-size:16px;font-family:var(--zf-secondary-semibold);border-radius:50%}.middle-animated .zwc-points-cont li::before{animation:1s slideranimation forwards}.middle-animated .zwc-points-cont li:nth-child(1)::before{animation-delay:.5s}.middle-animated .zwc-points-cont li:nth-child(2)::before{animation-delay:1s}.middle-animated .zwc-points-cont li:nth-child(3)::before{animation-delay:1.5s}.middle-animated .zwc-points-cont li:nth-child(4)::before{animation-delay:2s}.middle-animated .zwc-points-cont li:nth-child(5)::before{animation-delay:2.5s}.middle-animated .zwc-points-cont li:nth-child(6)::before{animation-delay:3s}.middle-animated .zwc-points-cont li:nth-child(7)::before{animation-delay:3.5s}@keyframes slideranimation{0%{height:0;border:1px solid #0148ae}100%{height:calc(100% + 80px);border:1px solid #0148ae}}.middle-animated .zwc-points-cont li:first-child p::before{animation-delay:.4s}.middle-animated .zwc-points-cont li:nth-child(1)::before{animation-delay:.5s}.middle-animated .zwc-points-cont li:nth-child(2) p::before{animation-delay:1s}.middle-animated .zwc-points-cont li:nth-child(3) p::before{animation-delay:1.5s}.middle-animated .zwc-points-cont li:nth-child(4) p::before{animation-delay:2s}.middle-animated .zwc-points-cont li:nth-child(5) p::before{animation-delay:2.5s}.middle-animated .zwc-points-cont li:nth-child(6) p::before{animation-delay:3s}.middle-animated .zwc-points-cont li:nth-child(7) p::before{animation-delay:3.5s}.middle-animated .zwc-points-cont li p::before{animation:changeBackground 1s forwards}@keyframes changeBackground{from{background-color:#2d3136}to{background-color:#0148ae}}.video-btn{border:0;position:relative;padding-left:20px;background:0;margin-top:20px;cursor:pointer}.video-btn::before{content:"\21BB";position:absolute;filter:brightness(5);left:0;top:-7px;color:#fff;font-size:25px;width:15px}.video-btn span{color:#fff;border-bottom:1px solid currentColor;font-family:var(--primaryfont-semibold);margin-left:3px}.first-replay{visibility:hidden}.zwc-bottom-section{padding:0 0 50px;text-align:center}.zwc-bottom-section h2{max-width:1125.3px;margin:0 auto 40px;font-size:48px}.zwc-bottom-section h2 span{display:block}.cta-btn-wrap{display:flex;gap:10px;justify-content:center}.quote-btn{background-color:#000;color:#fff;border:2px solid #000}.request-btn{border:2px solid #000;color:#000;background-color:#fff}.zwc-section.zwc-faq{padding-bottom:50px}.zwc-faq h2{width:fit-content;margin:auto}.zwc-faq-wrap ul{max-width:900px;margin:40px auto 0}.zwc-faq-wrap li{border-top:1px solid #ccc;padding:40px 0 40px 0;cursor:pointer}.zwc-faq-wrap li h3{margin-bottom:0}.zwc-faq-wrap li:first-child{border-top:0}.zwc-faq-wrap li>h3{display:block;position:relative;color:#000;font-size:21px;font-family:var(--zf-secondary-bold);line-height:1.3}.zwc-faq-wrap li>h3:before{content:"";position:absolute;font-size:19px;line-height:28px;border-radius:1px;top:9px;width:13px;height:13px;border-top:3px solid;border-right:3px solid;transform:rotate(135deg);right:4px}.zwc-faq-wrap li>h3.active:before{transform:rotate(-45deg)}.zwc-faq-wrap p{margin:0;font-size:18px;padding:10px 30px 0 0;display:none;max-width:870px}.zwc-faq-wrap p.active{display:block}.zwc-faq-wrap{min-height:410px}@media only screen and (max-width:1280px){.zwc-template-inner h1{font-size:56px}.zwc-template-inner h2{font-size:42px}.zwc-bottom-section h2{font-size:40px;max-width:935px}.zwc-section{padding:90px 0 110px}.zwc-integration-section{padding:90px 0 90px}.zwc-doc-section h2{max-width:900px}.zwc-banner-section-wrap h2{font-size:28px}.zwc-integration-inner{gap:100px}.zwc-usecase-section h2,.zwc-integration-section h2{margin-bottom:40px}.zwc-bottom-section{padding:0 0 40px}}@media only screen and (max-width:1199px){.zwc-template-inner h2{font-size:40px}.industry-list li{padding:30px}.zwc-usecase-section h3{font-size:22px}.zwc-banner-section-wrap p{font-size:18px}.zwc-doc-section p{font-size:23px}.zwc-usecase-section h2,.zwc-integration-section h2{margin-bottom:40px}.integration-cont ul{max-width:470px}.zwc-banner-section-wrap h2{font-size:26px}.zwc-doc-section p{max-width:900px}.zwc-integration-video{top:20px}}@media only screen and (max-width:1024px){.zwc-bottom-section h2{margin:0 auto 40px}.zwc-template-inner h2{font-size:38px}.zwc-usecase-section h3{font-size:30px}.industry-list li p{margin-bottom:15px}.zwc-doc-section p{font-size:22px}.zwc-doc-section{padding-bottom:90px}.zwc-integration-section h2{max-width:480px}.zwc-usecase-section h3{font-size:20px}.industry-list li p{font-size:17px}.zwc-banner-section-wrap h2{font-size:26px}.integration-cont ul{max-width:440px}.zwc-bottom-section h2{max-width:900px}.zwc-faq-wrap ul{margin:0 auto 0}}@media only screen and (max-width:991px){.zwc-template-inner h1{font-size:45px}.zwc-template-inner h2{font-size:36px;text-align:center}.zwc-template-inner h3{font-size:32px}.zwc-doc-section p{font-size:22px;line-height:1.6}.zwc-section{padding:70px 0 90px}.zwc-integration-section h2{max-width:435px}.zwc-usecase-section h3{font-size:20px}.zwc-usecase-section h2,.zwc-integration-section h2{margin-bottom:40px}.zwc-doc-section{padding-bottom:80px}.zwc-banner-section-wrap h2{font-size:22px}.industry-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.industry-list li p{font-size:17px;margin-bottom:10px;line-height:1.7}.industry-list li p::before{width:14px;height:7px;top:10px}.zwc-integration-section h2{text-align:left}.zwc-bottom-section h2{margin:auto auto 40px}.industry-list li h3::before{margin-bottom:15px}.zwc-bottom-section{padding:0 0 40px}.integration-cont ul{max-width:400px}.zwc-bottom-section h2{max-width:620px;text-align:center}.zwc-faq h2{margin:auto auto 0}}@media only screen and (max-width:767px){.zwc-template-inner h1{font-size:38px}.zwc-template-inner h2{font-size:32px}.zwc-template-inner h3{font-size:30px}p{line-height:1.6}.zwc-banner-section-wrap p{font-size:17px}.zwc-doc-section p{font-size:20px}.zwc-banner-icons span.sign-logo,.zwc-banner-icons span.tenda-logo{transform:translateX(0) scale(0.8);position:relative}.zwc-banner-icons span.sign-logo{left:14px}.zwc-banner-icons span.tenda-logo{right:14px}.industry-list li h3::before{transform:scale(0.9)}.zwc-banner-section-wrap h2{font-size:18px}.zwc-integration-section h2{margin:0 auto 40px}.bottom-animated span.color-ylw{background-position:0 0}.zwc-doc-section{padding-bottom:80px}.integration-cont{margin:auto;max-width:500px}.integration-cont ul{max-width:480px}.zwc-integration-video{width:fit-content;margin:auto}@keyframes tendaLogoAnimation{0%{transform:translateX(10px) scale(0.8)}100%{transform:translateX(-10px) scale(0.8)}}@keyframes signLogoAnimation{0%{transform:translateX(-20px) scale(0.8)}100%{transform:translateX(10px) scale(0.8)}}.zwc-integration-section h2{text-align:center}.act-btn{padding:10px 30px;font-size:16px}.zwc-usecase-section h3{font-size:20px}.zwc-integration-inner{flex-direction:column;gap:50px}.slider_icon:not(:last-child):before{top:12px}.zwc-bottom-section h2{max-width:510px}.integration-cont ul li{margin-bottom:60px;font-size:18px}.zwc-integration-video video{width:100%;position:static}.integration-cont ul{margin:auto auto auto 50px}.integration-cont ul li:last-child{margin-bottom:0}.slider_icon p{font-size:18px}.zwc-bottom-section h2{margin:auto auto 40px}.zwc-bottom-section{padding-bottom:70px}.zwc-faq-wrap li{border-top:1px solid #ccc;padding:30px 0}.zwc-faq-wrap li>h3{font-size:20px;padding-right:22px}.zwc-faq-wrap p{font-size:17px}.zwc-faq .content-wrap,.zwc-bottom-section{padding-top:0}.zwc-bottom-section{padding-bottom:10px}.zwc-faq-wrap li>h3:before{transform:rotate(135deg) scale(0.8)}.zwc-faq-wrap li>h3.active:before{transform:rotate(-45deg) scale(0.8)}.zwc-grid-section h2{margin:10px auto 40px}.zwc-faq h2{margin:auto auto 20px}}@media only screen and (max-width:480px){.zwc-template-inner h1{font-size:34px;max-width:300px;line-height:1.2;margin:auto}.zwc-template-inner h2{font-size:28px;margin:0 auto 30px}.zwc-template-inner h3{font-size:24px}.zwc-template-inner h4{font-size:22px}.zwc-section{padding:60px 0 70px}p{line-height:1.6}.zwc-usecase-section h3{font-size:20px}.zwc-play-btn{width:60px;height:60px}.zwc-play-btn svg{top:-35px;left:-32px;transform:scale(0.3)}.zwc-banner-section-wrap h2{font-size:17px;margin:20px auto 5px;max-width:280px}.zwc-template-inner p{font-size:16px}.zwc-bottom-section h2{margin:0 auto 30px;text-align:center;max-width:270px}.cta-btn-wrap{flex-wrap:wrap}.zwc-faq-wrap li>h3{font-size:18px}.zwc-integration-video{max-width:90%}.zwc-doc-section p{font-size:18px}.zwc-bottom-section{padding:0 0 20px}.zwc-faq h2{margin:0 auto 10px}.zwc-section.zwc-faq{padding-bottom:20px}}