header{background:#fef3cf}.sub-feature-page *,.sub-feature-page *::before,.sub-feature-page *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.img-wrap{position:relative}.content-wrap{padding:0}h1{font-size:56px}h2{font-size:40px;font-family:var(--primaryfont-bold)}h3{font-size:32px;font-family:var(--primaryfont-bold)}p{line-height:1.8}.banner-section{background-color:#fef3cf}.float-child{position:sticky}.deal{position:absolute;top:3%;right:-3%;width:65px;transform:rotate(-15deg)}.banner-inner-section{padding:100px 0 180px}.banner-inner-section h1 span{color:#1a68b4}.banner-inner-section .flex-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner-inner-section .flex-wrap .flex-left{width:100%;max-width:50%}.banner-inner-section .flex-wrap .flex-left .banner-conetnt{width:100%;max-width:600px}.banner-inner-section .flex-wrap .flex-left .banner-conetnt p{width:100%;max-width:550px}.banner-inner-section .flex-wrap .flex-right{width:100%;max-width:50%}.banner-section .content-wrap{overflow:visible}.img-parent{position:relative;width:100%;max-width:600px;margin:0 auto}.main-bg img{width:100%;max-width:100%}.man-img{position:absolute;width:80%;left:50%;top:-4.3%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.paper-img{position:absolute;bottom:-15%;left:50%;width:125%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.man-img img{width:100%;max-width:30%;display:block}.weel-svg .left-weel{position:absolute;width:18%;height:26%;top:51.9%;left:2.5%;-webkit-transform-origin:center center;transform-origin:center center}.weel-svg .left-weel svg{width:100%;height:auto}.weel-svg .right-weel{position:absolute;width:18%;height:26%;top:51.9%;right:1.6%;-webkit-transform-origin:center center;transform-origin:center center}.weel-svg .right-weel svg{width:100%;height:auto}.weel-svg:before{content:"";position:absolute;left:4.5%;top:55%;width:14%;height:19.5%;border-radius:50%;background:url(/sites/zweb/images/contracts/features/crm-s.png) no-repeat;background-position:center;background-size:85%;z-index:2}.weel-svg:after{content:"";position:absolute;right:4.1%;top:55%;width:14%;height:19.5%;border-radius:50%;background:url(/sites/zweb/images/producticon/contracts.svg) no-repeat;background-position:center;background-size:65%;z-index:2}.icon-set{position:absolute;top:59%;left:25%;width:100%;max-width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.icon-set .icon-1,.icon-set .icon-2,.icon-set .icon-3,.icon-set .icon-4{text-align:center}.icon-set .icon-1.active svg *,.icon-set .icon-2.active svg *,.icon-set .icon-3.active svg *,.icon-set .icon-4.active svg *{stroke:#1475ce}.icon-set .icon-3.active svg .cls-4{stroke:none;fill:#1475ce}.icon-1.icons{width:100%;max-width:22%}.icon-2.icons{width:100%;max-width:22%}.icon-3.icons{width:100%;max-width:22%}.icon-4.icons{width:100%;max-width:24%}.icon-set .icons.icon-1 svg{width:60%;height:auto}.icon-set .icons.icon-2 svg{width:60%;height:auto}.icon-set .icons.icon-3 svg{width:65%;height:auto}.icon-set .icons.icon-4 svg{width:75%;height:auto}@keyframes floaticons{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(7px);transform:translateY(7px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.paper-img img{animation:floaticons 3s ease infinite}.clm-integration-section{background-color:#253460}.clm-integration-inner-section{padding:150px 0 100px}.clm-integration-inner-section .sub-heading-sec{width:100%;max-width:390px;position:sticky;top:100px}.clm-integration-inner-section .sub-heading-sec h2{color:#fcd6ac}.clm-integration-inner-section .flex-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.clm-integration-inner-section .flex-wrap .flex-left{width:100%;max-width:50%}.clm-integration-inner-section .flex-wrap .flex-left .img-wrap{position:relative;margin-top:70px;width:100%;max-width:450px}.clm-integration-inner-section .flex-wrap .flex-right{width:100%;max-width:50%}.clm-integration-inner-section .flex-wrap .flex-right .content-sec p{color:#fff}.clm-integration-inner-section .flex-wrap .flex-right .content-sec{width:100%;max-width:620px}.clm-integration-inner-section .flex-wrap .flex-right .list-sec{margin-top:50px}.clm-integration-inner-section .flex-wrap .flex-right .list-sec h3{color:#fcd6ac}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li{position:relative;color:#fff;width:100%;max-width:570px;margin:0 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li span:nth-child(1){display:inline-block;width:50px;height:50px;border-radius:50%;background-color:#ffffff29;margin-right:15px;position:relative}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li span:nth-child(2){-webkit-box-flex:1;-ms-flex:1;flex:1}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li span svg{position:absolute}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li:nth-child(1) svg{top:32%;width:100%;height:40%}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li:nth-child(2) svg{top:30%;width:100%;height:48%}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li:nth-child(3){-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li:nth-child(3) svg{top:28%;width:100%;height:40%}.clm-integration-inner-section .flex-wrap .flex-right .list-sec ul li:nth-child(4) svg{top:34%;width:100%;height:35%}.benefits-section{position:relative}.benefits-section::before{position:absolute;content:'';width:100%;left:0;right:0;top:0;height:50%;background-color:#253460}.benefits-inner-section{background:#f9dddb;padding:75px 70px 55px;border-radius:25px}.benefits-inner-section .sub-heading-sec{margin-bottom:30px}.benefits-inner-section .benefits-list-sec ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.benefits-inner-section .benefits-list-sec ul li{font-size:18px;font-family:var(--secondaryfont-semibold);width:100%;max-width:33.33%;margin-bottom:20px;position:relative;padding-right:20px;display:flex}.benefits-inner-section .benefits-list-sec ul li span{width:23px;height:23px;position:relative;display:inline-block;margin-right:12px}.benefits-inner-section .benefits-list-sec ul li p{display:inline-block;margin-bottom:0;flex:1}.benefits-inner-section .benefits-list-sec ul li span svg{width:100%;max-width:23px;position:absolute;top:4px}.contracts-crm-inner-section{padding:150px 0 0}.contracts-crm-inner-section .sub-heading-sec{text-align:center;margin:0 auto 70px;width:100%;max-width:750px}.contracts-crm-inner-section .sub-heading-sec h2{width:100%;max-width:570px;margin-left:auto;margin-right:auto}.contracts-crm-inner-section .color-card-section.light-blue{background-color:#d6e3fe;padding:100px;border-radius:25px;padding-bottom:0}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-left{width:100%;max-width:50%}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-left .content-sec{width:100%;max-width:500px}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right{width:100%;max-width:50%}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container{position:relative}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container .abs-img{position:absolute;width:100%;max-width:86%;z-index:3;top:14%;left:11%}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container .img-wrap{text-align:right}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container .img-wrap img{position:relative;width:100%;max-width:65%;border-radius:15px;-webkit-box-shadow:-4px 3px 17px #0000001f;box-shadow:-4px 3px 17px #0000001f;z-index:2}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .full-img{width:100%;max-width:100%}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .full-img .img-wrap{text-align:center}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .full-img .img-wrap img{width:100%;max-width:90%;margin:0 auto;margin-top:-30px;z-index:1;display:block;margin-bottom:-1px}.contracts-crm-inner-section .color-card-section.no-color{margin:150px 0 100px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-left{width:100%;max-width:465px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-left .img-wrap{width:100%;max-width:500px;margin-bottom:50px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right{width:100%;max-width:485px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right .img-wrap{width:100%;max-width:440px;margin-bottom:50px}.contracts-crm-inner-section .color-card-section.navy{background-color:#caf7f7;padding:100px;border-radius:25px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left{width:100%;max-width:480px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left .content-sec{width:100%;max-width:400px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left .content-sec.icons-request h3{padding-top:70px;position:relative}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left .content-sec.icons-request h3::before{content:'';position:absolute;width:70px;height:65px;top:0;left:0;background:url(/sites/zweb/images/contracts/features/zc-crm-integration-sprite.png);background-size:160px auto;background-position:-6px -4px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right{width:100%;max-width:480px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec{width:100%;max-width:400px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec.icons-manage h3{padding-top:70px;position:relative}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec.icons-manage h3::before{content:'';position:absolute;width:70px;height:65px;top:0;left:0;background:url(/sites/zweb/images/contracts/features/zc-crm-integration-sprite.png);background-size:160px auto;background-position:-86px -4px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap p{margin-bottom:0}.footer-section{margin:50px 0}.footer-inner-section{text-align:center;background-color:#253460;padding:100px 50px;border-radius:25px}.footer-inner-section h2{color:#fcd6ac}@media(max-width:1366px){h1{font-size:50px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left{max-width:50%}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right{max-width:50%}.img-parent{max-width:520px}.paper-img{bottom:-5%;width:110%;left:51%}}@media(max-width:1200px){h1{font-size:48px}p{line-height:1.7}.contracts-crm-inner-section .color-card-section.navy{padding:100px 70px}.contracts-crm-inner-section .color-card-section.light-blue{padding:100px 70px 0}}@media(max-width:1080px){h1{font-size:44px}h2{font-size:38px}.contracts-crm-inner-section .sub-heading-sec{max-width:700px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right{max-width:435px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-left{max-width:435px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right .img-wrap{max-width:410px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left .content-sec{max-width:350px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec{max-width:350px}}@media(max-width:991px){.banner-inner-section .flex-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.banner-inner-section .flex-wrap .flex-left,.banner-inner-section .flex-wrap .flex-right{max-width:100%}.banner-inner-section .flex-wrap .flex-left .banner-conetnt{text-align:center;margin:0 auto}.banner-inner-section .flex-wrap .flex-left .banner-conetnt p{max-width:100%}.banner-inner-section .flex-wrap .flex-right .img-wrap{width:100%;max-width:500px;margin:90px auto 0}.paper-img{bottom:-5%;width:110%;left:51%}.clm-integration-inner-section .flex-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.clm-integration-inner-section .flex-wrap .flex-left,.clm-integration-inner-section .flex-wrap .flex-right{max-width:100%}.clm-integration-inner-section .sub-heading-sec{text-align:center;margin:0 auto;position:relative;top:0}.clm-integration-inner-section .flex-wrap .flex-left .img-wrap{width:100%;max-width:500px;margin:60px auto}.clm-integration-inner-section .flex-wrap .flex-right .content-sec{text-align:center;width:100%;max-width:650px;margin:0 auto}.clm-integration-inner-section .flex-wrap .flex-right .list-sec{width:100%;max-width:500px;margin:50px auto 0}.benefits-inner-section .benefits-list-sec ul li{max-width:50%}.contracts-crm-inner-section .sub-heading-sec{max-width:600px;margin:0 auto 50px}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap{-ms-flex-wrap:column;flex-wrap:column}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-left,.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right{max-width:100%}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-left .content-sec{max-width:640px;text-align:center;margin:0 auto}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container .abs-img,.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .full-img{display:none}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container .img-wrap{text-align:center;margin-top:50px}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container .img-wrap img{max-width:350px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-grid-column-align:center;justify-self:center}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-left,.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right{max-width:100%}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-left .img-wrap{width:100%;max-width:450px;margin:0 auto 50px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-left .content-sec{text-align:center;width:100%;max-width:500px;margin:0 auto}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right .img-wrap{width:100%;max-width:450px;margin:50px auto}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right .content-sec{text-align:center;width:100%;max-width:500px;margin:0 auto}.contracts-crm-inner-section .color-card-section.navy .flex-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-grid-column-align:center;justify-self:center}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left,.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right{max-width:100%}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left .content-sec,.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec{max-width:530px;text-align:center;margin:0 auto}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec{margin-top:50px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-left .content-sec.icons-request h3::before,.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec.icons-manage h3::before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.banner-inner-section{padding:80px 0}.clm-integration-inner-section{padding:80px 0 70px}.contracts-crm-inner-section{padding:80px 0 0}.contracts-crm-inner-section .color-card-section.no-color{margin:80px 0 80px}.benefits-inner-section{padding:70px 70px 55px}.contracts-crm-inner-section .color-card-section.light-blue,.contracts-crm-inner-section .color-card-section.navy,.footer-inner-section{padding:70px 70px}}@media(max-width:767px){h1{font-size:38px}h2{font-size:32px}h3{font-size:26px}.benefits-inner-section .benefits-list-sec ul li{max-width:100%;padding-right:0}.banner-inner-section .flex-wrap .flex-left .banner-conetnt h1{width:100%;max-width:450px;margin-left:auto;margin-right:auto}.benefits-inner-section{padding:50px 50px 35px}.contracts-crm-inner-section .sub-heading-sec{margin-bottom:30px}.contracts-crm-inner-section .sub-heading-sec h2{width:100%;max-width:500px}.contracts-crm-inner-section .color-card-section.light-blue .flex-wrap .flex-right .images-container .img-wrap{margin-top:20px}.contracts-crm-inner-section .color-card-section.light-blue,.contracts-crm-inner-section .color-card-section.navy,.footer-inner-section{padding:50px 50px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-left .img-wrap,.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right .img-wrap{margin-bottom:25px}.footer-inner-section h2{width:100%;max-width:250px;margin-left:auto;margin-right:auto}}@media(max-width:610px){h1{font-size:28px}h2{font-size:26px}h3{font-size:24px}.clm-integration-inner-section .sub-heading-sec h2 br{display:none}.clm-integration-inner-section .sub-heading-sec{width:100%;max-width:250px}.clm-integration-inner-section .flex-wrap .flex-left .img-wrap{margin:30px auto}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right .content-sec p{margin-bottom:0}.footer-inner-section h2{max-width:200px}.banner-inner-section{padding:40px 0 70px}.banner-section{overflow:hidden}.banner-inner-section .flex-wrap .flex-right .img-wrap{margin:60px auto 0}.clm-integration-inner-section{padding:50px 0 40px}.contracts-crm-inner-section{padding:50px 0 0}.contracts-crm-inner-section .color-card-section.no-color{margin:70px 0 70px}.benefits-inner-section{padding:50px 30px 35px}.contracts-crm-inner-section .color-card-section.light-blue,.contracts-crm-inner-section .color-card-section.navy,.footer-inner-section{padding:50px 30px}.contracts-crm-inner-section .color-card-section.no-color .flex-wrap .flex-right .img-wrap{margin-top:30px}.contracts-crm-inner-section .color-card-section.navy .flex-wrap .flex-right .content-sec{margin-top:30px}.clm-integration-inner-section .sub-heading-sec{position:unset}.icon-set .icons svg{width:60%;height:auto}.icon-set .icons.icon-4 svg{width:75%;height:auto}.deal{width:35px}}