.zw-product-header,.zwc-banner-section{background-color:#000214}.zw-product-header .content-wrap{position:relative;z-index:99}.zw-template-inner h2{font-size:50px}.zwc-banner-section{color:#fff;padding:100px 0 125px 0;text-align:center}.zwc-banner-section::before{content:'';height:max(65vw,1000px);width:max(80vw,1000px);max-width:800px;max-height:450px;background-image:radial-gradient(#15173e,#010213);position:absolute;top:160px;left:50%;margin:auto;transform:translate(-50%,25%);border-radius:50%;box-shadow:0 0 130px 80px #070820}.zwc-banner-section h1{font-size:72px;max-width:720px;margin:0 auto 20px;line-height:1.15;letter-spacing:-1px}.zwc-banner-section span{color:#3dc980;margin-bottom:10px;display:inline-block;font-family:var(--zf-primary-semibold);font-size:20px;text-transform:uppercase}.zwc-banner-section p{font-size:18px;max-width:690px;margin:0 auto 40px}.zwc-banner-section .banner-cont{padding-bottom:20px}.security-badge-table{text-align:center;display:none;margin:50px 0 0;overflow:hidden;justify-content:center;flex-direction:column}.security-badge-table{display:flex}.security-badge-table ul{display:flex;justify-content:center;margin:20px 0 0;flex-wrap:wrap}.security-badge-table [class^="sb-icon-"]{background:no-repeat 0 0/900px auto;width:124px;height:66px;display:inline-block;margin:0 5px 10px}.data-loaded [class^="sb-icon-"]{background-image:var(--compliance-badges)}.security-badge-table .sb-icon-6{background-size:650px auto;background-position:-265px -66px;width:66px}.security-badge-table .sb-icon-1{background-position:0 0}.security-badge-table .sb-icon-2{background-position:-125px 0}.security-badge-table .sb-icon-3{background-position:-249px 0}.security-badge-table .sb-icon-4{background-position:-374px 0}.security-badge-table .sb-icon-5{background-position:-499px 0}.security-badge-table .sb-icon-10{background-position:-484px -191px}.security-badge-table .sb-icon-7{background-size:650px auto;background-position:-450px 0;width:66px}.security-badge-table .sb-icon-8{background-size:730px auto;background-position:-84px -74px;width:68px}.security-badge-table .sb-icon-9{background-size:650px auto;background-position:0 -66px;width:74px}.zwc-banner-section .security-badge-table .sb-icon-1,.zwc-banner-section .security-badge-table .sb-icon-2,.zwc-banner-section .security-badge-table .sb-icon-3,.zwc-banner-section .security-badge-table .sb-icon-4,.zwc-banner-section .security-badge-table .sb-icon-5,.zwc-banner-section .security-badge-table .sb-icon-10{filter:invert()}.zwc-banner-section .security-badge-table{margin-top:60px}.zwc-features-section{background-color:#000214;color:#fff;position:relative;padding:0 0 120px}.zwc-features-section h2{text-align:center;max-width:860px;margin:0 auto 30px}.points-section{display:flex;justify-content:center;align-items:center;gap:80px;padding:30px 0 0 0;position:relative}.points-section::after{content:'';position:absolute;width:5px;height:5px;background-color:#3dc980;box-shadow:0 0 15px 7px #204431;border-radius:50%;left:10%;z-index:2;bottom:18%;animation:fade-in 3s ease infinite;animation-delay:1s}.points-section::before{content:'';position:absolute;width:5px;height:5px;background-color:#3dc980;box-shadow:0 0 15px 7px #204431;border-radius:50%;right:10%;top:20%;animation:fade-in 3s ease infinite}@keyframes fade-in{0%{transform:scale(0)}50%{transform:scale(1)}100%{transform:scale(0)}}.points-section p{max-width:290px;font-size:20px;position:relative;z-index:2}.points-section p::before{content:'';height:max(65vw,1000px);width:max(80vw,1000px);max-width:280px;max-height:280px;background-image:radial-gradient(#111333,#030416);position:absolute;z-index:-1;top:0;left:60%;margin:auto;transform:translate(-90%,-35%);border-radius:50%;box-shadow:0 0 50px 60px #07081e}.points-section .bank-transfer{background-image:linear-gradient(to bottom,#121741,#04050d);padding:50px;border-radius:30px;position:relative}.points-section .bank-transfer div img{border-radius:20px}.points-section .bank-transfer div{position:relative;z-index:1}.points-section .bank-transfer div span{font-size:0}.points-section .bank-transfer div span::before{content:'Generate security code';position:absolute;background-color:#361ce8;z-index:2;padding:8px 20px;border-radius:5px;bottom:50px;left:40px;font-size:15px;font-family:'Zoho_Puvi_SemiBold';transform:scale(1)}.points-section.zwe-om .bank-transfer div span.is-anim-active::before{animation:button-animation .5s linear;animation-delay:.5s}@keyframes button-animation{0%{transform:scale(1)}80%{transform:scale(.95);background-color:#130a4e}100%{transform:scale(1);background-color:#361ce8}}.points-section .bank-transfer div span::after{content:'';position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/cpaas/security/arrow-mark.svg);width:25px;height:25px;background-size:25px;bottom:25px;right:130px;z-index:3;transform:translate(-12px,-12px)}.points-section.zwe-om .bank-transfer div span.is-anim-active::after{animation:arrow-animation .4s linear}@keyframes arrow-animation{0%{transform:translate(10px,10px)}100%{transform:translate(-13px,-13px)}}.zwc-dashboard-top{position:absolute;left:0;z-index:2;height:150px;width:150px;background-image:linear-gradient(to bottom,#0c0d26,#03041c);border-radius:20px;border:1px solid #666dfc;box-shadow:0 0 80px -5px #656DFC76;overflow:hidden;top:-198px}.zwc-custom-cpaas-icon.zwc-should-animate .cpaas-custom-icon-chip{opacity:0;transition:opacity 0s ease 2s}.zwc-custom-cpaas-icon.zwc-should-animate.zwc-start-anim .cpaas-custom-icon-chip{opacity:1}.zwc-custom-cpaas-icon.zwc-should-animate.zwc-start-anim .cpaas-custom-icon-chip *:not(.icon-ring){animation:cpaasIconPathAnim 1.5s ease-in-out 2s}.zwc-custom-cpaas-icon.zwc-should-animate.zwc-start-anim .icon-ring{animation:cpaasIconPathAnim 3s ease 2.5s backwards}@keyframes cpaasIconPathAnim{0%{stroke-dasharray:100px;stroke-dashoffset:100px}100%{stroke-dasharray:100px;stroke-dashoffset:0}}.zwc-features-section svg.curve-line{position:absolute;top:-380px;left:135px}.features-section{position:relative;margin-top:240px}.features-part{display:flex;justify-content:center;max-width:calc(100% - 127px);margin:0 auto}.features-point{width:30%}.features-point ul{position:sticky;top:10px;padding:100px 0 80px;margin:0 0 0 30px;z-index:2}.zwc-gradient-path{height:120%;width:1px;background-color:#56587e;position:absolute;left:78px;top:-50px}@keyframes gradientTravel{0%{top:-120px}100%{top:100%}}.zwc-gradient-path span{position:absolute;left:0;top:-80px;width:2px;height:80px;background-image:radial-gradient(#3dc980,transparent 98%);opacity:0}.zwc-gradient-path span.zwc-start-anim{opacity:1;animation:gradientTravel 6s linear infinite}.zwc-gradient-path span.zwc-start-anim.zwc-delay1{animation-delay:2s}.zwc-gradient-path span.zwc-start-anim.zwc-delay2{animation-delay:4s}.features-point ul li{font-size:18px;color:#aaacc1;padding:12px 0;margin:0 0 0 5px;cursor:pointer}.features-point ul li span{position:absolute;z-index:2;width:10px;height:10px;background-color:#3d;border-radius:50%;left:-20px;margin:9px 0 0 0}.features-point ul li.active span{background-color:#3dc980}.features-point ul li.active span::after{content:'';width:calc(100% + 12px);height:calc(100% + 12px);border:1px solid #3dc98151;position:absolute;left:-6px;top:-6px;border-radius:50%;opacity:.7;animation:growFadeOutOuter 2.5s ease-in-out infinite}.features-point ul li.active span::before{content:'';width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #3dc980;position:absolute;left:-1px;top:-1px;border-radius:50%;opacity:1;animation:growFadeOutOuter 2.5s ease-in-out infinite}@keyframes growFadeOutOuter{0%{transform:scale(1);opacity:1}100%{transform:scale(1.38);opacity:0}}.fea-list.active{color:#fff}.features-cont{position:relative;width:70%}.zwc-feature h3{font-size:40px;max-width:320px}.data-security{background-image:radial-gradient(#161b6b,#181a47,#070a35,#010215,#010213);background-position:70px -320px;background-repeat:no-repeat;background-size:1130px;border-radius:30px;padding:100px 80px 0 0}.data-security div.data-title-cont,.email-security .email-cont{display:flex;gap:20px}.data-security div.data-title-cont{padding-bottom:20px}.email-security .email-cont{padding-bottom:50px}.data-security p,.security-settings p{margin:0}.data-security div.data-title-cont p,.email-security .email-cont p{max-width:360px;margin:15px 0 0 0}.data-security h4,.email-security h4,.in-transit h4,.security-settings h4{font-size:25px;font-family:var(--primaryfont-bold)}.data-security div:not(.data-title-cont),.security-settings div{padding:25px 0}.email-security{padding:90px 0 0 0;position:relative;z-index:1}.email-security::before{content:'';height:max(65vw,1000px);width:max(80vw,1000px);max-width:280px;max-height:280px;background-image:radial-gradient(#111333,#030416);position:absolute;z-index:-1;top:0;left:50%;margin:auto;transform:translate(-160%,15%);border-radius:50%;box-shadow:0 0 50px 60px #07081e}.email-security .email-cont h3{max-width:230px;margin-bottom:10px}.email-security .email-cont p{max-width:460px;padding:0;margin:5px 0}.email-fea-boxes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.email-fea-boxes div{border:1px solid #36385a;border-radius:20px;padding:40px;background-color:#050619}.email-fea-boxes div p{margin:0}.email-security h4{position:relative;margin:0 0 15px 35px}.email-security h4::before{content:"";position:absolute;width:10px;height:5px;border:2px solid #4cfe9a;border-top:0;border-right:0;top:15px;left:-22px;transform:translate(-50%,-50%) rotate(-50deg)}.email-security h4::after{content:'';position:absolute;border:2px solid #4cfe9a;border-radius:50%;width:25px;padding:10px;height:25px;top:4px;left:-35px}.in-transit{padding:100px 80px 45px 0;background-image:linear-gradient(to right,#010214,#010525,#0a0d37,#173f37);border-radius:30px;background-repeat:no-repeat;background-position:30px 0;margin:120px 0}.in-transit h3,.security-settings h3{max-width:420px}.in-transit>p{margin:10px 0 60px;max-width:750px}.in-transit>p.transit-cont{max-width:480px}.security-settings{background-image:linear-gradient(to left,#171837,#030417,#010213);background-repeat:no-repeat;border-radius:30px;padding:100px 80px 80px 0}.security-settings div.security-title-cont{padding-top:0}.security-title-cont{padding-bottom:25px}.zw-template-inner{background-color:#000214}.zwc-recipitent-section{color:#fff;padding:95px 0;background-image:radial-gradient(#1d2381,#11122a,#000214);background-position:0 -500px;background-repeat:no-repeat;text-align:center}.zwc-recipitent-section p{font-size:18px;max-width:500px;margin:0 auto 50px}.zwc-recipitent-section .content-wrap div.mailview::before{content:'';position:absolute;width:545px;height:375px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/cpaas/security/inbox-message.png);background-size:545px;background-repeat:no-repeat;transform:translate(80%,40%);border-radius:20px;margin-top:50px;opacity:.5}.zwc-recipitent-section.zwe-ot div.mailview::before{margin-top:0;opacity:1;transition:1s}.zwc-recipitent-section div.mobile-mailview{display:none}.zwc-footer-section{color:#fff;background-color:#010213;text-align:center;position:relative;overflow:hidden;padding:100px 0 120px;margin-inline:auto;max-width:1660px;width:95%;border-radius:30px 30px 0 0}.zwc-footer-section::before{content:'';height:100%;width:115%;background-image:radial-gradient(ellipse at 50% 0,#1d2381 0,#15173e,#010213 80%);position:absolute;top:0;left:50%;right:0;margin:auto;transform:translateX(-50%)}.zwc-footer-section .content-wrap{margin:0 auto;position:relative;overflow:hidden}.zwc-footer-section .content-wrap>div{max-width:1100px;margin:0 auto;align-items:end;grid-gap:20px;padding:0;position:relative;width:90%}.footer-section h2{max-width:650px;margin:0 auto 30px;line-height:1.25;letter-spacing:-0.4px}@media screen and (max-width:1399px){.zwc-banner-section h1{font-size:60px}.zw-template-inner h2{font-size:45px}.zwc-feature h3{font-size:38px}.zwc-features-section h2{max-width:660px}}@media screen and (max-width:1299px){.zwc-feature h3{font-size:32px}.data-security div.data-title-cont p,.email-security .email-cont p{margin:10px 0 0 0}.points-section::after{left:4%}.points-section::before{right:4%}.email-fea-boxes div{padding:30px}.email-security::before{max-width:250px;max-height:250px;top:20px}.zwc-recipitent-section .content-wrap div.mailview::before{transform:translate(70%,25%)}}@media screen and (max-width:1199px){.zwc-banner-section{padding:80px 0 90px}.zwc-banner-section h1{font-size:50px;max-width:600px}.zw-template-inner h2{font-size:40px}.zwc-banner-section p{font-size:16px;max-width:640px}.zwc-banner-section .security-badge-table{margin-top:40px}.zwc-banner-section span{font-size:18px}.points-section::after{left:10%;bottom:25%}.points-section::before{right:5%;top:0}.zwc-feature h3{max-width:420px}.data-security{padding:70px 70px 0 0}.data-security div:not(.data-title-cont),.security-settings div{padding:15px 0}.email-security{padding:70px 0 0 0}.in-transit{padding:80px 70px 50px 0;margin:90px 0}.in-transit>p{margin:10px 0 30px}.email-security .email-cont{padding-bottom:30px}.email-security .email-cont h3{max-width:290px}.features-point ul li::before{margin:6px 0 0 0}.features-point ul{top:-20px;padding:60px 0 70px}.data-security div.data-title-cont p,.email-security .email-cont p{max-width:550px;margin:0}.data-security div.data-title-cont,.email-security .email-cont{flex-direction:column;gap:0}.data-title-cont{padding:0 0 20px 0}.features-point ul li{font-size:16px;padding:15px 0;margin:0 0 0 10px}.email-fea-boxes{grid-gap:14px}.data-security h4,.email-security h4,.in-transit h4,.security-settings h4{font-size:23px}.zwc-recipitent-section .content-wrap div.mailview::before{transform:translate(100%,40%);background-size:450px;width:450px;height:310px;border-radius:15px}.security-settings{padding:70px 70px 65px 0}.zwc-features-section{padding:0 0 100px}.zwc-recipitent-section{padding:85px 0}.zwc-footer-section{padding:80px 0 90px}.features-point ul li span{margin-top:6px}}@media screen and (max-width:1024px){.email-fea-boxes{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:991px){.zwc-banner-section{padding:70px 0 80px}.zwc-banner-section::before{max-width:500px;max-height:300px;top:200px;box-shadow:0 0 100px 100px #070820}.zwc-banner-section p,.zwc-banner-section span{font-size:18px;max-width:660px}.zwc-banner-section p{margin-bottom:30px}.zwc-banner-section h1{font-size:50px;max-width:560px}.zwc-banner-section span{font-size:17px}.zwc-banner-section .security-badge-table [class^="sb-icon-"]{margin:0 5px 10px 5px}.zw-template-inner h2{font-size:40px}.zwc-features-section h2{max-width:590px}.zwc-feature h3{font-size:37px}.points-section{gap:30px;flex-direction:column;text-align:center;background-image:linear-gradient(to bottom,#121741,#04050d);padding:50px;max-width:500px;margin-left:auto;margin-right:auto;border-radius:20px;margin-top:50px}.points-section .bank-transfer{background-image:none}.points-section p{max-width:400px}.points-section .bank-transfer,.zwc-features-section h2{position:relative;z-index:2}.points-section p::before,.points-section::after,.points-section::before{display:none}.features-section{margin-top:20px}.zwc-dashboard-top{position:relative;top:0;left:0;right:0;margin-bottom:80px;margin-left:auto;margin-right:auto}.points-section p{max-width:100%;margin:0;font-size:17px;line-height:1.7;text-align:center}.points-section::after{left:5%;bottom:18%}.points-section .bank-transfer{padding:0}.features-point ul{margin:0}.features-point ul li{font-size:15px;padding:15px 0;margin:0 0 0 5px}.features-section:after,.features-section:before,.points-section .bank-transfer:after{content:'';position:absolute;width:1px;height:100px;background:#505277;left:0;right:0;margin:auto;z-index:0}.data-security.zwc-feature,.zwc-recipitent-section{position:relative;z-index:1}.points-section .bank-transfer:after,.features-section:before{bottom:-80px}.points-section .bank-transfer:after{left:-4px}.features-section:after{top:140px;left:7px}.zwc-gradient-path,.features-point,.zwc-features-section svg.curve-line{display:none}.zwc-recipitent-section .content-wrap div.mailview::before{width:450px;height:300px;background-size:450px;transform:translate(70%,15%)}.email-fea-boxes{display:grid;grid-template-columns:repeat(2,1fr)}.email-security::before{left:90%}.email-security .email-cont{padding-bottom:30px}.features-cont{width:90%}.data-security{padding:60px 50px 50px;background-image:radial-gradient(#161b6b,#181a47,#070a35,#010215,#010213);background-position:-190px -470px;border:1px solid #36385a}.in-transit{padding:60px 50px 40px;background-image:linear-gradient(to right bottom,#02052d,#010525,#0a0d37,#173f37 90%);background-position:0 0;margin:80px 0}.security-settings{padding:60px 50px 50px;background-color:#171837;background-image:none}.footer-section h2{max-width:520px}.zwc-recipitent-section{padding:65px 0;background-position:0 -390px}.zwc-features-section{padding:0 0 80px}.zwc-footer-section{padding:75px 0 90px}.features-part{max-width:none}.zwc-recipitent-section .content-wrap div.mailview::before{margin-top:0;opacity:1}}@media screen and (max-width:850px){.zwc-recipitent-section .content-wrap div.mailview::before{transform:translate(50%,10%)}}@media screen and (max-width:767px){.zwc-banner-section{padding:50px 0 55px}.zwc-banner-section::before{max-width:300px;max-height:200px;top:200px}.zwc-banner-section h1{font-size:40px;max-width:480px}.zwc-banner-section span{font-size:16px}.zwc-banner-section .security-badge-table{margin-top:20px}.zw-template-inner h2{font-size:32px}.zwc-features-section h2{max-width:550px}.features-section{margin-top:0}.data-security div:not(.data-title-cont),.security-settings div{padding:15px 0}.data-security h4,.email-security h4,.in-transit h4,.security-settings h4{font-size:22px}.zwc-banner-section p,.zwc-banner-section span{font-size:17px;max-width:590px}.zwc-recipitent-section p{margin:0 auto 30px}.points-section{margin-top:40px;padding:40px 50px}.zwc-dashboard-top{margin-top:20px;margin-bottom:70px}.zwc-features-section{padding:0 0 70px}.features-cont{width:100%}.zwc-feature h3{font-size:28px;max-width:400px}.data-security,.in-transit,.security-settings{padding:55px 40px 45px;border-radius:10px}.in-transit{margin:70px 0}.email-fea-boxes{grid-template-columns:repeat(1,1fr)}.email-fea-boxes div{border-radius:10px}.zwc-recipitent-section{background-position:0 -400px;padding:60px 0 35px}.zwc-footer-section{padding:60px 0 75px}.footer-section h2{margin:0 auto 25px}.zwc-recipitent-section .content-wrap div.mailview::before{transform:translate(10%,10%);margin:auto;left:0;right:0;width:300px;height:200px;background-size:300px}.email-security{padding:60px 0 0 0}.zwc-recipitent-section div.mailview,.zwc-recipitent-section .content-wrap div.mailview::before{display:none}.zwc-recipitent-section div.mobile-mailview{display:block;max-width:400px;margin:auto}.email-security h4::before{top:13px}.email-security h4::after{top:2px}}@media screen and (max-width:480px){.zwc-banner-section{padding:40px 0 20px}.zwc-banner-section p,.zwc-banner-section span{font-size:16px}.zwc-banner-section span{font-size:15px}.zwc-banner-section::before{max-width:100px;max-height:100px}.zwc-banner-section h1{font-size:34px;max-width:320px}.zwc-banner-section .security-badge-table{margin-top:10px}.zwc-banner-section .security-badge-table ul{border:0}.zw-template-inner h2{font-size:25px}.zwc-feature h3{font-size:22px}.data-security h4,.email-security h4,.in-transit h4,.security-settings h4{font-size:18px}.email-security{padding:60px 0 0 0}.email-security h4::before{top:11px}.email-security h4::after{top:0}.data-security{padding:50px 30px 40px}.email-fea-boxes div{padding:25px 30px}.in-transit{padding:50px 30px 40px;margin:60px 0}.security-settings{padding:50px 30px 40px}.points-section{gap:10px;padding:50px 30px 40px}.zwc-recipitent-section p{font-size:16px;line-height:1.6}.zwc-recipitent-section div.mobile-mailview{max-width:350px}.zwc-features-section{padding:0 0 65px}.zwc-recipitent-section{padding:55px 0 35px;background-position:0 -260px}.zwc-footer-section{border-radius:20px 20px 0 0;padding:55px 0 65px 0}.zwc-footer-section .content-wrap{width:100%}.footer-section h2{max-width:330px}.points-section .bank-transfer div span::after{display:none}.security-badge-table ul{padding:0 10px 20px;margin:25px 0 0}.security-badge-table [class^="sb-icon-"]{transform:scale(.9)}}@media screen and (max-width:415px){.points-section .bank-transfer div span::before{font-size:12px;bottom:40px;left:35px}}@media screen and (max-width:360px){.points-section .bank-transfer div span::before{bottom:25px;left:25px}}@media screen and (max-width:320px){.points-section .bank-transfer div span::before{font-size:10px}.data-security,.email-fea-boxes div,.in-transit,.security-settings{padding-left:25px;padding-right:25px}}