.services-approach{position:relative;isolation:isolate;min-height:1024px;overflow:hidden;background:#fff url('../img/des/bl 3 ser fon.webp') right center/auto 100% no-repeat;color:#092440}
.approach-content{position:relative;z-index:1;width:48%;max-width:745px;padding:43px 0 22px 4.5%}
.approach-kicker{display:flex;align-items:center;gap:19px;margin:0 0 15px;color:#ed1019;font:700 13px/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase}
.approach-kicker:before{content:"";width:47px;height:2px;background:currentColor}
.approach-content h2{margin:0 0 18px;color:#092440;font:800 clamp(52px,4.55vw,70px)/.86 var(--font-heading);letter-spacing:-.025em;white-space:nowrap}
.approach-content h2 em{color:#ed1019;font-style:normal}
.approach-intro{max-width:640px}.approach-intro p,.approach-step>div>p:last-child,.approach-closing{font:400 16px/1.26 var(--font-body);color:#34445e}.approach-intro p{margin:0 0 10px}
.approach-steps{display:grid;gap:19px;list-style:none;margin:19px 0 0;padding:0}.approach-step{display:grid;grid-template-columns:59px 105px minmax(0,1fr);align-items:start;gap:12px;position:relative}.approach-step:not(:last-child):before{content:"";position:absolute;left:29px;top:79px;bottom:-21px;width:1px;background:#ccd4df}.approach-number{display:grid;place-items:center;width:49px;height:49px;margin-top:17px;border:2px solid #e1e7ee;border-radius:50%;background:#f7f9fb;color:#092440;font:700 23px/1 var(--font-heading)}.approach-icon{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#fff0f0;transition:transform .45s cubic-bezier(.22,1,.36,1),background .45s}.approach-icon img{width:61px;height:61px;object-fit:contain}.approach-step:hover .approach-icon{transform:scale(1.07) rotate(-3deg);background:#ffe4e4}.approach-step>div{padding-top:6px}.approach-step-label{margin:0 0 4px;color:#ed1019;font:700 12px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.approach-step h3{margin:0 0 5px;color:#092440;font:800 28px/.9 var(--font-heading);letter-spacing:-.01em}.approach-step>div>p:last-child{max-width:440px;margin:0;font-size:15px;line-height:1.26}.approach-closing{max-width:660px;margin:15px 0 0;padding:16px 20px 16px 58px;background:rgba(235,240,245,.8);clip-path:polygon(0 0,100% 0,96% 100%,0 100%);position:relative}.approach-closing:before{content:"";position:absolute;left:24px;top:15px;bottom:15px;width:2px;background:#ed1019}.approach-mobile-photo,.approach-mobile-map{display:none}
@media(max-width:1200px) and (min-width:761px){.services-approach{min-height:0;background-image:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.94) 52%,transparent 70%),url('../img/des/bl 3 ser fon.webp');background-size:100% 100%,auto 100%}.approach-content{width:56%;padding-block:38px}.approach-content h2{font-size:clamp(46px,5vw,63px)}.approach-intro p{font-size:14px}.approach-step{grid-template-columns:50px 76px minmax(0,1fr);gap:8px}.approach-icon{width:70px;height:70px}.approach-icon img{width:48px;height:48px}.approach-step h3{font-size:24px}.approach-step>div>p:last-child{font-size:13px}.approach-step:not(:last-child):before{left:24px;top:70px}.approach-number{width:46px;height:46px}}
@media(max-width:760px){.services-approach{min-height:0;background:#fff}.approach-mobile-photo{display:block;width:100%;aspect-ratio:800/453;background:url('../img/mob/bl 3 ser mob 1.webp') center/100% 100% no-repeat}.approach-content{width:100%;max-width:none;padding:0 8% 0}.approach-kicker{gap:16px;margin:0 0 14px;font-size:clamp(11px,1.9vw,15px)}.approach-kicker:before{width:6vw;max-width:49px}.approach-content h2{font-size:clamp(33px,8.5vw,68px);margin-bottom:18px}.approach-intro p,.approach-step>div>p:last-child,.approach-closing{font-size:clamp(14px,2.65vw,22px);line-height:1.28}.approach-intro p{margin-bottom:16px}.approach-steps{gap:24px;margin-top:29px}.approach-step{grid-template-columns:10% 17% minmax(0,1fr);gap:3%;align-items:start}.approach-number{width:100%;height:auto;aspect-ratio:1;margin-top:18%;font-size:clamp(17px,3.2vw,28px)}.approach-step:not(:last-child):before{left:5%;top:12vw;bottom:-26px}.approach-icon{width:100%;height:auto;aspect-ratio:1}.approach-icon img{width:64%;height:64%}.approach-step>div{padding-top:0}.approach-step-label{font-size:clamp(10px,1.85vw,16px);letter-spacing:.1em;margin-bottom:5px}.approach-step h3{font-size:clamp(23px,4.2vw,35px);line-height:.92}.approach-step>div>p:last-child{margin-top:5px}.approach-closing{z-index:2;max-width:none;margin:37px -8.7% -1px;padding:22px 42% 24px 12%;color:#fff;background:#092440;clip-path:none}.approach-closing:before{left:8%;top:22px;bottom:24px}.approach-mobile-map{display:block;position:relative;width:100%;aspect-ratio:800/270;margin-top:-1px;background:url('../img/mob/bl 3 ser mob 2.webp') center/100% 100% no-repeat}.approach-closing{margin-bottom:-1px}.approach-mobile-map:before{content:"";position:absolute;inset:-42% 0 0;background:linear-gradient(#092440 0 43%,transparent 43%);z-index:-1}}
@media(max-width:500px){.approach-content{padding-inline:6%}.approach-content h2{font-size:clamp(31px,8.2vw,42px)}.approach-step{grid-template-columns:10% 16% minmax(0,1fr);gap:2.5%}.approach-step h3{font-size:clamp(21px,5vw,28px)}.approach-step-label{font-size:10px}.approach-step>div>p:last-child{font-size:13px}.approach-closing{margin-inline:-6.4%;padding:20px 35% 22px 12%;font-size:13px}.approach-closing:before{left:7%}}
@media(max-width:760px){.approach-content{position:static}.approach-closing{position:absolute;bottom:0;left:0;width:55%;max-width:none;margin:0;padding:0 3% 4% 12%;background:none;clip-path:none}.approach-closing:before{left:8%;top:0;bottom:4%}.approach-mobile-map{height:clamp(165px,30vw,245px);aspect-ratio:auto;background-size:100% 100%;background-position:center bottom}.approach-mobile-map:before{display:none}}
@media(max-width:500px){.approach-closing{width:58%;padding-left:11%;font-size:clamp(11px,3vw,14px)}.approach-closing:before{left:6%}}
@media(prefers-reduced-motion:reduce){.approach-icon{transition:none}}