.case-studies{background:linear-gradient(#826cff,#afa1ff);padding:120px 80px 100px;position:relative}.case-studies .back{height:100%;left:0;position:absolute;top:0;width:100%}.case-studies .back .h-line{background:hsla(0,0%,100%,.25);height:1px;left:0;position:absolute;width:100%}.case-studies .back .dot{background:#fff;border-radius:100px;height:5px;position:absolute;width:5px}.case-studies .back .dot.top-left{left:calc(50% - 554px);top:98px}.case-studies .back .dot.top-middle{left:calc(50% - 2px);top:98px}.case-studies .back .dot.top-right{left:calc(50% + 550px);top:98px}.case-studies .back .dot.bottom-left{bottom:87px;left:calc(50% - 554px)}.case-studies .back .dot.bottom-middle{bottom:87px;left:calc(50% - 2px)}.case-studies .back .dot.bottom-right{bottom:87px;left:calc(50% + 550px)}.case-studies .back .v-line{background:hsla(0,0%,100%,.2);height:100%;position:absolute;top:0;width:1px}.case-studies .back .v-line.left{left:calc(50% - 552px)}.case-studies .back .v-line.middle{left:50%}.case-studies .back .v-line.right{left:calc(50% + 552px)}.case-studies .back .h-line.top{top:100px}.case-studies .back .h-line.bottom{top:calc(100% - 90px)}.case-wrapper{margin:0 auto;max-width:1080px}.case{display:flex;gap:40px}.case>div{flex:1}.case .left{padding-bottom:20px}.case .right{padding-top:30px}.case .left img{border-radius:16px;height:500px!important;object-fit:cover;object-position:center}.case img{width:100%}.case-studies .splide__arrow--prev{left:-3em}.case-studies .splide__arrow--next{right:-3em}.case-studies .splide__arrow{background:none!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:100px!important;opacity:1;top:45%!important}.case-studies .splide__arrow:hover{border:1px solid #fff!important}.case-studies .splide__arrow svg{fill:#fff!important;height:auto!important;width:16px!important}.case .left .author{align-items:center;background:#fff;border-radius:100px;box-shadow:0 10px 15px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:0;justify-content:center;margin:-40px auto 0;padding:10px 20px;position:relative;width:max-content;z-index:1}.case .left .author .name{color:#000;font-size:22px;font-weight:600}.case .left .author .title{color:rgba(0,0,0,.5);font-size:14px;font-weight:300}.case .case-logo{height:60px!important;max-width:360px!important;width:auto}.case .case-logo.invert{filter:invert(1)}.case h4,.case p{color:#fff;font-size:14px}.case p{max-width:95%}.case h4{font-size:32px;font-weight:300;margin:20px 0}.case .feature{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:30px;color:#fff;display:flex;font-size:12px;gap:10px;padding:8px 16px}.case .feature svg{margin-top:5px;width:9px}.case .btn-wrapper{border-top:1px dashed hsla(0,0%,100%,.5);justify-content:flex-start;margin-top:20px;padding-top:10px}.case .case-btn{align-items:center;color:#fff;display:flex;gap:10px;padding:10px 20px 10px 0;text-decoration:none}@media(max-width:980px){.case{flex-direction:column;gap:0}.case-studies{padding:60px 30px}.case-studies .splide__arrow{height:30px!important;width:30px!important}.case-studies .splide__arrow svg{width:16px!important}.case-studies .splide__arrow--prev{left:unset;right:2em}.case-studies .splide__arrow--next{right:0}.case-studies .splide__arrow{bottom:-10px!important;top:unset!important}.case .case-logo{max-width:240px!important}.case .left .author .name{font-size:18px}.case .left .author .title{font-size:12px}.case-studies .back .v-line.middle{display:none}.case-studies .back .v-line.left{left:15px}.case-studies .back .v-line.right{left:calc(100% - 15px)}.case-studies .back .h-line.top{top:50px}.case-studies .back .h-line.bottom{top:calc(100% - 50px)}.case-studies .back .dot.bottom-middle,.case-studies .back .dot.top-middle{display:none}.case-studies .back .dot.top-left{left:13px;top:48px}.case-studies .back .dot.top-right{left:calc(100% - 17px);top:48px}.case-studies .back .dot.bottom-left{bottom:47px;left:13px}.case .right{padding-top:0}.case-studies .back .dot.bottom-right{bottom:47px;left:calc(100% - 17px)}.case .left img{height:auto!important;max-height:360px!important}.case>div{flex:unset}.case p{max-width:100%}}