.use-cases__background{border-radius:30px 30px 0 0}.use-cases__container{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.use-cases__header-wrapper{margin:0 auto 30px;text-align:center}.use-cases__quote{margin:0 0 8px}.use-cases__heading{margin:0 0 16px}.use-cases__subheading{font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;text-align:center;margin:0}.use-cases__grid{display:flex;flex-direction:column;gap:30px}.use-cases__column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;order:1}.use-cases__column--left{margin-bottom:20px}.use-cases__column--right{order:3;margin-top:20px}.use-cases__image-wrapper{position:relative;order:2;width:80%;display:flex;align-items:center;justify-content:center;margin:0 auto}.use-cases__image-wrapper:before,.use-cases__image-wrapper:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.use-cases__image-wrapper:before{top:-30px;right:-30px;bottom:-30px;left:-30px;border:3px solid rgb(var(--color-button))}.use-cases__image-wrapper:after{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#ffc414,#fd6b0a)}.use-cases__image{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;border-radius:0 0 50% 50%}.use-cases__card{display:flex;flex-direction:column;align-items:center;text-align:center}.use-cases__card-icon{width:60px;height:60px;padding:8px;box-sizing:border-box;border-radius:50%;background-color:rgb(var(--color-button));border:3px solid rgb(var(--color-background));object-fit:contain}.use-cases__card-info{text-align:center}.use-cases__card-title{font-weight:700;font-size:18px;line-height:normal;letter-spacing:0;text-align:center;text-transform:uppercase;margin:0 0 12px}.use-cases__card-text{font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;text-align:center;margin:0;padding-top:12px;border-top:3px solid rgb(var(--color-button))}.use-cases__card:hover .use-cases__card-text{border-color:rgb(var(--color-foreground))}@media screen and (max-width:1099px){@supports (grid-template-rows: subgrid){.use-cases__column{gap:0 10px}.use-cases__card{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-items:start}.use-cases__card:not(:nth-last-child(-n+2)){padding-bottom:20px}.use-cases__card-icon{grid-row:1;justify-self:center;margin-bottom:8px}.use-cases__card-info{display:contents}.use-cases__card-title{grid-row:2;align-self:start}.use-cases__card-text{grid-row:3;align-self:start;width:100%}}}@media screen and (min-width:1100px){.use-cases__background{border-radius:50px 50px 0 0}.use-cases__container{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.use-cases__header-wrapper{margin-bottom:85px;max-width:650px}.use-cases__subheading{font-size:16px}.use-cases__grid{display:grid;grid-template-columns:300px 1fr 300px;align-items:center;padding:60px}.use-cases__column{display:flex;flex-direction:column;height:100%;order:unset;gap:30px}.use-cases__column--left{grid-column:1;margin:0}.use-cases__column--right{grid-column:3;margin:0}.use-cases__image-wrapper{position:relative;width:100%;order:unset;grid-column:2;grid-row:1;display:flex;justify-content:center;align-items:center}.use-cases__image{width:125%;position:absolute;transform:translate(-50%,-50%);border-radius:unset;aspect-ratio:unset}.use-cases__image-wrapper:before,.use-cases__image-wrapper:after{display:none}.use-cases__card{align-items:center;text-align:center;max-width:250px;position:relative;z-index:1;flex:1 0 100px;max-height:117px}.use-cases__card-icon{width:60px;height:60px;padding:10px;position:absolute;right:-20px;transform:translate(100%);display:none}.use-cases__column--left .use-cases__card:first-child,.use-cases__column--left .use-cases__card:last-child{align-self:flex-end}.use-cases__column--left .use-cases__card:first-child .use-cases__card-icon,.use-cases__column--left .use-cases__card:last-child .use-cases__card-icon{right:-60px}.use-cases__column--right .use-cases__card-icon{left:-60px;transform:translate(-100%)}.use-cases__column--right .use-cases__card:not(:first-child,:last-child){align-self:flex-end}.use-cases__column--right .use-cases__card:not(:first-child,:last-child) .use-cases__card-icon{left:-20px}.use-cases__card-title{font-size:20px}.use-cases__card-text{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-use-cases.css.map */