.circular-process-wrapper{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:5rem;padding-bottom:5rem}.circular-process{position:relative;width:100%;max-width:800px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.process-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;display:flex;align-items:center;justify-content:center;z-index:2}.process-steps-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;color:var(--cirkel-color-2);transform:translate(-7vw,-2vw)}.process-step{position:absolute;top:50%;left:50%;width:15vw;max-width:210px;transform-origin:center center;cursor:pointer}.step-content{text-align:center;position:relative;z-index:1;opacity:.6;transition:opacity .4s ease-in-out}.step-image-wrapper{margin-bottom:10px;display:none}.step-arrow{position:absolute;bottom:0;width:3.5vw;opacity:1;transition:opacity .3s ease}.process-step[data-step="7"]{max-width:200px}.process-step[data-step="1"] .step-arrow{left:136%;bottom:-.5vw;transform:translate(-50%)}.process-step[data-step="2"] .step-arrow{left:76%;bottom:-7.5vw;transform:rotate(45deg)}.process-step[data-step="3"] .step-arrow{left:32%;top:0%;transform:translateY(100%) rotate(69deg)}.process-step[data-step="4"] .step-arrow{left:5%;top:0%;transform:translateY(88%) rotate(120deg)}.process-step[data-step="5"] .step-arrow{left:0%;top:-22%;transform:translate(-190%) rotate(170deg)}.process-step[data-step="6"] .step-arrow{left:-3%;top:0%;transform:translateY(-144%) rotate(213deg)}.process-step[data-step="7"] .step-arrow{left:39%;top:0%;transform:translateY(-178%) rotate(251deg)}.process-step[data-step="8"] .step-arrow{right:14%;top:0%;transform:translateY(-103%) rotate(300deg)}.center-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.center-image-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.circle-shadow{background-color:#d1f2eb;opacity:.25;width:94px;height:94px;position:absolute;display:block!important;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);z-index:-1;transition:all .4s ease-in-out}.process-step.active .circle-shadow{transform:translate(-50%,-50%) scale(1);opacity:.5}.process-step.active .step-content{opacity:1}.step-image.hide{opacity:0;transition:none}.step-image{opacity:1;transition:opacity .4s ease-in-out}.center-image-wrapper .step-image{position:absolute;top:auto;left:auto;right:auto;bottom:auto}.circular-process-mobile .circular-process-list__item.slider__slide{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-process-mobile .circular-process-card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:0 2em 2em;text-align:center;max-width:90%}.circular-process-card__image-wrapper{width:160px;height:160px}.circular-process-card__image-wrapper img{width:100%;height:100%}.step-number{font-weight:700}@media screen and (max-width: 991px){.circular-process-wrapper{height:auto}.circular-process{flex-direction:column}.process-steps-wrapper{position:static;display:flex;flex-direction:column;align-items:center}.process-step{position:static;width:100%;max-width:none;transform:none!important;margin-bottom:20px}.step-image-wrapper{display:block}.step-image-wrapper img{max-width:100%;height:auto}.step-arrow{display:none}}@media screen and (min-width: 992px){.process-step:hover .step-content{font-weight:700}.circular-process-mobile{display:none}}@media screen and (max-width: 991px){.circular-process{display:none}.circular-process-mobile{display:block;width:100vw}.circular-process-wrapper{min-height:auto}.circular-process-list.slider.slider--tablet.slider--tablet-2{scroll-padding-left:0px}.step-content{opacity:1}}@media (min-width:1440px){.process-step[data-step="1"] .step-arrow{left:136%;bottom:-1vw;transform:translate(-50%)}.process-step[data-step="2"] .step-arrow{left:76%;bottom:-7.5vw;transform:rotate(45deg)}.process-step[data-step="3"] .step-arrow{left:32%;top:0%;transform:translateY(118%) rotate(71deg)}.process-step[data-step="4"] .step-arrow{left:8%;top:0%;transform:translateY(80%) rotate(120deg)}.process-step[data-step="5"] .step-arrow{left:0%;top:-17%;transform:translate(-176%) rotate(172deg)}.process-step[data-step="6"] .step-arrow{left:-3%;top:0%;transform:translateY(-144%) rotate(213deg)}.process-step[data-step="7"] .step-arrow{left:39%;top:0%;transform:translateY(-178%) rotate(251deg)}.process-step[data-step="8"] .step-arrow{right:14%;top:0%;transform:translateY(-115%) rotate(295deg)}}@media (min-width: 1660px){.process-steps-wrapper{transform:translate(-6vw,-2vw);padding-top:0;padding-bottom:0}.step-arrow{width:3vw}.process-step[data-step="8"] .step-arrow{bottom:-.5vw}.process-step[data-step="2"] .step-arrow{left:76%;bottom:-5.5vw;transform:rotate(41deg)}}@media (min-width: 1920px){.circular-process-wrapper{min-height:auto;padding-top:80px;padding-bottom:60px}.process-steps-wrapper{transform:translate(-5vw,-2vw)}.process-step[data-step="5"] .step-arrow{transform:translate(-168%) rotate(175deg)}.step-arrow{width:2.7vw}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/circular-process.css.map */