.features-capabilities{&[data-v-d31ef8d3]{display:flex;align-items:flex-start;width:min(85%,var(--width-max));margin:130px auto;background:var(--qspro-gradient);padding:0}h2[data-v-d31ef8d3]{font-size:40px;width:min(100%,var(--width-max));margin:0 auto 1.5rem}.categories-container{&[data-v-d31ef8d3]{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-d31ef8d3]{font:1.5rem Roboto;color:var(--color-light-grey-6);padding:1rem 0;background:transparent;border:none}&[data-v-d31ef8d3]:hover{color:var(--color-white)}}.active[data-v-d31ef8d3]{color:var(--color-white);border-bottom:4px solid var(--color-blue)}}.swiper-container{&[data-v-d31ef8d3]{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-d31ef8d3]{font-size:2rem;cursor:pointer;opacity:30%}&[data-v-d31ef8d3]:hover,&[data-v-d31ef8d3]:focus{opacity:100%}}.carousel{.swiper-wrapper{&[data-v-d31ef8d3]{display:flex;justify-content:center}.swiper-slide[data-v-d31ef8d3]{text-align:center}button{&[data-v-d31ef8d3]{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-d31ef8d3]{color:var(--color-white);border-bottom:4px solid var(--color-blue)}&[data-v-d31ef8d3]:hover{color:var(--color-white)}}}}}.features-capabilities-content{&[data-v-d31ef8d3]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;height:28.3rem;width:min(100%,var(--width-max));margin:42px auto}.text{&[data-v-d31ef8d3]{overflow:scroll;background:transparent linear-gradient(180deg,#111,#212020 51%,#111) 0% 0% no-repeat padding-box;padding:0}ul{&[data-v-d31ef8d3]{list-style-type:none;padding:0;margin:0}li{&[data-v-d31ef8d3]{cursor:pointer;margin-bottom:1rem;padding:10px 10px 0}h3[data-v-d31ef8d3],p[data-v-d31ef8d3]{color:var(--color-medium-dark-grey)}h3[data-v-d31ef8d3]{font:700 1rem Roboto Mono}p[data-v-d31ef8d3]{font:1rem/1.625rem Roboto}&:hover{h3[data-v-d31ef8d3]{color:var(--color-white-2)}p[data-v-d31ef8d3]{color:var(--color-light-grey-7)}}}.subcategory-active{h3[data-v-d31ef8d3]{color:var(--color-light-grey-4)}p[data-v-d31ef8d3]{color:var(--color-light-grey-7)}}}&[data-v-d31ef8d3]::-webkit-scrollbar{display:none}}.gif{&[data-v-d31ef8d3]{display:flex;flex-direction:column;height:100%}.gif-container{&[data-v-d31ef8d3]{position:relative;flex:1;max-width:100%;cursor:pointer}img[data-v-d31ef8d3]{width:min(100%,calc(var(--width-max) / 2));height:100%;aspect-ratio:16/9;object-fit:contain}button{&[data-v-d31ef8d3]{position:absolute;bottom:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;outline:none;padding:4px 12px;background:var(--color-bg-black);font:12px/20px Roboto;color:#e3e3e3;border:1px solid var(--color-blue);border-radius:4px;transition:80ms}.gif-svg-wrapper[data-v-d31ef8d3]{width:14px;height:14px}}}.category-nav{&[data-v-d31ef8d3]{display:flex;justify-content:center;margin-top:1rem}button[data-v-d31ef8d3]{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-d31ef8d3]{width:4rem;background:var(--color-bg-blue);border:1px solid var(--color-blue);border-radius:.5rem}}}}.button-cta-bookdemo{&[data-v-d31ef8d3]{display:flex;justify-content:center;width:min(100%,var(--width-max));margin-top:24px}a{&[data-v-d31ef8d3]{color:var(--color-blue);font:700 1rem 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-d31ef8d3]:hover{background:var(--color-round-btn-bg-hover)}&[data-v-d31ef8d3]:active{border:2px solid var(--color-blue)}&[data-v-d31ef8d3]:focus{border:1px solid var(--color-round-btn-border-focus)}}}.modalImage{.popupGIF[data-v-d31ef8d3]{display:block;width:100%;max-height:80vh}}@media(max-width:1199px){.modalImage{.popupGIF[data-v-d31ef8d3]{height:100%;width:auto}}}@media(max-width:991px){&[data-v-d31ef8d3]{margin:100px auto}h2[data-v-d31ef8d3]{font-size:32px}.swiper-container{.btn-prev-scroll[data-v-d31ef8d3]{transform:translate(-10px)}.btn-next-scroll[data-v-d31ef8d3]{transform:translate(10px)}}.modalImage{.popupGIF[data-v-d31ef8d3]{aspect-ratio:1/1;height:auto;max-width:100%}}}@media(max-width:767px){.swiper-container{.carousel{.swiper-wrapper{button[data-v-d31ef8d3]{font-size:16px}}}}.categories-container{button[data-v-d31ef8d3]{font-size:18px}}}@media(max-width:575px){&[data-v-d31ef8d3]{margin:80px auto 240px;position:relative}.button-cta-bookdemo[data-v-d31ef8d3]{position:absolute;left:50%;bottom:-300px;transform:translate(-50%)}h2[data-v-d31ef8d3]{font-size:1.5rem;font-weight:700}.categories-container{&[data-v-d31ef8d3]{overflow-x:scroll;border-bottom:none}button[data-v-d31ef8d3]{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-d31ef8d3]{grid-template-columns:repeat(1,1fr);margin:2rem auto;gap:42px}.gif{.category-nav[data-v-d31ef8d3]{display:none}}.text[data-v-d31ef8d3]{order:2;min-height:330px;background:transparent}}.gif-container{img[data-v-d31ef8d3]{aspect-ratio:auto!important}}}}.subcategory p a{color:var(--color-blue);text-decoration:none;opacity:.6}.subcategory p a:hover{opacity:1}