.hero-service{background:linear-gradient(48deg,#0026ff 43.65%,#001ecc 91.6%)}.hero-service .color{position:absolute;transform:rotate(48deg);transition:transform var(--primary-button-transition);height:1000vh}.hero-service .color.color-1{left:38%;width:60vw;background:linear-gradient(178.6deg,#001799 26.24%,#001ecc 73.49%);transform:translateX(-300%) rotate(48deg)}.hero-service .color.color-2{left:74%;width:40vw;background:linear-gradient(180deg,#001799 12.3%,#000f66 71.56%);transform:translateX(-450%) rotate(48deg)}.hero-service .color.color-3{left:96%;width:24vw;background:linear-gradient(.66deg,#000833 29.57%,#000f66 52.66%);transform:translateX(-750%) rotate(48deg)}@media(orientation:portrait){.hero-service .color.color-1{width:60vh}.hero-service .color.color-2{width:40vh}.hero-service .color.color-3{width:24vh}}@media(max-width:768px){.hero-service .color.color-1{width:600px}.hero-service .color.color-2{width:400px}.hero-service .color.color-3{width:240px}}.hero-service .color.static.color-1,.hero-service.show-colors .color.dynamic.color-1{transition-delay:.4s}.hero-service .color.static.color-2,.hero-service.show-colors .color.dynamic.color-2{transition-delay:.35s}.hero-service .color.static.color-3,.hero-service.show-colors .color.dynamic.color-3{transition-delay:.3s}.hero-service .color.dynamic.color-1{transition-delay:0s}.hero-service .color.dynamic.color-2{transition-delay:50ms}.hero-service .color.dynamic.color-3,.hero-service.show-colors .color.static.color-1{transition-delay:.1s}.hero-service.show-colors .color.static.color-2{transition-delay:50ms}.hero-service.show-colors .color.static.color-3{transition-delay:0s}.hero-service .color.static.color-1,.hero-service.show-colors .color.dynamic.color-1{transform:translateX(0) rotate(48deg)}.hero-service .color.static.color-2,.hero-service.show-colors .color.dynamic.color-2{transform:translateX(60%) rotate(48deg)}.hero-service .color.static.color-3,.hero-service.show-colors .color.dynamic.color-3{transform:translateX(115%) rotate(48deg)}.hero-service.show-colors .color.static.color-1{transform:translateX(300%) rotate(48deg)}.hero-service.show-colors .color.static.color-2{transform:translateX(600%) rotate(48deg)}.hero-service.show-colors .color.static.color-3{transform:translateX(700%) rotate(48deg)}