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{font-weight:600;margin:0 0 40px}.ks-wrapper h2{font-weight:600;margin:0}.ks-wrapper h3{font-weight:700;margin:0 0 20px}.ks-wrapper h4{color:#f87000;font-weight:600;margin:30px 0 15px}.ks-wrapper h5{font-weight:600;margin:0}.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 ol{margin:0;padding:0 20px}.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: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 .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}.ch-cs-banner{background-image:url(https://www.knacksystems.com/hubfs/campaign/cpq-2023/Global-B2B-Manufacturer-and-Supplier.jpg);background-repeat:no-repeat;background-size:100%;height:auto;margin:0;overflow:auto;padding:120px 0 140px;position:relative}.container-wrap{margin:0 auto;width:80%}.ch-cs-banner h1{color:#fff;padding:10px 0 0}.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!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}.ch-cs-form{padding:50px 0}.ch-cs-form .col-8{padding:0 60px 0 0}.ch-cs-form .col-8 ul{margin:0 0 30px}.ch-cs-form .col-8 ul:last-child{margin:0}.ch-cs-form .col-4{background-color:#f5f5f5;padding:20px 30px 30px}.ch-cs-form .col-4 h2{margin:0 0 20px}.ch-cs-form .hs-input{border:1px solid #cbd6e2;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;box-sizing:border-box;color:#33475b;display:inline-block;font-size:1rem;font-weight:400;line-height:22px;max-width:500px;padding:10px;width:100%}.ch-cs-form .hs-input:last-child{margin-bottom:10px}.ch-cs-form .hs-input:focus{border-color:#c87872}.ch-cs-form .hs-input:focus-visible{border:1px solid #cbd6e2}div.field.error .chzn-choices,div.field.error input,div.field.error textarea,input.hs-input.error,select.hs-input.error,textarea.hs-input.error{border-color:#c87872}.no-list li{color:#f2545b;font-size:.875rem!important;list-style-type:none;margin:-10px 0 10px -25px!important}.ch-cs-form .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;margin-top:20px;padding:12px 24px}.ch-cs-clients{padding:0 0 50px;text-align:center}.ch-cs-clients .clients-img{margin-top:30px}.ch-cs-clients .clients-img img{box-shadow:0 5px 30px 0 rgba(0,0,0,.16);margin:0 auto;text-align:center;width:80%}@media only screen and (min-width:320px) and (max-width:767px){.ks-wrapper h1{font-size:1.5rem}.ks-wrapper h2{font-size:1.35rem}.ks-wrapper h3{font-size:1.5rem;line-height:normal}.ks-wrapper h4{line-height:normal}.ks-wrapper h4,.ks-wrapper h5,.ks-wrapper h6{font-size:1.125rem}.ks-wrapper p{line-height:normal}.ks-wrapper a,.ks-wrapper p{font-size:.9rem}.ks-wrapper ol li,.ks-wrapper ul 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:12.5%;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}.ch-cs-banner{background-size:cover;padding:100px 0 60px}.container-wrap{margin:0 auto;width:80%}.ch-cs-form .col-8{padding:0}.ch-cs-form .col-4{margin-top:30px}.ch-cs-clients .clients-img img{margin-bottom:30px}.ch-cs-clients .clients-img .col-3:last-child img{margin-bottom:0}}@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:10.5%!important;padding:10px 50px 10px 20px!important}.modal-content{width:300px!important}.ch-cs-clients .clients-img img{width:50%}.ch-cta .form-columns-3{max-width:280px;width:100%}}@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:10.5%!important;padding:10px 50px 10px 20px!important}.modal-content{width:350px!important}.ch-cs-clients .clients-img img{width:50%}.ch-cta .form-columns-3{max-width:300px}}@media only screen and (min-width:768px) and (max-width:991px){.knack-systems-footer a,.knack-systems-footer p{font-size:.55rem!important}.ch-cs-form .col-4 h3{font-size:1.75rem!important}.ch-cs-clients .clients-img img{width:85%}}@media only screen and (min-width:768px) and (max-width:1024px){.ks-wrapper h1{font-size:1.75rem}.ks-wrapper h2{font-size:1.375rem}.ks-wrapper h3{font-size:1.65rem}.ks-wrapper h4{font-size:1.125rem}.ks-wrapper h5{font-size:1.25rem}.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}.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}.ch-cs-banner{background-size:cover;padding:100px 0 80px}.modal-content{width:600px!important}.rc-anchor-invisible{display:table-row-group!important;width:225px!important}}@media only screen and (min-width:1025px) and (max-width:1280px){.ks-wrapper h1{font-size:2rem}.ks-wrapper h2{font-size:1.375rem}.ks-wrapper h3{font-size:2rem}.ks-wrapper h4{font-size:1.125rem}.ks-wrapper h5{font-size:1.5rem}.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}.ks-wrapper .logo-img img{margin-top:9px;width:140px}.ch-cs-banner{background-size:cover;padding:120px 0 140px}.modal-content{width:650px!important}}@media only screen and (min-width:1281px){.ks-wrapper h1{font-size:2.5rem;line-height:normal}.ks-wrapper h2{font-size:1.5rem;line-height:normal}.ks-wrapper h3{font-size:2rem;line-height:normal}.ks-wrapper h4{font-size:1.25rem}.ks-wrapper h5{font-size:1.5rem}.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}}