#medoptim-transition{position:relative;isolation:isolate;overflow:hidden;padding:24px 3.8% 28px;border:0;border-radius:20px;background:radial-gradient(ellipse at 105% 0%,#00acba 0,transparent 45%),linear-gradient(110deg,#007b8d,#006b7e 48%,#008499);color:#fff}
#medoptim-transition h2{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:0;font-size:clamp(28px,2.5vw,44px);line-height:1.15;color:#fff}
#medoptim-transition h2::before{content:"";display:block;position:static;flex:0 0 42px;width:42px;height:2px;background:#fff;margin:0}
#medoptim-transition h2 em{color:inherit;font-style:normal}
#medoptim-transition .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin:0;padding:0 195px 0 0;list-style:none}
#medoptim-transition .steps li{position:relative;margin:0;padding:0;min-width:0}
#medoptim-transition .transition-step-head{position:relative;display:flex;align-items:center;gap:22px;height:66px;margin-bottom:14px}
#medoptim-transition .step-number{position:static;transform:none;display:flex;align-items:center;justify-content:center;flex:0 0 66px;width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#ff7a00,#ff6500);box-shadow:7px 8px 0 #004d6550;font-size:34px;font-weight:800;line-height:1;color:#fff;margin:0}
#medoptim-transition .transition-icon{position:static;transform:none;display:grid;place-items:center;width:58px;height:60px;flex:0 0 58px;color:#fff}
#medoptim-transition .transition-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#medoptim-transition .steps li:not(:last-child) .transition-step-head::after{content:"";position:absolute;left:calc(50% + 16px);right:4px;top:20px;height:26px;background:#fff;clip-path:polygon(0 46%,96% 46%,88% 5%,90% 0,100% 50%,90% 100%,88% 95%,96% 54%,0 54%)}
#medoptim-transition .steps h3{color:#fff;font-size:clamp(18px,1.2vw,22px);line-height:1.2;margin:0 0 8px}
#medoptim-transition .steps p{color:#fff;font-size:clamp(15px,1.05vw,18px);line-height:1.45;margin:0}
#medoptim-transition .transition-document{position:absolute;right:26px;top:50%;transform:translateY(-36%);width:175px;height:210px;pointer-events:none}
@media(max-width:1600px){#medoptim-transition .steps li:not(:last-child) .transition-step-head::after{left:160px;right:-14px}}
@media(max-width:1400px){#medoptim-transition .steps{padding-right:0}#medoptim-transition .transition-document{display:none}}
@media(max-width:1000px){#medoptim-transition{padding:28px}#medoptim-transition .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 34px}#medoptim-transition .steps p{font-size:16px}#medoptim-transition .steps li:nth-child(2) .transition-step-head::after{display:none}}
@media(max-width:550px){#medoptim-transition{padding:24px 20px;border-radius:16px}#medoptim-transition h2{display:block;font-size:28px;margin-bottom:26px}#medoptim-transition h2::before{display:none}#medoptim-transition .steps{grid-template-columns:1fr;gap:28px}#medoptim-transition .transition-step-head{height:54px;margin-bottom:12px}#medoptim-transition .step-number{width:54px;height:54px;flex-basis:54px;font-size:28px}#medoptim-transition .transition-icon{width:50px;height:50px;flex-basis:50px}#medoptim-transition .transition-icon svg{width:48px;height:48px}#medoptim-transition .steps h3{font-size:20px}#medoptim-transition .steps li .transition-step-head::after{display:none}}


#medoptim-transition::before{content:"";position:absolute;z-index:-1;right:-150px;top:-310px;width:500px;height:500px;border:65px solid #27bdc22b;border-radius:50%;pointer-events:none}
#medoptim-transition .transition-document{filter:drop-shadow(9px 10px 0 #004d6540)}