.km-services-animation{opacity:0;visibility:hidden;margin:0;position:relative;display:grid;width:700px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;gap:15px 15px;grid-auto-flow:row;grid-template-areas:". . area-1 . . ." "area-2 . . area-3 area-4 ." ". area-5 area-6 area-7 . area-8" "area-9 . . area-10 . ." ". . area-11 area-12 area-13 ." ". area-14 . . area-15 area-16"}.km-services-animation .area{position:relative;display:grid;place-items:center}.km-services-animation .area p{font-weight:700;font-size:1.2386rem;line-height:normal;margin-bottom:0}.km-services-animation .area .area-inactive,.km-services-animation .area .area-active{--tw-bg-opacity: 1;background-color:rgb(237 239 229 / var(--tw-bg-opacity, 1));position:relative;z-index:5;grid-column:1;grid-row:1;width:102px;height:102px;display:flex;flex-direction:column;justify-content:flex-end;align-items:start;gap:10px;text-align:left;font-size:1.2386rem;line-height:normal;padding:12px 15px;text-wrap:balance;line-height:1.3;will-change:opacity;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}.km-services-animation .area .area-active{--tw-border-opacity: 1;border-color:rgb(221 255 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(221 255 105 / var(--tw-bg-opacity, 1));opacity:0;pointer-events:none;border-color:#fff;box-shadow:4px 4px 10px #1d509e3d}.km-services-animation .line-group{position:absolute;top:0;left:0}.km-services-animation .line-group-1{top:166px;left:100px;width:260px}.km-services-animation .line-group-2{top:334px;left:100px}.km-services-animation .line-group-3{left:auto;top:215px;right:101px}.km-services-animation .line-group-4{top:450px;left:48px}.km-services-animation .line-group-5{top:92px;left:288px}.km-services-animation .area-1{grid-area:area-1}.km-services-animation .area-2{grid-area:area-2}.km-services-animation .area-3{grid-area:area-3}.km-services-animation .area-4{grid-area:area-4}.km-services-animation .area-5{grid-area:area-5}.km-services-animation .area-6{grid-area:area-6}.km-services-animation .area-7{grid-area:area-7}.km-services-animation .area-8{grid-area:area-8}.km-services-animation .area-9{grid-area:area-9}.km-services-animation .area-10{grid-area:area-10}.km-services-animation .area-11{grid-area:area-11}.km-services-animation .area-12{grid-area:area-12}.km-services-animation .area-13{grid-area:area-13}.km-services-animation .area-14{grid-area:area-14}.km-services-animation .area-15{grid-area:area-15}.km-services-animation .area-16{grid-area:area-16}.km-split-content:has(.km-services-animation) .ksc__media-container{max-width:100%;overflow:hidden}@media(min-width:1024px){.km-split-content:has(.km-services-animation)>.container>.grid:has(.order-1.ksc__media-container){grid-template-columns:auto min(1fr,560px)}}@media(min-width:1600px){.km-split-content:has(.km-services-animation)>.container>.grid:has(.order-1.ksc__media-container){grid-template-columns:min(100%,700px) 1fr}}@media(min-width:1024px){.km-split-content:has(.km-services-animation)>.container>.grid:has(.order-2.ksc__media-container){grid-template-columns:min(1fr,560px) auto}}@media(min-width:1600px){.km-split-content:has(.km-services-animation)>.container>.grid:has(.order-2.ksc__media-container){grid-template-columns:1fr min(100%,700px)}}div>.km-services-animation{overflow:hidden;transform-origin:center}
