/* generated by _src/anim_build.py - do not edit */
@keyframes bnFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }
@keyframes bnSwayA { 0%, 100% { rotate: 0deg; translate: 0 0; } 50% { rotate: 1.6deg; translate: 0 -3px; } }
@keyframes bnSwayB { 0%, 100% { rotate: 0deg; translate: 0 0; } 50% { rotate: -1.6deg; translate: 0 -3px; } }
.stb-digital-marketing .pc--rest { --src: url("../img/anim/digital-marketing/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-digital-marketing .pc--tag { clip-path: polygon(7.973% 0.369%,36.579% 0.369%,36.579% 22.140%,7.973% 22.140%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-digital-marketing .pc--strat { clip-path: polygon(0.365% 16.236%,51.309% 16.236%,51.309% 42.804%,0.365% 42.804%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-digital-marketing .pc--that { clip-path: polygon(5.417% 42.066%,15.155% 42.066%,15.155% 57.565%,5.417% 57.565%); --dx: 0px; --dy: 0px; --r: -14deg; --s: 0.2; --d: 0.85s; --to: 50% 50%; }
.stb-digital-marketing .pc--changed { clip-path: polygon(15.033% 42.066%,52.708% 42.066%,52.708% 68.266%,15.033% 68.266%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-digital-marketing .pc--biz { clip-path: polygon(10.103% 64.207%,56.056% 64.207%,56.056% 86.347%,10.103% 86.347%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-digital-marketing .pc--left { clip-path: polygon(0.000% 42.066%,5.417% 42.066%,5.417% 57.565%,15.155% 57.565%,15.155% 64.207%,10.103% 64.207%,10.103% 85.978%,0.000% 85.978%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-digital-marketing .pc--team { clip-path: polygon(51.309% 0.000%,87.401% 0.000%,87.401% 57.196%,88.618% 57.196%,88.618% 88.930%,56.056% 88.930%,56.056% 64.576%,52.708% 64.576%,52.708% 42.435%,51.309% 42.435%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-digital-marketing .pc--n1 { clip-path: polygon(87.401% 0.000%,100.000% 0.000%,100.000% 57.196%,87.401% 57.196%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-digital-marketing .pc--n2 { clip-path: polygon(88.314% 57.196%,100.000% 57.196%,100.000% 100.000%,88.314% 100.000%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-digital-marketing .pc--cap { clip-path: polygon(5.539% 85.978%,84.662% 85.978%,84.662% 100.000%,5.539% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-website-development .pc--rest { --src: url("../img/anim/website-development/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-website-development .pc--tag { clip-path: polygon(9.240% 0.000%,31.314% 0.000%,31.314% 23.482%,9.240% 23.482%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-website-development .pc--strat { clip-path: polygon(0.000% 22.267%,45.277% 22.267%,45.277% 47.773%,0.000% 47.773%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-website-development .pc--that { clip-path: polygon(6.776% 44.534%,12.936% 44.534%,12.936% 62.348%,6.776% 62.348%); --dx: 0px; --dy: 0px; --r: -14deg; --s: 0.2; --d: 0.85s; --to: 50% 50%; }
.stb-website-development .pc--changed { clip-path: polygon(12.936% 40.486%,47.023% 40.486%,47.023% 71.255%,12.936% 71.255%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-website-development .pc--biz { clip-path: polygon(11.602% 68.016%,51.027% 68.016%,51.027% 87.449%,11.602% 87.449%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-website-development .pc--left { clip-path: polygon(0.000% 40.486%,6.776% 40.486%,6.776% 62.348%,12.936% 62.348%,12.936% 68.016%,11.602% 68.016%,11.602% 100.000%,0.000% 100.000%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-website-development .pc--team { clip-path: polygon(45.175% 0.000%,81.417% 0.000%,81.417% 87.045%,51.027% 87.045%,51.027% 69.636%,47.023% 69.636%,47.023% 40.486%,45.175% 40.486%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-website-development .pc--n1 { clip-path: polygon(81.417% 0.000%,100.000% 0.000%,100.000% 52.632%,81.417% 52.632%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-website-development .pc--n2 { clip-path: polygon(81.828% 52.632%,100.000% 52.632%,100.000% 100.000%,81.828% 100.000%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-website-development .pc--cap { clip-path: polygon(9.240% 86.235%,82.136% 86.235%,82.136% 100.000%,9.240% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-geo .pc--rest { --src: url("../img/anim/geo/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-geo .pc--tag { clip-path: polygon(9.091% 0.000%,33.818% 0.000%,33.818% 23.944%,9.091% 23.944%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-geo .pc--strat { clip-path: polygon(0.000% 16.901%,53.273% 16.901%,53.273% 47.887%,0.000% 47.887%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-geo .pc--that { clip-path: polygon(5.000% 41.690%,15.273% 41.690%,15.273% 56.338%,5.000% 56.338%); --dx: 0px; --dy: 0px; --r: -14deg; --s: 0.2; --d: 0.85s; --to: 50% 50%; }
.stb-geo .pc--changed { clip-path: polygon(15.000% 36.620%,54.818% 36.620%,54.818% 70.986%,15.000% 70.986%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-geo .pc--biz { clip-path: polygon(10.000% 65.352%,57.091% 65.352%,57.091% 87.324%,10.000% 87.324%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-geo .pc--left { clip-path: polygon(0.000% 38.028%,5.000% 38.028%,5.000% 56.338%,15.273% 56.338%,15.273% 65.352%,10.000% 65.352%,10.000% 100.000%,0.000% 100.000%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-geo .pc--team { clip-path: polygon(53.182% 0.000%,86.182% 0.000%,86.182% 52.113%,88.636% 52.113%,88.636% 85.915%,57.091% 85.915%,57.091% 71.831%,54.818% 71.831%,54.818% 36.620%,53.182% 36.620%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-geo .pc--n1 { clip-path: polygon(86.182% 0.000%,100.000% 0.000%,100.000% 53.521%,86.182% 53.521%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-geo .pc--n2 { clip-path: polygon(88.636% 52.113%,100.000% 52.113%,100.000% 100.000%,88.636% 100.000%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-geo .pc--cap { clip-path: polygon(9.091% 85.352%,87.727% 85.352%,87.727% 100.000%,9.091% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-seo .pc--tag { clip-path: polygon(9.091% 0.000%,30.182% 0.000%,30.182% 21.603%,9.091% 21.603%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-seo .pc--strat { clip-path: polygon(0.909% 11.847%,50.727% 11.847%,50.727% 42.509%,0.909% 42.509%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-seo .pc--that { clip-path: polygon(5.273% 49.477%,13.636% 49.477%,13.636% 66.202%,5.273% 66.202%); --dx: 0px; --dy: 0px; --r: -14deg; --s: 0.2; --d: 0.85s; --to: 50% 50%; }
.stb-seo .pc--changed { clip-path: polygon(13.636% 36.585%,47.455% 36.585%,47.455% 71.429%,13.636% 71.429%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-seo .pc--biz { clip-path: polygon(9.545% 68.641%,51.091% 68.641%,51.091% 91.986%,9.545% 91.986%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-seo .pc--left { clip-path: polygon(0.000% 36.585%,13.636% 36.585%,13.636% 49.477%,5.273% 49.477%,5.273% 66.202%,13.636% 66.202%,13.636% 71.429%,9.545% 71.429%,9.545% 100.000%,0.000% 100.000%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-seo .pc--team { clip-path: polygon(50.545% 0.000%,85.455% 0.000%,85.455% 47.038%,100.000% 47.038%,100.000% 100.000%,51.091% 100.000%,51.091% 71.429%,47.455% 71.429%,47.455% 41.812%,50.545% 41.812%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-seo .pc--n1 { clip-path: polygon(85.455% 0.000%,100.000% 0.000%,100.000% 47.038%,85.455% 47.038%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-seo .pc--cap { clip-path: polygon(17.273% 84.669%,67.727% 84.669%,67.727% 100.000%,17.273% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-mobile-app-development .pc--rest { --src: url("../img/anim/mobile-app-development/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-mobile-app-development .pc--tag { clip-path: polygon(5.000% 2.198%,31.364% 2.198%,31.364% 27.473%,5.000% 27.473%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-mobile-app-development .pc--sky { clip-path: polygon(30.000% 0.000%,54.545% 0.000%,54.545% 20.879%,30.000% 20.879%); --dx: 0px; --dy: -40px; --r: 0deg; --s: 1; --d: 0.3s; --to: 50% 0%; }
.stb-mobile-app-development .pc--strat { clip-path: polygon(2.727% 19.780%,52.000% 19.780%,52.000% 54.945%,2.727% 54.945%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-mobile-app-development .pc--changed { clip-path: polygon(4.545% 53.571%,51.091% 53.571%,51.091% 71.978%,4.545% 71.978%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-mobile-app-development .pc--biz { clip-path: polygon(10.909% 68.681%,56.000% 68.681%,56.000% 85.714%,10.909% 85.714%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-mobile-app-development .pc--left { clip-path: polygon(0.000% 53.571%,4.545% 53.571%,4.545% 71.978%,10.909% 71.978%,10.909% 90.659%,0.000% 90.659%,0.000% 100.000%,0.000% 100.000%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-mobile-app-development .pc--team { clip-path: polygon(52.000% 0.000%,86.818% 0.000%,86.818% 89.286%,56.000% 89.286%,56.000% 71.978%,51.091% 71.978%,51.091% 54.945%,52.000% 54.945%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-mobile-app-development .pc--n1 { clip-path: polygon(86.364% 0.000%,100.000% 0.000%,100.000% 46.703%,86.364% 46.703%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-mobile-app-development .pc--n2 { clip-path: polygon(86.818% 46.703%,100.000% 46.703%,100.000% 100.000%,86.818% 100.000%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-mobile-app-development .pc--cap { clip-path: polygon(19.545% 84.615%,76.364% 84.615%,76.364% 100.000%,19.545% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-software-development .pc--rest { --src: url("../img/anim/software-development/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-software-development .pc--tag { clip-path: polygon(9.091% 3.349%,35.636% 3.349%,35.636% 23.923%,9.091% 23.923%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-software-development .pc--sky { clip-path: polygon(40.000% 0.000%,75.455% 0.000%,75.455% 19.139%,40.000% 19.139%); --dx: 0px; --dy: -40px; --r: 0deg; --s: 1; --d: 0.3s; --to: 50% 0%; }
.stb-software-development .pc--strat { clip-path: polygon(2.727% 17.225%,52.273% 17.225%,52.273% 49.043%,2.727% 49.043%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-software-development .pc--changed { clip-path: polygon(3.636% 46.651%,50.545% 46.651%,50.545% 66.507%,3.636% 66.507%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-software-development .pc--biz { clip-path: polygon(13.182% 61.005%,51.455% 61.005%,51.455% 79.426%,13.182% 79.426%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-software-development .pc--left { clip-path: polygon(0.000% 49.043%,3.636% 49.043%,3.636% 66.507%,13.182% 66.507%,13.182% 100.000%,0.000% 100.000%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-software-development .pc--team { clip-path: polygon(52.273% 0.000%,87.727% 0.000%,87.727% 51.435%,80.000% 51.435%,80.000% 100.000%,51.818% 100.000%,51.818% 66.986%,50.545% 66.986%,50.545% 49.043%,52.273% 49.043%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-software-development .pc--n1 { clip-path: polygon(86.364% 0.000%,100.000% 0.000%,100.000% 51.435%,86.364% 51.435%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-software-development .pc--n2 { clip-path: polygon(80.000% 51.435%,100.000% 51.435%,100.000% 100.000%,80.000% 100.000%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-software-development .pc--cap { clip-path: polygon(18.636% 76.077%,72.727% 76.077%,72.727% 100.000%,18.636% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-branding-advertising .pc--rest { --src: url("../img/anim/branding-advertising/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-branding-advertising .pc--tag { clip-path: polygon(11.818% 3.294%,38.182% 3.294%,38.182% 26.353%,11.818% 26.353%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-branding-advertising .pc--strat { clip-path: polygon(4.091% 17.647%,53.818% 17.647%,53.818% 48.235%,4.091% 48.235%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-branding-advertising .pc--changed { clip-path: polygon(10.000% 46.588%,49.273% 46.588%,49.273% 64.000%,10.000% 64.000%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-branding-advertising .pc--biz { clip-path: polygon(15.455% 60.000%,53.818% 60.000%,53.818% 79.059%,15.455% 79.059%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-branding-advertising .pc--left { clip-path: polygon(0.000% 46.588%,15.909% 46.588%,15.909% 100.000%,0.000% 100.000%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-branding-advertising .pc--team { clip-path: polygon(53.818% 0.000%,90.000% 0.000%,90.000% 35.294%,90.909% 35.294%,90.909% 80.000%,54.545% 80.000%,54.545% 64.000%,49.273% 64.000%,49.273% 48.235%,53.818% 48.235%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-branding-advertising .pc--n1 { clip-path: polygon(90.000% 23.529%,100.000% 23.529%,100.000% 70.588%,90.000% 70.588%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-branding-advertising .pc--n2 { clip-path: polygon(79.091% 70.588%,100.000% 70.588%,100.000% 100.000%,79.091% 100.000%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-branding-advertising .pc--cap { clip-path: polygon(27.273% 79.059%,80.000% 79.059%,80.000% 100.000%,27.273% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-ai-video-production .pc--rest { --src: url("../img/anim/ai-video-production/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-ai-video-production .pc--tag { clip-path: polygon(13.636% 2.419%,38.000% 2.419%,38.000% 19.758%,13.636% 19.758%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-ai-video-production .pc--strat { clip-path: polygon(3.636% 13.710%,51.091% 13.710%,51.091% 59.476%,3.636% 59.476%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-ai-video-production .pc--changed { clip-path: polygon(11.364% 55.444%,51.091% 55.444%,51.091% 70.968%,11.364% 70.968%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-ai-video-production .pc--biz { clip-path: polygon(13.636% 66.532%,53.818% 66.532%,53.818% 83.065%,13.636% 83.065%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-ai-video-production .pc--left { clip-path: polygon(0.000% 43.347%,14.727% 43.347%,14.727% 86.694%,0.000% 86.694%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-ai-video-production .pc--team { clip-path: polygon(50.545% 0.000%,84.545% 0.000%,84.545% 58.468%,100.000% 58.468%,100.000% 100.000%,80.000% 100.000%,80.000% 82.258%,53.818% 82.258%,53.818% 70.968%,51.091% 70.968%,51.091% 55.444%,50.545% 55.444%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-ai-video-production .pc--n1 { clip-path: polygon(84.545% 0.000%,100.000% 0.000%,100.000% 35.282%,84.545% 35.282%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-ai-video-production .pc--n2 { clip-path: polygon(84.545% 35.282%,100.000% 35.282%,100.000% 58.468%,84.545% 58.468%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-ai-video-production .pc--cap { clip-path: polygon(21.364% 80.242%,80.000% 80.242%,80.000% 100.000%,21.364% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-graphic-design .pc--rest { --src: url("../img/anim/graphic-design/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-graphic-design .pc--tag { clip-path: polygon(25.455% 0.661%,45.909% 0.661%,45.909% 15.859%,25.455% 15.859%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-graphic-design .pc--strat { clip-path: polygon(16.818% 11.454%,75.455% 11.454%,75.455% 33.040%,16.818% 33.040%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-graphic-design .pc--changed { clip-path: polygon(25.455% 30.837%,64.545% 30.837%,64.545% 60.573%,25.455% 60.573%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-graphic-design .pc--biz { clip-path: polygon(24.545% 55.507%,64.091% 55.507%,64.091% 73.789%,24.545% 73.789%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-graphic-design .pc--left { clip-path: polygon(0.000% 13.216%,28.182% 13.216%,28.182% 77.093%,0.000% 77.093%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-graphic-design .pc--bl { clip-path: polygon(0.000% 62.775%,36.818% 62.775%,36.818% 100.000%,0.000% 100.000%); --dx: -50px; --dy: 40px; --r: -3deg; --s: 1; --d: 1.0s; --to: 0% 100%; }
.stb-graphic-design .pc--cap { clip-path: polygon(33.636% 71.586%,65.000% 71.586%,65.000% 92.511%,33.636% 92.511%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-graphic-design .pc--team { clip-path: polygon(62.727% 30.837%,82.727% 30.837%,82.727% 75.991%,62.727% 75.991%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-graphic-design .pc--n1 { clip-path: polygon(75.909% 8.811%,100.000% 8.811%,100.000% 47.357%,75.909% 47.357%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-graphic-design .pc--n2 { clip-path: polygon(81.818% 39.648%,100.000% 39.648%,100.000% 72.687%,81.818% 72.687%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-graphic-design .pc--br { clip-path: polygon(63.636% 72.687%,100.000% 72.687%,100.000% 100.000%,63.636% 100.000%); --dx: 50px; --dy: 40px; --r: 3deg; --s: 1; --d: 1.1s; --to: 100% 100%; }
.stb-social-media-management .pc--rest { --src: url("../img/anim/social-media-management/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-social-media-management .pc--tag { clip-path: polygon(14.545% 10.618%,47.273% 10.618%,47.273% 24.710%,14.545% 24.710%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-social-media-management .pc--sky { clip-path: polygon(40.909% 0.000%,73.636% 0.000%,73.636% 18.340%,40.909% 18.340%); --dx: 0px; --dy: -40px; --r: 0deg; --s: 1; --d: 0.3s; --to: 50% 0%; }
.stb-social-media-management .pc--strat { clip-path: polygon(7.727% 21.236%,47.273% 21.236%,47.273% 55.985%,7.727% 55.985%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-social-media-management .pc--changed { clip-path: polygon(8.636% 55.019%,47.727% 55.019%,47.727% 70.463%,8.636% 70.463%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-social-media-management .pc--biz { clip-path: polygon(14.545% 67.568%,53.636% 67.568%,53.636% 83.398%,14.545% 83.398%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-social-media-management .pc--team { clip-path: polygon(48.182% 18.340%,80.909% 18.340%,80.909% 80.116%,48.182% 80.116%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-social-media-management .pc--n1 { clip-path: polygon(70.909% 5.792%,86.364% 5.792%,86.364% 44.402%,70.909% 44.402%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-social-media-management .pc--n2 { clip-path: polygon(80.000% 25.097%,100.000% 25.097%,100.000% 72.394%,80.000% 72.394%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-social-media-management .pc--left { clip-path: polygon(0.000% 43.436%,15.455% 43.436%,15.455% 83.012%,0.000% 83.012%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-social-media-management .pc--bl { clip-path: polygon(8.182% 82.046%,29.091% 82.046%,29.091% 100.000%,8.182% 100.000%); --dx: -50px; --dy: 40px; --r: -3deg; --s: 1; --d: 1.0s; --to: 0% 100%; }
.stb-social-media-management .pc--cap { clip-path: polygon(28.182% 81.081%,74.545% 81.081%,74.545% 100.000%,28.182% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-social-media-management .pc--br { clip-path: polygon(72.727% 73.359%,100.000% 73.359%,100.000% 100.000%,72.727% 100.000%); --dx: 50px; --dy: 40px; --r: 3deg; --s: 1; --d: 1.1s; --to: 100% 100%; }
.stb-domain-hosting .pc--rest { --src: url("../img/anim/domain-hosting/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-domain-hosting .pc--tag { clip-path: polygon(15.000% 4.922%,38.909% 4.922%,38.909% 21.924%,15.000% 21.924%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-domain-hosting .pc--strat { clip-path: polygon(7.273% 18.345%,55.000% 18.345%,55.000% 52.573%,7.273% 52.573%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-domain-hosting .pc--changed { clip-path: polygon(19.091% 50.336%,55.455% 50.336%,55.455% 67.114%,19.091% 67.114%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-domain-hosting .pc--biz { clip-path: polygon(24.545% 63.758%,61.364% 63.758%,61.364% 78.747%,24.545% 78.747%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-domain-hosting .pc--left { clip-path: polygon(0.000% 30.201%,20.455% 30.201%,20.455% 60.403%,0.000% 60.403%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-domain-hosting .pc--bl { clip-path: polygon(0.000% 58.613%,27.273% 58.613%,27.273% 100.000%,0.000% 100.000%); --dx: -50px; --dy: 40px; --r: -3deg; --s: 1; --d: 1.0s; --to: 0% 100%; }
.stb-domain-hosting .pc--team { clip-path: polygon(53.636% 11.186%,82.273% 11.186%,82.273% 46.980%,53.636% 46.980%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-domain-hosting .pc--n1 { clip-path: polygon(75.909% 0.000%,100.000% 0.000%,100.000% 46.980%,75.909% 46.980%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-domain-hosting .pc--br { clip-path: polygon(61.818% 44.743%,100.000% 44.743%,100.000% 93.960%,61.818% 93.960%); --dx: 50px; --dy: 40px; --r: 3deg; --s: 1; --d: 1.1s; --to: 100% 100%; }
.stb-domain-hosting .pc--cap { clip-path: polygon(31.364% 81.655%,95.000% 81.655%,95.000% 95.078%,31.364% 95.078%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.stb-ai-automation .pc--rest { --src: url("../img/anim/ai-automation/0r.webp"); --dx: 0px; --dy: 0px; --d: 1.2s; }
.stb-ai-automation .pc--tag { clip-path: polygon(9.091% 0.000%,36.091% 0.000%,36.091% 25.843%,9.091% 25.843%); --dx: 0px; --dy: -34px; --r: -5deg; --s: 1; --d: 0.15s; --to: 30% 70%; }
.stb-ai-automation .pc--strat { clip-path: polygon(1.818% 18.539%,59.091% 18.539%,59.091% 42.135%,1.818% 42.135%); --dx: -70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.35s; --to: 50% 50%; }
.stb-ai-automation .pc--that { clip-path: polygon(8.364% 44.382%,17.273% 44.382%,17.273% 58.427%,8.364% 58.427%); --dx: 0px; --dy: 0px; --r: -14deg; --s: 0.2; --d: 0.85s; --to: 50% 50%; }
.stb-ai-automation .pc--changed { clip-path: polygon(17.091% 41.573%,53.818% 41.573%,53.818% 73.034%,17.091% 73.034%); --dx: 70px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.6s; --to: 50% 50%; }
.stb-ai-automation .pc--biz { clip-path: polygon(15.273% 63.483%,58.364% 63.483%,58.364% 87.640%,15.273% 87.640%); --dx: 0px; --dy: 26px; --r: 0deg; --s: 0.9; --d: 1.0s; --to: 50% 50%; }
.stb-ai-automation .pc--left { clip-path: polygon(0.000% 41.573%,8.364% 41.573%,8.364% 58.427%,17.273% 58.427%,17.273% 63.483%,15.273% 63.483%,15.273% 100.000%,0.000% 100.000%); --dx: -46px; --dy: 0px; --r: 0deg; --s: 1; --d: 0.5s; --to: 50% 50%; }
.stb-ai-automation .pc--team { clip-path: polygon(49.545% 0.000%,88.909% 0.000%,88.909% 53.371%,90.000% 53.371%,90.000% 87.640%,58.545% 87.640%,58.545% 73.596%,53.818% 73.596%,53.818% 42.135%,59.091% 42.135%,59.091% 18.539%,49.545% 18.539%); --dx: 80px; --dy: 0px; --r: 0deg; --s: 0.93; --d: 0.7s; --to: 60% 60%; --idle: bnFloat 5.5s; }
.stb-ai-automation .pc--n1 { clip-path: polygon(88.909% 0.000%,100.000% 0.000%,100.000% 53.371%,88.909% 53.371%); --dx: 0px; --dy: -30px; --r: 22deg; --s: 1; --d: 1.2s; --to: 90% 20%; --idle: bnSwayA 4.5s; }
.stb-ai-automation .pc--n2 { clip-path: polygon(89.545% 53.371%,100.000% 53.371%,100.000% 100.000%,89.545% 100.000%); --dx: 0px; --dy: 30px; --r: -22deg; --s: 1; --d: 1.35s; --to: 90% 80%; --idle: bnSwayB 4.5s; }
.stb-ai-automation .pc--cap { clip-path: polygon(9.091% 86.517%,88.000% 86.517%,88.000% 100.000%,9.091% 100.000%); --dx: 0px; --dy: 28px; --r: 0deg; --s: 1; --d: 1.5s; --to: 50% 100%; }
.st.is-in:not(.is-still) .pc[class*='pc--'] { animation: var(--idle, none) ease-in-out 2.6s infinite; }