.block-animated-steps{margin:0;position:relative}.block-animated-steps .progress-container-flex{align-items:flex-start;display:flex;flex-direction:column;gap:24px}@media (min-width:1024px){.block-animated-steps .progress-container-flex{display:grid;flex-direction:row;gap:0;grid-template-columns:repeat(15,1fr);inset:0;justify-items:center;margin:40px 0;position:absolute}}.block-animated-steps .progress-container-flex .step-segment{align-items:flex-start;display:flex;flex:1;flex-direction:row;grid-column:span 5;justify-content:flex-start;position:relative;transition:all .3s ease;width:100%}.block-animated-steps .progress-container-flex .step-segment:last-child{flex:0;grid-column:span 1/17}@media (min-width:1024px){.block-animated-steps .progress-container-flex .step-segment:last-child .connector-line{display:none}}.block-animated-steps .progress-container-flex .step-segment .step{flex-shrink:0}.block-animated-steps .progress-container-flex .step-segment .connector-line{background:linear-gradient(to bottom,var(--animated-points-color,#f75f1e) 0,transparent 100%);bottom:0;flex:1;height:calc(100% - 50px);left:-20px;position:absolute;top:60px;width:4px;z-index:3}@media (min-width:1024px){.block-animated-steps .progress-container-flex .step-segment .connector-line{background:var(--animated-points-color,#fdba9d);border-radius:4px;height:4px;margin-top:13px;position:static;right:0;top:0;transition:background-color .4s ease;width:100%;z-index:0}}.block-animated-steps .progress-container-flex .step-segment .connector-line.active{background:var(--animated-points-active-color,#f75f1e)}.block-animated-steps .step{border:3px solid transparent;color:var(--animated-text-color,#000);cursor:pointer;display:block;position:relative;width:100%;z-index:3}@media (min-width:1024px){.block-animated-steps .step{width:auto}}.block-animated-steps .step i{font-size:18px}.block-animated-steps .step svg{height:32px;width:32px}.block-animated-steps .step small{color:#fff;font-size:16px;opacity:0;transform:translateY(-5px);transition:all .3s ease;white-space:nowrap}.block-animated-steps .step .point{align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1);display:none;display:flex;flex-direction:row;height:100%;justify-content:flex-start;transition:all .3s ease;width:100%}.block-animated-steps .step .point.gradient{position:relative;transition:all .3s}.block-animated-steps .step .point.gradient:after{background:linear-gradient(90deg,#f9ae35,#ee4646);border-radius:8px;content:"";inset:-1px;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor,source-over;mask-composite:exclude;-webkit-mask-image:linear-gradient(180deg,#fff 0,#fff),linear-gradient(180deg,#fff 0,#fff);mask-image:linear-gradient(180deg,#fff 0,#fff),linear-gradient(180deg,#fff 0,#fff);-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;padding:1px;position:absolute;z-index:-1}.block-animated-steps .step .point.gradient:hover:after{background:linear-gradient(90deg,#ee4646,#f9ae35)}@media (min-width:1024px){.block-animated-steps .step .point{display:inline-flex}}.block-animated-steps .step .point:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.block-animated-steps .step-content{border-radius:20px;display:flex;flex-direction:column;gap:10px;transform:translateX(0);transition:none}@media (min-width:1024px){.block-animated-steps .step-content{gap:24px;left:50%;margin-top:24px;position:absolute;transform:translateX(-50%)!important;transition:all .3s ease;width:270px}}.block-animated-steps .step-content .step-head{align-items:center;display:flex;gap:10px;transform:translate(-40px)}@media (min-width:1024px){.block-animated-steps .step-content .step-head{flex-direction:column;transform:translate(0)}}.block-animated-steps .step-content .h4{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f9ae35 0,#ee4646);-webkit-background-clip:text!important;background-clip:text!important;font-size:var(--font-size-large);margin:0}.block-animated-steps .step-content svg{height:40px;width:40px}@media (min-width:1024px){.block-animated-steps .step-content svg{height:65px;margin:0 auto;width:65px}}.block-animated-steps .step-content .description{color:#000;text-align:left}@media (min-width:1024px){.block-animated-steps .step-content .description{display:none}.block-animated-steps .step.first .step-content{left:50%;transform:translateX(-50%)!important}.block-animated-steps .step:not(.active){height:30px;width:30px}.block-animated-steps .step:not(.active) .point{background-color:var(--animated-points-color,#fdba9d);border-radius:50%;color:var(--animated-points-text-color,#ccc)}.block-animated-steps .step:not(.active) small{color:inherit;opacity:0;padding:5px 0;transform:translateY(-5px)}}.block-animated-steps .step.checked{height:48px;transform:translateY(-12px)}.block-animated-steps .step.checked .step-content{margin-top:17px}.block-animated-steps .step.checked:not(.active){height:38px;transform:translateY(-5px);width:38px}.block-animated-steps .step.checked:not(.active) small{display:none}.block-animated-steps .step.checked:not(.active) .step-content{margin-top:15px}.block-animated-steps .step.checked:not(.active) .point{background-color:var(--animated-points-checked-color,#f75f1e)}.block-animated-steps .step.checked:not(.active) .point svg{inset:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.block-animated-steps .step.checked.active .point{left:-50%}.block-animated-steps .step.checked.active .point svg{height:20px;width:20px}.block-animated-steps .step.checked .point{background-color:var(--animated-points-active-color,#f75f1e);border-radius:40px;color:var(--animated-points-text-color,#fff);padding:0 10px}.block-animated-steps .step.checked.last{left:-50px;position:absolute!important;top:-10px;transform:translateX(-50%)}.block-animated-steps .step.checked small{opacity:1;padding:10px;transform:translateY(0)}.block-animated-steps .step.checked.active:not(.last,.first){height:48px;left:-30%;position:absolute;top:-12px;transform:translateX(30%)}@media (min-width:1024px){.block-animated-steps .step.checked.active{height:auto;position:relative}.block-animated-steps .step.checked.active:hover{background-color:transparent;z-index:3}.block-animated-steps .step.checked.active:hover .point{display:flex}.block-animated-steps .step.checked.active:hover.first .step-content{left:50%;transform:translateX(-50%)}.block-animated-steps .step.checked.active:hover .step-content{animation:slideDownFromTop .3s ease-out forwards;background-color:#fff;margin:0;max-width:none;opacity:0;padding:5px 15px;position:absolute!important;position:relative;top:20px;transition:none;transition:all .3s}.block-animated-steps .step.checked.active:hover .step-content:after{background:linear-gradient(90deg,#f9ae35,#ee4646);border-radius:20px;content:"";inset:-1px;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor,source-over;mask-composite:exclude;-webkit-mask-image:linear-gradient(180deg,#fff 0,#fff),linear-gradient(180deg,#fff 0,#fff);mask-image:linear-gradient(180deg,#fff 0,#fff),linear-gradient(180deg,#fff 0,#fff);-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;padding:1px;position:absolute;z-index:11}.block-animated-steps .step.checked.active:hover .step-content:hover:after{background:linear-gradient(90deg,#ee4646,#f9ae35)}}@media (min-width:1024px) and (min-width:1024px){.block-animated-steps .step.checked.active:hover .step-content{padding:20px 15px}}@media (min-width:1024px){.block-animated-steps .step.checked.active:hover .description{animation:fadeInDown .3s ease-out .1s forwards;display:block;opacity:0}}@keyframes slideDownFromTop{0%{opacity:0;top:-10px}to{opacity:1;top:-20px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.block-animated-steps .container{margin:0 auto;padding:0 20px 0 40px;text-align:center}@media (min-width:1024px){.block-animated-steps .container{min-height:200px;padding:0 20px;position:relative}}main>div>section>.kb-row-layout-wrap:has(.block-animated-steps){overflow:revert-layer!important;z-index:10}