.features-capabilities{&[data-v-f1ff827d]{display:flex;align-items:flex-start;width:min(85%,var(--width-max));margin:130px auto;background:var(--qspro-gradient);padding:0}h2[data-v-f1ff827d]{width:min(100%,var(--width-max));margin:1.5rem auto}.categories-container{&[data-v-f1ff827d]{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,var(--width-max));margin:0 auto;border-bottom:2px solid var(--color-light-grey-6)}button{&[data-v-f1ff827d]{font:1.5rem Roboto;color:var(--color-light-grey-6);padding:1rem 0;background:transparent;border:none}&[data-v-f1ff827d]:hover{color:var(--color-white)}}.active[data-v-f1ff827d]{color:var(--color-white);border-bottom:4px solid var(--color-blue)}}.swiper-container{&[data-v-f1ff827d]{width:min(100%,var(--width-max));display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-bottom:2px solid var(--color-light-grey-6)}.btn-prev-scroll,.btn-next-scroll{&[data-v-f1ff827d]{font-size:2rem;cursor:pointer;opacity:30%}&[data-v-f1ff827d]:hover,&[data-v-f1ff827d]:focus{opacity:100%}}.carousel{.swiper-wrapper{&[data-v-f1ff827d]{display:flex;justify-content:center}.swiper-slide[data-v-f1ff827d]{text-align:center}button{&[data-v-f1ff827d]{width:100%;font:1.25rem Roboto;color:var(--color-light-grey-6);padding:1rem 0;background:transparent;border:none;white-space:nowrap}&.active[data-v-f1ff827d]{color:var(--color-white);border-bottom:4px solid var(--color-blue)}&[data-v-f1ff827d]:hover{color:var(--color-white)}}}}}.features-capabilities-content{&[data-v-f1ff827d]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;height:38.3rem;width:min(100%,var(--width-max));margin:4rem auto}.text{&[data-v-f1ff827d]{overflow:scroll;background:transparent linear-gradient(180deg,#111,#212020 51%,#111) 0% 0% no-repeat padding-box;padding:0}ul{&[data-v-f1ff827d]{list-style-type:none;padding:0;margin:0}li{&[data-v-f1ff827d]{cursor:pointer;margin-bottom:1rem;padding:10px 10px 0}h3[data-v-f1ff827d],p[data-v-f1ff827d]{color:var(--color-medium-dark-grey)}h3[data-v-f1ff827d]{font:700 1rem Roboto Mono}p[data-v-f1ff827d]{font:1rem/1.625rem Roboto}&:hover{h3[data-v-f1ff827d],p[data-v-f1ff827d]{color:var(--color-white-2)}}}.subcategory-active{h3[data-v-f1ff827d],p[data-v-f1ff827d]{color:var(--color-light-grey-4)}}}&[data-v-f1ff827d]::-webkit-scrollbar{display:none}}.gif{&[data-v-f1ff827d]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.gif-container{&[data-v-f1ff827d]{width:100%;height:100%}img[data-v-f1ff827d],video[data-v-f1ff827d]{width:100%;height:auto}}.category-nav{&[data-v-f1ff827d]{display:flex;justify-content:center;margin-top:1rem}button[data-v-f1ff827d]{width:1rem;height:1rem;background:var(--color-dark-grey-2);border:1px solid var(--color-light-grey-5);border-radius:50%;margin:0 .5rem;transition:all .25s}.activeBtn[data-v-f1ff827d]{width:4rem;background:var(--color-bg-blue);border:1px solid var(--color-blue);border-radius:.5rem}}}}.button-cta-bookdemo{&[data-v-f1ff827d]{display:flex;justify-content:center;width:min(100%,var(--width-max))}a{&[data-v-f1ff827d]{color:var(--color-blue);font:700 1.25rem Roboto Mono;letter-spacing:.08px;border:1px solid var(--color-blue);background-color:var(--color-bg-black);border-radius:1.25rem;padding:.5rem 2.625rem;transition:60ms}&[data-v-f1ff827d]:hover{background:var(--color-round-btn-bg-hover)}&[data-v-f1ff827d]:active{border:2px solid var(--color-blue)}&[data-v-f1ff827d]:focus{border:1px solid var(--color-round-btn-border-focus)}}}@media(max-width:575px){&[data-v-f1ff827d]{position:relative}.button-cta-bookdemo[data-v-f1ff827d]{position:absolute;left:50%;bottom:-300px;transform:translate(-50%)}h2[data-v-f1ff827d]{font-size:1.5rem}.categories-container{&[data-v-f1ff827d]{overflow:scroll;border-bottom:none}button[data-v-f1ff827d]{font-size:1rem;white-space:nowrap;width:fit-content;padding:1rem;border-bottom:2px solid var(--color-light-grey-6)}}.features-capabilities-content{&[data-v-f1ff827d]{grid-template-columns:repeat(1,1fr);margin:0 auto 4rem}.gif{.category-nav[data-v-f1ff827d]{display:none}}.text[data-v-f1ff827d]{order:2;min-height:330px;background:transparent}}}@media(max-width:767px){.swiper-container{.carousel{.swiper-wrapper{button[data-v-f1ff827d]{font-size:16px}}}}.categories-container{button[data-v-f1ff827d]{font-size:16px}}}@media(max-width:575px){.button-cta-bookdemo[data-v-f1ff827d]{bottom:-120px}}}.main-mobile{width:min(85%,var(--width-max));margin:0 auto;.mobile-hero{display:flex;flex-direction:column;gap:32px;margin:0 auto 146px;h1{text-align:center;font:700 60px Roboto;max-width:700px;margin:0 auto}p{font:300 16px/27px Roboto;color:var(--color-light-grey-7);text-align:center;margin:0 auto;max-width:700px;a{color:var(--color-light-grey-4);text-decoration:underline;transition:80ms;&:hover{color:var(--color-white-2)}}}.link-container{display:flex;justify-content:center;gap:42px;figure{display:flex;align-items:center;font:700 16px Roboto Mono;letter-spacing:.06px;color:var(--color-blue);transition:80ms;margin:0;img{width:100%;height:auto}&:hover{color:var(--color-blue-hover)}}}figure{margin:0 auto;img{width:min(100%,var(--width-max));margin:0 auto}}}.mobile-portfolios{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0 auto 200px;width:min(100%,var(--width-max));h2{font:700 2.5rem Roboto;color:var(--color-white-2);margin-bottom:24px}p{font:300 1rem/1.375rem Roboto;color:var(--color-light-grey-7);max-width:75%;margin:0 0 16px;&:last-child{margin-bottom:0}}}.text-img-panel-container{display:flex;gap:2rem;margin-top:90px;article{margin:0;figure{img{transform:translate3d(0,-180px,0)}}h2{margin:0 0 24px}}}.mobile-bottom{margin-top:220px}}@media(max-width:1199px){.main-mobile{.text-img-panel-container{article{figure{img{transform:translate3d(0,-100px,0)}}}}}}@media(max-width:991px){.main-mobile{.mobile-hero{gap:0;flex-direction:column;margin-bottom:76px;h1{font-size:40px}p{margin:24px auto}}.link-container{margin-bottom:24px}.mobile-portfolios{margin-bottom:140px}.text-img-panel-container{article{figure{img{transform:translate3d(0,-100px,0)}}}h2{font-size:20px}}.mobile-bottom{margin-top:100px}}.features-capabilities{margin:100px auto;h2{font-size:32px;margin-top:0}}}@media(max-width:575px){.main-mobile{.text-img-panel-container{flex-direction:column;margin:1rem 0 0;gap:0;article{margin:3rem 0 6rem;figure{img{transform:translate3d(0,-120px,0)}}}}}.features-capabilities{margin-top:-16px;h2{font-size:24px;margin-top:0}.button-cta-bookdemo{bottom:-120px}}}