.services-scroll-wrapper{height:300vh;position:relative}.service-section{z-index:2;background:#101010;flex-direction:column;align-items:flex-start;gap:45px;width:100%;padding:60px 45px 45px;display:flex;position:sticky;top:-20px}.service-section h1{color:#fff;text-shadow:0 3px 10px #0000001f;z-index:2;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px;position:relative}.service-section .services-container{background:#090909;border:4px solid #ffffff1a;border-radius:45px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:9px;display:flex;position:relative}.service-section .services-container .line-range{will-change:transform;background:#e35229;width:3px;height:93vh;position:absolute;bottom:0;left:0}.service-section .services-container .line-range .dot{background:radial-gradient(122.52% 122.52% at 76.19% 87.06%,#e35229 0%,#101010 100%);border-radius:50%;flex-shrink:0;width:29px;height:29px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 12px 54px #00000040}.service-section .services-container .services-canvas{width:100%}.service-section .services-container .services-content{will-change:transform;width:100%}.service-section .services-container .service-tab{flex-shrink:0;align-items:center;width:100%;max-width:1190px;height:64px;margin:0 auto;padding:12px 0;display:flex}.service-section .services-container .service-tab .tab{color:#fff;letter-spacing:-.15px;text-align:center;flex:1;gap:10px;padding:10px;font-size:15px;font-weight:500;line-height:normal}.service-section .services-container .service-body{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:10px;width:100%;max-width:1190px;margin:0 auto;padding:30px;display:flex}.service-section .services-container .service-body .service-row{align-items:flex-start;gap:10px;width:100%;display:flex}.service-section .services-container .service-body .service-row .space{flex-shrink:0}.service-section .services-container .service-body .service-row .space-1{width:200px}.service-section .services-container .service-body .service-row .space-2{width:395px}.service-section .services-container .service-body .service-row .space-3{width:368px}.service-section .services-container .service-body .service-row .space-4{width:270px}.service-section .services-container .service-body .service-row .space-5{width:663px}.service-section .services-container .service-body .service-row .space-6{width:745px}.service-section .services-container .service-body .service-row .service{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:-.137px;background:#ffffff08;border-radius:50px;justify-content:center;align-items:center;gap:30px;height:54px;padding:3px 3px 3px 36px;font-size:13.68px;font-weight:500;line-height:normal;display:flex;position:relative;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.service-section .services-container .service-body .service-row .service svg{position:absolute;bottom:-45px;left:98px}.service-section .services-container .service-body .service-row .service svg.design-left{left:-190px}.service-section .services-container .service-body .service-row .service svg.product-left{left:20px}.service-section .services-container .service-body .service-row .service .tag{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#6161614d;border-radius:50px;justify-content:center;align-items:center;height:100%;padding:10px 18px;transition:background .25s;display:flex}.service-section .services-container .service-body .service-row .service .tag.active{background:#f7695b4d}@media (max-width:991px){.services-scroll-wrapper{height:180vh}.service-section{justify-content:center;gap:28px;min-height:100vh;padding:24px 16px;top:0}.service-section h1{text-align:left;width:100%;font-size:28px;line-height:30px}.service-section .services-container{border:3.3px solid #ffffff1a;border-radius:37.125px;align-items:flex-start;padding:7.425px}.service-section .services-container .line-range{width:2.475px;height:auto;top:-28px;bottom:-28px}.service-section .services-container .line-range .dot{width:23.925px;height:23.925px}.service-section .services-container .services-canvas{width:100%;overflow:hidden}.service-section .services-container .services-content{flex-direction:column;gap:24.75px;width:966.9px;max-width:none;display:flex}.service-section .services-container .service-tab{-webkit-backdrop-filter:blur(4.95px);backdrop-filter:blur(4.95px);background:#1010101a;border-radius:49.5px;width:966.9px;max-width:none;height:52.8px;margin:0;padding:9.9px 0}.service-section .services-container .service-tab .tab{letter-spacing:-.01em;font-size:12.375px}.service-section .services-container .service-body{gap:8.25px;width:966.9px;max-width:none;margin:0;padding:24.75px}.service-section .services-container .service-body .service-row{gap:8.25px}.service-section .services-container .service-body .service-row .space-1{width:170.775px}.service-section .services-container .service-body .service-row .space-2,.service-section .services-container .service-body .service-row .space-3{width:330px}.service-section .services-container .service-body .service-row .space-4{width:247.5px}.service-section .services-container .service-body .service-row .space-5{width:577.5px}.service-section .services-container .service-body .service-row .space-6{width:651.75px}.service-section .services-container .service-body .service-row .service{letter-spacing:-.113px;border-radius:41.25px;gap:24.75px;height:44.55px;padding:2.475px 2.475px 2.475px 29.7px;font-size:11.286px}.service-section .services-container .service-body .service-row .service svg{display:none}.service-section .services-container .service-body .service-row .service .tag{border-radius:41.25px;padding:8.25px 14.85px}}@media (min-width:992px) and (max-width:1102px){.service-section{gap:40px;padding:100px 36px 40px}.service-section h1{font-size:54px;line-height:56px}.service-section .services-container .service-tab .tab{font-size:14px}.service-section .services-container .service-body{padding:24px}.service-section .services-container .service-body .service-row .service{gap:20px;padding:3px 3px 3px 28px;font-size:13px}.service-section .services-container .service-body .service-row .service .tag{padding:8px 14px;font-size:12px}}