*,:after,:before{box-sizing:border-box}.zw-template-inner *{text-wrap:pretty}:root{--zwc-section-pad-y:clamp(40px,6vw,90px);--zwc-feature-gap:clamp(60px,7vw,96px);--zwc-heading-font:clamp(26px,3.2vw,38px);--zwc-para-font:clamp(16px,1.4vw,18px);--zwc-built-heading-font:clamp(28px,3.4vw,40px);--zwc-built-para-font:clamp(16px,1.6vw,20px)}h1,h2,h3,h4,h5,h6,p,li,span,small,label,blockquote,figcaption{text-wrap:pretty}.zwc-banner-wrap .rows{display:flex;flex-wrap:wrap;align-items:center;gap:40px;justify-content:space-between}.zwc-banner-wrap .rows>div{flex:0 0 45%;max-width:46%}.zw-product-header,.int-banner-section{background:#daf0ff;background-repeat:repeat;background-size:150px}.int-banner-section{padding:clamp(40px,6vw,80px) 0;overflow:hidden}.int-banner-section .banner-content{max-width:760px;margin:0 auto}.int-banner-section .banner-content h1{font-family:var(--primaryfont-bold);font-size:clamp(28px,4.4vw,55px);line-height:1.15;margin:0}.int-banner-section .banner-content p{font-family:var(--primaryfont-regular);font-size:var(--zwc-para-font);line-height:1.5;margin:20px auto 25px;max-width:620px}p.zwc-notebook-redeem-offer{background-color:#131ca7;border-radius:10px;padding:28px 25px 32px;color:#fff}p.zwc-notebook-redeem-offer b{font-family:var(--zf-primary-bold);font-weight:normal;font-size:40px;display:block;color:#ffcb05}p.zwc-notebook-redeem-offer strong{font-size:19px}.int-banner-section .integrate-logo{margin-bottom:30px;display:flex;align-items:center}.int-banner-section .integrate-logo span.plus{font-size:36px;margin:0 20px}.integrate-logo span.int-logo{padding:25px 0;position:relative;width:75px;height:75px;display:inline-block;color:#000;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.09)}.integrate-logo span.int-logo.zwc-notebook-logo::before{background:url(/sites/zweb/images/producticon/notebook.svg);width:var(--zp-i-w);height:var(--zp-i-h);background-repeat:no-repeat;background-position:center;content:"";position:absolute;background-size:40px;left:0;right:0;bottom:0;top:0;margin:auto}.integrate-logo span.zwc-bigin-logo::before{background:url(/sites/zweb/images/producticon/bigin.svg);width:var(--zp-i-w);height:var(--zp-i-h);background-repeat:no-repeat;background-position:center;content:"";position:absolute;background-size:40px;left:0;right:0;bottom:0;top:0;margin:auto}a.zwc-marketplace-cta{display:inline-block;font-family:var(--zf-primary-semibold),sans-serif;margin:0;border:1px solid transparent;cursor:pointer;z-index:1;font-size:15px;text-transform:uppercase;position:relative;text-align:center;background:var(--primary-btn-color);color:#fff;border-radius:4px;padding:10px 40px;display:none}.zwc-step-section{background:#171c27;color:#fff;padding:70px 0}.zwc-step-section .zwc-step-main{display:flex;justify-content:space-evenly;flex-wrap:wrap}.zwc-step-main>div{width:33.33%}.zwc-step-main .zwc-step-content{max-width:300px;text-align:center;margin:0 auto}.zwc-step-content p{margin:0}.zwc-step-content span{display:inline-block;background:#2384ff;border-radius:30px;padding:3px 20px;margin-bottom:20px;font-family:var(--primaryfont-semibold);z-index:1;position:relative}.zwc-step-main .zwc-col{position:relative}.zwc-step-main .zwc-col:after{content:"";position:absolute;border-top:1px dashed #384258;top:15px;right:0;left:0;right:0}.zwc-step-main .zwc-col:first-child:after{left:40%}.zwc-step-main .zwc-col:last-child:after{right:60%}.zwc-step-section h2{text-align:center;margin-bottom:70px;font-family:var(--primaryfont-bold);font-size:36px}.zwc-feature-wrap{background:#fff}.zwc-feature-inner{padding-block:var(--zwc-section-pad-y);display:flex;flex-direction:column;gap:var(--zwc-feature-gap)}.zwc-feature-block{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,4vw,48px)}.zwc-feature-text{max-width:820px;margin:0 auto;text-align:center}.zwc-feature-text h2{font-family:var(--primaryfont-semibold);font-size:var(--zwc-heading-font);line-height:1.18;letter-spacing:-0.01em;margin:0 0 14px}.zwc-feature-text p{font-family:var(--primaryfont-regular);font-size:var(--zwc-para-font);line-height:1.55;color:#4a4a4a;margin:0}.zwc-feature-text strong{font-family:var(--primaryfont-semibold)}.zwc-feature-media{margin:0;width:100%;max-width:1102px;display:flex;justify-content:center}.zwc-feature-media img{width:100%;height:auto;border-radius:10px}.zwc-built-wrap{background:#fff;padding-block-end:var(--zwc-section-pad-y)}.zwc-built-card{position:relative;overflow:hidden;background:#002140;border-radius:clamp(16px,2vw,30px);padding:clamp(40px,5vw,80px) clamp(28px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:clamp(30px,5vw,60px)}.zwc-built-content{max-width:490px}.zwc-built-content h2{font-family:var(--primaryfont-semibold);font-size:var(--zwc-built-heading-font);line-height:1.2;letter-spacing:-0.02em;color:#fff;margin:0 0 16px}.zwc-built-content p{font-family:var(--primaryfont-regular);font-size:var(--zwc-built-para-font);line-height:1.5;color:#fff;margin:0}.zwc-built-content a{color:#fff;text-decoration:underline}.zwc-built-media{position:relative;margin:0 auto;flex-shrink:0;width:283px;height:283px}.zwc-built-photo{display:block;width:100%;height:100%;border-radius:50%}.zwc-built-icon{position:absolute;z-index:1;display:block;background-image:url(/sites/zweb/images/notebook/zwc-zoho-bigin-integration/zwc-bigin-icon-sprite.svg);background-repeat:no-repeat;background-size:400% 100%}.zwc-built-icon-bulb{width:50px;height:50px;background-position:0 0;top:-15%;left:-2%}.zwc-built-icon-shield{width:50px;height:50px;background-position:33.333% 0;top:-4%;right:-11%}.zwc-built-icon-flow{width:64px;height:64px;background-position:66.667% 0;top:74%;left:-16%}.zwc-built-icon-store{width:50px;height:50px;background-position:100% 0;top:70%;right:-15%}.zwc-footer-wrapper{padding-block-end:clamp(40px,5vw,90px);text-align:center}@media screen and (max-width:1199px){.zwc-built-card{padding:clamp(36px,5vw,64px) clamp(28px,5vw,60px)}.zwc-built-media{width:240px;height:240px}}@media screen and (max-width:991px){.zwc-step-main .zwc-step-content{max-width:220px}.umain a.zwc-marketplace-cta{display:inline-block}.zwc-banner-wrap .rows{flex-direction:column}.zwc-banner-wrap .rows>div{flex:0 0 100%;max-width:100%}.int-banner-section .integrate-logo{justify-content:center}.int-banner-section .banner-content{text-align:center}.zwc-built-card{flex-direction:column;text-align:center;gap:70px}.zwc-built-content{max-width:600px}.zwc-built-wrap{max-width:770px;margin:20px auto 0}.zwc-feature-inner{max-width:770px;margin:auto}}@media screen and (max-width:767px){.zwc-step-main>div{width:100%;margin-bottom:40px}.zwc-step-main .zwc-col:after{display:none}.zwc-step-content span{margin-bottom:10px}.zwc-step-section{padding:60px 0 30px}.int-banner-section .integrate-logo{transform:scale(0.85)}.zwc-feature-media img{border-radius:6px}.zwc-built-media{width:200px;height:200px}.zwc-built-icon-bulb,.zwc-built-icon-shield,.zwc-built-icon-store{width:38px;height:38px}.zwc-built-icon-flow{width:48px;height:48px}}