body{font-size:1rem;margin:0;padding:0}*{box-sizing:border-box;font-family:Poppins,sans-serif}.ks-wrapper{color:#0a0a0a;height:auto;overflow:auto;width:100%}.ks-wrapper h1{color:#f87000}.ks-wrapper h1,.ks-wrapper h2{font-weight:600;margin:0 0 20px}.ks-wrapper h2{color:#fff}.ks-wrapper h3{font-weight:700;margin:0 0 30px;text-align:center}.ks-wrapper h4{color:#f87000;font-weight:600;margin:0 0 20px}.ks-wrapper h5{color:#fff;font-weight:600;margin:0 0 40px}.ks-wrapper h6{font-weight:600;margin:0 0 20px}.ks-wrapper p{color:#0a0a0a;font-weight:400;margin:0 0 20px}.ks-wrapper p:last-child{margin:0}.ks-wrapper a{color:#fff;display:inline-block;font-weight:400;text-decoration:none}.ks-wrapper a:hover{text-decoration:underline}.ks-wrapper ul{margin:0;padding:0 0 0 30px}.ks-wrapper ul li{font-weight:400;margin:0 0 10px}.ks-wrapper ul li ul li{font-weight:400;margin:5px 0 0}.ks-wrapper ol{margin:0;padding:0 0 0 30px}.ks-wrapper ol li{font-weight:400;margin:0 0 10px}.ks-wrapper img{height:auto;width:100%}.ks-wrapper .orange-button{background-color:#f87000;background-image:url(https://www.knacksystems.com/hubfs/cpq-playbook/arrow-button_white.svg);background-position:94%;background-repeat:no-repeat;background-size:10.5%;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;padding:10px 60px 10px 20px;text-transform:uppercase}.ks-wrapper .orange-button:hover{background-color:#444;text-decoration:none}.ks-wrapper .white-button{background-color:#fff;background-image:url(https://www.knacksystems.com/hubfs/cpq-playbook/arrow_button_orange.svg);background-position:96%;background-repeat:no-repeat;background-size:12.5%;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;padding:10px 60px 10px 20px;text-transform:uppercase}.ks-wrapper .white-button:hover{background-color:#444;text-decoration:none}.ks-wrapper .text-button{background-image:url(https://www.knacksystems.com/hubfs/cpq-playbook/arrow_button_orange.svg);background-position:96%;background-repeat:no-repeat;background-size:12.5%;border-radius:0;color:#f87000;cursor:pointer;display:inline-block;font-weight:600;padding:10px 60px 10px 0;text-transform:uppercase}.ks-wrapper .text-button:hover{background-color:#444;background-image:url(https://2435241.fs1.hubspotusercontent-na1.net/hubfs/2435241/cpq-playbook/arrow-button_white.svg);color:#fff;text-decoration:none}.row:after{clear:both;content:"";display:block}[class*=col-]{float:left;padding:0}.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}@media only screen and (max-width:767px){[class*=col-]{width:100%}}.sticky{background-color:#000!important;box-shadow:0 20px 50px 0 rgba(0,0,0,.05);transition:all .2s ease-out 0s;z-index:99}.fixed-top{left:0;position:fixed;right:0;top:0;z-index:1030}.cpq-navbar{margin:0 auto;padding:5px 0;width:90%}.ks-wrapper .logo-img img{margin-top:14px;width:140px}.knack-systems-footer{background-color:#fff!important;border-top:1px solid #ddd;padding:20px 0}.knack-systems-footer p{color:#666;font-size:.875rem;line-height:50px;margin:0}.knack-systems-footer a{border-right:1px solid #666;color:#666;font-size:.875rem;font-weight:400;line-height:50px;padding-left:20px;padding-right:20px;text-decoration:none}.knack-systems-footer a:hover{color:#f87000;text-decoration:underline}.knack-systems-footer a:last-child{border:none}.knack-systems-footer .col-6:last-child{text-align:right}.wh-banner{background-image:url(https://www.knacksystems.com/hubfs/cpq-playbook/Landing-page-Banner_Wholesale-distribution-Industry.jpg);background-repeat:no-repeat;background-size:100%;height:auto;margin:0;overflow:auto;padding:130px 0 65px;position:relative}.container-wrap{margin:0 auto;width:90%}.wh-banner span{color:#f87000}.wh-banner h4{color:#fff;font-size:1.5rem!important;font-weight:600;margin:0 0 40px}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:8}.modal-content{background-clip:padding-box;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:flex;flex-direction:column;margin:50px auto;outline:0;pointer-events:auto;position:relative;top:100px;width:650px;width:650px!important}.close{background-color:#f87000!important;border-radius:5px!important;color:#fff!important;display:inline-block!important;float:right!important;font-size:2.25rem!important;font-weight:400!important;line-height:0!important;margin:0!important;padding:20px 7px 17px!important;text-align:center!important;text-decoration:none!important}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.contact-form{padding:20px}.btn-a a{border-radius:10px;border-radius:20px;color:#fff!important;cursor:pointer;display:inline-block;padding:10px 60px 10px 20px;text-align:center;text-decoration:none;width:auto}.btn-a a,.btn-a a:hover{background-color:#f87000}.btn-a img{margin:-10px -45px -10px 20px;width:30px}.wh-count-matrix{background-color:#f4f4f4;padding:40px 0;text-align:center}.wh-count-matrix .count-matrix h4{font-size:3rem;font-weight:700;margin:0}.wh-count-matrix .count-matrix h6{font-size:1.25rem;margin:0}.wh-count-matrix .count-matrix p{font-weight:500}.wh-count-matrix .col-12 p{color:#999;font-size:.5rem;margin:20px 0 0}.wh-count-matrix .col-12 p:last-child{margin:5px 0 0}.wh-case-study{padding:50px 0}.wh-case-study .col-12 h4{margin:0 0 40px;text-align:center}.wh-case-study .col-6 a:hover{text-decoration:none}.wh-case-study .col-6 a{margin-top:20px}.wh-case-study .col-6:last-child{padding-left:50px;text-align:right}.wh-cpq-tp{background-color:#f4f4f4;padding:50px 0}.wh-cpq-tp .col-6:first-child{padding-right:50px;text-align:left}.cpq-p{padding-left:0}.wh-cpq-wdb{padding:50px 0 25px}.wh-cpq-wdb p{margin:0 0 40px!important;text-align:center}.wh-cpq-wdb .col-6:first-child{padding-right:50px;text-align:left}.wh-benefits{padding:25px 0 0}.wh-benefits p{margin:0 0 40px!important;text-align:center}.wh-benefits .col-6:first-child{padding-right:50px;text-align:right}.wh-dowmload-the-brochure{padding:50px 0}.btn2-a{text-align:center}.btn2-a a{background-size:8.5%!important}.wh-insight-news{padding:50px 0 40px}.blog1 a,.blog3 a{margin-top:24px}.blog1{padding-right:30px}.blog2{padding-left:15px;padding-right:15px}.blog3{padding-left:30px;padding-right:0}.blog1 a,.blog2 a,.blog3 a{background-position:82%!important;color:#0a0a0a!important}.blog1 a:hover,.blog2 a:hover,.blog3 a:hover{background-color:unset!important;background-image:url(https://www.knacksystems.com/hubfs/cpq-playbook/arrow_button_orange.svg)!important;color:unset!important}.wh-insight-news p{font-size:1rem!important;font-weight:500!important;margin-bottom:10px;margin-top:20px!important}.wh-insight-news a{font-weight:700!important}.wh-cta{background-color:#f87000;padding:30px 0 40px;text-align:center}.wh-cta .form-columns-3{max-width:580px;padding-top:20px;text-align:left}.wh-cta .hs-input{border:1px solid #cbd6e2;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;box-sizing:border-box;color:#33475b;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:22px;margin-top:5px;max-width:500px;padding:9px 10px;width:90%}.wh-cta .form-columns-1{max-width:650px;padding-bottom:20px;padding-top:30px}.wh-cta .hs-button{background-color:#f78000;border:1px solid #f78000;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;line-height:16px;padding:12px 24px}.wh-cta h3{color:#fff;font-weight:600}.wh-cta h4{color:#fff;font-weight:500}.wh-cta a:nth-child(2){background-color:#fff;background-size:9.5%!important;border-radius:30px!important;cursor:pointer;padding:10px 55px 10px 20px!important}.wh-reference{padding:35px 0}.wh-reference p{color:#999;font-size:.75rem!important;margin:0 0 10px}@media only screen and (min-width:320px) and (max-width:767px){.ks-wrapper h1{font-size:1.125rem}.ks-wrapper h2{font-size:1.35rem}.ks-wrapper h3{font-size:1.25rem;line-height:normal}.ks-wrapper h4{font-size:1rem;line-height:normal}.ks-wrapper h5{font-size:1rem}.ks-wrapper h6{font-size:1.125rem}.ks-wrapper p{line-height:normal}.ks-wrapper a,.ks-wrapper p{font-size:.9rem}.ks-wrapper ul li{font-size:.9rem;line-height:normal;text-align:left}.ks-wrapper ul li:last-child{margin:0}.ks-wrapper ol li{font-size:.9rem;line-height:normal;text-align:left}.ks-wrapper ol li:last-child{margin:0}.ks-wrapper img{display:block;max-width:100%}.ks-wrapper .orange-button{background-size:10.5%;padding:10px 50px 10px 20px}.ks-wrapper .text-button{background-size:14%!important;padding:10px 50px 10px 0}.ks-wrapper .logo-img img{margin-top:12px;width:140px}.navbar{background-color:#000}.logo-img{text-align:center}.nav-column strong{margin:10px}.fixed-top{background-color:#000;position:absolute}.knack-systems-footer a,.knack-systems-footer p{font-size:.75rem;text-align:center}.knack-systems-footer a{padding-left:10px;padding-right:10px}.knack-systems-footer .col-6:last-child{text-align:center}.wh-banner{background-size:cover;padding:120px 0 60px}.wh-banner h4{font-size:1.125rem!important}.container-wrap{margin:0 auto;width:80%}.wh-case-study{padding:40px 0}.wh-case-study .col-6:last-child{padding-left:0;padding-top:30px;text-align:center}.wh-case-study .col-6 .orange-button{padding:10px 60px 10px 45px!important}.wh-count-matrix{padding:40px 0 10px}.count-matrix .col-2{margin-bottom:30px}.wh-count-matrix .count-matrix h4{font-size:2.5rem}.wh-count-matrix .count-matrix h6{font-size:1.5rem}.wh-count-matrix .count-matrix p{margin:0!important}.wh-count-matrix .col-12 p{margin:0}.wh-count-matrix .col-12 p:last-child{margin:20px 0 30px}.wh-cpq-tp .col-6:first-child{padding-bottom:30px;padding-right:0;text-align:center}.wh-cpq-tp{padding:40px 0}.wh-cpq-wdb{padding:40px 0 0}.wh-cpq-wdb .col-6:first-child{padding-bottom:30px;padding-right:0}.wh-cpq-wdb .col-6 ul{padding:0 0 0 30px}.wh-cpq-wdb p{margin:0 0 30px!important}.wh-benefits .col-6:first-child{padding-right:0;text-align:center}.wh-benefits p{margin:0 0 30px!important}.wh-benefits .col-6:last-child{padding-right:0;padding-top:30px;text-align:center}.wh-benefits{padding:30px 0 0}.wh-dowmload-the-brochure{padding:40px 0}.modal-content{width:250px!important}.btn2-a a{border-radius:40px!important;padding:10px 50px 10px 40px!important}.wh-insight-news{padding:40px 0 0}.wh-insight-news p{font-size:.9rem!important}.blog1,.blog2,.blog3{margin-bottom:30px;padding-left:0;padding-right:0}.blog1 a,.blog2 a,.blog3 a{margin:0}.wh-insight-news a{background-size:20.5%!important;font-size:1rem!important}.wh-cta a:nth-child(2){background-position:94%!important;border-radius:40px!important;padding:10px 50px 10px 40px!important}.wh-cta .form-columns-3{max-width:225px;padding-top:0;width:max-content}.wh-cta .form-columns-1{padding-bottom:0;padding-top:0}.wh-cta .hs-input{margin-bottom:20px;width:96%!important}}@media only screen and (min-width:480px) and (max-width:480px){.ks-wrapper .logo-img img{margin-left:40px;margin-top:12px;width:160px}.knack-systems-footer a{padding-left:8px!important;padding-right:8px!important}.btn2-a a{background-size:8.5%!important;padding:10px 50px 10px 20px!important}.modal-content{width:300px!important}.ch-cta a:nth-child(2){background-position:95%;background-size:9.5%!important;padding:10px 50px 10px 20px!important}.ch-cta .form-columns-3{max-width:280px;width:100%}.wh-cta .hs-input{width:100%!important}}@media only screen and (min-width:576px) and (max-width:767px){.ks-wrapper .logo-img img{margin-left:65px;margin-top:12px;width:160px}.knack-systems-footer a{padding-left:20px;padding-right:20px}.btn2-a a{background-size:8.5%!important;padding:10px 50px 10px 20px!important}.modal-content{width:350px!important}.ch-cta .form-columns-3{max-width:300px}.ch-cta a:nth-child(2){background-position:95%!important;background-size:9.5%!important;padding:10px 50px 10px 20px!important}.wh-cta .hs-input{width:100%!important}.wh-cta .form-columns-3{max-width:275px}}@media only screen and (min-width:768px) and (max-width:991px){.knack-systems-footer a,.knack-systems-footer p{font-size:.55rem!important}.wh-count-matrix .count-matrix h4{font-size:2rem!important}.wh-count-matrix .count-matrix p{font-size:.75rem;font-weight:500}.blog1 a{margin-top:37px!important}.blog3 a{margin-top:19px!important}}@media only screen and (min-width:768px) and (max-width:1024px){.ks-wrapper h1{font-size:1.25rem}.ks-wrapper h2{font-size:1.5rem}.ks-wrapper h3{font-size:1.75rem}.ks-wrapper h4{font-size:1.125rem}.ks-wrapper h5{font-size:1rem}.ks-wrapper h6{font-size:1.125rem}.ks-wrapper a,.ks-wrapper ol li,.ks-wrapper p,.ks-wrapper ul li{font-size:1rem}.ks-wrapper ol li:last-child{margin:0}.ks-wrapper img{display:block;max-width:100%}.ks-wrapper .text-button{padding:10px 50px 10px 0}.container-wrap{width:86%}.ks-wrapper .logo-img img{margin-top:9px;width:140px}.navbar-menu .nav-button{padding:14px 16px!important}.navbar-menu i{line-height:54px!important}.nav-column{padding:0 20px!important}.knack-systems-footer p{font-size:.75rem}.knack-systems-footer a{font-size:.75rem;padding-left:10px;padding-right:10px}.wh-banner{background-size:cover;padding:120px 0 60px}.wh-banner h4{font-size:1.25rem!important}.wh-count-matrix .count-matrix h4{font-size:2.5rem}.wh-count-matrix .count-matrix p{font-size:.8rem;font-weight:600}.wh-insight-news a,.wh-insight-news p{font-size:.75rem!important}.blog1 a,.blog3 a{margin-top:18px}.modal-content{width:600px!important}.wh-cta .form-columns-3{max-width:515px}}@media only screen and (min-width:1025px) and (max-width:1280px){.ks-wrapper h1{font-size:1.375rem}.ks-wrapper h2{font-size:2.125rem}.ks-wrapper h3{font-size:2rem}.ks-wrapper h4{font-size:1.125rem}.ks-wrapper h5{font-size:1rem}.ks-wrapper h6{font-size:1.125rem}.ks-wrapper a,.ks-wrapper ol li,.ks-wrapper p,.ks-wrapper ul li{font-size:1rem}.ks-wrapper ol li:last-child{margin:0}.ks-wrapper img{display:block;max-width:100%}.ks-wrapper .text-button{padding:10px 50px 10px 0}.container-wrap{width:84%}.ks-wrapper .logo-img img{margin-top:9px;width:140px}.wh-banner{background-size:cover;padding:120px 0 60px}.wh-banner h4{font-size:1.5rem!important}.wh-count-matrix .count-matrix h4{font-size:2.875rem}.modal-content{width:650px!important}}@media only screen and (min-width:1281px){.ks-wrapper h1{font-size:1.5rem;line-height:normal}.ks-wrapper h2,.ks-wrapper h3{font-size:2rem;line-height:normal}.ks-wrapper h4,.ks-wrapper h5,.ks-wrapper h6{font-size:1.125rem}.ks-wrapper a,.ks-wrapper p,.ks-wrapper ul li{font-size:1rem}.container-wrap{width:84%}}