/* перенесено tools/port_block.py — стили блока из источника, привязанные к #services; правка — здесь же */
#services { font-family: Roboto; font-size: 14px; font-weight: 400; font-style: normal; line-height: normal; color: rgb(4, 11, 39); letter-spacing: -0.28px; word-spacing: 0px; text-align: start; text-transform: none; text-indent: 0px; white-space: normal; font-variant: normal; -webkit-font-smoothing: auto; text-rendering: auto; cursor: auto; visibility: visible; list-style-type: disc }  /* наследуемое от страницы-источника */
#services svg { width: auto; height: auto; min-width: auto; fill: rgb(0, 0, 0); } #services .recomendating_nav_block > svg { width: 36px; height: 36px; }  /* на главной ui.css: svg 15px / 22px, fill — цвет темы; у иконок вкладок — 36×36 атрибутами */
#services, #services * { font-family: Rubik; font-weight: 400; box-sizing: border-box; margin: 0px; padding: 0px; }
#services button { cursor: pointer; display: inline-block; text-decoration: none; }
#services button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
#services button { outline: 0px; }
#services, #services * { font-family: Rubik; font-weight: 400; }
#services img { max-width: 100%; }
body > section#services:where(:not(.main, .cont, .not_only, .textblock)) { padding: 60px 0px; }
@media screen and (max-width: 991px) { body > section#services:where(:not(.main, .cont, .not_only, .textblock)) { padding: 50px 0px; } }
@media screen and (max-width: 574px) { body > section#services:where(:not(.main, .cont, .not_only, .textblock)) { padding: 40px 0px; } }
#services button { font-family: Roboto; }
#services, #services * { letter-spacing: -0.02em; }
#services .wrap { width: 1300px; max-width: 94%; margin: 0px auto; }
#services h2 { font-size: 46px; font-weight: 700; line-height: 1.15; }
#services h3 { font-size: 30px; font-weight: 500; }
#services .default_block { background-color: rgb(255, 255, 255); border-radius: 40px; padding: 30px; }
#services.bgclbe { background-color: rgb(234, 241, 255); }
#services button { font-family: Roboto; }
#services:where(body *), #services :where(body *) { font-family: inherit; font-weight: inherit; }
#services.recomendating h3 { font-size: 34px; font-weight: 700; }
#services .recomendating_nav { min-width: 280px; width: 280px; }
#services .recomendating_nav_block { padding: 16px; gap: 12px; background-color: rgb(255, 255, 255); border-radius: 100px; display: flex; align-items: center; font-size: 18px; color: rgb(108, 108, 108); border: 0px; font-family: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; touch-action: manipulation; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; }
#services .recomendating_nav_block:focus { outline: none; }
#services .recomendating_nav_block:focus-visible { outline: rgb(29, 117, 216) solid 2px; outline-offset: 2px; }
section#services.recomendating .recomendating_content { display: grid; grid-template-columns: 280px minmax(0px, 1fr); }
#services .recomendating_slide { grid-area: 1 / 2; transition: opacity 0.4s, visibility; }
#services .recomendating_slide:not(.active) { visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.4s, visibility 0.4s; }
#services .recomendating_nav_block_active { background-color: rgb(29, 117, 216); color: rgb(255, 255, 255); }
#services .recomendating_otchot { background-color: rgb(29, 117, 216); color: rgb(255, 255, 255); width: 100%; display: flex; flex-direction: column; }
#services .recomendating_header { min-width: 357px; width: 357px; color: rgb(255, 255, 255); background-color: rgb(29, 117, 216); border-radius: 40px; }
#services .recomendating_header h3 { margin-bottom: 7px; }
#services .recomendating_header p { font-size: 18px; color: rgb(189, 206, 248); }
#services .recomendating_otchot > .df { margin-bottom: 35px; }
#services .recomendating_otchot_tag { color: rgb(255, 255, 255); background-color: #3C87DA; padding: 10px 24px; border-radius: 50px; font-size: 16px; }
#services .recomendating_otchot_img1 { margin-left: -30px; min-width: calc(100% + 50px); margin-top: auto; }
#services .recomendating_otchot.default_block { padding-bottom: 15px; }
#services .recomendating_otchot_img1 img { display: block; width: 100%; }
@media screen and (hover: hover) { #services .recomendating_nav_block:hover { color: rgb(4, 11, 39); box-shadow: rgba(29, 117, 216, 0.22) 0px 0px 20px 0px; } }
@media screen and (hover: hover) { #services .recomendating_nav_block_active:hover { color: rgb(255, 255, 255); } }
@media screen and (prefers-reduced-motion: reduce) { #services .recomendating_slide { transition: none; } }
@media screen and (prefers-reduced-motion: reduce) { #services .recomendating_slide:not(.active) { transition: none; } }
@media screen and (prefers-reduced-motion: reduce) { #services .recomendating_nav_block { transition: none; } }
@media screen and (min-width: 992px) { #services .recomendating_slide { height: 0px; min-height: 100%; } }
@media screen and (min-width: 992px) { #services .recomendating_header { position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; } }
@media screen and (min-width: 992px) { #services .recomendating_header > svg { position: absolute; top: 0px; right: 0px; max-width: none; } }
@media screen and (min-width: 992px) { #services .recomendating_header > img { position: absolute; top: 0px; right: 0px; max-width: none; } }
@media screen and (min-width: 992px) { #services .recomendating_header > div { position: relative; } }
@media screen and (min-width: 992px) { #services .recomendating_otchot_img1 { min-height: 0px; margin-inline: -30px; min-width: calc(100% + 60px); } }
@media screen and (min-width: 992px) { #services .recomendating_otchot_img1 img { object-fit: contain; object-position: left bottom; --nw: 587px; --k: 1.0723; --t: -0.0323; --b: -0.0346; --w: min(var(--nw), (100% - 40px) * var(--k)); width: var(--w); max-width: none; height: auto; margin: calc(var(--w) * var(--t)) auto calc(var(--w) * var(--b)); } }
@media screen and (min-width: 992px) { #services .recomendating_otchot.default_block { padding-bottom: 20px; } }
@media screen and (min-width: 992px) { #services .direct_mob { display: none; } }
@media screen and (min-width: 992px) { #services .recomendating_otchot_tag { height: 43px; padding: 10px 24px; border-radius: 100px; font-weight: 400; font-size: 18px; line-height: 130%; letter-spacing: -0.02em; } }
@media screen and (min-width: 992px) { #services #rec_slide1 .recomendating_otchot_img1 img { --nw: 586px; --k: 1.0719; --t: -0.0328; --b: -0.0358; } }
@media screen and (min-width: 992px) { #services #rec_slide5 .recomendating_otchot_img1 img { --nw: 586.1px; --k: 1.0714; --t: -0.0318; --b: -0.0345; } }
@media screen and (min-width: 992px) { #services #rec_slide6 .recomendating_otchot_img1 img { --nw: 548px; --k: 1.0016; --t: 0; --b: 0; } }
@media screen and (min-width: 992px) { #services #rec_slide7 .recomendating_otchot_img1 img { --nw: 586.1px; --k: 1.0714; --t: -0.0322; --b: -0.0341; } }
@media screen and (min-width: 992px) { #services #rec_slide4 .recomendating_otchot > .df { margin-bottom: 0px; } }
@media screen and (min-width: 992px) { #services #rec_slide5 .recomendating_otchot > .df { margin-bottom: 11px; } }
@media screen and (max-width: 991px) { section#services.recomendating { padding-top: 19px; } }
@media screen and (max-width: 991px) { section#services.recomendating .recomendating_content { grid-template-columns: minmax(0px, 1fr); margin-top: 16px; gap: 0px !important; } }
@media screen and (max-width: 991px) { #services .recomendating_slide { grid-area: 2 / 1; flex-direction: column; margin-top: 18px; gap: 0px !important; } }
@media screen and (max-width: 991px) { #services .recomendating_slide .recomendating_otchot { margin-top: -1px; } }
@media screen and (max-width: 991px) { #services .recomendating_otchot { flex: 0 0 auto; height: 374px; } }
@media screen and (max-width: 991px) { #services .recomendating_otchot > .df { margin-bottom: 24px; flex-wrap: wrap; gap: 8px 4px; } }
@media screen and (max-width: 991px) { section#services.recomendating .recomendating_nav { width: auto; min-width: 0px; margin-inline: -20px; padding-inline: 20px; flex-flow: row; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; } }
@media screen and (max-width: 991px) { #services .recomendating_nav::-webkit-scrollbar { display: none; } }
@media screen and (max-width: 991px) { #services .recomendating_nav_block { flex: 0 0 auto; white-space: nowrap; padding: 10px 16px; font-size: 14px; } }
@media screen and (max-width: 991px) { #services .recomendating_header { flex: 1 1 0%; width: 100%; min-width: 0px; border-radius: 24px; } }
@media screen and (max-width: 991px) { #services .recomendating_header > div { padding: 24px; margin-top: 16px; } }
@media screen and (max-width: 991px) { #services .recomendating_header h3 { font-size: 20px; } }
@media screen and (max-width: 991px) { #services .recomendating_otchot h3 { font-size: 20px; } }
@media screen and (max-width: 991px) { #services .recomendating_header p { font-size: 14px; } }
@media screen and (max-width: 991px) { #services .recomendating_header > svg { display: none; } }
@media screen and (max-width: 991px) { #services .recomendating_header > img { display: none; } }
@media screen and (max-width: 991px) { #services .recomendating_otchot_img1 { margin-left: -16px; min-width: calc(100% + 32px); min-height: 0px; flex: 1 1 0px; display: flex; justify-content: center; align-items: flex-end; } }
@media screen and (max-width: 991px) { #services .recomendating_otchot_img1 img { height: 100%; object-fit: contain; object-position: center bottom; } }
@media screen and (max-width: 991px) { #services #rec_slide6 .recomendating_otchot_img1 img { width: 93.4%; margin: 0px auto 3.2%; } }
@media screen and (max-width: 991px) { #services #rec_slide1 .direct_pc { display: none; } }
@media screen and (max-width: 991px) { #services .direct_mob { container-type: size; } }
@media screen and (max-width: 991px) { #services .direct_mob_frame { position: relative; width: min(100cqw, 145.226cqh); aspect-ratio: 289 / 199; } }
@media screen and (max-width: 991px) { #services #rec_slide1 .direct_mob_frame img { position: absolute; width: 96.838%; height: auto; max-width: none; margin: 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide1 .direct_mob_frame .direct_mob_up { left: 0px; top: -2px; width: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 0px 11px); } }
@media screen and (max-width: 991px) { #services #rec_slide1 .direct_mob_frame .direct_mob_down { left: 1.729%; top: 39.698%; border-radius: 6.43% / 15%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide4 .direct_pc { display: none; } }
@media screen and (max-width: 991px) { #services #rec_slide4 .direct_mob_frame { aspect-ratio: 311 / 222; width: min(100cqw, 140.09cqh); } }
@media screen and (max-width: 991px) { #services #rec_slide4 .direct_mob_frame img { position: absolute; height: auto; max-width: none; margin: 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide4 .direct_mob_frame .direct_mob_up { bottom: 30%; right: -8%; transform: rotate(-4.8deg); width: 116%; } }
@media screen and (max-width: 991px) { #services #rec_slide4 .direct_mob_frame .direct_mob_down { right: -8%; z-index: 1; top: 30%; width: 116%; } }
@media screen and (max-width: 991px) { #services #rec_slide5 .direct_pc { display: none; } }
@media screen and (max-width: 991px) { #services #rec_slide5 .direct_mob_frame { aspect-ratio: 311 / 222; width: min(100cqw, 140.09cqh); } }
@media screen and (max-width: 991px) { #services #rec_slide5 .direct_mob_frame img { position: absolute; height: auto; max-width: none; margin: 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide5 .direct_mob_frame .direct_mob_up { bottom: 34%; right: -3%; transform: rotate(-4.8deg); width: 106%; } }
@media screen and (max-width: 991px) { #services #rec_slide5 .direct_mob_frame .direct_mob_down { right: -3%; z-index: 1; top: 36%; width: 106%; } }
@media screen and (max-width: 991px) { #services #rec_slide6 .direct_pc { display: none; } }
@media screen and (max-width: 991px) { #services #rec_slide6 .direct_mob_frame { aspect-ratio: 311 / 222; width: min(100cqw, 140.09cqh); } }
@media screen and (max-width: 991px) { #services #rec_slide6 .direct_mob_frame img { position: absolute; height: auto; max-width: none; margin: 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide6 .direct_mob_frame .direct_mob_up { bottom: 32%; right: -4%; transform: rotate(-4.8deg); width: 108%; } }
@media screen and (max-width: 991px) { #services #rec_slide6 .direct_mob_frame .direct_mob_down { right: -4%; z-index: 1; top: 36%; width: 108%; } }
@media screen and (max-width: 991px) { #services #rec_slide7 .direct_pc { display: none; } }
@media screen and (max-width: 991px) { #services #rec_slide7 .direct_mob_frame { aspect-ratio: 311 / 222; width: min(100cqw, 140.09cqh); } }
@media screen and (max-width: 991px) { #services #rec_slide7 .direct_mob_frame img { position: absolute; height: auto; max-width: none; margin: 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide7 .direct_mob_frame .direct_mob_up { bottom: 54%; right: -4%; transform: rotate(-4.8deg); width: 108%; } }
@media screen and (max-width: 991px) { #services #rec_slide7 .direct_mob_frame .direct_mob_down { right: -4%; z-index: 1; top: 34%; width: 108%; } }
@media screen and (max-width: 991px) { #services #rec_slide2 .direct_pc { display: none; } }
@media screen and (max-width: 991px) { #services #rec_slide2 .direct_mob_frame { aspect-ratio: 311 / 222; width: min(100cqw, 140.09cqh); } }
@media screen and (max-width: 991px) { #services #rec_slide2 .direct_mob_frame img { position: absolute; height: auto; max-width: none; margin: 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide2 .direct_mob_frame .direct_mob_up { bottom: 29%; right: -6%; transform: rotate(-4.8deg); width: 111%; } }
@media screen and (max-width: 991px) { #services #rec_slide2 .direct_mob_frame .direct_mob_down { right: -6%; z-index: 1; top: 33%; width: 111%; } }
@media screen and (max-width: 991px) { #services #rec_slide3 .direct_pc { display: none; } }
@media screen and (max-width: 991px) { #services #rec_slide3 .direct_mob_frame { aspect-ratio: 311 / 222; width: min(100cqw, 140.09cqh); } }
@media screen and (max-width: 991px) { #services #rec_slide3 .direct_mob_frame img { position: absolute; height: auto; max-width: none; margin: 0px; } }
@media screen and (max-width: 991px) { #services #rec_slide3 .direct_mob_frame .direct_mob_up { bottom: 32%; right: -2%; transform: rotate(-4.8deg); width: 106%; } }
@media screen and (max-width: 991px) { #services #rec_slide3 .direct_mob_frame .direct_mob_down { right: -7%; z-index: 1; top: 36%; width: 106%; } }
@media screen and (width < 650px) { #services .recomendating_slide { margin-top: 12px; } }
@media screen and (width < 650px) { #services .recomendating_header > div { margin-top: 0px; padding: 20px; } }
@media screen and (width < 650px) { #services .recomendating_otchot_tag { padding: 8px 14px; } }
@media screen and (415px <= width <= 600px) { #services #rec_slide2 .recomendating_otchot_img1.direct_mob { margin-top: 14px; } }
@media screen and (415px <= width <= 600px) { #services #rec_slide3 .recomendating_otchot_img1.direct_mob { margin-top: 14px; } }
@media screen and (415px <= width <= 600px) { #services #rec_slide4 .recomendating_otchot_img1.direct_mob { margin-top: 14px; } }
@media screen and (415px <= width <= 600px) { #services #rec_slide5 .recomendating_otchot_img1.direct_mob { margin-top: 14px; } }
@media screen and (415px <= width <= 600px) { #services #rec_slide6 .recomendating_otchot_img1.direct_mob { margin-top: 14px; } }
@media screen and (415px <= width <= 600px) { #services #rec_slide7 .recomendating_otchot_img1.direct_mob { margin-top: 14px; } }
@media screen and (width < 600px) { #services .recomendating_otchot > .df { margin-bottom: 4px; } }
@media screen and (width < 600px) { #services .recomendating_otchot_tag { font-size: 12px; } }
@media screen and (width < 450px) { #services .recomendating_header { flex: 0 0 auto; height: 130px; } }
@media screen and (width < 450px) { #services .recomendating_otchot.default_block { height: 390px; padding-bottom: 20px; } }
@media screen and (width < 450px) { #services .recomendating_otchot_img1 { width: auto; min-width: 0px; height: 200px; margin: auto 0px 0px; flex: 0 0 auto; display: block; } }
@media screen and (width < 450px) { #services .recomendating_otchot_img1 img { max-width: none; width: calc(100% * var(--w)); height: calc(200px * var(--h)); margin: calc(-200px * var(--y)) 0 0 calc(-100% * var(--x)); object-fit: fill; } }
@media screen and (width < 450px) { #services #rec_slide1 .direct_mob { flex: 1 1 0px; height: auto; display: flex; } }
@media screen and (width < 450px) { #services #rec_slide2 .direct_mob { flex: 1 1 0px; height: auto; display: flex; } }
@media screen and (width < 450px) { #services #rec_slide3 .direct_mob { flex: 1 1 0px; height: auto; display: flex; } }
@media screen and (width < 450px) { #services #rec_slide4 .direct_mob { flex: 1 1 0px; height: auto; display: flex; } }
@media screen and (width < 450px) { #services #rec_slide5 .direct_mob { flex: 1 1 0px; height: auto; display: flex; } }
@media screen and (width < 450px) { #services #rec_slide6 .direct_mob { flex: 1 1 0px; height: auto; display: flex; } }
@media screen and (width < 450px) { #services #rec_slide7 .direct_mob { flex: 1 1 0px; height: auto; display: flex; } }
@media screen and (width < 450px) { #services #rec_slide2 .direct_pc { display: none; } }
@media screen and (width < 450px) { #services #rec_slide3 .direct_pc { display: none; } }
@media screen and (width < 450px) { #services #rec_slide2 .recomendating_otchot_img1 img { --w: 1.0767; --h: 1.1106; --x: 0.0383; --y: 0.0553; } }
@media screen and (width < 450px) { #services #rec_slide3 .recomendating_otchot_img1 img { --w: 1.0741; --h: 1.1048; --x: 0.037; --y: 0.0524; } }
@media screen and (width < 450px) { #services #rec_slide5 .recomendating_otchot_img1 img { --w: 1.0801; --h: 1.1033; --x: 0.0383; --y: 0.0516; } }
@media screen and (width < 450px) { #services #rec_slide6 .recomendating_otchot_img1 img { --w: 1.0105; --h: 1.0101; --x: 0.0035; --y: 0.0051; } }
@media screen and (width < 450px) { #services #rec_slide7 .recomendating_otchot_img1 img { --w: 1.0836; --h: 1.0916; --x: 0.0383; --y: 0.0438; } }
@media screen and (width < 450px) { #services .recomendating_header h3 { font-size: 18px; } }
@media screen and (width < 450px) { #services .recomendating_otchot h3 { font-size: 18px; } }
@media screen and (width < 450px) { #services .recomendating_header p { font-weight: 400; font-size: 12px; line-height: 130%; letter-spacing: -0.02em; color: rgb(189, 206, 248); } }
@media screen and (width < 450px) { #services #rec_slide1 .recomendating_otchot_tag:nth-child(n+3) { order: 2; margin-top: 12px; } }
@media screen and (width < 450px) { #services #rec_slide2 .recomendating_otchot_tag:nth-child(n+3) { order: 2; margin-top: 12px; } }
@media screen and (width < 450px) { #services #rec_slide6 .recomendating_otchot_tag:nth-child(n+3) { order: 2; margin-top: 12px; } }
@media screen and (width < 450px) { #services #rec_slide1 .recomendating_otchot_tag:nth-child(5) { order: 4; } }
@media screen and (width < 450px) { #services #rec_slide2 .recomendating_otchot_tag:nth-child(5) { order: 4; } }
@media screen and (width < 450px) { #services #rec_slide6 .recomendating_otchot_tag:nth-child(6) { order: 4; } }
@media screen and (max-width: 991px) { #services .wrap { width: auto; max-width: none; margin-inline: 20px; } }
@media screen and (max-width: 991px) { #services h3 { font-size: 20px; } }
@media screen and (max-width: 991px) { #services .default_block { border-radius: 24px; } }
@media screen and (max-width: 991px) { #services h2 { font-size: 24px; } }
@media screen and (width < 650px) { #services .default_block { padding: 20px; } }
@media screen and (width < 450px) { #services #rec_slide1 .fww { row-gap: 0px; } }
@media screen and (width < 450px) { #services #rec_slide2 .fww { row-gap: 0px; } }
@media screen and (width < 450px) { #services #rec_slide6 .fww { row-gap: 0px; } }
@media screen and (width < 450px) { #services #rec_slide1 .fww::before { content: ""; flex-basis: 100%; order: 1; } }
@media screen and (width < 450px) { #services #rec_slide1 .fww::after { content: ""; flex-basis: 100%; order: 3; } }
@media screen and (width < 450px) { #services #rec_slide2 .fww::before { content: ""; flex-basis: 100%; order: 1; } }
@media screen and (width < 450px) { #services #rec_slide2 .fww::after { content: ""; flex-basis: 100%; order: 3; } }
@media screen and (width < 450px) { #services #rec_slide6 .fww::before { content: ""; flex-basis: 100%; order: 1; } }
@media screen and (width < 450px) { #services #rec_slide6 .fww::after { content: ""; flex-basis: 100%; order: 3; } }
#services, #services * { margin: 0px; padding: 0px; box-sizing: border-box; }
#services button { cursor: pointer; display: inline-block; text-decoration: none; }
#services button { background-color: transparent; }
#services button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
#services img { max-width: 100%; }
#services .df { display: flex; }
#services .fdc { flex-direction: column; }
#services .fww { flex-wrap: wrap; }
#services .mt15 { margin-top: 15px; }
#services .mt35 { margin-top: 35px; }
#services .mt40 { margin-top: 40px; }
#services .p30 { padding: 30px; }
#services.pt60 { padding-top: 60px; }
#services.pb60 { padding-bottom: 60px; }
#services .g12 { gap: 12px; }
#services .g30 { gap: 30px; }