.vertical-timeline-block{direction:rtl;margin:0 auto 100px;max-width:1400px;width:100%}.timeline-layout{align-items:flex-start;display:flex;gap:60px;justify-content:center;min-height:500px}.timeline-steps{flex:0 0 400px;order:1;padding:40px 0;position:relative}.content-circle-area{align-self:center;flex:0 0 400px;order:2;position:sticky;top:300px}.content-circle{border:none;border-radius:50%;box-shadow:0 12.52px 28.63px 0 hsla(19,44%,90%,.1),0 50.99px 50.99px 0 hsla(19,44%,90%,.09);height:400px;overflow:hidden;position:relative;transition:background .3s ease,box-shadow .3s ease;width:400px}.content-circle,.content-circle:hover{background:radial-gradient(circle,#fff 0,#f1e2db 100%)}.content-circle:hover{border-color:transparent;box-shadow:0 12.52px 28.63px 0 hsla(19,44%,90%,.15),0 50.99px 50.99px 0 hsla(19,44%,90%,.12)}.content-circle-area .content-circle.active,.timeline-step.active~.content-circle-area .content-circle{background:radial-gradient(circle,#fff 0,#f1e2db 100%)!important;box-shadow:0 12.52px 28.63px 0 hsla(19,44%,90%,.15),0 50.99px 50.99px 0 hsla(19,44%,90%,.12)}.circle-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;opacity:0;padding:40px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:100%}.circle-content.active{opacity:1;pointer-events:auto}.circle-number{color:#0e2038;display:inline-block;font-size:36px;font-weight:700;margin-bottom:15px}div.timeline-number-override.circle-number{color:#0e2038!important;font-family:Almoni,sans-serif!important;font-size:36px!important;font-weight:700!important}.circle-number #timeline-circle-number,.circle-number h2,.circle-number h2#timeline-circle-number,div.timeline-number-override.circle-number #timeline-circle-number,div.timeline-number-override.circle-number h2,div.timeline-number-override.circle-number h2#timeline-circle-number{color:#0e2038!important;font-family:Almoni,sans-serif!important;font-size:36px!important;font-weight:700!important;margin:0!important;padding:0!important}.circle-title h3{color:#0e2038}.circle-title h3,.vertical-timeline-block .circle-title h3,div.circle-title h3{font-family:Almoni ML v5 AAA,Almoni,sans-serif!important;font-size:36px!important;font-weight:700!important;margin:0 0 20px!important}.vertical-timeline-block .circle-title h3,div.circle-title h3{color:#0e2038!important}.circle-description p{cursor:text;line-height:1.6;margin:0;max-width:280px}.circle-content .circle-description p,.circle-description p,.vertical-timeline-block .circle-description p,div.circle-description p{color:#9199a9!important;font-family:Almoni ML v5 AAA,Almoni,sans-serif!important;font-size:18px!important;font-weight:400!important}.circle-description .rich-text{min-height:20px;outline:none}.circle-description .rich-text:focus{outline:2px solid #007cba;outline-offset:2px}.timeline-line{background:#9199a9;bottom:0;position:absolute;right:60px;top:50px;width:3px;z-index:0}.timeline-step{align-items:center;background:transparent;border-radius:8px;cursor:pointer;display:flex;gap:20px;justify-content:flex-start;margin-bottom:40px;padding:15px 20px;position:relative;transition:all .3s ease}.timeline-step:hover{background:rgba(0,0,0,.02);transform:translateX(5px)}.timeline-step.active{background:transparent;margin-right:-28px;transform:translateX(5px)}.step-number{align-items:center;background:transparent;border:none;border-radius:0;color:#9199a9;display:flex;flex-shrink:0;font-size:32px;font-weight:700!important;height:auto;justify-content:center;order:1;padding:0;position:relative;transition:all .3s ease;width:auto;z-index:1}.timeline-step.active .step-number{color:#0e2038;font-size:48px;font-weight:700;margin-left:40px}.timeline-step.active .step-number:before{background:#fff;border:1.5px solid #0e2038;box-shadow:0 0 10px 15px hsla(19,44%,90%,.3),0 0 20px 18px hsla(0,0%,100%,.2),0 0 0 10px #fff;height:18px;width:18px;z-index:1}.timeline-step.active .step-number:after,.timeline-step.active .step-number:before{border-radius:50%;content:"";left:-20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-step.active .step-number:after{background:#0e2038;height:6px;width:6px;z-index:2}.step-title{color:#9199a9;font-size:18px;font-weight:700;order:2;transition:all .3s ease;white-space:nowrap}.timeline-step.active .step-title{color:#0e2038;font-size:36px;font-weight:600;white-space:nowrap}@media (max-width:768px){.vertical-timeline-block{margin-bottom:40px!important}.timeline-layout{align-items:flex-start;flex-direction:row;gap:20px;justify-content:space-between;position:relative}.content-circle-area{align-self:flex-start;display:flex!important;flex:0 0 auto;height:261px;left:20px!important;margin:0;opacity:1!important;order:1;pointer-events:auto;position:absolute!important;right:auto!important;top:auto;transform:none!important;visibility:visible!important;width:261px;z-index:10}.timeline-steps{flex:1 1 auto;min-width:0;order:2;padding:20px 0 20px 300px;position:relative;transition:margin .3s ease;width:auto}.timeline-line{background:#9199a9;left:auto;right:15px;top:30px;width:2px}.timeline-step{align-items:center;flex-direction:row-reverse;justify-content:flex-end;margin-bottom:15px;padding:8px 10px}.step-number,.timeline-step{direction:rtl!important;position:relative;text-align:right!important}.step-number{background:transparent;border:none;border-radius:0;color:#9199a9;flex-shrink:0;font-size:12px;font-weight:700!important;height:auto;margin-left:10px;margin-right:15px;order:2;padding:0;width:auto}.step-number span{direction:rtl!important;text-align:right!important}.timeline-step.active .step-number{color:#0e2038;font-size:16px;margin-left:10px;margin-right:15px}.timeline-step.active .step-number:before{background:#fff;border:1.5px solid #0e2038;box-shadow:0 0 10px 15px hsla(19,44%,90%,.3),0 0 20px 18px hsla(0,0%,100%,.2),0 0 0 10px #fff;height:18px;width:18px;z-index:1}.timeline-step.active .step-number:after,.timeline-step.active .step-number:before{border-radius:50%;content:"";left:auto;position:absolute;right:-15px;top:50%;transform:translate(50%,-50%)}.timeline-step.active .step-number:after{background:#0e2038;height:6px;width:6px;z-index:2}.step-title{align-items:center!important;color:#9199a9;display:flex!important;flex:1;font-size:12px;font-weight:700;justify-content:flex-end!important;line-height:1.3;margin-left:0;margin-right:0;order:1;white-space:normal}.step-title,.step-title span{direction:rtl!important;text-align:right!important}.step-title span{display:inline-block;width:100%}.timeline-step.active .step-title{align-items:center!important;color:#0e2038;display:flex!important;font-size:14px;font-weight:700;justify-content:flex-end!important}.timeline-step.active .step-title,.timeline-step.active .step-title span{direction:rtl!important;text-align:right!important}.step-title,.step-title span,.timeline-step .step-title,.timeline-step .step-title span,.timeline-step.active .step-title,.timeline-step.active .step-title span,.vertical-timeline-block .step-title,.vertical-timeline-block .step-title span,.wp-block-custom-vertical-timeline .step-title,.wp-block-custom-vertical-timeline .step-title span{align-items:flex-end!important;direction:rtl!important;justify-content:flex-end!important;text-align:right!important}.step-title span[style*=text-align],.step-title[style*=text-align]{text-align:right!important}.content-circle{box-shadow:0 4px 12px rgba(0,0,0,.1);height:261px;margin:0;pointer-events:auto;width:261px}.circle-content{padding:20px}.circle-content,.circle-content *{direction:rtl!important;text-align:right!important}.circle-number{color:#0e2038;font-size:20px;font-weight:700;margin-bottom:10px}div.timeline-number-override.circle-number{color:#0e2038!important;font-family:Almoni,sans-serif!important;font-size:20px!important;font-weight:700!important}.circle-number #timeline-circle-number,.circle-number h2,.circle-number h2#timeline-circle-number,div.timeline-number-override.circle-number #timeline-circle-number,div.timeline-number-override.circle-number h2,div.timeline-number-override.circle-number h2#timeline-circle-number{color:#0e2038!important;font-family:Almoni,sans-serif!important;font-size:20px!important;font-weight:700!important;margin:0!important;padding:0!important}.circle-title h3{margin-bottom:10px!important}.circle-title h3,.vertical-timeline-block .circle-title h3,div.circle-title h3{direction:rtl!important;font-family:Almoni ML v5 AAA,Almoni,sans-serif!important;font-size:20px!important;font-weight:700!important;text-align:right!important}.vertical-timeline-block .circle-title h3,div.circle-title h3{margin:0 0 10px!important}.circle-description p{max-width:220px}.circle-content .circle-description p,.circle-description p,.vertical-timeline-block .circle-description p,div.circle-description p{color:#9199a9!important;direction:rtl!important;font-family:Almoni ML v5 AAA,Almoni,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;text-align:right!important}.content-circle-area.mobile-positioned{align-items:center;display:flex!important;height:261px!important;justify-content:center;left:20px!important;opacity:1!important;position:absolute!important;right:auto!important;transform:none!important;transition:top .4s cubic-bezier(.4,0,.2,1);visibility:visible!important;width:261px!important}.content-circle-area.mobile-positioned .content-circle{height:261px;width:261px}.timeline-layout{position:relative}.timeline-step{transition:margin-bottom .4s cubic-bezier(.4,0,.2,1)}}@media (max-width:480px){.content-circle-area{left:10px!important}.content-circle,.content-circle-area{height:261px!important;width:261px!important}.timeline-steps{padding-left:290px!important}.circle-content{padding:20px}.circle-title h3,.vertical-timeline-block .circle-title h3,div.circle-title h3{font-size:16px!important}.circle-content .circle-description p,.circle-description p,.vertical-timeline-block .circle-description p,div.circle-description p{font-size:12px!important;max-width:280px}}@keyframes fadeInContent{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.circle-content.active{animation:fadeInContent .4s ease}@media (max-width:768px){.vertical-timeline-block.hide-on-mobile{display:none!important}}
