.use-cases-section{border-radius:0 0 30px 30px;overflow:hidden;padding-block:86px;position:relative}@media screen and (max-width:640px){.use-cases-section{padding-block:48px 120px}}.use-cases-section .use-cases-bg{inset:0;opacity:.4;overflow:hidden;padding-block:120px;pointer-events:none;position:absolute;z-index:0}@media screen and (max-width:640px){.use-cases-section .use-cases-bg{margin-top:120px;max-height:480px;padding-block:0}}.use-cases-section .use-cases-bg canvas{display:block;height:100%;width:100%}.use-cases-section .use-cases-filter-overlay{background:radial-gradient(37.81% 37.8% at 50.63% 60.23%,rgba(60,98,181,.2) 52.62%,hsla(0,0%,100%,.2) 100%),linear-gradient(184deg,hsla(0,0%,100%,.08) 23.39%,rgba(80,113,142,.08) 54.23%,rgba(55,168,255,.08) 81.86%);inset:0;pointer-events:none;position:absolute;z-index:1}.use-cases-section .grid-container{position:relative;z-index:2}.use-cases-section .grid-container .use-cases-grid{-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-areas:"title title" "filters arrows" "cards cards";grid-template-columns:1fr auto}.use-cases-section .grid-container .use-cases-grid.no-filters{grid-template-areas:"title title" "arrows arrows" "cards cards"}.use-cases-section .grid-container .use-cases-grid.no-arrows{grid-template-areas:"title title" "filters filters" "cards cards"}.use-cases-section .grid-container .use-cases-grid.no-arrows .use-cases-arrows{display:none}.use-cases-section .grid-container .use-cases-grid.no-filters.no-arrows{grid-template-areas:"title title" "cards cards"}@media screen and (min-width:641px){.use-cases-section .grid-container .use-cases-grid.no-filters .use-cases-arrows{justify-self:end}}@media screen and (max-width:640px){.use-cases-section .grid-container .use-cases-grid{grid-template-areas:"title" "filters" "cards" "arrows";grid-template-columns:1fr;row-gap:24px}.use-cases-section .grid-container .use-cases-grid.no-filters{grid-template-areas:"title" "cards" "arrows"}.use-cases-section .grid-container .use-cases-grid.no-arrows{grid-template-areas:"title" "filters" "cards"}.use-cases-section .grid-container .use-cases-grid.no-filters.no-arrows{grid-template-areas:"title" "cards"}}.use-cases-section .grid-container .use-cases-title{color:#3c3c3b;font-size:34px;font-weight:600;grid-area:title;line-height:120%;margin:0 0 40px}@media screen and (max-width:640px){.use-cases-section .grid-container .use-cases-title{font-size:26px}}.use-cases-section .grid-container .use-cases-filters__list{align-items:center;align-self:end;display:flex;flex-wrap:wrap;gap:8px;grid-area:filters;margin-bottom:40px;max-width:920px}@media screen and (max-width:640px){.use-cases-section .grid-container .use-cases-filters__list{flex-wrap:nowrap;margin-bottom:0;max-width:100%;overflow-x:auto;padding-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(11,99,167,.5) rgba(11,99,167,.12);scrollbar-width:thin}.use-cases-section .grid-container .use-cases-filters__list::-webkit-scrollbar{height:6px}.use-cases-section .grid-container .use-cases-filters__list::-webkit-scrollbar-track{background:rgba(11,99,167,.12);border-radius:20px}.use-cases-section .grid-container .use-cases-filters__list::-webkit-scrollbar-thumb{background:rgba(11,99,167,.5);border-radius:20px}.use-cases-section .grid-container .use-cases-filters__list::-webkit-scrollbar-thumb:hover{background:rgba(11,99,167,.7)}}.use-cases-section .grid-container .use-cases-filter{align-items:center;background:transparent;border:1px solid rgba(11,99,167,.2);border-radius:20px;color:rgba(36,49,77,.7);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;justify-content:center;line-height:19px;padding:13px 27px;text-transform:uppercase;transition:all .25s ease;white-space:nowrap}.use-cases-section .grid-container .use-cases-filter:hover{border-color:rgba(11,99,167,.5)}.use-cases-section .grid-container .use-cases-filter.active{background:#0b63a7;border-color:#0b63a7;color:#fff}.use-cases-section .grid-container .use-cases-arrows{align-items:center;align-self:end;display:flex;flex-direction:row;gap:16px;grid-area:arrows;margin-bottom:40px}@media screen and (max-width:640px){.use-cases-section .grid-container .use-cases-arrows{justify-self:center;margin-bottom:0}}.use-cases-section .grid-container .use-cases-arrows .slick-btn{aspect-ratio:1;border:1.75px solid #37a8ff;border-radius:50%;cursor:pointer;display:block;height:38px;position:relative;transition:all .25s ease-in-out}@media screen and (max-width:640px){.use-cases-section .grid-container .use-cases-arrows .slick-btn{height:54px}}.use-cases-section .grid-container .use-cases-arrows .slick-btn:after{aspect-ratio:1;background-image:url(https://content.qualco.tech/hubfs/Qualco%20Redesign%20%6025/blue-thick-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:17px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.use-cases-section .grid-container .use-cases-arrows .slick-btn.prev-btn{transform:scaleX(-1)}.use-cases-section .grid-container .use-cases-arrows .slick-btn:hover{background:conic-gradient(from 270deg at 50% 50%,rgba(55,168,255,.2) 0deg,hsla(0,0%,100%,.2) 1turn)}.use-cases-section .grid-container .use-cases-arrows .slick-btn:active{background:conic-gradient(from 270deg at 50% 50%,rgba(55,168,255,.8) 0deg,hsla(0,0%,100%,.8) 1turn)}.use-cases-section .grid-container .use-cases-arrows .slick-btn.is-disabled{opacity:.3;pointer-events:none}.use-cases-section .grid-container .use-cases-carousel-wrapper{grid-area:cards;opacity:0;overflow:hidden;transition:opacity .25s ease}.use-cases-section .grid-container .use-cases-carousel-wrapper.is-ready{opacity:1}.use-cases-section .grid-container .use-cases-carousel-wrapper .use-cases-track{display:flex;transition:transform .4s ease}.use-cases-section .grid-container .use-cases-carousel-wrapper .use-cases-page{display:grid;flex:0 0 100%;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,320px)}@media screen and (max-width:640px){.use-cases-section .grid-container .use-cases-carousel-wrapper .use-cases-page{grid-template-columns:1fr;grid-template-rows:320px}}.use-cases-section .grid-container .use-case-card{width:100%}.use-cases-section .grid-container .use-case-card .use-case-card__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(282deg,hsla(0,0%,100%,.2) 66.77%,rgba(11,99,167,.2) 132.46%),hsla(0,0%,100%,.5);border:1px solid #fff;border-radius:30px;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:56px 24px 24px 30px;position:relative}.use-cases-section .grid-container .use-case-card .use-case-card__badge{align-items:center;align-self:flex-start;background:#ebf6ff;border:1px solid rgba(55,168,255,.5);border-radius:8px;display:inline-flex;justify-content:center;margin-bottom:16px;padding:4px 12px}.use-cases-section .grid-container .use-case-card .use-case-card__badge p{color:rgba(11,99,167,.7);font-size:14px;font-weight:700;line-height:1.5;margin:0;text-transform:capitalize}.use-cases-section .grid-container .use-case-card .use-case-card__title{color:#3c3c3b;font-size:18px;font-weight:700;line-height:1.4;margin:0;text-align:left}.use-cases-section .grid-container .use-case-card .use-case-card__description{color:#3c3c3b;font-size:16px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;margin:24px 0 0;min-height:80px;text-align:left}.use-cases-section .grid-container .use-case-card .use-case-card__cta{color:#0b63a7;display:block;font-size:14px;font-weight:700;line-height:19.5px;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.use-cases-section .grid-container .use-case-card .use-case-card__cta:after{background-image:url(https://content.qualco.tech/hubfs/raw_assets/public/Qualco_redesign/images/assets/qualco-cta-arrows-circle-stroke-icon.svg);background-position:100%;background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;height:18px;margin:0 20px 0 10px;opacity:1;padding-left:4px;position:relative;top:5px;transition:all .25s ease;width:30px}.use-cases-section .grid-container .use-case-card .use-case-card__cta:hover:after{width:35px}