section.use-cases{margin-top:4.97rem;padding-bottom:3rem}@media(max-width:480px){section.use-cases{margin-top:21.33rem;padding-bottom:0}}section.use-cases .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;row-gap:10rem}@media(max-width:480px){section.use-cases .content{row-gap:24.53rem}}section.use-cases .content .item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:3.12rem;-moz-column-gap:3.12rem;column-gap:3.12rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}@media(max-width:480px){section.use-cases .content .item{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important;row-gap:6.4rem}}section.use-cases .content .item:not(:first-child):before{background-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/cases/line-bee.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:3.75rem;left:0;position:absolute;right:0;top:-6.87rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media(max-width:480px){section.use-cases .content .item:not(:first-child):before{background-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/media-kit/line-bee-mobile.png);height:13.06667rem;top:-19.46rem}}section.use-cases .content .item:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}section.use-cases .content .item:nth-child(2n):before{-webkit-transform:none;transform:none}section.use-cases .content .item.video .image{position:relative}section.use-cases .content .item.video .image:before{background:#0d0d0d;border-radius:1.66667rem;bottom:0;content:"";display:block;left:0;opacity:.4;position:absolute;right:0;top:0;z-index:1}@media(max-width:480px){section.use-cases .content .item.video .image:before{border-radius:5.7168rem}}section.use-cases .content .item.video .image .play{background-color:#eaecf1;border:none;border-radius:50%;cursor:pointer;height:3.22917rem;left:50%;padding:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:3.22917rem;z-index:2}@media(max-width:480px){section.use-cases .content .item.video .image .play{height:16.53333rem;width:16.53333rem}}section.use-cases .content .item.video .image .play:before{background-color:#0d0d0d;content:"";display:inline-block;height:1.25rem;left:50%;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/play.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/play.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:1.25rem;z-index:1}@media(max-width:480px){section.use-cases .content .item.video .image .play:before{height:6.4rem;width:6.4rem}}section.use-cases .content .item.video .image .play:hover{background-color:#0d0d0d}section.use-cases .content .item.video .image .play:hover:before{background-color:#fff}section.use-cases .content .item.video .image .play .hidden{display:none}section.use-cases .content .item.video .image .img-frame img{-webkit-filter:blur(2px);filter:blur(2px)}section.use-cases .content .item .text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-flex:1;-ms-flex-positive:1;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;row-gap:1.25rem}@media(max-width:480px){section.use-cases .content .item .text{row-gap:5.33rem}section.use-cases .content .item .text .btns{width:100%}section.use-cases .content .item .text .btns .btn .icon{display:none}}section.use-cases .content .item .text .category{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.52rem;-moz-column-gap:.52rem;column-gap:.52rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-.63rem}@media(max-width:480px){section.use-cases .content .item .text .category{-webkit-column-gap:2.67rem;-moz-column-gap:2.67rem;column-gap:2.67rem;margin-bottom:-1.1rem}}section.use-cases .content .item .text .category img{height:1.04167rem;width:auto}@media(max-width:480px){section.use-cases .content .item .text .category img{height:5.33333rem;width:auto}}section.use-cases .content .item .text .category span{color:#0d0d0d;font-weight:500}@media(max-width:480px){section.use-cases .content .item .text .category span{font-size:3.73333rem}}section.use-cases .content .item .text p{color:#606366}@media(max-width:480px){section.use-cases .content .item .text p{font-size:3.73333rem}}section.use-cases .content .item .text ul{margin-top:-.63rem;row-gap:.62rem}@media(max-width:480px){section.use-cases .content .item .text ul{margin-top:-2.13rem;row-gap:3.2rem}}section.use-cases .content .item .text ul li{color:#606366;font-size:.83333rem;padding-left:.94rem}@media(max-width:480px){section.use-cases .content .item .text ul li{font-size:3.73333rem;padding-left:4.8rem}}section.use-cases .content .item .text ul li:before{background:#ffc72c;border-radius:50%;height:.3125rem;left:.11rem;-webkit-mask:none;mask:none;top:.42rem;width:.3125rem}@media(max-width:480px){section.use-cases .content .item .text ul li:before{height:1.6rem;left:.4rem;top:1.6rem;width:1.6rem}}section.use-cases .content .item .image{-ms-flex-negative:0;flex-shrink:0}@media(max-width:480px){section.use-cases .content .item .image{width:100%}}section.use-cases .content .item .image .img-frame{border-radius:1.66667rem;height:19.27083rem;overflow:hidden;width:26.66667rem}@media(max-width:480px){section.use-cases .content .item .image .img-frame{border-radius:5.7168rem;height:66.13333rem;width:100%}}section.use-cases .content>.btns{margin-top:-6rem}section.use-cases .content>.btns:has(.ready){display:none}@media(max-width:480px){section.use-cases .content>.btns{margin:-13.96rem auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section.use-cases .content>.btns .btn{padding:0}section.use-cases .content>.btns .btn .txt{margin-right:-15rem;padding-right:15.746rem}section.use-cases .content>.btns .btn .icon{-webkit-transform:none!important;transform:none!important}}.use-cases-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.use-cases-wrapper .left{-ms-flex-negative:0;flex-shrink:0;width:70.41667rem}@media(max-width:480px){.use-cases-wrapper .left{width:100rem}.use-cases-wrapper .left .breadcrumbs{padding-left:4.27rem;padding-right:4.27rem}}.use-cases-wrapper .right{-ms-flex-negative:0;flex-shrink:0}@media(max-width:480px){.use-cases-wrapper .right{display:none}}.use-cases-wrapper .right .data{padding-left:.47rem;position:sticky;right:0;row-gap:1.25rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18.28125rem}.use-cases-wrapper .right .data:before{background:#f4f6fa;border-radius:.20833rem;bottom:0;content:"";display:block;height:100%;left:-1.7rem;position:absolute;top:0;width:1px;z-index:-1}.use-cases-wrapper .right .data .title{color:#0d0d0d;font-family:Poppins;font-size:1.45833rem;font-style:normal;font-weight:500;line-height:144%}.use-cases-wrapper .right .data .list{row-gap:.21rem}.use-cases-wrapper .right .data .list a{border-radius:.41667rem;color:#0d0d0d;font-weight:500;margin-left:-.83333rem;padding:.41667rem .83333rem;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.use-cases-wrapper .right .data .list a:hover{background-color:#f4f6fa}.use-cases-wrapper .right .data .list a.active{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;color:#1969ff;-webkit-column-gap:.42rem;-moz-column-gap:.42rem;column-gap:.42rem;display:-webkit-box;display:-ms-flexbox;display:flex}.use-cases-wrapper .right .data .list a.active:before{background-color:#1969ff;border-radius:50%;content:"";display:inline-block;height:.26042rem;width:.26042rem}section.use-cases-hero{position:relative;z-index:2}section.use-cases-hero .content{position:relative}section.use-cases-hero .content:before{background:#fff;content:"";display:inline-block;height:4.73958rem;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/use-cases/t-r.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/use-cases/t-r.svg);-webkit-mask-position:top right;mask-position:top right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:-1px;top:-1px;width:13.22917rem;z-index:1}@media(max-width:480px){section.use-cases-hero .content:before{display:none}}section.use-cases-hero .content:after{background:#fff;bottom:-1px;content:"";display:inline-block;height:4.73958rem;left:-1px;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/use-cases/b-l.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/use-cases/b-l.svg);-webkit-mask-position:top right;mask-position:top right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;width:8.38542rem;z-index:1}@media(max-width:480px){section.use-cases-hero .content:after{display:none}}section.use-cases-hero .content .btns{pointer-events:none}section.use-cases-hero .content .btns>*{pointer-events:all}section.use-cases-hero .content .head{-webkit-box-pack:center;-ms-flex-pack:center;background:#ffc72c;border-radius:1.66rem;justify-content:center;min-height:33.4rem;padding:3.75rem 16.6rem 3.75rem 6.67rem;position:relative}@media(max-width:480px){section.use-cases-hero .content .head{border-radius:8.53rem;padding:37.33rem 4.27rem 0}}section.use-cases-hero .content .head .block-title{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:1.67rem}@media(max-width:480px){section.use-cases-hero .content .head .block-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:7.47rem;width:auto}}section.use-cases-hero .content .head .block-title *{text-align:left}@media(max-width:480px){section.use-cases-hero .content .head .block-title *{text-align:center}}section.use-cases-hero .content .head .block-title li{color:#fff}section.use-cases-hero .content .head .block-title h5{color:#0d0d0d;font-family:Poppins;font-size:1.45833rem;font-style:normal;font-weight:500;line-height:144%}@media(max-width:480px){section.use-cases-hero .content .head .block-title h5{font-size:5.33333rem}}section.use-cases-hero .content .head .block-title p{font-size:1.04167rem;margin-top:-.63rem}@media(max-width:480px){section.use-cases-hero .content .head .block-title p{font-size:4.26667rem;margin:0}}section.use-cases-hero .content .head>.btn.url{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section.use-cases-hero .content .head .bee{position:absolute;right:19.5rem;top:4.64rem}@media(max-width:480px){section.use-cases-hero .content .head .bee{display:none}}section.use-cases-hero .content .head .bee .img-frame{height:4.7224rem;width:5.08797rem}section.use-cases-hero .content .head .bg{bottom:0;overflow:hidden;position:absolute;right:0}@media(max-width:480px){section.use-cases-hero .content .head .bg{bottom:auto;left:12.6rem;right:12.6rem;top:0}}section.use-cases-hero .content .head .bg .img-frame{height:21.66667rem;-webkit-transform:rotate(-30deg) translate(.7rem,5.9rem);transform:rotate(-30deg) translate(.7rem,5.9rem);width:19.92615rem}@media(max-width:480px){section.use-cases-hero .content .head .bg .img-frame{height:71rem;-webkit-transform:rotate(-184deg) translate(-3rem,38rem);transform:rotate(-184deg) translate(-3rem,38rem);width:65rem}}section.use-cases-hero .content .substract-bottom-center{-ms-flex-item-align:center;align-self:center;bottom:-1px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section.use-cases-hero .content .substract-bottom-center .btn .icon{display:none}.use-cases-nav .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#f4f6fa;border-radius:6.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:8.53rem;padding:5.33rem 4.27rem;position:relative;row-gap:5.33rem}.use-cases-nav .content:before{background:#fff;content:"";display:inline-block;height:13.6rem;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/use-cases/nav.png);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/use-cases/nav.png);-webkit-mask-position:top right;mask-position:top right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:-1px;top:-1px;width:39.11653rem;z-index:1}.use-cases-nav .content .title{color:#0d0d0d;font-family:Poppins;font-size:5.33333rem;font-style:normal;font-weight:500;line-height:144%}.use-cases-nav .content .list{max-height:var(--marker-h);min-height:min(var(--scrl-h,0px),33rem);overflow:hidden;position:relative;-webkit-transition:max-height 1s ease;transition:max-height 1s ease}.use-cases-nav .content .list a{border-bottom:1px solid #dcdfe5;color:#0d0d0d;font-family:Poppins;font-size:3.73333rem;font-style:normal;font-weight:500;line-height:144%;padding:3.2rem 0}.use-cases-nav .content .list a:first-of-type{padding-top:0}.use-cases-nav .content .list a.active,.use-cases-nav .content .list a.anchor-active{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;color:#1969ff;-webkit-column-gap:2.13rem;-moz-column-gap:2.13rem;column-gap:2.13rem;display:-webkit-box;display:-ms-flexbox;display:flex}.use-cases-nav .content .list a.active:before,.use-cases-nav .content .list a.anchor-active:before{background-color:#1969ff;border-radius:50%;content:"";display:inline-block;height:.8rem;width:.8rem}.use-cases-nav .content .action{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:none;-webkit-column-gap:1.6rem;-moz-column-gap:1.6rem;column-gap:1.6rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:0 auto;padding:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.use-cases-nav .content .action:before{background:-webkit-gradient(linear,left top,left bottom,from(rgba(244,246,250,0)),to(rgba(244,246,250,.7)));background:linear-gradient(180deg,rgba(244,246,250,0),rgba(244,246,250,.7));content:"";height:16.5rem;left:-27rem;position:absolute;right:-27rem;top:-21rem;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition:opacity .5s ease,-webkit-transform .3s ease .2s;transition:opacity .5s ease,-webkit-transform .3s ease .2s;transition:opacity .5s ease,transform .3s ease .2s;transition:opacity .5s ease,transform .3s ease .2s,-webkit-transform .3s ease .2s}.use-cases-nav .content .action.open:before{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition-delay:.2s;transition-delay:.2s}.use-cases-nav .content .action.open span.less{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}.use-cases-nav .content .action.open .arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-delay:.2s;transition-delay:.2s}.use-cases-nav .content .action span{color:#0d0d0d;font-family:Poppins;font-size:3.73333rem;font-style:normal;font-weight:500;line-height:144%}.use-cases-nav .content .action span.less{background:#f4f6fa;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;opacity:0;padding-left:4rem;position:absolute;right:8rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.use-cases-nav .content .arrow{-ms-flex-negative:0;background:#ffc72c;border-radius:50%;flex-shrink:0;height:6.4rem;position:relative;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:6.4rem}.use-cases-nav .content .arrow:before{background-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:4.8rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4.8rem}.use-cases-nav.fixed{left:0;position:fixed;right:0;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;z-index:1000}.use-cases-nav.fixed.active{-webkit-transform:translateY(0);transform:translateY(0)}.use-cases-nav.fixed .content{border-top-left-radius:0;border-top-right-radius:0;margin:0;padding-top:calc(23rem + var(--dyn-top-pad, 0px));row-gap:0;-webkit-transition:padding-top .5s linear;transition:padding-top .5s linear}.use-cases-nav.fixed .content:before{display:none}.use-cases-nav.fixed .content .top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-transition:padding-bottom .1s linear .3s;transition:padding-bottom .1s linear .3s}.use-cases-nav.fixed .content .top .group{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:1.07rem}.use-cases-nav.fixed .content .top.open{padding-bottom:5.33rem;-webkit-transition:padding-bottom 0s linear 0s;transition:padding-bottom 0s linear 0s}.use-cases-nav.fixed .content .top.open .arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.use-cases-nav.fixed .content .list{max-height:min(var(--marker-h),77vh);min-height:0;overflow-y:auto;-webkit-transition:max-height .5s ease;transition:max-height .5s ease}.use-cases-nav.fixed .content:has(.top.open) .list{padding-bottom:1px}.use-cases-nav.fixed.article .content{overflow:hidden}.use-cases-nav.fixed.article .content .top{-webkit-column-gap:5.33rem;-moz-column-gap:5.33rem;column-gap:5.33rem}.use-cases-nav.fixed.article .content .top:before{background:#1969ff;border-radius:2.66667rem;bottom:0;content:"";height:.8rem;left:2rem;position:absolute;right:2rem;-webkit-transition:width .1s ease,opacity .15s ease .45s;transition:width .1s ease,opacity .15s ease .45s;width:var(--progress-width,0)}.use-cases-nav.fixed.article .content .top.open:before{opacity:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.use-cases-nav.fixed.article .content .top.open:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.use-cases-nav.fixed.article .content .top .group .title{color:#606366;font-size:2.66667rem}.use-cases-nav.fixed.article .content .top .group .subtitle{color:#0d0d0d;font-family:Poppins;font-size:3.2rem;font-style:normal;font-weight:500;line-height:144%}.use-cases-nav.fixed.article .content .top .group .links{position:relative}.use-cases-nav.fixed.article .content .top .group .links a{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#0d0d0d;display:none;font-size:3.2rem;font-weight:500;overflow:hidden;pointer-events:none!important}.use-cases-nav.fixed.article .content .top .group .links a.anchor-active{display:-webkit-box}.use-cases-nav:not(:has(.top.open)).fixed .content .list{max-height:0}.use-cases-nav:not(.fixed) .content .list.short{max-height:none;min-height:auto}body:has(.persistent-banner.show) .use-cases-nav.fixed .content{padding-top:calc(33rem + var(--dyn-top-pad, 0px))}body:has(.persistent-banner.show.move) .use-cases-nav.fixed .content{padding-top:calc(23rem + var(--dyn-top-pad, 0px))}