:root{--bg-color:#1c222d;--highlight-text:#17a71b;--template-sprite:url(//www.zohowebstatic.com/sites/zweb/images/forms/templates/zf-template-sprite.png)}.zwc-template-section .content-wrap{max-width:1350px}.template-iframe{display:none}.zwc-template-detail-section .template-iframe{display:block}span.mob-panel{display:none}img{display:block}.zw-template-inner h1{font-size:50px;line-height:1}.zw-template-inner h2{font-size:36px;font-family:var(--primaryfont-bold);line-height:1.15}a.act-btn.cta-btn{padding:15px 40px;border-radius:3px}.banner-content{text-align:center;margin:0 auto;max-width:900px}a.use-this.btn-use{background:#3bb639;color:#fff;padding:15px 45px 15px 20px;border-radius:4px;font-family:var(--primaryfont-semibold);text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;font-size:15px}a.use-this.btn-use:before{background:var(--common-elements);content:"";position:absolute;right:20px;width:16px;height:15px;background-position:-350px 0;background-size:700px auto;top:50%;transform:translateY(-50%);filter:invert(1)}.zwc-template-name ul{display:flex;align-items:center;width:100%;justify-content:center}li.zwc-forms-template-name{font-size:20px;font-family:var(--zf-secondary-semibold);padding-right:50px}.zwc-template-name li.zwc-forms-template-name h1{font-size:20px;font-family:var(--zf-secondary-semibold);margin:0}.zwc-template-name{padding:15px 0;background:#fff;position:sticky;top:65px;z-index:1}.zwc-template-detail-section .template-iframe{max-width:85%;margin:0 auto;transition:all .5s ease;position:relative}.zwc-responsive-navigation ul li{width:50px;height:40px;margin:7px 0;border-radius:3px;text-align:center;position:relative;cursor:pointer}.zwc-responsive-navigation ul{display:flex;flex-direction:column;align-items:center;justify-content:center}.zwc-responsive-navigation ul li.zwc-temp-tab:before{background-position:-148px 0;width:22px;height:26px}.zwc-responsive-navigation ul li.zwc-temp-mob:before{background-position:-169px 0;height:26px;width:20px}div.zwc-template-detail-section[data-val='tab'] .template-iframe{max-width:70%;border:4px solid #686767;border-radius:40px;background:#000;padding:55px 25px 15px}div.zwc-template-detail-section[data-val='mobile'] .template-iframe{max-width:450px;border:4px solid #686767;border-radius:50px;background:#000;padding:8px 8px 5px;overflow:hidden}.zwc-responsive-navigation{position:absolute;right:10px;top:0}.zwc-responsive-navigation ul li.active{background-color:#e8e8e8}.zwc-responsive-navigation ul li:before{background:var(--template-sprite) no-repeat;background-size:200px auto;background-position:-120px 0;position:absolute;width:28px;height:22px;content:"";left:0;right:0;margin:0 auto;transform:translateY(-50%);top:50%}.zwc-template-detail-inner-section{padding:3em 0 0}.zwc-template-section{padding:2em 0 5em}.rows{display:flex;flex-wrap:wrap;gap:15px}.rows>div{flex:calc(33% - 15px);max-width:calc(33% - 15px)}.tabs-menu ul li a{color:#000;padding:8px 25px 8px 26px}.zwc-template-main{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between;-ms-flex-pack:center}.zwc-template-main .tabs-menu{flex:0 0 25%;max-width:25%;position:sticky;position:-webkit-sticky;top:100px;-ms-flex-item-align:start;align-self:flex-start}.zwc-template-main .zwc-template-detail-section{flex:0 0 75%;max-width:75%}.zw-product-header,.zwc-template-banner-wrap,.zwc-template-banner-section{background-color:var(--bg-color)}.zw-product-header::before,.zwc-template-banner-wrap::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-image:radial-gradient(#949494 1.4px,transparent 0);background-size:40px 40px;background-position:0 0;opacity:.1}.zwc-template-banner-wrap{padding:4em 0;color:#fff;position:relative}ul.zwc-template-menu-list{display:none}.zwc-template-acccordion-content.zwc-temp-acc-active span.zwc-temp-title{pointer-events:none}.zwc-temp-acc-active span.zwc-temp-title{color:var(--highlight-text);font-family:var(--primaryfont-semibold)}.zwc-template-acccordion-content.zwc-temp-acc-active span.zarrow::before,.zwc-template-acccordion-content.zwc-temp-acc-active span.zarrow::after{background:var(--highlight-text)}span.zwc-temp-title{font-size:18px;color:#000}span.zwc-temp-title a{color:#000}.zwc-template-acccordion-content{border-bottom:1px solid #e8e8e8;padding:20px 0 20px 25px;position:relative}.zwc-template-acccordion-content:last-child{border:0}.zwc-template-acccordion-content:before{content:"";background:url(//www.zohowebstatic.com/sites/zweb/images/forms/templates/zf-template-sprite.png) no-repeat;background-size:150px auto;background-position:0 -1px;position:absolute;width:16px;height:16px;left:0;top:25px;transition:all .5s ease}span.zwc-temp-title,span.zwc-temp-title a{display:block;position:relative;cursor:pointer}.zwc-template-types::before{background-position:-21px 0;width:20px;height:20px}.zwc-temp-acc-active.zwc-template-types::before{background-position:-20px -21px}.zwc-template-industry::before{background-position:-45px 0;height:19px;width:18px}.zwc-temp-acc-active.zwc-template-industry::before{background-position:-45px -21px}.zwc-template-role::before{background-position:-68px -1px;width:23px}.zwc-temp-acc-active.zwc-template-role::before{background-position:-68px -23px}.tabs-menu li a::before{content:"";background:var(--template-sprite) no-repeat;background-size:200px auto;background-position:-134px -31px;position:absolute;width:11px;height:13px;border-radius:50%;top:50%;left:14px;transform:translate(-50%,-50%);transition:all .3s ease-out}.tabs-menu ul li.active>a:before{background-position:-121px -31px}.tabs-menu li{margin:6px 0;padding-right:5px}.zwc-template-menu-list li a span{background:#efefef;display:flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:10px;font-size:12px;position:absolute;right:4px;top:10px}.tabs-menu li.active a{background:#ebfdec;border-radius:50px}.tabs-menu li.active.all-templates{padding:6px 10px}.tabs-menu li a{display:block;position:relative;padding:0 15px}.tabs-menu ul>li.active a,.tabs-menu ul>li.active ul.zwc-template-submenu li.active a{color:#17a71b;font-family:var(--primaryfont-semibold)}ul.zwc-template-submenu{display:none;padding-left:20px}li.zwc-temp-acc-active ul.zwc-template-submenu{display:block;margin:7px 0;overflow-y:auto;max-height:calc(30vh - 20px)}ul.zwc-template-submenu li a{font-size:14px;padding:5px 20px 5px 28px}ul.zwc-template-submenu li{margin:0}ul.zwc-template-submenu li.active{background:0}.tabs-menu ul>li.active ul.zwc-template-submenu li a{background:0;color:#000;font-family:var(--secondaryfont-regular)}.tabs-menu ul>li.active a span{background:#6ccc6e;color:#fff}.zwc-template-acccordion span.zarrow::before,.zwc-template-acccordion span.zarrow::after{content:'';position:absolute;display:block;right:-9px;width:9px;height:2px;background:#c9c9c9;transition:all .5s}.zwc-template-acccordion span.zarrow::before{top:5px;transform:rotate(-45deg);right:3px}.zwc-template-acccordion span.zarrow::after{right:inherit;left:3px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px}.zwc-template-acccordion span.zarrow{position:absolute;right:0;top:50%;width:20px;height:15px;transition:all .5s ease;transform:translate(-50%,-50%) rotate(-90deg)}.zwc-template-acccordion .zwc-temp-acc-active span.zarrow{transform:translate(-50%,-50%) rotate(0)}.zwc-template-acccordion li.active span.zarrow{opacity:1;visibility:visible;right:-5px}.zwc-template-iframe-content{padding:0 50px;margin:50px auto 0;max-width:900px}.zwc-template-content{overflow:hidden;position:relative;border-top-left-radius:5px;border-top-right-radius:5px}.temp-hover a:before{content:"";position:absolute;left:16px;top:50%;background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/common-elements.svg) no-repeat;background-size:1800px auto;background-position:-1754px -78px;width:24px;height:15px;filter:invert(1);transform:translateY(-50%)}a.btn-temp.btn-view.use-this{background:#17a71b;border-color:#17a71b;transform:translateY(10px)}a.btn-temp.btn-view.use-this:before{background-position:-330px 0;height:15px;width:15px;background-size:660px auto}.zwc-template-image{position:relative;height:300px;overflow:hidden;margin:0;padding:10px}.temp-hover{display:flex;flex-direction:column;gap:15px;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);width:180px;opacity:0;visibility:hidden;transition:all .5s ease}.zwc-template-content h4{margin:0;text-align:center;font-size:18px;padding:10px 0}.zwc-related-template-section .template-details h2{font-family:var(--secondaryfont-bold);font-size:22px;position:relative;margin:0 0 12px}.template-details:hover .temp-hover{margin-bottom:0}a.btn-temp{font-family:var(--zf-secondary-semibold);color:#fff;display:block;text-align:center;padding:10px 12px 10px 40px;font-size:14px;border:1px solid #fff;border-radius:50px;position:relative;transform:translateY(-10px);transition:all .2s ease}.zwc-template-list-item:hover .temp-hover{opacity:1;visibility:visible}.zwc-template-list-item{background:#fff;border-radius:10px;height:auto;float:none;margin:0 10px}.zwc-template-image img{position:relative;transition:all 4s;max-width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.template-details{padding:20px 20px}.zwc-template-content::before{background:#031904;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .7s ease}.zwc-template-list-item:hover .zwc-template-content::before{opacity:.6}.zwc-temp-slider-navigation .slick-next:before,.zwc-temp-slider-navigation .slick-prev:before{border-right:2px solid #fff;border-top:2px solid #fff;width:9px;height:9px;background:no-repeat;transform:rotate(45deg) translate(-50%,-50%);top:56%;right:33%;transition:none}.zwc-temp-slider-navigation .slick-next:after,.zwc-temp-slider-navigation .slick-prev:after{background:#fff;transform:rotate(90deg) translate(-50%,-50%);left:27%;top:35%;right:auto;height:13px;width:2px;transition:none}.zwc-temp-slider-navigation .slick-prev:after{left:24%}.zwc-temp-slider-navigation .slick-prev:before{left:40%}.zwc-temp-slider-navigation .slick-prev:hover:after{background:#fff}.zwc-temp-slider-navigation .slick-next:hover:after,.zwc-temp-slider-navigation .slick-next:hover:before,.zwc-temp-slider-navigation .slick-prev:hover:after,.zwc-temp-slider-navigation .slick-prev:hover:before{border-right:2px solid #fff;border-top:2px solid #fff}.zwc-temp-slider-navigation .slick-next,.zwc-temp-slider-navigation .slick-prev{right:0;background:var(--highlight-text);top:0;position:relative;left:0;transform:none;width:35px;height:35px;border-radius:7px}.zwc-temp-slider-navigation .slick-prev{left:-8px;right:auto;transform:rotate(-180deg) translate(0,0);margin-right:4px}.zwc-temp-slider-navigation{display:flex;position:absolute;right:80px;top:0;text-indent:-999999px}.zwc-temp-slider-navigation button.slick-next.slick-disabled,.zwc-temp-slider-navigation button.slick-prev.slick-disabled{border:1px solid #fff;background:#3bb639;opacity:.7;pointer-events:none}.zwc-temp-slider-navigation button.slick-prev.slick-disabled::before,.zwc-temp-slider-navigation button.slick-next.slick-disabled::before{border-right:2px solid #fff;border-top:2px solid #fff}.zwc-temp-slider-navigation button.slick-prev.slick-disabled::after,.zwc-temp-slider-navigation button.slick-next.slick-disabled::after{border-right:2px solid #fff;border-top:2px solid #fff}.zwc-related-template-slider .slick-track{display:flex}.zwc-realted-title{margin:50px 0}.zwc-related-templates-main{padding-bottom:6em}iframe#templateFrame{width:100%;margin:0;display:block}div.zwc-template-detail-section[data-val='tab'] .template-iframe:before,div.zwc-template-detail-section[data-val='mobile'] .template-iframe:before{content:"";position:absolute;width:60px;height:6px;border-radius:10px;background:#737373;left:0;right:0;margin:auto;top:22px}div.zwc-template-detail-section[data-val='mobile'] .template-iframe:before{background:#000;width:100px;height:20px}div.zwc-template-detail-section[data-val='tab'] .template-iframe iframe,div.zwc-template-detail-section[data-val='mobile'] .template-iframe iframe{border-radius:40px}ul.submenu{display:none}li.active ul{display:block}ul.zwc-template-menu-list{max-height:calc(55vh - 90px);overflow:auto}.zwc-related-template-section h2{font-size:30px;margin-bottom:40px;margin-left:10px}.zwc-related-template-section{padding:70px 0;background:#f6f6f6}.zwc-template-list-item a.btn-temp:hover{background:#fff;color:#000}.zwc-template-list-item:hover a.btn-temp{transform:none}.zwc-template-list-item a.btn-temp:hover:before{filter:invert(0)}.zwc-template-list-item:hover a.btn-temp.btn-view.use-this{background:#17a71b;border-color:#17a71b;color:#fff}.zwc-template-list-item a.btn-temp.btn-view:hover:before{filter:invert(1)}@media screen and (max-width:1280px){.zw-template-inner h1{font-size:36px}.zw-template-inner h2{font-size:28px}}@media screen and (max-width:1199px){.zwc-template-main .tabs-menu{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%}.zwc-template-main .zwc-template-detail-section{flex:0 0 75%;-ms-flex:0 0 75%;max-width:75%;padding-left:50px}.zwc-template-name{top:0}.zwc-responsive-navigation{display:none}}@media screen and (max-width:1023px){.zwc-template-banner-wrap{padding:2em 0 3em}.banner-content{max-width:510px}span.mob-panel{display:block}.zwc-template-main .tabs-menu ul{padding-left:15px;max-height:calc(65vh - 50px)}.tabs-menu ul li a{padding:5px 5px 5px 15px;font-size:14px}.zwc-template-main .zwc-template-detail-section{padding-left:0}.zwc-template-main .tabs-menu,.zwc-template-main .zwc-template-detail-section{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}span.mob-panel{background:#fff;width:40px;height:40px;display:block;border:1px solid #ccc;border-radius:0 5px 5px 0;position:absolute;right:-40px;border-left:0;top:-1px;z-index:99}span.mob-panel::after{content:'+';width:10px;height:10px;position:absolute;left:45%;top:15%;color:#8e8e8e;font-size:24px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.zwc-template-main .tabs-menu{background:#fff;width:300px;position:fixed;top:80px;left:-300px;z-index:10;border:1px solid #ccc;transition:all .6s ease;-webkit-transition:all .6s ease;opacity:0;visibility:hidden}span.zwc-temp-title{font-size:15px;padding-left:30px}.zwc-template-acccordion-content{padding:20px 0 20px 0}.tabs-menu li a::before{transform:translate(-50%,-50%) scale(0.8);left:5px}.zwc-template-main .tabs-menu.show{opacity:1;visibility:visible}.zwc-template-main .tabs-menu.active{left:0}.zwc-template-main .tabs-menu.active span.mob-panel::after{content:"-"}.zwc-template-section{padding:1em 0 1em}.zwc-template-detail-inner-section{padding-top:1em}a.use-this.btn-use{font-size:14px;padding:10px 40px 10px 15px}a.use-this.btn-use:before{right:12px}.tabs-menu ul li a{font-size:14px}.zwc-template-acccordion-content:before{left:5px;top:21px}.zwc-template-main .tabs-menu ul.zwc-template-submenu{padding-left:20px}.tabs-menu li.active a{border-radius:6px}.tabs-menu ul li.active>a:before{display:none}.tabs-menu ul li.active ul.zwc-template-submenu li.active>a:before{display:block}.zwc-template-menu-list li a span{top:6px;font-size:11px;width:18px;height:18px}.zwc-template-acccordion{overflow:auto;max-height:calc(90vh - 60px)}}@media screen and (max-width:767px){.zwc-template-section .content-wrap{width:100%;padding:0 10px}.zwc-template-section{padding:1em 0 3em}.zwc-template-main .tabs-menu ul{overflow:scroll;max-height:calc(50vh - 50px)}}@media screen and (max-width:480px){.zwc-template-main .zwc-template-detail-section{max-width:400px;margin:0 auto}.zwc-template-main .tabs-menu{width:260px;left:-260px}.zwc-template-name ul{flex-direction:column;justify-content:center;text-align:center;align-items:center}li.zwc-forms-template-name{padding:0;margin-bottom:12px}.zwc-related-templates-main{padding:0}.zwc-related-template-section h2{font-size:22px}.zwc-temp-slider-navigation{right:0;top:-3px;transform:scale(0.8)}.zwc-temp-slider-navigation .slick-prev{left:0}.zwc-related-template-section .template-details h2{font-size:19px}}