/* Start:/local/templates/nixys/assets/vendor/intl-tel-input/dist/css/intlTelInput.min.css?179240605617267*/
:root{--iti-flag-width: 20px;--iti-flag-count: 244}.iti__ac{--iti-flag-offset: 0}.iti__ad{--iti-flag-offset: -1}.iti__ae{--iti-flag-offset: -2}.iti__af{--iti-flag-offset: -3}.iti__ag{--iti-flag-offset: -4}.iti__ai{--iti-flag-offset: -5}.iti__al{--iti-flag-offset: -6}.iti__am{--iti-flag-offset: -7}.iti__ao{--iti-flag-offset: -8}.iti__ar{--iti-flag-offset: -9}.iti__as{--iti-flag-offset: -10}.iti__at{--iti-flag-offset: -11}.iti__au{--iti-flag-offset: -12}.iti__aw{--iti-flag-offset: -13}.iti__ax{--iti-flag-offset: -14}.iti__az{--iti-flag-offset: -15}.iti__ba{--iti-flag-offset: -16}.iti__bb{--iti-flag-offset: -17}.iti__bd{--iti-flag-offset: -18}.iti__be{--iti-flag-offset: -19}.iti__bf{--iti-flag-offset: -20}.iti__bg{--iti-flag-offset: -21}.iti__bh{--iti-flag-offset: -22}.iti__bi{--iti-flag-offset: -23}.iti__bj{--iti-flag-offset: -24}.iti__bl{--iti-flag-offset: -25}.iti__bm{--iti-flag-offset: -26}.iti__bn{--iti-flag-offset: -27}.iti__bo{--iti-flag-offset: -28}.iti__bq{--iti-flag-offset: -29}.iti__br{--iti-flag-offset: -30}.iti__bs{--iti-flag-offset: -31}.iti__bt{--iti-flag-offset: -32}.iti__bw{--iti-flag-offset: -33}.iti__by{--iti-flag-offset: -34}.iti__bz{--iti-flag-offset: -35}.iti__ca{--iti-flag-offset: -36}.iti__cc{--iti-flag-offset: -37}.iti__cd{--iti-flag-offset: -38}.iti__cf{--iti-flag-offset: -39}.iti__cg{--iti-flag-offset: -40}.iti__ch{--iti-flag-offset: -41}.iti__ci{--iti-flag-offset: -42}.iti__ck{--iti-flag-offset: -43}.iti__cl{--iti-flag-offset: -44}.iti__cm{--iti-flag-offset: -45}.iti__cn{--iti-flag-offset: -46}.iti__co{--iti-flag-offset: -47}.iti__cr{--iti-flag-offset: -48}.iti__cu{--iti-flag-offset: -49}.iti__cv{--iti-flag-offset: -50}.iti__cw{--iti-flag-offset: -51}.iti__cx{--iti-flag-offset: -52}.iti__cy{--iti-flag-offset: -53}.iti__cz{--iti-flag-offset: -54}.iti__de{--iti-flag-offset: -55}.iti__dj{--iti-flag-offset: -56}.iti__dk{--iti-flag-offset: -57}.iti__dm{--iti-flag-offset: -58}.iti__do{--iti-flag-offset: -59}.iti__dz{--iti-flag-offset: -60}.iti__ec{--iti-flag-offset: -61}.iti__ee{--iti-flag-offset: -62}.iti__eg{--iti-flag-offset: -63}.iti__eh{--iti-flag-offset: -64}.iti__er{--iti-flag-offset: -65}.iti__es{--iti-flag-offset: -66}.iti__et{--iti-flag-offset: -67}.iti__fi{--iti-flag-offset: -68}.iti__fj{--iti-flag-offset: -69}.iti__fk{--iti-flag-offset: -70}.iti__fm{--iti-flag-offset: -71}.iti__fo{--iti-flag-offset: -72}.iti__fr{--iti-flag-offset: -73}.iti__ga{--iti-flag-offset: -74}.iti__gb{--iti-flag-offset: -75}.iti__gd{--iti-flag-offset: -76}.iti__ge{--iti-flag-offset: -77}.iti__gf{--iti-flag-offset: -78}.iti__gg{--iti-flag-offset: -79}.iti__gh{--iti-flag-offset: -80}.iti__gi{--iti-flag-offset: -81}.iti__gl{--iti-flag-offset: -82}.iti__gm{--iti-flag-offset: -83}.iti__gn{--iti-flag-offset: -84}.iti__gp{--iti-flag-offset: -85}.iti__gq{--iti-flag-offset: -86}.iti__gr{--iti-flag-offset: -87}.iti__gt{--iti-flag-offset: -88}.iti__gu{--iti-flag-offset: -89}.iti__gw{--iti-flag-offset: -90}.iti__gy{--iti-flag-offset: -91}.iti__hk{--iti-flag-offset: -92}.iti__hn{--iti-flag-offset: -93}.iti__hr{--iti-flag-offset: -94}.iti__ht{--iti-flag-offset: -95}.iti__hu{--iti-flag-offset: -96}.iti__id{--iti-flag-offset: -97}.iti__ie{--iti-flag-offset: -98}.iti__il{--iti-flag-offset: -99}.iti__im{--iti-flag-offset: -100}.iti__in{--iti-flag-offset: -101}.iti__io{--iti-flag-offset: -102}.iti__iq{--iti-flag-offset: -103}.iti__ir{--iti-flag-offset: -104}.iti__is{--iti-flag-offset: -105}.iti__it{--iti-flag-offset: -106}.iti__je{--iti-flag-offset: -107}.iti__jm{--iti-flag-offset: -108}.iti__jo{--iti-flag-offset: -109}.iti__jp{--iti-flag-offset: -110}.iti__ke{--iti-flag-offset: -111}.iti__kg{--iti-flag-offset: -112}.iti__kh{--iti-flag-offset: -113}.iti__ki{--iti-flag-offset: -114}.iti__km{--iti-flag-offset: -115}.iti__kn{--iti-flag-offset: -116}.iti__kp{--iti-flag-offset: -117}.iti__kr{--iti-flag-offset: -118}.iti__kw{--iti-flag-offset: -119}.iti__ky{--iti-flag-offset: -120}.iti__kz{--iti-flag-offset: -121}.iti__la{--iti-flag-offset: -122}.iti__lb{--iti-flag-offset: -123}.iti__lc{--iti-flag-offset: -124}.iti__li{--iti-flag-offset: -125}.iti__lk{--iti-flag-offset: -126}.iti__lr{--iti-flag-offset: -127}.iti__ls{--iti-flag-offset: -128}.iti__lt{--iti-flag-offset: -129}.iti__lu{--iti-flag-offset: -130}.iti__lv{--iti-flag-offset: -131}.iti__ly{--iti-flag-offset: -132}.iti__ma{--iti-flag-offset: -133}.iti__mc{--iti-flag-offset: -134}.iti__md{--iti-flag-offset: -135}.iti__me{--iti-flag-offset: -136}.iti__mf{--iti-flag-offset: -137}.iti__mg{--iti-flag-offset: -138}.iti__mh{--iti-flag-offset: -139}.iti__mk{--iti-flag-offset: -140}.iti__ml{--iti-flag-offset: -141}.iti__mm{--iti-flag-offset: -142}.iti__mn{--iti-flag-offset: -143}.iti__mo{--iti-flag-offset: -144}.iti__mp{--iti-flag-offset: -145}.iti__mq{--iti-flag-offset: -146}.iti__mr{--iti-flag-offset: -147}.iti__ms{--iti-flag-offset: -148}.iti__mt{--iti-flag-offset: -149}.iti__mu{--iti-flag-offset: -150}.iti__mv{--iti-flag-offset: -151}.iti__mw{--iti-flag-offset: -152}.iti__mx{--iti-flag-offset: -153}.iti__my{--iti-flag-offset: -154}.iti__mz{--iti-flag-offset: -155}.iti__na{--iti-flag-offset: -156}.iti__nc{--iti-flag-offset: -157}.iti__ne{--iti-flag-offset: -158}.iti__nf{--iti-flag-offset: -159}.iti__ng{--iti-flag-offset: -160}.iti__ni{--iti-flag-offset: -161}.iti__nl{--iti-flag-offset: -162}.iti__no{--iti-flag-offset: -163}.iti__np{--iti-flag-offset: -164}.iti__nr{--iti-flag-offset: -165}.iti__nu{--iti-flag-offset: -166}.iti__nz{--iti-flag-offset: -167}.iti__om{--iti-flag-offset: -168}.iti__pa{--iti-flag-offset: -169}.iti__pe{--iti-flag-offset: -170}.iti__pf{--iti-flag-offset: -171}.iti__pg{--iti-flag-offset: -172}.iti__ph{--iti-flag-offset: -173}.iti__pk{--iti-flag-offset: -174}.iti__pl{--iti-flag-offset: -175}.iti__pm{--iti-flag-offset: -176}.iti__pr{--iti-flag-offset: -177}.iti__ps{--iti-flag-offset: -178}.iti__pt{--iti-flag-offset: -179}.iti__pw{--iti-flag-offset: -180}.iti__py{--iti-flag-offset: -181}.iti__qa{--iti-flag-offset: -182}.iti__re{--iti-flag-offset: -183}.iti__ro{--iti-flag-offset: -184}.iti__rs{--iti-flag-offset: -185}.iti__ru{--iti-flag-offset: -186}.iti__rw{--iti-flag-offset: -187}.iti__sa{--iti-flag-offset: -188}.iti__sb{--iti-flag-offset: -189}.iti__sc{--iti-flag-offset: -190}.iti__sd{--iti-flag-offset: -191}.iti__se{--iti-flag-offset: -192}.iti__sg{--iti-flag-offset: -193}.iti__sh{--iti-flag-offset: -194}.iti__si{--iti-flag-offset: -195}.iti__sj{--iti-flag-offset: -196}.iti__sk{--iti-flag-offset: -197}.iti__sl{--iti-flag-offset: -198}.iti__sm{--iti-flag-offset: -199}.iti__sn{--iti-flag-offset: -200}.iti__so{--iti-flag-offset: -201}.iti__sr{--iti-flag-offset: -202}.iti__ss{--iti-flag-offset: -203}.iti__st{--iti-flag-offset: -204}.iti__sv{--iti-flag-offset: -205}.iti__sx{--iti-flag-offset: -206}.iti__sy{--iti-flag-offset: -207}.iti__sz{--iti-flag-offset: -208}.iti__tc{--iti-flag-offset: -209}.iti__td{--iti-flag-offset: -210}.iti__tg{--iti-flag-offset: -211}.iti__th{--iti-flag-offset: -212}.iti__tj{--iti-flag-offset: -213}.iti__tk{--iti-flag-offset: -214}.iti__tl{--iti-flag-offset: -215}.iti__tm{--iti-flag-offset: -216}.iti__tn{--iti-flag-offset: -217}.iti__to{--iti-flag-offset: -218}.iti__tr{--iti-flag-offset: -219}.iti__tt{--iti-flag-offset: -220}.iti__tv{--iti-flag-offset: -221}.iti__tw{--iti-flag-offset: -222}.iti__tz{--iti-flag-offset: -223}.iti__ua{--iti-flag-offset: -224}.iti__ug{--iti-flag-offset: -225}.iti__us{--iti-flag-offset: -226}.iti__uy{--iti-flag-offset: -227}.iti__uz{--iti-flag-offset: -228}.iti__va{--iti-flag-offset: -229}.iti__vc{--iti-flag-offset: -230}.iti__ve{--iti-flag-offset: -231}.iti__vg{--iti-flag-offset: -232}.iti__vi{--iti-flag-offset: -233}.iti__vn{--iti-flag-offset: -234}.iti__vu{--iti-flag-offset: -235}.iti__wf{--iti-flag-offset: -236}.iti__ws{--iti-flag-offset: -237}.iti__xk{--iti-flag-offset: -238}.iti__ye{--iti-flag-offset: -239}.iti__yt{--iti-flag-offset: -240}.iti__za{--iti-flag-offset: -241}.iti__zm{--iti-flag-offset: -242}.iti__zw{--iti-flag-offset: -243}:root{--iti-hover-color: rgba(0, 0, 0, .05);--iti-border-color: #ccc;--iti-country-selector-bg: white;--iti-icon-color: #555;--iti-spacer-horizontal: 10px;--iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);--iti-globe-icon-size: 17px;--iti-clear-icon-size: 15px;--iti-close-icon-size: 20px;--iti-border-width: 1px;--iti-arrow-size: 5px;--iti-arrow-width: 1.5px;--iti-arrow-padding: 7px;--iti-mobile-popup-margin: 44px;--iti-strict-reject-flash-color: rgba(255, 0, 0, .12)}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel]{position:relative;z-index:0;display:block;min-width:100%;margin:0!important}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:none;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__selected-dial-code{margin-left:4px}.iti__arrow{margin-left:var(--iti-arrow-padding);margin-top:-2px;width:var(--iti-arrow-size);height:var(--iti-arrow-size);box-sizing:border-box;border-right:var(--iti-arrow-width) solid var(--iti-icon-color);border-bottom:var(--iti-arrow-width) solid var(--iti-icon-color);transform:rotate(45deg)}.iti__arrow--up{margin-top:4px;transform:rotate(-135deg)}.iti__country-selector{border-radius:3px;background-color:var(--iti-country-selector-bg)}.iti--inline-country-selector .iti__country-selector{border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px #0003}.iti--inline-country-selector:not(.iti--detached-country-selector) .iti__country-selector{position:absolute;z-index:2;left:0}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));padding-right:calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal))}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__search-input,.iti__country{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:var(--iti-spacer-horizontal);display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:var(--iti-spacer-horizontal)}.iti__search-icon-svg{width:var(--iti-globe-icon-size);height:var(--iti-globe-icon-size);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:calc(var(--iti-spacer-horizontal) / 2);background:transparent;border:0;border-radius:3px;cursor:pointer;padding:calc(var(--iti-spacer-horizontal) / 2);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-icon-color)}[dir=rtl] .iti__search-clear{right:auto;left:var(--iti-spacer-horizontal)}.iti__search-clear:hover,.iti__search-clear:focus-visible{background:var(--iti-hover-color);outline:none}.iti__search-clear-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;outline:none;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-country-selector .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media(max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-name{flex-grow:1}.iti__country-check{margin-left:var(--iti-spacer-horizontal);display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal);flex-shrink:0}[dir=rtl] :is(.iti__country-list .iti__flag){margin-right:0;margin-left:var(--iti-spacer-horizontal)}:is(.iti--has-country-selector .iti__country-container:has(+input[disabled]),.iti--has-country-selector .iti__country-container:has(+input[readonly])) button.iti__selected-country{cursor:not-allowed}:is(.iti--has-country-selector .iti__country-container:has(+input[disabled]),.iti--has-country-selector .iti__country-container:has(+input[readonly])) button.iti__selected-country .iti__arrow{visibility:hidden}.iti--has-country-selector .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--has-country-selector .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country[aria-expanded=true] .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti--detached-country-selector{position:fixed;top:-1000px;left:-1000px;z-index:1060}.iti--detached-country-selector:hover{cursor:pointer}.iti--detached-country-selector{top:calc(anchor(bottom) + 3px);left:anchor(left);position-try-fallbacks:--iti-flip-above}@position-try --iti-flip-above{top:auto;bottom:calc(anchor(top) + 3px)}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--detached-country-selector{background-color:#00000080;inset:0;position:fixed;padding:var(--iti-mobile-popup-margin);padding-bottom:calc(var(--iti-mobile-popup-margin) + var(--iti-virtual-keyboard-height, 0px));display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__country-selector{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__close-button{position:absolute;bottom:100%;right:calc(-1 * var(--iti-mobile-popup-margin));width:var(--iti-mobile-popup-margin);height:var(--iti-mobile-popup-margin);padding:0;background:transparent;border:0;border-radius:3px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}[dir=rtl] :is(.iti--fullscreen-popup .iti__close-button){right:auto;left:calc(-1 * var(--iti-mobile-popup-margin))}.iti--fullscreen-popup .iti__close-button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.iti--fullscreen-popup .iti__close-button-svg{width:var(--iti-close-icon-size);height:var(--iti-close-icon-size);display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round}.iti--fullscreen-popup .iti__country,.iti--fullscreen-popup .iti__search-input{padding-top:10px;padding-bottom:10px}.iti--fullscreen-popup .iti__search-input{font-size:max(16px,1em)}.iti--fullscreen-popup .iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}.iti__flag{height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;background-size:calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height)}.iti__loading{position:relative;background:none;box-shadow:none}.iti__loading:after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__strict-reject-animation .iti__tel-input,.iti__strict-reject-animation .iti__selected-country{animation:iti-strict-reject-shake .3s cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.iti__strict-reject-animation .iti__tel-input{animation:iti-strict-reject-flash .3s ease-out both}.iti__strict-reject-animation .iti__selected-country{animation:none}}@keyframes iti-strict-reject-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes iti-strict-reject-flash{40%{background-color:var(--iti-strict-reject-flash-color)}}.iti__globe{background:none;box-shadow:none;height:var(--iti-globe-icon-size);display:flex;align-items:center;justify-content:center;padding:0}.iti__globe .iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x: url(/local/templates/nixys/assets/vendor/intl-tel-input/dist/css/../img/flags.webp);--iti-path-flags-2x: url(/local/templates/nixys/assets/vendor/intl-tel-input/dist/css/../img/flags@2x.webp)}

/* End */


/* Start:/local/templates/nixys/contact-phone.css?1792406056559*/
/* Международный телефон: сохраняем размеры поля в общих формах сайта. */
.contact__form .iti {
  display: block;
  width: 100%;
  min-width: 0;
  color: var(--ink);
}

.iti span {
  margin-bottom: 0;
  color: inherit;
  font-size: inherit;
}

.iti .iti__search-input,
.contact__form .iti .iti__search-input-wrapper .iti__search-input {
  height: auto;
  min-height: 44px;
  padding: 8px 36px;
  color: #202323;
  font-size: 16px;
  line-height: 1.4;
}

.iti .iti__country-list {
  text-align: left;
}

/* End */


/* Start:/local/templates/nixys/styles.css?1793629485374986*/
:root {
  --yellow: #ffe700;
  --black: #0c0c0c;
  --ink: #090909;
  --ink-soft: #202223;
  --muted: #81898d;
  --muted-2: #9ca2a5;
  --line: #e2e3e4;
  --panel: #f4f5f5;
  --white: #fefefe;
  --max: 1360px;
  --z-index-default: 1;

  --font-family: "Manrope", sans-serif;
  --main-black: #0c0c0c;
  --main-colors-yellow: #ffe700;
  --main-colors-white: #fefefe;
  --main-colors-total-black: #090909;
  --main-colors-red: #ff472b;
  --grey-grey: #808080;
  --black-black-1: #202223;
  --black-black-2: #383c3e;
  --black-black-3: #505558;
  --black-black-4: #686f73;
  --black-black-5: #81898d;
  --black-black-6: #9ca2a5;
  --black-black-7: #b7bbbe;
  --black-black-8: #e2e3e4;
  --black-black-9: #ecedee;
  --black-black-10: #f4f5f5;
}

/* tools page */
.page-tools {
  background: var(--white);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-tools .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.page-tools .nav {
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 60px rgba(9, 9, 9, 0.08);
  left: 50%;
  max-width: 1838px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 32px);
}

.page-tools .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.page-tools .nav:has(.mega-menu.is-open) {
  box-shadow: 0 16px 50px rgba(9, 9, 9, 0.12);
}

.page-tools .nav__links a,
.page-tools .nav__links a.nav__links--dropdown,
.page-tools .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.page-tools .nav__links a.nav__links--dropdown::after,
.page-tools .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.page-tools .nav__links a:hover,
.page-tools .nav__links button:hover {
  background: var(--panel);
}

.page-tools .nav__bot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.page-tools .nav__phone {
  background: var(--panel);
}

.page-tools .mega-menu::before,
.page-about .mega-menu::before,
.page-contacts .mega-menu::before,
.page-tool-detail .mega-menu::before,
.page-case-detail .mega-menu::before,
.page-vacancies .mega-menu::before {
  background: var(--line);
}

.page-tools .mega-menu__social svg path,
.page-tools .mega-menu__social svg rect,
.page-about .mega-menu__social svg path,
.page-about .mega-menu__social svg rect,
.page-contacts .mega-menu__social svg path,
.page-contacts .mega-menu__social svg rect,
.page-tool-detail .mega-menu__social svg path,
.page-tool-detail .mega-menu__social svg rect,
.page-case-detail .mega-menu__social svg path,
.page-case-detail .mega-menu__social svg rect,
.page-vacancies .mega-menu__social svg path,
.page-vacancies .mega-menu__social svg rect {
  fill: #505558;
}

.page-tools .mega-menu__messengers svg path,
.page-tools .mega-menu__messengers svg rect,
.page-about .mega-menu__messengers svg path,
.page-about .mega-menu__messengers svg rect,
.page-contacts .mega-menu__messengers svg path,
.page-contacts .mega-menu__messengers svg rect,
.page-tool-detail .mega-menu__messengers svg path,
.page-tool-detail .mega-menu__messengers svg rect,
.page-case-detail .mega-menu__messengers svg path,
.page-case-detail .mega-menu__messengers svg rect,
.page-vacancies .mega-menu__messengers svg path,
.page-vacancies .mega-menu__messengers svg rect {
  fill: #505558;
}

.page-contacts .footer {
  bottom: auto;
  position: relative;
}

.tools-hero {
  background: var(--white);
  position: relative;
}

.tools-hero__inner {
  margin: 0 auto;
  max-width: 1220px;
  padding-top: 230px;
  padding-bottom: var(--space-panel-inset);
  position: relative;
  text-align: center;
  width: calc(100% - 80px);
}

.tools-hero h1 {
  color: var(--ink);
  font-size: 64px;
  font-weight: 500;
  line-height: 1.18;
  margin: 0;
  overflow-wrap: break-word;
}

.page-tools .tools-list {
  max-width: 1840px;
  padding-right: 0;
  padding-left: 0;
  width: calc(100% - 80px);

}

.tools-list,
.tools-list * {
  box-sizing: border-box;
}

.tools-list__title {
  margin: 0;
  position: absolute;
  visibility: hidden;
}

.tools-list__items {
  border: 1px solid var(--line);
}

.tools-list__item {
  display: grid;
  grid-template-columns: 460px minmax(0, 1fr);
  min-height: 336px;
}

.tools-list__item+.tools-list__item {
  border-top: 1px solid var(--line);
}

.tools-list__item[hidden] {
  display: none;
}

.tools-list__media {
  align-items: center;
  border-right: 1px solid var(--line);
  display: flex;
  justify-content: center;
  padding: 48px;
}

.tools-list__media img {
  display: block;
  height: auto;
  max-height: 168px;
  max-width: 220px;
  object-fit: contain;
  width: auto;
}

.tools-list__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 65px 92px 42px 57px;
  position: relative;
}

.tools-list__icons {
  display: flex;
  gap: 20px;
  position: absolute;
  right: 26px;
  top: 34px;
}

.tools-list__icon {
  background: var(--ink);
  display: inline-flex;
  height: 24px;
  width: 24px;
}

.tools-list__icon--site {
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M23.3121%2020.9127C25.0548%2018.6557%2026%2015.8854%2026%2013.0347C26%2010.184%2025.0548%207.4136%2023.3121%205.15665L23.2514%205.08732C22.9825%204.74065%2022.6963%204.41132%2022.3841%204.09932L22.28%203.98665C21.9568%203.61998%2021.6121%203.27271%2021.2479%202.94665L21.0137%202.77331C20.7362%202.55665%2020.4587%202.34865%2020.1465%202.15798C19.8342%201.96731%2019.7909%201.93265%2019.6087%201.82865C19.4266%201.72465%2019.2011%201.58598%2018.9843%201.47331L18.3598%201.16998C18.1604%201.08331%2017.9522%200.987978%2017.7354%200.909978C17.5186%200.831978%2017.3104%200.745311%2017.0936%200.675978C16.8768%200.606644%2016.6253%200.528644%2016.3911%200.467977C16.1569%200.407311%2015.9835%200.35531%2015.7753%200.311977C15.5672%200.268644%2015.2029%200.19931%2014.908%200.155977C14.6132%200.112643%2014.5698%200.09531%2014.3963%200.0779766C13.4568%20-0.0259922%2012.5086%20-0.0259922%2011.569%200.0779766C11.3955%200.0779766%2011.2307%200.129977%2011.0573%200.155977C10.8838%200.181977%2010.4762%200.242644%2010.19%200.311977C9.90378%200.38131%209.77369%200.407311%209.57421%200.467977C9.37473%200.528644%209.10587%200.597978%208.8717%200.675978C8.63754%200.753978%208.43806%200.823311%208.22991%200.909978C8.02176%200.996645%207.80494%201.08331%207.60546%201.16998L6.98102%201.47331C6.76419%201.58598%206.56472%201.70731%206.35657%201.82865C6.14842%201.94998%205.99231%202.03665%205.81885%202.15798C5.64539%202.27931%205.24644%202.55665%204.95156%202.77331L4.71739%202.94665C4.36703%203.25131%204.03405%203.57538%203.72001%203.91732L3.61594%204.02998C3.32106%204.34198%203.03485%204.67132%202.74865%205.01799L2.68794%205.08732C0.945233%207.34427%200%2010.1146%200%2012.9653C0%2015.816%200.945233%2018.5864%202.68794%2020.8433L2.73997%2020.9127C3.01751%2021.2593%203.30371%2021.5887%203.60726%2021.9094L3.69399%2022.0134C4.03372%2022.3789%204.3927%2022.726%204.76943%2023.0534L4.98625%2023.2094C5.26445%2023.4348%205.55392%2023.6459%205.85354%2023.842C6.027%2023.9634%206.20913%2024.0674%206.39126%2024.1714C6.57339%2024.2754%206.79888%2024.414%207.01571%2024.5267L7.64016%2024.83C7.83963%2024.9167%208.04778%2025.012%208.2646%2025.09C8.48142%2025.168%208.68957%2025.2547%208.9064%2025.324C9.12322%2025.3934%209.37473%2025.4714%209.6089%2025.532C9.84307%2025.5927%2010.0165%2025.6447%2010.2247%2025.688C10.4328%2025.7314%2010.7971%2025.8007%2011.092%2025.844C11.3868%2025.8874%2011.4302%2025.9047%2011.6037%2025.922C12.5432%2026.026%2013.4914%2026.026%2014.431%2025.922C14.6045%2025.922%2014.7779%2025.87%2014.9427%2025.844C15.1075%2025.818%2015.5238%2025.7574%2015.81%2025.688C16.0962%2025.6187%2016.2263%2025.5927%2016.4258%2025.532C16.6253%2025.4714%2016.8941%2025.402%2017.1283%2025.324C17.3625%2025.246%2017.5619%2025.1767%2017.7701%2025.09C17.9782%2025.0034%2018.1951%2024.9167%2018.3945%2024.83L19.019%2024.5267C19.2358%2024.414%2019.4353%2024.2927%2019.6434%2024.1714C19.8516%2024.05%2020.0077%2023.9634%2020.1812%2023.842C20.4808%2023.6459%2020.7702%2023.4348%2021.0484%2023.2094L21.2653%2023.0534C21.6343%2022.748%2021.9875%2022.4241%2022.3234%2022.0827L22.4101%2021.9787C22.7136%2021.658%2022.9998%2021.3287%2023.2774%2020.982L23.3121%2020.9127ZM22.4448%2019.1793C21.9649%2018.8439%2021.4637%2018.5399%2020.9444%2018.2693C21.9389%2014.8385%2021.9389%2011.1961%2020.9444%207.76532C21.4625%207.50877%2021.9637%207.21929%2022.4448%206.89866C23.65%208.72808%2024.2924%2010.8704%2024.2924%2013.0607C24.2924%2015.251%2023.65%2017.3933%2022.4448%2019.2227V19.1793ZM21.3%2020.6353C21.1005%2020.852%2020.8923%2021.06%2020.6842%2021.2593L20.4153%2021.502L19.8603%2021.9527L19.4786%2022.2387L18.9843%2022.5594L18.8108%2022.6634C19.4315%2021.819%2019.947%2020.9022%2020.3459%2019.9333C20.7013%2020.1221%2021.0458%2020.3304%2021.378%2020.5573L21.3%2020.6353ZM6.55604%2022.2387L6.17444%2021.9527L5.61937%2021.502L5.35051%2021.2593C5.14236%2021.06%204.93421%2020.852%204.73474%2020.6353L4.64801%2020.54C4.97779%2020.3193%205.31944%2020.1167%205.67141%2019.9333C6.07177%2020.9087%206.59022%2021.8314%207.21518%2022.6807L7.04173%2022.5334L6.55604%2022.2387ZM6.07036%2013C6.06561%2011.4577%206.26686%209.92172%206.66879%208.43266C8.42528%209.07932%2010.2713%209.4506%2012.1414%209.53333V16.4667C10.2731%2016.5383%208.42717%2016.8978%206.66879%2017.5327C6.26991%2016.0548%206.06869%2014.5307%206.07036%2013ZM4.72606%205.38199C4.92554%205.16532%205.13369%204.95732%205.34184%204.75799L5.6107%204.51532L6.16576%204.06465L6.54737%203.77865L7.04173%203.46665L7.21518%203.36265C6.59946%204.20245%206.08153%205.10964%205.67141%206.06665C5.31608%205.87792%204.97152%205.6696%204.63934%205.44265L4.72606%205.38199ZM19.47%203.77865L19.8516%204.06465L20.4066%204.51532L20.6755%204.75799C20.8837%204.95732%2021.0918%205.16532%2021.2913%205.38199L21.378%205.47732C21.045%205.69245%2020.7005%205.88919%2020.3459%206.06665C19.9388%205.0946%2019.4208%204.17273%2018.8022%203.31932L18.9756%203.42332L19.47%203.77865ZM19.947%2013C19.9517%2014.5423%2019.7505%2016.0783%2019.3486%2017.5673C17.5921%2016.9207%2015.746%2016.5494%2013.876%2016.4667V9.53333C15.7442%209.46174%2017.5902%209.10217%2019.3486%208.46733C19.7474%209.94519%2019.9487%2011.4693%2019.947%2013ZM13.876%2018.2C15.5552%2018.2699%2017.2138%2018.5972%2018.7935%2019.1707C17.7007%2021.8487%2015.9314%2023.7207%2013.876%2024.1454V18.2ZM13.876%207.79999V1.82865C15.9314%202.25331%2017.7007%204.12532%2018.7935%206.80332C17.2152%207.38563%2015.5566%207.72179%2013.876%207.79999ZM12.1414%201.82865V7.79999C10.4608%207.72179%208.80217%207.38563%207.22386%206.80332C8.31664%204.12532%2010.0859%202.25331%2012.1414%201.82865ZM12.1414%2018.2V24.1454C10.0859%2023.7207%208.31664%2021.8487%207.22386%2019.1707C8.80358%2018.5972%2010.4621%2018.2699%2012.1414%2018.2ZM3.58124%206.83799C4.06233%207.15862%204.5635%207.44811%205.08165%207.70466C4.08712%2011.1355%204.08712%2014.7779%205.08165%2018.2087C4.56233%2018.4792%204.06114%2018.7832%203.58124%2019.1187C2.37597%2017.2892%201.73363%2015.147%201.73363%2012.9567C1.73363%2010.7664%202.37597%208.62408%203.58124%206.79466V6.83799Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
}

.tools-list__icon--github {
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2226%22%20viewBox%3D%220%200%2023%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9409%201.70842C18.9868%20-0.372596%2020.3557%200.0278244%2020.3843%200.0365405C21.2678%202.27428%2020.7062%203.94682%2020.5454%204.35197C21.5896%205.48451%2022.2055%206.94128%2022.2056%208.72111C22.2055%2014.9783%2018.4303%2016.3534%2014.8159%2016.7582C15.405%2017.2705%2015.9135%2018.2416%2015.9136%2019.7787C15.9136%2021.9628%2015.8872%2023.7167%2015.8872%2024.2563C15.8874%2024.5154%2015.9947%2024.8025%2016.2534%2024.9565C14.8774%2025.3788%2013.4163%2025.6069%2011.9019%2025.6069C10.3785%2025.6068%208.909%2025.3768%207.5259%2024.9496C7.77758%2024.7945%207.88231%2024.512%207.88235%2024.2563C7.88233%2023.8782%207.85598%2022.5831%207.85598%2021.2348C3.37527%2022.2021%202.42866%2019.3157%202.42141%2019.2934C1.70561%2017.4242%200.648083%2016.9298%200.627467%2016.9203C-0.844486%2015.9225%200.734889%2015.9223%200.734889%2015.9223C2.34995%2016.0293%203.20577%2017.561%203.22415%2017.5942C4.66956%2020.0752%206.99904%2019.3744%207.93606%2018.9428C8.06983%2017.8911%208.49859%2017.1626%208.95364%2016.7582C5.36612%2016.3806%201.59138%2014.9783%201.59133%208.72111C1.59142%206.94132%202.23323%205.4845%203.25051%204.35197C3.08975%203.94673%202.52824%202.27418%203.41165%200.0365405C3.42531%200.0322971%204.79307%20-0.384636%207.85598%201.70842C9.17374%201.35195%2010.5329%201.1709%2011.898%201.16935C13.2633%201.16935%2014.6558%201.35792%2015.9409%201.70842Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
}

.tools-list__icon--telegram {
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2222%22%20viewBox%3D%220%200%2027%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.8462%200.000169277C25.0455%20-0.0033412%2025.491%200.0463846%2025.7798%200.280443C26.0234%200.478143%2026.0914%200.745222%2026.1235%200.932786C26.1556%201.1203%2026.1953%201.54816%2026.1636%201.88201C25.8008%205.69319%2024.2315%2014.9416%2023.4331%2019.2101C23.0952%2021.0161%2022.4296%2021.6216%2021.7856%2021.6808C20.6773%2021.7828%2019.7803%2021.1427%2018.7817%2020.4308C18.5194%2020.2438%2018.2492%2020.0522%2017.9673%2019.8674C16.8601%2019.1416%2016.0039%2018.5581%2015.146%2017.9738C14.3605%2017.4389%2013.5723%2016.9025%2012.5884%2016.2541C10.5411%2014.9047%2011.3983%2014.0778%2012.5415%2012.9758C12.7265%2012.7974%2012.919%2012.6114%2013.1079%2012.4152C13.1929%2012.327%2013.606%2011.9436%2014.187%2011.4035C16.053%209.66867%2019.6585%206.31677%2019.7495%205.92888C19.7644%205.86466%2019.7775%205.62815%2019.6372%205.5031C19.4964%205.37823%2019.2881%205.42024%2019.1382%205.45427C18.9249%205.50295%2015.5354%207.743%208.97118%2012.174C8.00944%2012.8344%207.13841%2013.1566%206.3579%2013.1398C5.49728%2013.1212%203.84136%2012.6531%202.61083%2012.2531C2.43041%2012.1945%202.25432%2012.1385%202.08446%2012.0851C0.833781%2011.6919%20-0.085612%2011.4026%200.00633502%2010.6691C0.0613302%2010.2354%200.659261%209.79146%201.7993%209.33806C8.82515%206.27701%2013.5106%204.25849%2015.855%203.28337C22.5479%200.499534%2023.9397%200.0161922%2024.8462%200.000169277Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
}

.tools-list__content h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 33px;
}

.tools-list__text {
  color: var(--black-black-2);
  font-size: 16px;
  line-height: 1.28;
  max-width: 70%;
  overflow-wrap: anywhere;
}

.tools-list__text p {
  margin: 0;
}

.tools-list__more {
  align-items: center;
  border: 1px solid var(--ink-soft);
  border-radius: 200px;
  color: var(--ink-soft);
  display: inline-flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  padding: 0 20px;
  position: absolute;
  right: 23px;
  text-decoration: none;
  bottom: 52px;
}

.page-tools .tools-list__show-more {
  display: flex;
  height: 40px;
  margin: 40px auto 0;
  width: max-content;
}

.page-tools .tools-list__show-more[hidden] {
  display: none;
}

.page-tools .tools-blog {
  max-width: 1840px;

  width: calc(100% - 80px);
}

.page-tools .tools-blog .section__head {
  border-bottom: 1px solid var(--line);
  margin-bottom: 32px;
  padding-bottom: 25px;
}

/* Career page from PDF layout */
.page-career {
  background: var(--white);
}

.page-career .case-detail-header {
  background: #090909;
  height: 128px;
}

.page-career .nav {
  background: rgb(32, 34, 35);
  border-color: rgb(56, 60, 62);
  box-shadow: none;
}

.page-career .brand svg [fill="#FEFEFE"] {
  fill: var(--white);
}

.page-career .nav__links a,
.page-career .nav__links a.nav__links--dropdown,
.page-career .nav__links button.nav__links--dropdown {
  color: var(--white);
}

.page-career .nav__links a.nav__links--dropdown::after,
.page-career .nav__links button.nav__links--dropdown::after {
  border-color: var(--white);
}

.page-career .nav__phone {
  background: var(--white);
}

.page-career .footer {
  margin-top: 0;
}

.career-page {
  background: var(--white);
  color: rgba(0, 0, 0, 1);
}

.career-section {
  margin-left: auto;
  margin-right: auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.career-hero-pdf {
  align-items: center;
  background: #090909;
  box-shadow: 0 0 0 100vmax #090909;
  clip-path: inset(0 -100vmax);
  color: var(--white);
  display: flex;
  height: 986px;
  justify-content: center;
  text-align: center;
}

.career-hero-pdf__inner {
  margin-top: -145px;
}

.career-hero-pdf h1 {
  color: var(--white);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.36;
  margin: 0;
}

.career-hero-pdf__title-mobile {
  display: none;
}

.career-hero-pdf p {
  color: var(--yellow);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  margin: 26px 0 0;
}

.career-eyebrow {
  align-items: center;
  color: rgba(109, 109, 109, 1);
  display: flex;
  font-family: "Tektur", sans-serif;
  font-size: 18px;
  gap: 12px;
  line-height: 1.2;
  margin-bottom: 33px;
}

.career-eyebrow span {
  background: var(--yellow);
  border-radius: 50%;
  display: block;
  height: 12px;
  width: 12px;
}

.career-head {
  display: grid;
  gap: 60px;
  grid-template-columns: minmax(0, 1fr) 720px;
  align-items: end;
}

.career-head h2,
.career-benefits h2,
.career-office-pdf h2,
.career-internship h2,
.career-blog h2,
.career-vacancy-list h2,
.career-form-pdf__copy h2 {
  color: rgba(0, 0, 0, 1);
  font-size: 56px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
}

.career-internship h2 {
  font-size: 56px;
}

.career-head>p {
  color: var(--main-colors-total-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  margin: 0;
}

.career-team {
  padding-right: 0;
  padding-left: 0;
}

.career-team__grid {
  display: grid;
  gap: 60px 20px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 66px;
}

.career-team__grid img {
  aspect-ratio: 600 / 650;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  object-position: center top;
  transition: transform 260ms ease, filter 260ms ease;
  width: 100%;
}

.career-team__grid article:hover img,
.career-team__grid article:focus-within img {
  transform: scale(1.02);
}

.career-team__grid h3 {
  color: rgba(0, 0, 0, 1);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  margin: 22px 0 8px;
}

.career-team__grid p {
  color: rgba(109, 109, 109, 1);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}

.career-benefits {
  display: grid;
  gap: 20px;
  grid-template-columns: 760px minmax(0, 908px);
  padding-right: 0;
  padding-left: 0;
  justify-content: space-between;
}

.career-benefits__left {
  min-height: 700px;
  position: relative;
}

.career-benefits__left img {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  width: 420px;
}

.career-pill {
  align-items: center;
  background: rgb(32, 34, 35);
  border: 1px solid rgb(32, 34, 35);
  border-radius: 200px;
  color: var(--white);
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  gap: 10px;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin-top: 40px;
  padding: 0 20px;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.career-application {
  overflow-y: auto;
}

.career-application__panel {
  margin: auto;
  max-width: 760px;
  width: min(100%, 760px);
}

.career-application__panel h2 {
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 500;
  line-height: 1;
  margin: 0 64px 20px 0;
}

.career-application__panel>p {
  margin-bottom: 28px;
}

.career-application__form {
  padding: 28px;
}

.career-application__form legend {
  font-size: 24px;
  margin-bottom: 24px;
}

.career-application__form label {
  margin-bottom: 24px;
}

.career-application__form .form__actions {
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.career-application__notice {
  color: #c64040;
  margin-bottom: 24px;
  white-space: pre-line;
}

@media (max-width: 1600px) {
  .tools-hero__inner {
    padding-top: 210px;
  }

  .tools-hero h1 {
    font-size: 48px;
  }

  .tools-list__item {
    grid-template-columns: 345px minmax(0, 1fr);
    min-height: 300px;
  }

  .tools-list__content {
    padding: 38px 20px 38px 39px;
  }
}

@media (max-width: 1024px) {
  .tools-hero__inner {
    padding-top: 178px;
    width: calc(100% - 48px);
  }

  .tools-hero h1 {
    font-size: 40px;
  }

  .page-tools .tools-list,
  .page-tools .tools-blog {
    width: calc(100% - 48px);
  }

  .tools-list__item {
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: 280px;
  }

  .tools-list__media {
    padding: 32px;
  }

  .tools-list__media img {
    max-height: 132px;
    max-width: 170px;
  }

  .tools-list__content {
    padding: 48px 60px 36px 36px;
  }

  .tools-list__icons {
    gap: 14px;
    right: 16px;
    top: 24px;
  }

  .tools-list__content h2 {
    font-size: 30px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767.9px) {
  .tools-hero__inner {
    padding-top: 154px;
    width: calc(100% - 32px);
  }

  .tools-hero h1 {
    font-size: 30px;
    line-height: 1.22;
  }

  .page-tools .tools-list {
    margin-left: auto;
    margin-right: auto;
    max-width: none;

    width: calc(100vw - 32px);
  }

  .page-tools .tools-blog {
    width: calc(100% - 32px);
  }

  .tools-list__items,
  .tools-list__item {
    max-width: 100%;
    min-width: 0;
    width: calc(100vw - 32px) !important;
  }

  .tools-list__content,
  .tools-list__text,
  .tools-list__text p {
    max-width: calc(100vw - 64px) !important;
    min-width: 0;
    width: calc(100vw - 64px) !important;
  }

  .tools-list__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    overflow: visible;
    padding: 20px 16px 24px;
    position: relative;
  }

  .tools-list__media {
    align-items: flex-start;
    border-right: 0;
    border-bottom: 0;
    display: flex;
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
    min-height: 0;
    padding: 0;
  }

  .tools-list__media img {
    max-height: none;
    max-width: 78px;
  }

  .tools-list__content {
    display: contents;
    padding: 0;
    position: static;
  }

  .tools-list__icons {
    align-self: start;
    flex-direction: row;
    gap: 10px;
    left: auto;
    position: absolute;
    right: 16px;
    top: 20px;
    width: auto;
  }

  .tools-list__icon {
    height: 16px;
    width: 16px;
  }

  .tools-list__content h2 {
    font-size: 28px;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.2;
    margin: 20px 0 18px;
  }

  .tools-list__text {
    font-size: 10px;
    grid-column: 1 / -1;
    grid-row: 3;
    line-height: 1.32;
    max-width: calc(100vw - 80px) !important;
    white-space: normal !important;
    width: calc(100vw - 80px) !important;
    word-break: normal;
  }

  .tools-list__text p {
    display: block;
    font-size: 14px;
    max-width: calc(100vw - 80px) !important;
    text-align: left !important;
    white-space: normal !important;
    width: calc(100vw - 80px) !important;
    word-break: normal;
  }

  .tools-list__more {
    font-size: 16px;
    grid-column: 1 / -1;
    grid-row: 4;
    justify-self: start;
    height: 32px;
    margin-top: 64px;
    padding: 0 14px;
    position: static;
  }

  .page-tools .tools-list__show-more {
    display: none;
  }

  .page-tools .tools-blog .section__head {
    margin-bottom: 20px;
    padding-bottom: 18px;
  }
}

/* contacts page */
.page-contacts {
  background: var(--white);
  color: var(--ink);
  overflow-x: hidden;
  overflow-x: clip;
}

.contacts-header {
  background: var(--white);
  height: 124px;
  min-height: 0;
  position: relative;
}

.page-contacts .nav {
  background: var(--white);
  border-color: rgb(226, 227, 228);
  box-shadow: 0 18px 60px rgba(9, 9, 9, 0.08);
  left: 50%;
  max-width: 1838px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 32px);
}

.page-contacts .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.page-contacts .nav:has(.mega-menu.is-open) {
  box-shadow: 0 16px 50px rgba(9, 9, 9, 0.12);
}

.page-contacts .nav__links a,
.page-contacts .nav__links a.nav__links--dropdown,
.page-contacts .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.page-contacts .nav__links a.nav__links--dropdown::after,
.page-contacts .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.page-contacts .nav__links a:hover,
.page-contacts .nav__links button:hover,
.page-contacts .nav__phone {
  background: var(--panel);
}

.page-contacts .nav__bot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.page-contacts .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.page-contacts .mega-menu__item,
.page-contacts .mega-menu__item span,
.page-contacts .mega-menu__contacts,
.page-contacts .mega-menu__contacts p,
.page-contacts .mega-menu__bot {
  color: var(--ink-soft);
}

.page-contacts .mega-menu__caption {
  color: var(--muted);
}

.contacts-page {
  padding: 68px 0 0;
}

.contacts-hero {
  margin: 0 auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.contacts-requisites {
  margin-right: auto;
  margin-left: auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.contacts-hero__head {
  margin-bottom: 48px;
}

.contacts-hero__head .section__eyebrow {
  color: #808080;
  margin-bottom: 24px;
}

.contacts-hero__head h1,
.contacts-requisites__head h2 {
  color: var(--ink);
  font-size: 56px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0;
}

.contacts-hero__grid {
  align-items: stretch;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(0, 910px) minmax(420px, 735px);
  justify-content: space-between;
}

.contacts-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.contacts-card__cities {
  background: var(--yellow);
  display: grid;
  gap: 70px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 28px 40px 20px;
}

.contacts-card__cities h2 {
  color: var(--ink);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 54px;
}

.contacts-card__cities p {
  color: var(--ink);
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 46px;
}

.contacts-card__map {
  align-items: center;
  border: 1px solid var(--ink);
  border-radius: 200px;
  display: inline-flex;
  font-size: 14px;
  gap: 14px;
  height: 40px;
  justify-content: center;
  padding: 0 18px;
}

.contacts-tabs {
  align-items: center;
  display: flex;
  gap: 72px;
  padding: 36px 40px 0;
}

.contacts-tabs__button,
.contacts-country-tabs__button {
  background: transparent;
  border: 0;
  color: rgb(183, 187, 190);
  cursor: pointer;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
  padding: 0;
  transition: color .2s ease;
}

.contacts-tabs__button.is-active,
.contacts-country-tabs__button.is-active {
  color: var(--ink-soft);
}

.contacts-departments {
  min-height: 282px;
  padding: 102px 40px 48px;
}

.contacts-departments__panel {
  display: grid;
  gap: 120px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contacts-departments__panel[hidden],
.contacts-requisites__panel[hidden] {
  display: none;
}

.contacts-departments__panel a {
  color: var(--ink-soft);
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 26px;
}

.contacts-departments__panel p {
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.2;
  margin: 0;
  max-width: 300px;
}

.contacts-hero__media {
  align-self: stretch;
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
}

.contacts-hero__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

.contacts-requisites {
  padding-right: 0;
  padding-left: 0;
}

.contacts-requisites__head {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 78px;
}

.contacts-country-tabs {
  display: flex;
  gap: 74px;
}

.contacts-requisites__panel {
  position: relative;
}

.contacts-requisite-row {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 88px;
  grid-template-columns: 64px minmax(220px, 500px) minmax(520px, 1fr);
  padding: 44px 0 72px;
}

.contacts-requisite-row__number {
  color: var(--muted);
  font-family: Tektur, sans-serif;
  font-size: 18px;
  line-height: 1.2;
}

.contacts-requisite-row h3 {
  color: var(--ink);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.22;
  margin: 0;
}

.contacts-requisite-row dl {
  display: grid;
  gap: 22px;
  margin: 0;
}

.contacts-requisite-row dl div {
  display: grid;
  gap: 64px;
  grid-template-columns: 250px minmax(0, 1fr);
}

.contacts-requisite-row dt,
.contacts-requisite-row dd {
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.24;
  margin: 0;
}

.contacts-requisite-row dt {
  font-weight: 700;
}

.contacts-requisites__download {
  align-items: center;
  background: var(--ink-soft);
  border-radius: 200px;
  color: var(--white);
  display: flex;
  font-size: 14px;
  gap: 10px;
  height: 40px;
  justify-content: center;
  margin-left: auto;
  padding: 0 18px;
  width: 169px;
}

.contacts-requisites__download svg {
  flex: 0 0 auto;
}

.page-contacts .nav__bot::before {
  background: var(--ink-soft);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.465 0.124c.925-.347 1.665.26 1.527 1.732-.047.606-.463 2.727-.787 5.021l-1.11 6.796s-.092.996-.925 1.169c-.832.173-2.081-.606-2.312-.779-.185-.13-3.47-2.078-4.626-3.03-.324-.26-.694-.78.046-1.386l4.857-4.329c.555-.519 1.11-1.731-1.203-.26L5.457 9.171s-.74.433-2.128.043L.323 8.349s-1.11-.65.786-1.299C5.735 5.016 11.424 2.938 16.465.124Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.465 0.124c.925-.347 1.665.26 1.527 1.732-.047.606-.463 2.727-.787 5.021l-1.11 6.796s-.092.996-.925 1.169c-.832.173-2.081-.606-2.312-.779-.185-.13-3.47-2.078-4.626-3.03-.324-.26-.694-.78.046-1.386l4.857-4.329c.555-.519 1.11-1.731-1.203-.26L5.457 9.171s-.74.433-2.128.043L.323 8.349s-1.11-.65.786-1.299C5.735 5.016 11.424 2.938 16.465.124Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 1599px) {
  .contacts-hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contacts-card,
  .contacts-hero__media {
    min-width: 0;
    width: 100%;
  }

  .contacts-requisites__download {
    width: 169px;
  }
}

@media (max-width: 1640px) {
  .contacts-tabs {
    gap: 56px;
    padding: 36px 32px 0;
  }

  .contacts-card__cities h2,
  .contacts-tabs__button,
  .contacts-country-tabs__button,
  .contacts-requisite-row h3 {
    font-size: 30px;
  }
}

@media (max-width: 1600px) {
  .contacts-page {
    padding-top: 72px;
  }

  .contacts-hero,
  .contacts-requisites {
    max-width: none;
    width: calc(100% - 80px);
  }

  .contacts-hero__head {
    margin-bottom: 48px;
  }

  .contacts-hero__head h1,
  .contacts-requisites__head h2 {
    font-size: 48px;
    line-height: 1.08;
  }

  .contacts-hero__grid {
    gap: 32px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
  }

  .contacts-card {
    min-height: 580px;
  }

  .contacts-card__cities {
    gap: 64px;
    min-height: 267px;
    padding: 28px 32px 20px;
  }

  .contacts-card__cities h2 {
    margin-bottom: 64px;
  }

  .contacts-card__cities p {
    font-size: 14px;
    margin-bottom: 42px;
  }

  .contacts-departments {
    min-height: 306px;
    padding: 102px 32px 42px;
  }

  .contacts-departments__panel {
    gap: 78px;
  }

  .contacts-departments__panel a {
    font-size: 16px;
    font-weight: 500;
  }

  .contacts-departments__panel p {
    font-size: 14px;
    font-weight: 400;
  }

  .contacts-hero__media {
    height: 580px;
  }

  .contacts-requisites {
    padding-right: 0;
    padding-left: 0;
  }

  .contacts-requisites__head {
    margin-bottom: 78px;
  }

  .contacts-requisite-row {
    column-gap: 40px;
    grid-template-columns: 34px minmax(220px, 260px) minmax(0, 1fr);
    padding: 44px 0 72px;
  }

  .contacts-requisite-row dl div {
    gap: 64px;
    grid-template-columns: 250px minmax(0, 1fr);
  }
}

@media (max-width: 1180px) {
  .contacts-header {
    height: 112px;
  }

  .contacts-page {
    padding-top: 42px;
  }

  .contacts-hero__grid {
    gap: 36px;
    grid-template-columns: 1fr;
  }

  .contacts-hero__media {
    height: 460px;
  }

  .contacts-requisite-row {
    gap: 28px;
    grid-template-columns: 44px minmax(180px, 260px) minmax(0, 1fr);
  }

  .contacts-requisite-row dl div {
    gap: 28px;
    grid-template-columns: 210px minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .contacts-header {
    height: 88px;
  }

  .contacts-page {
    padding-top: 40px;
  }

  .contacts-hero,
  .contacts-requisites {
    width: calc(100% - 32px);
  }

  .contacts-hero__head {
    margin-bottom: 28px;
  }

  .contacts-hero__head .section__eyebrow {
    font-size: 12px;
    margin-bottom: 22px;
  }

  .contacts-hero__head h1,
  .contacts-requisites__head h2 {
    font-size: 30px;
    line-height: 1.12;
  }

  .contacts-card {
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    width: 100%;
  }

  .contacts-card__cities,
  .contacts-departments__panel,
  .contacts-requisite-row dl div {
    grid-template-columns: 1fr;
  }

  .contacts-card__cities {
    border-radius: 6px;
    box-sizing: border-box;
    gap: 32px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 22px 20px 28px;
    width: 100%;
  }

  .contacts-card__cities h2 {
    font-size: 24px;
    line-height: 1.12;
    margin-bottom: 38px;
  }

  .contacts-card__cities p {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 26px;
  }

  .contacts-card__map {
    font-size: 12px;
    gap: 14px;
    height: 40px;
    padding: 0 18px;
  }

  .contacts-tabs {
    box-sizing: border-box;
    flex-wrap: nowrap;
    gap: 38px;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 58px 0 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .contacts-tabs::-webkit-scrollbar,
  .contacts-country-tabs::-webkit-scrollbar {
    display: none;
  }

  .contacts-country-tabs {
    gap: 44px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .contacts-tabs__button,
  .contacts-country-tabs__button {
    flex: 0 0 auto;
    font-size: 22px;
    line-height: 1.1;
    white-space: nowrap;
  }

  .contacts-departments {
    min-height: 0;
    padding: 24px 0 0;
  }

  .contacts-departments__panel {
    gap: 24px;
  }

  .contacts-departments__panel a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 14px;
  }

  .contacts-departments__panel p {
    font-size: 14px;
    line-height: 1.2;
    max-width: 310px;
  }

  .contacts-hero__media {
    display: none;
  }

  .contacts-requisites {
    padding-right: 0;
    padding-left: 0;
  }

  .contacts-requisites__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 40px;
  }

  .contacts-requisite-row {
    column-gap: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 30px 0 46px;
    row-gap: 28px;
  }

  .contacts-requisite-row__number {
    font-size: 18px;
    padding-top: 3px;
  }

  .contacts-requisite-row h3 {
    font-size: 22px;
    line-height: 1.12;
  }

  .contacts-requisite-row h3 br {
    display: none;
  }

  .contacts-requisite-row dl {
    gap: 22px;
    grid-column: 1 / -1;
  }

  .contacts-requisite-row dl div {
    gap: 8px;
  }

  .contacts-requisite-row dt,
  .contacts-requisite-row dd {
    font-size: 14px;
    line-height: 1.22;
  }

  .contacts-requisites__download {
    margin-left: 0;
    width: 100%;
  }
}

/* tool detail page */
.page-tool-detail {
  background: var(--white);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-tool-detail .nav {
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 60px rgba(9, 9, 9, 0.08);
  left: 50%;
  max-width: 1838px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 82px);
}

.page-tool-detail .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.page-tool-detail .nav__links a,
.page-tool-detail .nav__links a.nav__links--dropdown,
.page-tool-detail .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.page-tool-detail .nav__links a.nav__links--dropdown::after,
.page-tool-detail .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.page-tool-detail .nav__links a:hover,
.page-tool-detail .nav__links button:hover,
.page-tool-detail .nav__phone {
  background: var(--panel);
}

.page-tool-detail .nav__bot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.page-tool-detail .nav:has(.mega-menu.is-open) {
  box-shadow: 0 16px 50px rgba(9, 9, 9, 0.12);
}

.page-tool-detail .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.page-tool-detail .mega-menu__item,
.page-tool-detail .mega-menu__item span,
.page-tool-detail .mega-menu__contacts,
.page-tool-detail .mega-menu__contacts p,
.page-tool-detail .mega-menu__bot {
  color: var(--ink-soft);
}

.page-tool-detail .mega-menu__caption {
  color: var(--muted);
}

.page-tool-detail .case-detail-header {
  height: 136px;
}

.page-tool-detail .section {
  max-width: 1840px;
  width: calc(100% - 80px);
}

.tool-detail-intro {
  align-items: start;
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(0, 980px) minmax(160px, 1fr);
  padding: 76px 0 66px;
}

.tool-detail-back {
  align-items: center;
  color: var(--muted);
  display: inline-flex;
  font-size: 16px;
  margin-bottom: 48px;
}

.tool-detail-back::before {
  border-bottom: 1px solid currentColor;
  border-left: 1px solid currentColor;
  content: "";
  height: 8px;
  margin-right: 8px;
  transform: rotate(45deg);
  width: 8px;
}

.tool-detail-intro h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 30px;
}

.tool-detail-intro p {
  color: var(--black-black-2);
  font-size: 16px;
  line-height: 1.28;
  margin: 0;
  max-width: 940px;
}

.tool-detail-intro__icon {
  justify-self: end;
  margin-top: 82px;
  max-width: 180px;
  width: 100%;
}

.tool-detail-content {
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(0, 1260px) 280px;
  padding-right: 0;
  padding-left: 0;
}

.tool-detail-article {
  min-width: 0;
}

.tool-detail-article h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 40px;
}

.tool-detail-article h2:not(:first-child) {
  margin-top: 80px;
}

.tool-detail-article p,
.tool-detail-article li {
  color: var(--black-black-2);
  font-size: 18px;
  line-height: 1.45;
}
.tool-detail-article li {
  list-style: disc;
}
.tool-detail-article p {
  margin: 0 0 33px;
}

.tool-detail-article__small {
  color: var(--muted) !important;
  font-size: 18px;
  margin-bottom: 80px;
}

.tool-detail-article ul {
  display: grid;
  gap: 18px;
  margin: 28px 0 0;
  padding-left: 20px;
}

.tool-detail-toc {
  align-self: start;
  border: 1px solid var(--line);
  border-radius: 22px;
  display: grid;
  gap: 14px;
  padding: 21px 18px;
  position: sticky;
  top: 30px;
}

.tool-detail-toc span {
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 6px;
}

.tool-detail-toc a {
  color: var(--black-black-3);
  font-size: 14px;
  text-decoration: none;
}

.page-tool-detail .tools-blog {
  max-width: 1840px;

  width: calc(100% - 80px);
}

.page-tool-detail .tools-blog .section__head {
  border-bottom: 1px solid var(--line);
  margin-bottom: 0;
  padding-bottom: 16px;
}

.page-tool-detail .tool-detail-contact .section__title {
  font-size: 48px;
  line-height: 1.22;
}

@media (max-width: 1024px) {

  .page-tool-detail .section,
  .page-tool-detail .tools-blog {
    width: calc(100% - 48px);
  }

  .tool-detail-intro,
  .tool-detail-content {
    grid-template-columns: 1fr;
  }

  .tool-detail-intro__icon {
    justify-self: start;
    margin-top: 0;
    max-width: 140px;
  }

  .tool-detail-toc {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .page-tool-detail .case-detail-header {
    height: 126px;
  }

  .page-tool-detail .section,
  .page-tool-detail .tools-blog {
    width: calc(100% - 32px);
  }

  .tool-detail-intro {
    gap: 28px;
    padding: 42px 0 36px;
  }

  .tool-detail-back {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .tool-detail-intro h1 {
    font-size: 34px;
    margin-bottom: 20px;
  }

  .tool-detail-intro p,
  .tool-detail-article p,
  .tool-detail-article li {
    font-size: 14px;
  }

  .tool-detail-intro__icon {
    max-width: 92px;
  }

  .tool-detail-content {
    padding-right: 0;
    padding-left: 0;
  }

  .tool-detail-article h2 {
    font-size: 28px;
    margin-bottom: 28px;
  }

  .tool-detail-article h2:not(:first-child) {
    margin-top: 56px;
  }

  .tool-detail-article__small {
    margin-bottom: 48px !important;
  }

  .page-tool-detail .tool-detail-contact .section__title {
    font-size: 30px;
  }
}

/* partners page */
.page-partners {
  background: var(--white);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-partners .nav {
  left: 50%;
  max-width: 1838px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 82px);
}

.page-blog {
  background: var(--white);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-blog .nav {
  left: 50%;
  max-width: 1838px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 82px);
}
.page-blog .cases-hero {
  background: #000000;
}
.page-blog .cases-hero::after {
  display: none;
}
.blog-hero__media {
  display: none;
}

.page-blog .blog-hero__media {
  display: none !important;
}

.blog-hero__media img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.blog-hero__inner {
  top: 390px;
}

.blog-hero .cases-hero__subtitle {
  color: var(--yellow);
  font-family: Tektur, sans-serif;
  font-size: 18px;
  margin-top: 28px;
}

.blog-page-list {
  max-width: 1840px;
  padding-right: 0;
  padding-left: 0;
  width: calc(100% - 80px);
}

.blog-page-list.reveal.is-visible.is-loading {
  opacity: 0.45;
  pointer-events: none;
}

.blog-page-list__head {
  align-items: flex-start;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 80px;
  padding-bottom: 52px;
}

.blog-page-list__filter {
  flex-basis: 184px;
  margin-left: auto;
  width: 184px;
}

.blog-page-list__filter .cases-page__filter-toggle {
  gap: 10px;
  width: 184px;
}

.blog-page-list__filter .cases-page__filter-menu {
  min-width: 256px;
}

.blog-page-list__filter .cases-page__filter-line {
  width: 224px;
}

.blog-page-list__filter .cases-page__filter-option:not(.is-active) span {
  color: transparent;
}

.blog-page-list__filter .cases-page__filter-option:not(.is-active) span::before,
.blog-page-list__filter .cases-page__filter-option:not(.is-active) span::after {
  background: rgb(156, 162, 165);
  content: "";
  height: 1.5px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
}

.blog-page-list__filter .cases-page__filter-option:not(.is-active) span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.blog-page-list__filter .cases-page__filter-option:not(.is-active):hover span::before,
.blog-page-list__filter .cases-page__filter-option:not(.is-active):hover span::after,
.blog-page-list__filter .cases-page__filter-option:not(.is-active):focus-visible span::before,
.blog-page-list__filter .cases-page__filter-option:not(.is-active):focus-visible span::after {
  background: rgb(32, 34, 35);
}

.blog-page-list__empty {
  color: var(--muted);
  font-size: 20px;
  margin: 0;
}

.blog-page-feature {
  align-items: end;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.95fr) minmax(320px, 0.95fr);
  margin-bottom: 76px;
}

.blog-page-feature__media {
  border-radius: 8px;
  display: block;
  overflow: hidden;
}

.blog-page-feature__media img {
  aspect-ratio: 910 / 510;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.blog-page-feature__body span {
  align-items: center;
  color: var(--black-black-4);
  display: flex;
  font-size: 16px;
  gap: 12px;
  margin-bottom: 8px;
}

.blog-page-feature__body span::before {
  background: currentColor;
  content: "";
  display: block;
  height: 24px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM12 20.25C10.3683 20.25 8.77326 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.378 15.1571C3.75358 13.6496 3.5902 11.9908 3.90853 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32016 5.01259 8.79017 4.22685 10.3905 3.90852C11.9909 3.59019 13.6497 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.2475 14.1873 19.3775 16.2843 17.8309 17.8309C16.2843 19.3775 14.1873 20.2475 12 20.25ZM18 12C18 12.1989 17.921 12.3897 17.7803 12.5303C17.6397 12.671 17.4489 12.75 17.25 12.75H12C11.8011 12.75 11.6103 12.671 11.4697 12.5303C11.329 12.3897 11.25 12.1989 11.25 12V6.75C11.25 6.55109 11.329 6.36032 11.4697 6.21967C11.6103 6.07902 11.8011 6 12 6C12.1989 6 12.3897 6.07902 12.5303 6.21967C12.671 6.36032 12.75 6.55109 12.75 6.75V11.25H17.25C17.4489 11.25 17.6397 11.329 17.7803 11.4697C17.921 11.6103 18 11.8011 18 12Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM12 20.25C10.3683 20.25 8.77326 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.378 15.1571C3.75358 13.6496 3.5902 11.9908 3.90853 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32016 5.01259 8.79017 4.22685 10.3905 3.90852C11.9909 3.59019 13.6497 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.2475 14.1873 19.3775 16.2843 17.8309 17.8309C16.2843 19.3775 14.1873 20.2475 12 20.25ZM18 12C18 12.1989 17.921 12.3897 17.7803 12.5303C17.6397 12.671 17.4489 12.75 17.25 12.75H12C11.8011 12.75 11.6103 12.671 11.4697 12.5303C11.329 12.3897 11.25 12.1989 11.25 12V6.75C11.25 6.55109 11.329 6.36032 11.4697 6.21967C11.6103 6.07902 11.8011 6 12 6C12.1989 6 12.3897 6.07902 12.5303 6.21967C12.671 6.36032 12.75 6.55109 12.75 6.75V11.25H17.25C17.4489 11.25 17.6397 11.329 17.7803 11.4697C17.921 11.6103 18 11.8011 18 12Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 24px;
}

.blog-page-feature__body h2 {
  color: var(--ink-soft);
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 16px;
}

.blog-page-feature__body p {
  color: var(--black-black-4);
  font-size: 18px;
  line-height: 1.36;
  margin: 0 0 24px;
}

.blog-page-feature__more {
  border-color: var(--ink-soft);
  color: var(--ink-soft);
  gap: 10px;
  min-height: 40px;
  padding: 0 18px;
  width: max-content;
}

.blog-page-grid {
  margin-top: 0;
}

.blog-page-list .cases-page__pagination {
  margin-top: 74px;
}

@media (min-width: 1181px) and (max-width: 1600px) {
  .page-blog .nav {
    left: 43px;
    max-width: none;
    top: 28px;
    transform: none;
    width: calc(100% - 80px);
  }

  .blog-hero__media {
    height: 410px;
    top: 210px;
    width: min(440px, 30vw);
  }

  .blog-hero__inner {
    top: 390px;
  }

  .blog-page-list {

    width: calc(100% - 80px);
  }

  .blog-page-list__head {
    margin-bottom: 64px;
    padding-bottom: 42px;
  }

  .blog-page-feature {
    grid-template-columns: minmax(0, 1.95fr) minmax(320px, 0.95fr);
    margin-bottom: 64px;
  }

  .blog-page-feature__body h2 {
    font-size: 24px;
  }

  .blog-page-feature__body p {
    font-size: 16px;
  }
}

@media (max-width: 1180px) {
  .page-blog .nav {
    left: 40px;
    max-width: none;
    top: 28px;
    transform: none;
    width: calc(100% - 80px);
  }

  .blog-hero__media {
    height: 320px;
    top: 190px;
    width: min(360px, 38vw);
  }

  .blog-hero__inner {
    top: 340px;
  }

  .blog-page-list {
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 80px);
  }

  .blog-page-list__head {
    margin-bottom: 48px;
    padding-bottom: 34px;
  }

  .blog-page-feature {
    align-items: start;
    grid-template-columns: 1fr;
    margin-bottom: 56px;
  }
}

@media (max-width: 767.9px) {
  .page-blog .topline {
    height: 28px;
    padding: 0 16px;
  }

  .page-blog .nav {
    left: 16px;
    top: 28px;
    width: calc(100% - 32px);
  }

  .blog-hero__media {
    height: 220px;
    top: 112px;
    width: min(240px, 46vw);
  }

  .blog-hero__inner {
    top: 266.5px;
  }

  .blog-hero .cases-hero__subtitle {
    font-size: 16px;
    line-height: 21px;
    margin-top: 20px;
  }

  .blog-page-list {
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 32px);
  }

  .blog-page-list__head {
    margin-bottom: 40px;
    padding-bottom: 24px;
  }

  .blog-page-feature {
    gap: 20px;
    margin-bottom: 48px;
  }

  .blog-page-feature__body span {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .blog-page-feature__body h2 {
    font-size: 22px;
    line-height: 1.2;
  }

  .blog-page-feature__body p {
    font-size: 16px;
  }

  .blog-page-feature__more {
    justify-content: center;
    width: 100%;
  }

  .blog-page-list .cases-page__pagination {
    margin-top: 48px;
  }
}

.partners-hero {
  background-color: rgb(12, 12, 12);
  background-image:
    linear-gradient(90deg, transparent 0, transparent 40px, rgb(42, 42, 42) 40px, rgb(42, 42, 42) 41px, transparent 41px),
    linear-gradient(90deg, transparent 0, transparent calc(100% - 41px), rgb(42, 42, 42) calc(100% - 41px), rgb(42, 42, 42) calc(100% - 40px), transparent calc(100% - 40px));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 960px;
}

.partners-hero::after {
  bottom: 40px;
}

.partners-hero__inner {
  left: 50%;
  max-width: 980px;
  position: absolute;
  text-align: center;
  top: 486px;
  transform: translateX(-50%);
  width: calc(100% - 80px);
  z-index: 2;
}

.partners-hero h1 {
  color: var(--white);
  font-size: 56px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  max-width: none;
}

.partners-hero__subtitle {
  color: var(--yellow);
  font-family: Tektur, sans-serif;
  font-size: 18px;
  line-height: 1.35;
  margin: 40px auto 0;
  max-width: 820px;
}

.partners-hero__media {
  bottom: 0;
  height: 320px;
  overflow: hidden;
  position: absolute;
  width: min(480px, 28vw);
  z-index: 1;
}

.partners-hero__media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.partners-hero__media--left {
  left: 0;
}

.partners-hero__media--right {
  right: 0;
}

.partners-hero__media--right img {
  transform: scaleX(-1);
}

.page-partners .partners-page-list {
  max-width: 1840px;
  padding-right: 0;
  padding-left: 0;
  width: calc(100% - 80px);
}

.partners-page-list__head {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.partners-page-list__head .section__title {
  font-size: 56px;
  max-width: none;
}

.partners-page-list__program {
  gap: 10px;
  min-width: 208px;
}

.partners-page-list__line {
  background: var(--line);
  height: 1px;
  margin: 16px 0 32px;
  width: 100%;
}

.partners-page-list__toolbar {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 34px;
}

.page-partners .partners-page-list__filter {
  flex: 0 0 180px;
  width: 180px;
}

.page-partners .partners-page-list__filter .cases-page__filter-toggle {
  width: 180px;
}

.partners-page-list__filter .cases-page__filter-menu {
  width: 296px;
}

.partners-page-list__filter .cases-page__filter-line {
  width: 264px;
}

.partners-page-list__filter .cases-page__filter-option {
  width: max-content;
}

.partners-page-list__grid {
  display: grid;
  gap: 32px 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.partners-page-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  min-height: 200px;
  padding: 20px 20px 28px;
}

.page-partners .partners-page-card[hidden] {
  display: none;
}

.partners-page-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.partners-page-card__tag {
  align-items: center;
  border: 1px solid var(--ink-soft);
  background-color: var(--main-colors-white);
  border-radius: 200px;
  color: var(--ink-soft);
  display: inline-flex;
  font-size: 16px;
  min-height: 40px;
  padding: 9px 20px;
}

.partners-page-card__logo {
  align-items: center;
  display: flex;
  min-height: 120px;
  padding-top: 18px;
}

.partners-page-card__logo img,
.partners-page-card__logo svg {
  height: auto;
  max-height: 78px;
  max-width: min(360px, 86%);
  width: auto;
}

.partners-page-card__logo strong {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
}

.page-partners .partners-page-list__more {
  background: initial;
  border: 1px rgba(0, 0, 0, 1) solid;
  border-radius: 200px;
  display: flex;
  margin: 32px auto 0;
  min-height: 40px;
  width: max-content;
}

.page-partners .partners-benefits {
  align-items: start;
  display: grid;
  gap: 135px;
  grid-template-columns: 555px minmax(0, 670px);
  justify-content: space-between;
  max-width: 1840px;

  width: calc(100% - 80px);
}

.partners-benefits__left {
  min-height: 620px;
  position: relative;
}

.partners-benefits .section__title {
  font-size: 56px;
  line-height: 1.36;
  max-width: 555px;
}

.partners-benefits__button {
  gap: 10px;
  margin-top: 40px;
  min-width: 220px;
}

.partners-benefits__image {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 248px;
}

.partners-benefits__list {
  display: grid;
  gap: 56px;
}

.partners-benefits__list article {
  display: grid;
  gap: 36px;
  grid-template-columns: 60px minmax(0, 1fr);
}

.partners-benefits__list h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
}

.partners-benefits__list p {
  color: var(--black-black-3);
  font-size: 18px;
  line-height: 1.38;
  margin: 0;
}

.page-partners .cases {
  max-width: 1840px;
  width: calc(100% - 80px);
}

.page-partners .contact {
  max-width: 1840px;
}

.partners-request .section__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.36;
  max-width: 555px;
}

.partners-request .contact__form legend {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
}

.partners-request input,
.partners-request textarea,
.partners-request .attach,
.partners-request .button,
.partners-request .form__notice {
  font-size: 16px;
}

.partners-request .contact__links span {
  font-size: 16px;
  line-height: 1.35;
}

.partners-request .contact__links a {
  font-size: 28px;
  line-height: 1.2;
}

.partners-request .contact__form {
  align-self: start;
}

.partners-request fieldset {
  margin-bottom: 0;
}

.partners-request fieldset label {
  margin-bottom: 24px;
}

.partners-request textarea {
  min-height: 82px;
}

@media (max-width: 1600px) {
  .partners-hero {
    min-height: 760px;
  }

  .partners-hero__inner {
    top: 360px;
  }

  .partners-hero h1,
  .partners-page-list__head .section__title,
  .partners-benefits .section__title,
  .partners-request .section__title {
    font-size: 48px;
  }

  .page-partners .partners-benefits {
    gap: 80px;
    grid-template-columns: 500px minmax(0, 1fr);
  }
}

@media (min-width: 1025px) and (max-width: 1600px) {
  .page-partners .partners-page-list {
    max-width: 1360px;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 80px);
  }

  .partners-page-list__grid {
    gap: 32px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partners-page-card {
    min-height: 200px;
  }

  .page-partners .partners-page-list__more {
    margin: 32px 0 0 auto;
  }
}

@media (max-width: 1024px) {
  .page-partners .nav {
    left: 40px;
    transform: none;
    width: calc(100% - 80px);
  }

  .partners-page-list__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-partners .partners-benefits {
    gap: 56px;
    grid-template-columns: 1fr;
  }

  .partners-benefits__left {
    min-height: 0;
  }

  .partners-benefits__image {
    display: none;
  }

  .partners-request .section__title {
    font-size: 40px;
    line-height: 1.2;
  }

  .partners-request .contact__form legend {
    font-size: 24px;
    line-height: 1.15;
  }
}

@media (max-width: 767.9px) {
  .page-partners .topline {
    height: 28px;
    padding: 0 16px;
  }

  .page-partners .nav {
    left: 16px;
    top: 28px;
    width: calc(100% - 32px);
  }

  .partners-hero {
    min-height: 794px;
  }

  .partners-hero::before,
  .partners-hero::after {
    display: none;
  }

  .partners-hero__inner {
    top: 266px;
    width: min(340px, calc(100vw - 48px));
  }

  .partners-hero h1 {
    font-size: 48px;
    line-height: 1.2;
  }

  .partners-hero__subtitle {
    font-size: 16px;
    margin-top: 20px;
  }

  .partners-hero__media {
    height: 180px;
    width: 50%;
  }

  .page-partners .partners-page-list,
  .page-partners .partners-benefits,
  .page-partners .cases,
  .page-partners .contact {
    width: calc(100% - 32px);
  }

  .page-partners .partners-page-list {
    padding-right: 0;
    padding-left: 0;
  }

  .partners-page-list__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .partners-page-list__head .section__title {
    font-size: 30px;
    line-height: 1.2;
  }

  .partners-page-list__program {
    min-height: 40px;
    width: 100%;
  }

  .partners-page-list__line {
    margin: 18px 0 16px;
  }

  .partners-page-list__toolbar {
    justify-content: flex-end;
    margin-bottom: 16px;
  }

  .page-partners .partners-page-list__filter {
    flex: 0 0 165px;
    width: 165px;
  }

  .page-partners .partners-page-list__filter .cases-page__filter-toggle {
    width: 165px;
  }

  .partners-page-list__filter .cases-page__filter-menu {
    width: 296px;
  }

  .partners-page-list__grid {
    gap: 12px;
    grid-template-columns: 1fr;
  }

  .partners-page-card {
    min-height: 156px;
    padding: 16px 14px 20px;
  }

  .partners-page-card__tag {
    font-size: 12px;
    min-height: 28px;
    padding: 0 12px;
  }

  .partners-page-card__logo {
    min-height: 86px;
    padding-top: 12px;
  }

  .partners-page-card__logo img,
  .partners-page-card__logo svg {
    max-height: 56px;
    max-width: 78%;
  }

  .page-partners .partners-page-list__more {
    margin: 14px 0 0 auto;
    min-height: 32px;
    padding: 0 12px;
  }

  .partners-benefits .section__title {
    font-size: 30px;
  }

  .partners-request .section__title {
    font-size: 30px;
    line-height: 1;
  }

  .partners-request .contact__form legend {
    font-size: 26px;
    line-height: 1;
  }

  .partners-request input,
  .partners-request textarea,
  .partners-request .attach,
  .partners-request .button,
  .partners-request .form__notice,
  .partners-request .contact__links span {
    font-size: 16px;
  }

  .partners-request .contact__links a {
    font-size: 28px;
  }

  .page-partners .partners-benefits {
    gap: 36px;
    grid-template-columns: 1fr;
    padding-right: 0;
    padding-left: 0;
  }

  .partners-benefits__list {
    gap: 28px;
  }

  .partners-benefits__list article {
    gap: 18px;
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .partners-benefits__list article .icon-box {
    height: 44px;
    width: 44px;
  }

  .partners-benefits__list h3 {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .page-partners .partners-benefits__list h3 {
    font-size: 20px;
    font-weight: 500;
  }

  .page-partners .partners-benefits__list p {
    color: rgba(9, 9, 9, 1);
  }

  .page-partners .partners-benefits__list article {
    gap: 36px;
  }

  .partners-benefits__list p {
    font-size: 14px;
    line-height: 1.4;
  }
}

.page-content {
  background: var(--white);
  min-height: 100vh;
  position: relative;
  z-index: var(--z-index-default);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}


.page-about section:not(.section) {
  padding: 140px 0;
}

.page-about section.history {
  padding-right: 0;
  padding-left: 0;
}

.section-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  gap: 20px;
}

.section-header--center {
  justify-content: center;
}

.section-header--center .section-header-top {
  text-align: center;
}

.section_subtitle {
  position: relative;
  font-size: 18px;
  color: var(--grey-grey);

  margin-bottom: 16px;
}

.section_subtitle span {
  position: relative;
  padding-left: 23px;
}

.section_subtitle span::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--main-colors-yellow);
  position: absolute;
  left: -1px;
  top: 8px;
}

.section_title {
  font-size: 56px;
  line-height: 136%;
  color: var(--main-colors-total-black);
  max-width: 754px;
}

.section-header_desc {
  max-width: 754px;
}

.section-header_desc p {
  font-size: 24px;
  font-weight: 600;
}

/* .section-header.black ================================================================================================================================== section-header.black */
.section-header.black .section-header--right {
  max-width: 597px;
  min-height: 414px;
}

.section-header.black .section_title {
  font-weight: 400;
  font-size: 56px;
  color: var(--main-colors-white);
}

.section-header.black .section-header__subtitle {
  font-weight: 600;
  font-size: 40px;
  color: var(--main-colors-yellow);
}

.section-header.black .section-header--right .section_title {
  margin: 20px 0;
}

.section-header.black .section-header_desc p {
  font-weight: 400;
  font-size: 18px;
  color: var(--main-colors-white);
}

@media (max-width: 1600px) {

  .section_title,
  .section-header.black .section_title,
  .section-header.black .section-header--right .section_title {
    font-size: 48px;
  }

  .section-header.black .section-header__subtitle {
    font-size: 36px;
  }

  .section-header_desc p,
  .section-header.black .section-header_desc p {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {

  .section_title,
  .section-header.black .section_title,
  .section-header.black .section-header--right .section_title {
    font-size: 40px;
  }

  .section-header.black .section-header__subtitle {
    font-size: 32px;
  }

  .section-header.black .section-header--right {
    max-width: 407px;
  }
}

@media (max-width: 767.9px) {


  .section-header {
    flex-direction: column;
  }

  .section-header--right {
    margin-top: 40px;
  }

  .history .section-header.black .section-header--right {
    margin-top: 0;
  }

  .section_title {
    font-size: 30px;
  }

  .section-header.black .section-header--right .section_title {
    font-size: 30px;
  }

  .section-header.black .section-header__subtitle {
    font-size: 26px;
    margin-top: 24px;
  }

  .section-header.black .section-header--right {
    max-width: 100%;
  }
}

* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0px;
  background: var(--white);
  color: var(--ink);
  font-family: Manrope, Arial, sans-serif;
  line-height: 1.35;
}

.page-404 {
  background: var(--black);
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
}

.page-404 > #bx-panel,
.page-404 .topline {
  flex-shrink: 0;
}
.page-404 .section{
  max-width: 1631px;
  padding-top: 0;
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  gap: 30px;
}
.page-404 .page-content {
  background: var(--black);
  color: var(--white);
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  min-height: 0;
  overflow-x: clip;
}

.page-404 .error-header {
  background: var(--black);
  flex: 0 0 auto;
  height: clamp(100px, 16dvh, 164px);
  overflow: visible;
  position: relative;
  z-index: 2;
}

.page-404 .nav {
  /* border-radius: 24px; */
  max-width: none;
  width: calc(100% - 80px);
}

.page-404 .footer {
  display: none !important;
}

.not-found-page {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
}

.not-found-page__inner {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 820px) minmax(0, 770px);
  justify-content: space-between;
  margin: 0 auto;
  max-width: none;
  width: calc(100% - 80px);
  height: 100%;
  min-height: 0;
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}

.not-found-page__content {
  padding-top: 0;
}

.not-found-page__code {
  color: var(--yellow);
  display: block;
  font-family: Manrope, Arial, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.36;
  margin: 0;
  margin-bottom: 20px;
}

.not-found-page #not-found-title {
  color: var(--white);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 20px;
}

.not-found-page p {
  font-family: "Tektur", sans-serif;
  font-weight: 400;
  font-size: 18px;
  max-width: 567px;
  color: #fefefe;
  margin-bottom: 40px;
  line-height: 1.28;
}

.page-404 .not-found-page__button {
  border-radius: 200px;
  font-size: 16px;
  gap: 18px;
  height: 44px;
  padding: 0 20px;
  width: 225px;
}

.page-404 .not-found-page__button span {
  font-size: 22px;
  line-height: 1;
}

.not-found-page__media {
  justify-self: end;
  max-width: 720px;
  width: 100%;
  height: 100%;
  min-height: 0;
  position: relative;
}

.not-found-page__media img {
  display: block;
  height: 100%;
  object-fit: contain;
  position: absolute;
  inset: 0;
  width: 100%;
}

@media (max-width: 1100px) {
  .page-404 .error-header {
    height: clamp(96px, 16dvh, 142px);
  }
}

@media (max-width: 1024px) {
  .page-404 .section{
    grid-template-columns: minmax(0, 567px) minmax(0, 354px);
  }
  .not-found-page__inner{
    align-items: start;
  }
  .not-found-page__content{
    max-width: 567px;
    width: 100%;
    padding-top: 0;
  }
  .not-found-page__code{
    font-size: 48px;
    line-height: 1.31;
  }
  .not-found-page #not-found-title{
    font-size: 40px;
    line-height: 1.37;
  }
  .not-found-page p{
    font-size: 16px;
    line-height: 1.31;
  }
  .not-found-page__media{
    max-width: 354px;
  }
}
@media (max-width: 768px) {
  .page-404 .error-header .nav{
    top: 16px;
    width: calc(100% - 32px);
  }
  .page-404 .section{
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    gap: clamp(8px, 2dvh, 24px);
    padding-bottom: max(16px, env(safe-area-inset-bottom));
  }
  .not-found-page__content{
    max-width: 100%;
    grid-row: 2;
  }
  .not-found-page__media {
    grid-row: 1;
    justify-self: center;
  }
  .not-found-page__code {
    font-size: clamp(30px, 6dvh, 48px);
    margin-bottom: clamp(8px, 2dvh, 20px);
  }
  .not-found-page #not-found-title {
    font-size: clamp(28px, 5dvh, 40px);
    line-height: 1.2;
    margin-bottom: clamp(8px, 2dvh, 20px);
  }
  .not-found-page p {
    margin-top: 0;
    margin-bottom: clamp(12px, 3dvh, 40px);
  }
}

@media (max-width: 390px) {
  .not-found-page__media{
    max-width: 358px;
  }
  .not-found-page__code{
    font-size: 34px;
  }
  .not-found-page #not-found-title{
    font-size: 30px;
  }
}

/* На коротком горизонтальном экране иллюстрация остаётся рядом с текстом. */
@media (min-width: 560px) and (max-width: 768px) and (max-height: 500px) {
  .page-404 .error-header {
    height: 88px;
  }

  .page-404 .error-header .nav {
    top: 8px;
  }

  .page-404 .not-found-page__inner {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: center;
  }

  .page-404 .not-found-page__content {
    grid-area: 1 / 1;
  }

  .page-404 .not-found-page__media {
    grid-area: 1 / 2;
  }

  .page-404 .not-found-page__code {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 6px;
  }

  .page-404 #not-found-title {
    font-size: 26px;
    line-height: 1.15;
    margin-bottom: 6px;
  }

  .page-404 .not-found-page p {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

.topline {
  align-items: center;
  background: var(--yellow);
  color: var(--ink-soft);
  display: flex;
  font-size: 16px;
  gap: 8px;
  height: 28px;
  overflow: hidden;
  padding: 0px 40px;
  white-space: nowrap;
}

.topline.is-hidden {
  display: none;
}

.topline__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topline__content {
  display: inline-block;
  vertical-align: top;
}

.topline__link {
  text-decoration: underline;
}

@keyframes topline-scroll {
  0%, 10% { transform: translateX(0); }
  90%, 100% { transform: translateX(var(--topline-distance)); }
}

@media (max-width: 1600px) {
  .topline__content {
    width: max-content;
  }

  .topline__text.is-scrolling {
    text-overflow: clip;
  }

  .topline__text.is-scrolling .topline__content {
    animation: topline-scroll var(--topline-duration) linear infinite alternate;
  }

  .topline__text:focus-within .topline__content,
  .topline__text:active .topline__content {
    animation-play-state: paused;
  }
}

@media (max-width: 1600px) and (prefers-reduced-motion: reduce) {
  .topline .topline__text.is-scrolling {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .topline__text.is-scrolling .topline__content {
    animation: none;
  }
}

.topline__close {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  margin-left: auto;
  padding: 0;
  position: relative;
  width: 20px;
}

.topline__close::before,
.topline__close::after {
  background: var(--ink-soft);
  content: "";
  height: 1.5px;
  left: 4px;
  position: absolute;
  width: 12px;
}

.topline__close::before {
  transform: rotate(45deg);
}

.topline__close::after {
  transform: rotate(-45deg);
}

.topline__dot {
  background: rgba(255, 71, 43, 1);
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  min-width: 10px;
  width: 10px;
}

.hero {
  background: var(--black);
  color: var(--white);
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  overflow: hidden;
  position: relative;
}

.hero::before,
.hero::after {
  background: rgb(42, 42, 42);
  content: "";
  position: absolute;
}

.hero::before {
  height: 1px;
  left: 0px;
  right: 0px;
  top: 128px;
}

.hero::after {
  bottom: 40px;
  height: 1px;
  left: 0px;
  right: 0px;
}

.nav {
  align-items: center;
  background: rgb(32, 34, 35);
  border: 1px solid rgb(56, 60, 62);
  border-radius: 8px;
  display: flex;
  gap: 0px;
  height: 72px;
  justify-content: space-between;
  left: 50%;
  max-width: var(--max);
  padding: 6px 16px;
  position: absolute;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 80px);
  z-index: 3;
}

.nav:has(.mega-menu.is-open) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.brand {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 700;
  gap: 10px;
  height: 40px;
  overflow: hidden;
  min-width: 130px;
  text-transform: lowercase;
}

.brand__mark {
  align-items: center;
  background: var(--yellow);
  border-radius: 50%;
  color: var(--ink);
  display: inline-flex;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.nav__links,
.nav__actions {
  align-items: center;
  display: flex;
  gap: 8px;
}

.nav__links a {
  border-radius: 8px;
  color: var(--white);
  font-size: 14px;
  padding: 11px 12px;
  white-space: nowrap;
}

.nav__links a.nav__links--dropdown,
.nav__links button.nav__links--dropdown {
  margin-right: 11px;
  padding-right: 30px;
}

.nav__links a.nav__links--dropdown,
.nav__links button.nav__links--dropdown {
  background-color: transparent;
  border: 0;
  border-radius: 200px;
  color: var(--white);
  cursor: pointer;
  font-size: 14px;
  padding-bottom: 11px;
  padding-left: 12px;
  padding-top: 11px;
  position: relative;
  white-space: nowrap;
}

.nav__links a.nav__links--dropdown::after,
.nav__links button.nav__links--dropdown::after {
  border-bottom: 2px solid var(--white);
  border-right: 2px solid var(--white);
  content: "";
  height: 8px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.2s ease;
  width: 8px;
}

.nav__links a.nav__links--dropdown[aria-expanded="true"]::after,
.nav__links button.nav__links--dropdown[aria-expanded="true"]::after {
  transform: translateY(-35%) rotate(225deg);
}

.nav__links a:hover,
.nav__links button:hover {
  background: rgb(56, 60, 62);
}

.nav__bot::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  margin-right: 10px;
  position: relative;
  top: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='white'/%3E%3C/svg%3E%0A");
}

.nav__phone {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  color: var(--ink);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.button {
  align-items: center;
  border: 0px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 40px;
  padding: 0px 20px;
}

.button--small {
  font-size: 14px;
  width: 188px;
}

.button--yellow {
  background: var(--yellow);
  color: var(--ink);
}

.button--dark {
  background: var(--ink-soft);
  border: 1px solid var(--ink-soft);
  border-radius: 200px;
  color: var(--panel);
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.button--dark:hover {
  background: var(--main-colors-total-black);
  border-color: var(--main-colors-total-black);
}

.button--outline {
  background: var(--white);
  border: 1px solid var(--ink-soft);
  color: var(--ink-soft);
}

.hero__grid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(460px, 631px);
  margin: 0px auto;
  max-width: var(--max);
  min-height: 755px;
  padding: 128px 0px 40px;
  position: relative;
  width: calc(100% - 80px);
}

.hero__copy {
  align-self: end;
  padding: 0px 0px 28px 28px;
  position: relative;
  z-index: 2;
}

.hero h1 {
  font-size: clamp(30px, 2.5vw, 36px);
  font-weight: 600;
  line-height: 1.33;
  margin: 0px 0px 28px;
  max-width: 688px;
}

.hero__button {
  height: 60px;
  width: min(400px, 100%);
}

.hero__image {
  align-self: end;
  height: 537px;
  object-fit: cover;
  width: 70%;
}

.section {
  margin: 0px auto;
  padding: 76px 0px;
  width: calc(100% - 80px);
}

@media (max-width: 1600px) {
  .section {
    max-width: var(--max);
  }
}

.section--intro {

  text-align: center;
}

.section__eyebrow {
  align-items: center;
  color: #808080;
  display: flex;
  font-family: Tektur, sans-serif;
  font-size: 18px;
  gap: 11px;
  margin-bottom: 16px;
}

.section__eyebrow span {
  background: var(--yellow);
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  width: 12px;
}

.section__eyebrow--center {
  justify-content: center;
}

.section__title {
  color: var(--ink);
  font-size: clamp(30px, 3.4vw, 48px);
  font-weight: 500;
  line-height: 1.38;
  margin: 0px;
  max-width: 640px;
}

.section__title--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section__lead {
  color: var(--main-colors-total-black);
  font-size: 16px;
  margin: 18px 0px 0px;
  max-width: 900px;
}

.section__lead--center {
  margin-left: auto;
  margin-right: auto;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
}
.service-card {
  border-right: 1px solid #E2E3E4;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 340px;
  padding: 40px 24px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  color: #505558;
}
.service-card__icon {
  margin-bottom: 20px;
}
.service-card:nth-child(n+4) {
  border-top: 1px solid #E2E3E4;
}
.service-card:nth-child(1n){
  background: #FFFFFF;
}
.service-card:nth-child(2n){
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFBFB 100%);
}
.service-card:nth-child(3n){
  border-right: none;
}
.service-card--wide {
  grid-column: span 7;
  padding: 91px 40px;
}
.service-card h3 {
  margin: 0;
  margin-bottom: 10px;
  font-size: 22px;
  color: #090909;
  font-weight: 600;
}

/* HISTORY ==================================================================================================================================  HISTORY */
.history {
  background-color: var(--main-black);
  padding-right: 0;
  padding-left: 0;
}

.history .section-header {
  margin-bottom: 0;
}

.history-title-line {
  display: block;
}

.history-date {
  padding-top: 200px;
}

.history-date__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.history-date__item {
  width: 100%;
}

.history-date__item p {
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: var(--main-colors-white);
  margin-bottom: 22px;
}

.history-date__decor {
  width: 100%;
  border-radius: 14px;
  height: 8px;
  background: var(--black-black-2);
  overflow: hidden;
}

.history-date__decor-fill {
  width: 0;
  height: 100%;
  background: var(--main-colors-yellow);
}

.history .section-header.black .section-header--right {
  display: none;
  min-height: auto;
}

.history .section-header.black .section-header--right.is-active {
  display: block;
}

.history-date__item {
  cursor: pointer;
}

@media (max-width: 1600px) {
  .history {
    padding-right: 0;
    padding-left: 0;
  }

  .history-date {
    padding-top: 124px;
  }
}

@media (max-width: 1024px) {
  .partners-wrapper {
    flex-direction: column-reverse;
    gap: 48px;
  }

  .partners-carusel {
    max-width: 100%;
  }

  .partners-navigation__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .partners-navigation__item {
    border: 1px solid var(--black-black-2);
    border-radius: 200px;
    padding: 10px 16px;
  }
}

@media (max-width: 767.9px) {
  .partners {
    padding-right: 0;
    padding-left: 0;
  }

  .partners-wrapper {
    gap: 36px;
  }

  .partners-navigation__list {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    row-gap: 16px;
  }

  .partners-navigation__list::-webkit-scrollbar {
    display: none;
  }

  .partners-navigation__item {
    flex: 0 0 auto;
    font-size: 14px;
    white-space: nowrap;
  }

  .partners-navigation__link a {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .history {
    padding-right: 0;
    padding-left: 0;
  }

  .history-date__list {
    gap: 8px;
  }

  .history-date {
    padding-top: 181px;
  }
}

@media (max-width: 767.9px) {
  .history {
    padding-right: 0;
    padding-left: 0;
  }

  .history-date {
    padding-top: 63px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .history-date__list {
    width: 814px;
  }
}

@media (max-width: 390px) {
  .history {
    padding-right: 0;
    padding-left: 0;
  }
}

/* HISTORY END ==================================================================================================================================  HISTORY END */

/* partners ==================================================================================================================================  partners */
.partners {
  background-color: var(--main-black);
  padding-right: 0;
  padding-left: 0;
}

.about-dark-sections {
  background: var(--main-black);
}

.about-dark-sections .history,
.about-dark-sections .partners {
  background: transparent;
}

.partners-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 72px;
  min-width: 0;
}

.partners-carusel {
  max-width: 1000px;
  overflow: hidden;
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}

.partners-carusel::before,
.partners-carusel::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 120px;
  pointer-events: none;
}

.partners-carusel::before {
  left: 0;
  background: linear-gradient(90deg, #0c0c0c 0%, rgba(12, 12, 12, 0) 100%);
}

.partners-carusel::after {
  right: -1px;
  background: linear-gradient(270deg, #0c0c0c 0%, rgba(12, 12, 12, 0) 100%);
}

@media (max-width: 1599.9px) {
  .partners-carusel {
    min-width: 55%;
  }
}

.partners-carusel__top,
.partners-carusel__bottom {
  margin-bottom: 24px;
}

.partners-carusel__item {
  align-items: center;
  border: 1px solid #383C3E;
  border-radius: 8px;
  display: flex;
  height: 174px;
  justify-content: center;
  opacity: .35;
  transition: .3s;
  width: 260px;
}

.partners-carusel__item img {
  max-width: calc(100% - 40px);
  max-height: 100px;
  object-fit: contain;
}

.partners-carusel__item svg,
.partners-carusel__item img {
  filter: grayscale(100%);
}

.partners-carusel__item.active svg,
.partners-carusel__item.is-active svg,
.partners-carusel__item.active img,
.partners-carusel__item.is-active img {
  filter: grayscale(0%);
}

.partners-carusel__item.active,
.partners-carusel__item.is-active {
  opacity: 1;
}

.partners--logos .partners-logo-filters {
  position: absolute;
  pointer-events: none;
}

.partners--logos .partners-carusel__item {
  flex-shrink: 0;
  border-color: #202223;
  opacity: 1;
}

.partners--logos .partners-carusel__item > svg,
.partners--logos .partners-carusel__item > img {
  max-width: calc(100% - 40px);
  max-height: 100px;
  filter: url(#partners-logo-muted);
}

.partners--logos .partners-carusel__item.active,
.partners--logos .partners-carusel__item.is-active {
  border-color: #81898d;
}

.partners--logos .partners-carusel__item.active > svg,
.partners--logos .partners-carusel__item.is-active > svg,
.partners--logos .partners-carusel__item.active > img,
.partners--logos .partners-carusel__item.is-active > img {
  filter: url(#partners-logo-yellow);
}

.swiper-wrapper {
  transition-timing-function: linear !important;
}

.partners-navigation {
  flex: 1 1 560px;
  max-width: 840px;
  min-width: 40%;
  width: min(100%, 840px);
  padding-top: 3px;
}

.partners-navigation .section-header {
  margin-bottom: 20px;
}

.partners-navigation .section-header--left {
  width: 100%;
}

.partners-navigation .section_subtitle {
  color: var(--black-black-6);
}

.partners-navigation .section_title {
  margin-bottom: 20px;
}

.partners-navigation .section-header_desc {
  max-width: 100%;
}

.partners-navigation__list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 32px;
  margin-bottom: 76px;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.partners-navigation__item {
  max-width: 100%;
  overflow-wrap: anywhere;
  width: auto;
  min-height: 40px;
  padding: 11px 20px 10px;
  border: 1px solid var(--black-black-7);
  border-radius: 200px;
  background: transparent;
  color: var(--black-black-7);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.partners-navigation__item:hover {
  border-color: var(--main-colors-yellow);
  color: var(--main-colors-yellow);
}

.partners-navigation__item.active,
.partners-navigation__item.is-active {
  border-color: var(--main-colors-yellow);
  background: var(--main-colors-yellow);
  color: var(--main-colors-total-black);
}

.partners-navigation__program {
  min-height: 40px;
  width: auto;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  margin-bottom: 0;
  padding: 9px 20px 10px;
  border: 1px solid var(--main-colors-yellow);
  border-radius: 200px;
  background: var(--main-colors-yellow);
  color: var(--main-colors-total-black);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  transition: background-color .2s ease, color .2s ease;
}

.partners-navigation__program img {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  object-fit: contain;
}

.partners-navigation__program:hover {
  background: var(--main-colors-white);
  border-color: var(--main-colors-white);
}

.partners-navigation__link a {
  min-height: 64px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 24px;
  border-radius: 8px;
  background: var(--main-colors-white);
  color: var(--main-colors-total-black);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .2s ease, color .2s ease;
}

.partners-navigation__link a:hover {
  background: var(--main-colors-yellow);
}

.partners-navigation__link svg {
  flex: 0 0 24px;
}

.about-daily-services .partners-carusel__top,
.about-daily-services .partners-carusel__bottom {
  overflow: hidden;
}

.about-daily-services .swiper-wrapper {
  display: flex;
  gap: 24px;
  width: max-content;
}

.about-daily-services .partners-carusel__top .swiper-wrapper {
  animation: aboutServicesMarquee var(--partners-marquee-duration, 34s) linear infinite;
}

.about-daily-services .partners-carusel__bottom .swiper-wrapper {
  animation: aboutServicesMarqueeReverse var(--partners-marquee-duration, 34s) linear infinite;
}

.about-daily-services .partners-carusel:hover .swiper-wrapper {
  animation-play-state: paused;
}

@keyframes aboutServicesMarquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(var(--partners-marquee-offset, -50%));
  }
}

@keyframes aboutServicesMarqueeReverse {
  from {
    transform: translateX(var(--partners-marquee-offset, -50%));
  }

  to {
    transform: translateX(0);
  }
}

@media (max-width: 1024px) {
  .partners-wrapper {
    flex-direction: column-reverse;
    gap: 56px;
  }

  .partners-carusel {
    max-width: 100%;
  }

  .partners-navigation {
    width: 100%;
    flex-basis: auto;
  }

  .partners-navigation__list {
    display: flex;
    gap: 16px 14px;
    margin-bottom: 56px;
  }

  .partners-navigation__item {
    min-height: 40px;
    padding: 9px 22px 10px;
    font-size: 16px;
  }
}

@media (max-width: 767.9px) {
  .partners {
    padding-right: 0;
    padding-left: 0;
  }

  .partners-wrapper {
    gap: 36px;
  }

  .partners-navigation .section-header {
    margin-bottom: 28px;
  }

  .partners-navigation__list {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 36px;
    padding-right: 16px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    width: 100%;
    row-gap: 16px;
  }

  .partners-navigation__list::-webkit-scrollbar {
    display: none;
  }

  .partners-navigation__item {
    flex: 0 0 auto;
    width: auto;
    min-height: 40px;
    padding: 9px 16px 10px;
    border-radius: 200px;
    font-size: 16px;
    white-space: nowrap;
  }

  .partners-navigation__link a {
    min-height: 52px;
    padding: 15px 18px;
    font-size: 16px;
  }

  .partners-navigation__program {
    min-height: 40px;
    width: auto;
    padding: 9px 16px 10px;
    font-size: 16px;
  }
}

@media (max-width: 767.9px) {
  .partners-wrapper {
    flex-direction: column;
  }

  .partners-navigation {
    display: contents;
  }

  .partners-navigation .section-header {
    order: 1;
  }

  .partners-navigation__list {
    order: 2;
  }

  .partners-carusel {
    order: 3;
  }

  .partners-navigation__program {
    justify-self: center;
    order: 4;
  }
}

/* partners END ==================================================================================================================================  partners END */

.daily-services {
  background: var(--main-colors-white);
  color: var(--main-colors-total-black);
  padding-right: 0;
  padding-left: 0;
}

.daily-services__inner {
  display: block;
}

.daily-services__head {
  display: grid;
  grid-template-columns: minmax(0, 905px) 173px;
  gap: 40px;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 80px;
}

.daily-services__title-group {
  min-width: 0;
}

.daily-services__title {
  max-width: 905px;
  margin: 0;
  color: var(--main-colors-total-black);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.36;
}

.daily-services__all,
.daily-services__more {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 200px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.daily-services__all {
  width: 173px;
  color: var(--main-colors-total-black);
  background: var(--main-colors-white);
  border: 1px solid var(--black-black-8);
}

.daily-services__all:hover {
  border-color: var(--main-colors-total-black);
}

.daily-services__body {
  display: grid;
  grid-template-columns: 720px 600px;
  gap: 80px;
  justify-content: space-between;
  align-items: start;
}

.daily-services__logos {
  display: grid;
  grid-template-columns: repeat(4, 135px);
  gap: 93px 60px;
  width: 720px;
}

.daily-services__logo {
  width: 135px;
  height: 135px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  background: var(--main-colors-white);
  border: 1px solid #B7BBBE;
  border-radius: 8px;
  color: inherit;
  cursor: pointer;
  font: inherit;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.daily-services__logo:hover,
.daily-services__logo.is-active {
  border-color: #B7BBBE;
  box-shadow: inset 0 0 0 1px #B7BBBE;
}

.daily-services__logo:focus-visible {
  outline: 2px solid var(--main-colors-total-black);
  outline-offset: 4px;
}

.daily-services__logo img {
  width: 84px;
  display: block;
  object-fit: contain;
  pointer-events: none;
}

.daily-services__tool {
  width: 600px;
}

.daily-services__tool h3 {
  margin: 0 0 20px;
  color: var(--main-colors-total-black);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.38;
}

.daily-services__panel {
  animation: dailyServicesPanel .28s ease;
}

.daily-services__panel[hidden] {
  display: none;
}

.career-office-pdf__dots .swiper-pagination-bullet {
  width: 6px;
}

.career-office-pdf__dots .swiper-pagination-bullet-active {
  width: 32px;
}

@keyframes dailyServicesPanel {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.daily-services__text {
  margin-bottom: 20px;
  color: var(--main-colors-total-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.38;
}

.daily-services__text p {
  margin: 0 0 18px;
}

.daily-services__text ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.daily-services__text li {
  margin: 0;
}

.daily-services__more {
  width: 251px;
  background: var(--black-black-1);
  border: 1px solid var(--black-black-1);
  color: var(--main-colors-white);
}

.daily-services__more:hover {
  background: var(--main-colors-total-black);
  border-color: var(--main-colors-total-black);
}

.why {
  justify-content: space-between;
}

.why h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0px 0px 13px;
}

/* .reveal[data-reveal-delay="3"] h3,
.reveal[data-reveal-delay="3"] p {
  text-align: center;
} */

.why .reveal[data-reveal-delay="3"] h3,
.why .reveal[data-reveal-delay="3"] p,
.approach.reveal h3,
.approach.reveal p {
  text-align: left !important;
}

.blog .blog__grid h3,
.blog .blog__grid p,
.blog.reveal[data-reveal-delay="3"] .blog__grid h3,
.blog.reveal[data-reveal-delay="3"] .blog__grid p {
  text-align: left !important;
}

.approach .approach__intro p {
  margin-left: auto;
  color: #B7BBBE;
}

.why .reveal h3 {
  font-size: 22px;
  margin-bottom: 20px;
  max-width: 100%;
}

.why .reveal p {
  max-width: 100%;
}

.why .reveal[data-reveal-delay="3"] h3 {}

.why p {
  color: rgb(80, 85, 88);
  font-size: 16px;
  margin: 0px;
  max-width: 460px;
}

.why {
  display: grid;
  gap: 135px;
  grid-template-columns: 555px minmax(0px, 670px);

}

.why .section__eyebrow {}

.why__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 458px;
}

.why .section__eyebrow {
  margin-bottom: 24px;
}

.why .section__title {
  line-height: 1.05;
}

.why__image {
  height: 217px;
  margin-top: auto;
  object-fit: contain;
  width: 248px;
}

.why__list {
  display: grid;
  gap: 40px;
}

.why__list article {
  display: grid;
  gap: 36px;
  grid-template-columns: 60px minmax(0px, 1fr);
}

.icon-box {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  height: 60px;
  width: 60px;
}

.career-benefits__list article .icon-box,
.partners-benefits__list article .icon-box,
.page-service .why__list article .icon-box {
  display: grid;
  place-items: center;
}

.career-benefits__list .icon-box img,
.partners-benefits__list .icon-box img,
.partners-benefits__list .icon-box svg,
.page-service .why__list .icon-box img,
.page-service .why__list .icon-box svg {
  display: block;
  width: 28px;
  height: 28px;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.approach__intro {
  align-items: end;
  display: flex;
  gap: 80px;
  justify-content: space-between;
  margin-bottom: 80px;
}

.approach__intro>p {
  max-width: 496px;
  color: #B7BBBE;
  font-size: 16px;
  font-weight: 400;
}
.approach__intro-left {
  max-width: 555px;
}
@media (min-width: 992px) {
  .page-service .approach__container .approach__intro {
    display: grid;
    grid-template-columns: minmax(0, 555px) minmax(0, 496px);
    align-items: start;
    row-gap: 0;
  }

  .page-service .approach__container .approach__intro-left {
    display: contents;
  }

  .page-service .approach__container .approach__intro-left > .section__eyebrow,
  .page-service .approach__container .approach__intro-left > .section__title {
    grid-column: 1;
  }

  .page-service .approach__container .approach__intro-right {
    grid-column: 2;
    grid-row: 2;
  }
}
.approach__cards {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.approach__cards article {
  display: grid;
  gap: 132px;
  width: 100%;
  align-items: start;
  grid-template-columns: 120px 1fr 496px;
  padding-bottom: 24px;
  border-bottom: 1px solid #383C3E;
}
.approach__cards article:last-child {
  border-bottom: none;
}
.approach__card-number {
  color:#FFE700;
  font-weight: 500;
  font-size: 20px;
}
.approach__intro-right {
  max-width: 496px;
}
.approach__intro-title {
  font-size: 20px;
  font-weight: 500;
  color: #FEFEFE;
  margin-bottom: 8px;
}
.approach__intro-price {
  font-size: 20px;
  font-weight: 500;
  color: #FFE700;
  margin-bottom: 16px;
}

.cases {
  background: #F4F5F5;
  box-shadow: 0 0 0 100vmax #F4F5F5;
  clip-path: inset(0 -100vmax);

}

.cases .section__title {
  max-width: 1360px;
}

.cases__title-mobile {
  display: none;
}

.cases__head {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.cases__head .section__eyebrow--center {
  justify-content: flex-start;
}

.cases__head .section__title--center {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.cases__more {
  flex-shrink: 0;
  gap: 10px;
  min-height: 40px;
}

.cases__more svg {
  flex-shrink: 0;
}

.case-slider {
  --case-card-height: min(442px, calc((100vw - 140px) / 3.7));
  --case-card-ratio: 0.64;
  --case-card-active-ratio: 3.1;
  --case-card-resize-duration: 700ms;
  --case-card-ease: cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 60px;
  overflow: hidden;
  touch-action: pan-y;
}

.case-strip {
  align-items: stretch;
  display: flex;
  gap: 20px;
  transition: transform var(--case-card-resize-duration) var(--case-card-ease);
  width: 100%;
}

.case-card {
  appearance: none;
  background: rgb(17, 17, 17);
  border-radius: 8px;
  border: 0px;
  color: var(--white);
  cursor: pointer;
  flex: 1 1 0;
  height: var(--case-card-height);
  font: inherit;
  min-width: 0px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  text-align: left;
  text-decoration: none;
}

.case-slider.is-ready .case-card {
  flex: 0 0 auto;
}

.case-card.is-active {
  cursor: pointer;
  flex-grow: var(--case-card-active-ratio);
}

.case-slider.is-ready .case-card.is-active {
  flex-grow: 0;
}

.case-card:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 4px;
}

.case-card__image,
.case-card__shade {
  position: absolute;
}

.case-card__shade {
  inset: 0px;
  background: linear-gradient(rgba(12, 12, 12, 0.08), rgba(12, 12, 12, 0.76));
  opacity: 0;
  transition: opacity 420ms ease;
  pointer-events: none;
}

.case-card__image {
  filter: grayscale(1);
  height: 120%;
  left: 50%;
  object-fit: cover;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: filter 420ms ease, transform 700ms var(--case-card-ease);
  width: 120%;
  max-width: none;
}

.case-card:not(.is-active):hover .case-card__image,
.case-card:not(.is-active):focus-visible .case-card__image {
  filter: grayscale(0);
  transform: translate(-50%, -50%) scale(1.05);
}

.case-card.is-active .case-card__image {
  filter: grayscale(0);
  transform: translate(-50%, -50%) scale(1.01);
}

.case-card.is-active .case-card__shade,
.case-card:not(.is-active):hover .case-card__shade,
.case-card:not(.is-active):focus-visible .case-card__shade {
  opacity: 1;
}

.case-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  opacity: 0;
  padding: 16px 24px 24px;
  position: relative;
  transform: translateY(14px);
  transition: opacity 360ms ease 80ms, transform 520ms var(--case-card-ease) 80ms;
}

.case-card.is-active .case-card__body {
  opacity: 1;
  transform: translateY(0px);
}

.case-card__tags {
  display: flex;
  gap: 16px;
}

.case-card__tags span {
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 200px;
  font-size: 16px;
  padding: 8px 14px;
}

.case-card strong {
  display: block;
  font-size: 28px;
  margin-bottom: 6px;
}

.case-card__description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  font-size: 24px;
  line-height: 1.25;
  max-height: 2.5em;
  overflow: hidden;
}

.case-slider__controls {
  align-items: center;
  display: none;
  gap: 28px;
  justify-content: flex-end;
  margin-top: 24px;
}

.case-slider__controls button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ink-soft);
  cursor: pointer;
  display: inline-flex;
  font-size: 0;
  height: 35px;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 19px;
}

.case-slider__controls button::before {
  background: currentColor;
  content: "";
  display: block;
  height: 17px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 1L2 8.5M2 8.5L9.5 16M2 8.5H19' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 1L2 8.5M2 8.5L9.5 16M2 8.5H19' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 19px;
}

.case-slider__controls button:last-child {
  color: var(--ink-soft);
  transform: rotate(180deg);
}

.case-slider__controls button:disabled {
  color: var(--muted);
}

.faq__list {
  display: grid;
  gap: 17px;
  margin-top: 42px;
}

.faq__list details {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  transition: height 320ms ease, border-color 320ms ease;
}

.faq__list summary {
  cursor: pointer;
  font-size: 22px;
  font-weight: 600;
  list-style: none;
  padding: 24px 64px 24px 31px;
  position: relative;
}

.faq__list summary::-webkit-details-marker {
  display: none;
}

.faq__list summary::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5734 17.2297L19.2921 26.5109C19.0986 26.7045 18.8362 26.8132 18.5625 26.8132C18.2888 26.8132 18.0264 26.7045 17.8329 26.5109C17.6394 26.3174 17.5307 26.055 17.5307 25.7813C17.5307 25.5077 17.6394 25.2452 17.8329 25.0517L25.3546 17.5313H5.15625C4.88275 17.5313 4.62044 17.4227 4.42705 17.2293C4.23365 17.0359 4.125 16.7736 4.125 16.5001C4.125 16.2266 4.23365 15.9643 4.42705 15.7709C4.62044 15.5775 4.88275 15.4688 5.15625 15.4688H25.3546L17.8329 7.94844C17.6394 7.75494 17.5307 7.49249 17.5307 7.21884C17.5307 6.94518 17.6394 6.68273 17.8329 6.48923C18.0264 6.29572 18.2888 6.18701 18.5625 6.18701C18.8362 6.18701 19.0986 6.29572 19.2921 6.48923L28.5734 15.7705C28.6692 15.8663 28.7453 15.98 28.7972 16.1052C28.8491 16.2304 28.8758 16.3646 28.8758 16.5001C28.8758 16.6356 28.8491 16.7698 28.7972 16.895C28.7453 17.0202 28.6692 17.1339 28.5734 17.2297Z' fill='%23383C3E'/%3E%3C/svg%3E%0A");
  font-weight: 400;
  position: absolute;
  width: 33px;
  height: 33px;
  right: 16px;
  top: 50%;
  transition: transform 320ms ease;
  margin-top: -17px;
}

.faq__list details[open] summary::after {
  transform: rotate(90deg);
}

.faq__list details p {
  color: rgb(80, 85, 88);
  margin: -8px 64px 24px 31px;
  text-align: left !important;
}

.contact {
  align-items: stretch;
  display: grid;
  gap: 135px;
  grid-template-columns: 555px minmax(0px, 670px);

  padding-left: 10px;
  justify-content: space-between;
}

.contact__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contact__links {
  display: grid;
  gap: 26px;
  margin-bottom: 16px;
}

.contact__links span {
  color: var(--muted);
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
}

.contact__links>div:last-child {
  margin-top: 56px;
}

.contact__links a {
  font-size: 28px;
  font-weight: 500;
  text-decoration: underline 1px;
  text-underline-offset: 3px;
}

.messengers {
  display: flex;
  justify-content: left;
  gap: 50px;
}

.contact__links .messengers a {
  text-decoration: none;
}

.contact__form {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 40px;
}

fieldset {
  border: 0px;
  margin: 0px 0px 2px;
  padding: 0px;
}

fieldset:nth-child(2) label {
  margin-bottom: 24px;
}

legend {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 24px;
  padding: 0;
}

label {
  display: block;
  margin-bottom: 24px;
}

label span {
  color: var(--muted);
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

input,
textarea {
  background: transparent;
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(183, 187, 190);
  border-image: initial;
  border-radius: 0px;
  color: var(--ink);
  min-height: 31px;
  outline: 0px;
  width: 100%;
}

textarea {
  min-height: 82px;
  resize: vertical;
}

.contact__form textarea {
  min-height: 143px;
  resize: vertical;
}

.form__actions {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-bottom: 35px;
}

.attach {
  background: transparent;
  border: 0px;
  color: var(--ink-soft);
  cursor: pointer;
  padding: 0px;
}

.attach::after {
  position: relative;
  top: 5px;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6553 11.4692C19.725 11.5388 19.7803 11.6215 19.8181 11.7126C19.8558 11.8036 19.8753 11.9012 19.8753 11.9998C19.8753 12.0984 19.8558 12.196 19.8181 12.287C19.7803 12.3781 19.725 12.4608 19.6553 12.5304L11.9631 20.2179C10.9784 21.2025 9.64281 21.7556 8.25027 21.7556C6.85772 21.7555 5.52225 21.2022 4.53763 20.2175C3.55301 19.2327 2.99991 17.8972 3 16.5046C3.00009 15.1121 3.55336 13.7766 4.5381 12.792L13.8437 3.34949C14.5468 2.64571 15.5006 2.25004 16.4953 2.24951C17.4901 2.24898 18.4443 2.64365 19.1481 3.34668C19.8519 4.04971 20.2476 5.00352 20.2481 5.99828C20.2486 6.99305 19.8539 7.94728 19.1509 8.65105L9.84341 18.0936C9.42072 18.5162 8.84743 18.7537 8.24966 18.7537C7.65189 18.7537 7.0786 18.5162 6.65591 18.0936C6.23322 17.6709 5.99576 17.0976 5.99576 16.4998C5.99576 15.902 6.23322 15.3287 6.65591 14.9061L14.4653 6.97293C14.5337 6.89995 14.616 6.8414 14.7074 6.80071C14.7988 6.76002 14.8974 6.73802 14.9974 6.73601C15.0974 6.734 15.1968 6.75201 15.2897 6.78899C15.3827 6.82596 15.4673 6.88116 15.5386 6.95132C15.6098 7.02149 15.6664 7.10521 15.7048 7.19755C15.7433 7.28989 15.7629 7.38899 15.7625 7.48902C15.762 7.58904 15.7416 7.68797 15.7024 7.77999C15.6632 7.872 15.6059 7.95524 15.534 8.0248L7.72372 15.9664C7.6538 16.0357 7.59822 16.1182 7.56016 16.2091C7.5221 16.2999 7.50231 16.3974 7.50192 16.4959C7.50153 16.5944 7.52054 16.692 7.55787 16.7832C7.59521 16.8743 7.65013 16.9572 7.71951 17.0271C7.78888 17.0971 7.87135 17.1527 7.9622 17.1907C8.05306 17.2288 8.15052 17.2486 8.24902 17.249C8.34753 17.2493 8.44514 17.2303 8.53629 17.193C8.62745 17.1557 8.71036 17.1007 8.78029 17.0314L18.0868 7.59355C18.5095 7.17173 18.7473 6.59928 18.748 6.00212C18.7486 5.40497 18.5119 4.83202 18.0901 4.40933C17.6683 3.98665 17.0959 3.74884 16.4987 3.74822C15.9015 3.74761 15.3286 3.98423 14.9059 4.40605L5.60216 13.8448C5.25363 14.1928 4.97704 14.606 4.7882 15.0609C4.59936 15.5158 4.50197 16.0034 4.50158 16.4959C4.50119 16.9884 4.59781 17.4762 4.78592 17.9313C4.97403 18.3865 5.24996 18.8002 5.59794 19.1487C5.94593 19.4972 6.35915 19.7738 6.81402 19.9627C7.2689 20.1515 7.75651 20.2489 8.24902 20.2493C8.74154 20.2497 9.2293 20.1531 9.68448 19.965C10.1396 19.7768 10.5533 19.5009 10.9018 19.1529L18.595 11.4654C18.7361 11.3254 18.9271 11.2471 19.1259 11.2478C19.3247 11.2485 19.5151 11.3281 19.6553 11.4692Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.form__notice {
  color: var(--ink-soft);
  font-size: 16px;
  margin: 0px;
}

.form__notice a {
  font-weight: 700;
}

@media (min-width: 1601px) {
  .contact--default {
    gap: 0;
    grid-template-columns: 742px 754px;
    padding-right: 0;
    padding-left: 0;
  }

  .contact--default .contact__info {
    padding-top: 40px;
  }

  .career-request.contact--default .contact__info {
    padding-top: 0;
  }

  .contact--default .section__title {
    font-size: 56px;
    line-height: 76px;
    max-width: 742px;
  }

  .contact--default .contact__title-break {
    display: block;
  }

  .contact--default .contact__agreement-action {
    font-weight: 400;
  }

  .contact--default .contact__agreement-comma,
  .contact--default .contact__agreement-all {
    font-weight: 700;
  }

  .contact--default .contact__links {
    gap: 24px;
    margin-bottom: 0;
    width: 669px;
  }

  .contact--default .contact__links span {
    font-size: 18px;
  }

  .contact--default .contact__links a {
    font-size: 36px;
  }

  .contact--default .contact__form {
    border: 0;
    box-shadow: inset 0 0 0 1px var(--line);
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-height: auto;
    width: 754px;
  }

  .contact--default .contact__form fieldset {
    margin: 0;
  }

  .contact--default .contact__form legend {
    font-size: 36px;
    line-height: 49px;
    margin-bottom: 24px;
    padding: 0;
  }

  .contact--default .contact__form fieldset:first-of-type label {
    height: 48px;
    margin-bottom: 24px;
  }

  .contact--default .contact__form fieldset:first-of-type label:last-child {
    margin-bottom: 0;
  }

  .contact--default .contact__form input,
  .contact--default .contact__form textarea {
    font-size: 18px;
  }

  .contact--default .contact__form input {
    height: 30px;
    min-height: 30px;
    padding: 0;
  }

  .contact--default .contact__form fieldset:nth-of-type(2) label,
  .contact--default .contact__form textarea {
    height: 145px;
    margin-bottom: 0;
    min-height: 145px;
    padding: 0;
  }

  .contact--default .form__actions {
    align-self: flex-start;
    margin-bottom: -8px;
    width: auto;
  }

  .contact--default .attach::after {
    margin-left: 4px;
  }

  .contact--default .form__notice {
    line-height: 22px;
  }
}

.contact-popup {
  align-items: center;
  background: rgb(9 9 9 / 62%);
  display: flex;
  height: 100vh;
  inset: 0;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 24px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 260ms ease;
  width: 100vw;
  z-index: 80;
}

.contact-popup[hidden] {
  display: none;
}

.contact-popup.is-open,
.contact-popup.is-closing {
  pointer-events: auto;
}

.contact-popup.is-open {
  opacity: 1;
}

.contact-popup__panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--ink);
  max-width: 540px;
  opacity: 0;
  padding: 40px;
  position: relative;
  transform: translateY(18px) scale(0.98);
  transition: opacity 260ms ease, transform 260ms ease;
  width: min(100%, 540px);
}

.contact-popup.is-open .contact-popup__panel {
  opacity: 1;
  transform: translateY(0px) scale(1);
}

.contact-popup.is-closing .contact-popup__panel {
  opacity: 0;
  transform: translateY(12px) scale(0.98);
}

.contact-popup__panel span {
  color: var(--muted);
  display: block;
  font-size: 16px;
  margin-bottom: 16px;
}

.contact-popup__panel h3 {
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 500;
  line-height: 1;
  margin: 0px 0px 24px;
}

.contact-popup__panel p {
  color: var(--ink-soft);
  font-size: 20px;
  line-height: 1.35;
  margin: 0px 0px 32px;
}

.contact-popup__close {
  background: var(--yellow);
  border: 0px;
  border-radius: 50%;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 40px;
}

.contact-popup__close::before,
.contact-popup__close::after {
  background: var(--ink);
  content: "";
  height: 2px;
  left: 11px;
  position: absolute;
  top: 19px;
  width: 18px;
}

.contact-popup__close::before {
  transform: rotate(45deg);
}

.contact-popup__close::after {
  transform: rotate(-45deg);
}

.footer {
  --footer-copy-height: 54px;
  --footer-line-inset: max(40px, calc((100% - 1840px) / 2));
  background: var(--black);
  background-image:
    linear-gradient(90deg, transparent var(--footer-line-inset), rgb(42, 42, 42) var(--footer-line-inset), rgb(42, 42, 42) calc(var(--footer-line-inset) + 1px), transparent calc(var(--footer-line-inset) + 1px)),
    linear-gradient(90deg, transparent calc(100% - var(--footer-line-inset) - 1px), rgb(42, 42, 42) calc(100% - var(--footer-line-inset) - 1px), rgb(42, 42, 42) calc(100% - var(--footer-line-inset)), transparent calc(100% - var(--footer-line-inset)));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  color: var(--white);
  left: 0;
  margin-top: 6px;
  overflow: hidden;
  padding: 40px 0 0;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
}

.footer.footer--static {
  bottom: auto;
  position: relative;
}

@media (max-width: 1600px), (max-height: 899.98px) {
  .footer {
    bottom: auto;
    position: relative;
  }
}

.footer-top {
  display: flex;
}

.footer-top__left::after {
  background: rgb(42, 42, 42);
  content: "";
  display: none;
  height: 1px;
  margin-top: 32px;
  position: relative;
  width: 100%;
}

.footer__wrap {
  margin: 0 auto;
  max-width: 1840px;
  position: relative;
  width: calc(100% - 80px);
}

.footer-social {
  padding-top: 0;
  padding-right: 40px;
}

.footer-social-item {
  margin-bottom: 40px;
}

.social-max > .social-max__icon {
  display: none;
}

.footer-social__items .social-max,
.mega-menu__social .social-max,
.mega-menu__messengers .social-max,
.mobile-menu__social .social-max,
.mobile-menu__messengers .social-max {
  font-size: 0;
  line-height: 0;
}

.footer-social__items .social-max > .social-max__icon,
.mega-menu__social .social-max > .social-max__icon,
.mega-menu__messengers .social-max > .social-max__icon,
.mobile-menu__social .social-max > .social-max__icon,
.mobile-menu__messengers .social-max > .social-max__icon {
  display: block;
  width: 32px;
  height: 32px;
}

.footer-social__items {
  display: flex;
  gap: 37px;
  justify-content: end;
}

.footer-top__right {
  text-align: right;
  margin-left: auto;
}

.footer-social__title {
  color: #f4f5f5;
  font-size: 18px;
  margin-bottom: 21px;
  white-space: nowrap;
}

.footer-social__title span {
  color: rgba(255, 231, 0, 1);
}

.footer::after {
  background: rgb(42, 42, 42);
  content: "";
  display: none;
  height: 1px;
  left: 40px;
  position: absolute;
  right: 40px;
}

.footer::after {
  bottom: 40px;
}

.footer__cta {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0px 20px 0;
}

.footer__cta h2 {
  font-size: 72px;
  font-weight: 500;
  line-height: 1.37;
  margin: 0px;
  max-width: 1088px;
}

.footer__cta a {
  color: var(--yellow);
  display: flex;
  font-size: 40px;
  font-weight: 600;
  gap: 4px;
  line-height: 1.37;
}

.footer__cta a svg {
  position: relative;
  top: 6px;
}

.footer__content {
  display: flex;
  justify-content: space-between;
  gap: 77px;
  margin-top: 55px;
  max-width: none;
  position: relative;
  width: 100%;
}

.footer__content::before {
  background: rgb(42, 42, 42);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.footer__subscribe {
  padding-bottom: 104px;
  padding-left: 20px;
  padding-right: 100px;
  padding-top: 47px;
  position: relative;
  max-width: 757px;
}

.footer__subscribe::after {
  background: rgb(42, 42, 42);
  bottom: var(--footer-copy-height);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.footer__subscribe img {
  height: auto;
  margin-bottom: 32px;
  width: 178px;
}

.footer__logo {
  margin-bottom: 36px;
}

.footer__subscribe p {
  font-size: 18px;
  margin: 0px 0px 4px;
  text-align: left !important;
}

.footer__subscribe span,
.footer__subscribe input,
.footer__cols a {
  color: var(--muted-2);
  transition: color .2s ease;
}
.footer__subscribe span{
  font-size: 18px;
}

.footer__cols a:hover {
  color: var(--yellow);
}

.footer__subscribe form {
  align-items: end;
  display: flex;
  gap: 24px;
  margin-bottom: 36px;
  margin-top: 20px;
}

.footer__subscribe button {
  background: var(--yellow);
  border: 1px solid var(--yellow);
  border-radius: 200px;
  color: var(--ink-soft);
  cursor: pointer;
  min-height: 40px;
  padding: 0px 20px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.footer__subscribe button:hover {
  background: var(--main-colors-white);
  border-color: var(--main-colors-white);
}

.footer__subscribe button:disabled {
  cursor: progress;
  opacity: 0.72;
}

.footer__subscribe-notice {
  color: var(--muted-2);
  font-size: 14px;
  line-height: 1.35;
  margin-top: 12px;
}

.footer__subscribe-notice.is-success {
  color: var(--yellow);
}

.footer__cols {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 40px;
  padding-bottom: 100px;
  padding-right: 77px;
}

.footer__cols div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer__cols h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0px;
  margin-top: 10px;
  text-align: left;
}

.footer__cols a {
  font-size: 16px;
}

.footer__copy {
  align-items: center;
  border-top: 1px solid rgb(42, 42, 42);
  display: flex;
  font-size: 18px;
  bottom: 0;
  color: var(--muted);
  justify-content: center;
  left: 0;
  line-height: 1.35;
  margin: 0;
  min-height: var(--footer-copy-height);
  padding: 14px 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: auto;
}

.brand__logo {
  display: block;
  height: 40px;
  object-fit: contain;
  width: 128px;
}

.nav__burger,
.mega-menu,
.mobile-menu {
  display: none;
}

.page-home,
.page-service,
.page-about,
.page-cases {
  background: var(--white);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-home .section:not(.cases),
.page-service .section:not(.cases),
.page-about .section:not(.cases),
.approach__container {
  max-width: 1840px;
  width: calc(100% - 80px);
}
.page-service .section:not(.cases).approach {
  max-width: 100%;
  width: 100%;
}
.page-service .approach__container {
  margin: 0 auto;
}
.page-service .approach {
  background-color: #0C0C0C;
  color: #FEFEFE;
  padding-right: 0;
  padding-left: 0;
}
.approach .section__title {
  color: #FEFEFE;
  font-size: 48px;
  font-weight: 500;
}
.approach .section__eyebrow {
  font-size: 16px;
  font-weight: 400;
}
.approach h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.approach p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #FEFEFE;
}
.page-home .section.cases {
  max-width: 1840px;

  width: calc(100% - 80px);
}

.page-cases .section.contact {
  max-width: 1840px;

}

.page-about .container {
  margin: 0 auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.page-service .section.cases {
  max-width: 1840px;
  width: calc(100% - 80px);
}

@media (min-width: 1920px) {
  .page-home .section.cases {
    max-width: 1840px;
    width: calc(100% - 80px);
  }
}

.page-404 .nav,
.page-home .nav,
.page-service .nav,
.page-about .nav,
.page-vacancies .nav {
  left: 50%;
  max-width: 1838px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 82px);
}

.page-service .hero__grid {
  max-width: 1840px;
}

.page-service .hero:not(.home-hero) {
  --hero-left-line: max(40px, calc((100vw - 1920px) / 2 + 40px));
  --hero-right-line: max(41px, calc((100vw - 1920px) / 2 + 34px));
  background-color: #000000;
  background-position: 0 128px;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 168px);
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  min-height: 0;
}

.page-service .hero:not(.home-hero) .hero__grid {
  height: 100%;
  min-height: 0;
}

.page-service .hero__image--service {
  display: flex;
  justify-content: end;
  align-items: end;
  width: 100%;
  height: 100%;
}
.page-service .hero__image--service img {
  height: 600px;
  object-fit: cover;
  width: 600px;
}
@media (min-width: 1920px) {
  .page-service .hero:not(.home-hero) .hero__grid--service {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 30px;
  }
  .page-service .hero__image--service img {
    height: min(calc(600 / 1440 * 100vw), calc(800 / 1080 * 100vh));
    width: min(calc(600 / 1440 * 100vw), calc(800 / 1080 * 100vh));
  }
}
.page-service .hero__grid {
  padding-bottom: 0;
}
.page-service .hero__copy {
  padding: 0;
  margin-bottom: 64px;
}
.home-hero {
  /* --hero-left-line: max(40px, calc((100vw - 1920px) / 2 + 40px)); */
  /* --hero-right-line: max(41px, calc((100vw - 1920px) / 2 + 34px)); */
  /* --hero-center-line: calc(100% - var(--hero-right-line) - 599px); */

  background-color: rgb(12, 12, 12);
  /* background-image:
    linear-gradient(90deg, transparent 0, transparent var(--hero-left-line), rgb(42, 42, 42) var(--hero-left-line), rgb(42, 42, 42) calc(var(--hero-left-line) + 1px), transparent calc(var(--hero-left-line) + 1px)),
    linear-gradient(90deg, transparent 0, transparent var(--hero-center-line), rgb(42, 42, 42) var(--hero-center-line), rgb(42, 42, 42) calc(var(--hero-center-line) + 1px), transparent calc(var(--hero-center-line) + 1px)),
    linear-gradient(90deg, transparent 0, transparent calc(100% - var(--hero-right-line)), rgb(42, 42, 42) calc(100% - var(--hero-right-line)), rgb(42, 42, 42) calc(100% - var(--hero-right-line) + 1px), transparent calc(100% - var(--hero-right-line) + 1px)); */
  background-repeat: no-repeat;
  /* background-size: 100% 957px; */
  background-position: 0 128px;
  margin: 0;
  max-width: none;
  min-height: 1085px;
  width: 100%;
}

.home-hero::before {
  top: 125px;
}

.home-hero::after {
  bottom: 40px;
}

.home-hero__grid {
  display: block;
  min-height: 1085px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 41px;
  position: relative;
  width: 100%;
}

.home-hero__dots {
  height: 894px;
  left: 41px;
  pointer-events: none;
  position: absolute;
  top: 140px;
  width: calc(100% - 700px);
  will-change: transform;
  z-index: 1;
}

.home-hero__dots-wrap,
.home-hero__dots-container {
  height: 100%;
  width: 100%;
}

.home-hero__dots-container {
  align-items: center;
  display: flex;
  flex-flow: wrap;
  font-size: 8px;
  gap: 2em;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  overflow: visible;
}

.home-hero__dot {
  background: transparent;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 8px;
  transform: translate3d(var(--dot-x, 0), var(--dot-y, 0), 0);
  width: 8px;
  will-change: background-color, transform;
}

@media (max-width: 1199px) {
  .home-hero__dots {
    display: none;
  }
}

.home-hero__copy {
  left: 39px;
  padding: 0;
  position: absolute;
  top: 760px;
  z-index: 2;
}

.home-hero h1 {
  font-size: clamp(54px, 3.35vw, 64px);
  font-weight: 500;
  line-height: 1.33;
  margin: 0;
  max-width: 1102px;
}

.home-hero__image {
  height: 346px;
  object-fit: cover;
  position: absolute;
  right: 41px;
  top: 228px;
  width: 599px;
  z-index: 2;
}

.home-hero .hero__button {
  border-radius: 16px;
  font-size: 20px;
  height: 70px;
  left: auto;
  min-width: 0;
  position: absolute;
  right: 69px;
  top: 947px;
  width: 543px;
}

.cookie-note {
  align-items: center;
  background: rgba(56, 60, 62, 1);
  border-radius: 8px;
  bottom: 24px;
  color: var(--ink-soft);
  display: flex;
  gap: 30px;
  max-width: 400px;
  min-height: 80px;
  padding: 20px;
  position: fixed;
  right: 70px;
  top: auto;
  width: min(100%, 543px);
  z-index: 100;
}

.page-home .cookie-note {
  bottom: clamp(116px, 14.2vh, 170px);
}

.cookie-note span {
  color: rgb(255 255 255);
  font-size: 14px;
  line-height: 1.35;
  max-width: 359px;
}

.cookie-note button {
  background: var(--yellow);
  border: 0;
  border-radius: 8px;
  color: var(--ink);
  cursor: pointer;
  height: 40px;
  padding: 0 20px;
  width: 114px;
}

.cookie-note.is-hidden {
  display: none;
}

.mega-menu {
  align-items: stretch;
  background: rgb(32, 34, 35);
  border: 1px solid rgb(56, 60, 62);
  border-radius: 0 0 8px 8px;
  border-top: 0;
  display: flex;
  gap: 44px;
  left: -1px;
  max-width: 1838px;
  opacity: 0;
  padding: 28px 30px 32px 30px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: calc(100% - 1px);
  transform: translateY(-4px);
  transition: opacity 180ms, transform 180ms;
  z-index: 40;
}

.mega-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.mega-menu::before {
  background: rgb(56, 60, 62);
  content: "";
  height: 1px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
}

.mega-menu__services {
  display: grid;
  flex: 1 1 auto;
  gap: 22px 90px;
  grid-template-columns: minmax(390px, 1fr) minmax(360px, 1fr);
}

.mega-menu__item {
  align-items: center;
  border-radius: 6px;
  color: var(--white);
  display: grid;
  font-size: 16px;
  font-weight: 500;
  gap: 20px;
  grid-template-columns: 44px minmax(0, 1fr);
  min-height: 58px;
  padding: 0;
  line-height: 1.22;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.mega-menu__item:hover {
  opacity: 0.78;
  transform: translateX(2px);
}

.mega-menu__item img {
  display: block;
  height: 44px;
  width: 44px;
}

/* Вариант иконки выбирается по теме меню; без нового файла остаётся текущий. */
.mega-menu__item .mega-menu__icon--light {
  display: none;
}

:is(.page-tools, .page-about, .page-contacts, .page-tool-detail,
  .page-case-detail, .page-vacancies, .service-list-header)
  .mega-menu__item--has-light-icon .mega-menu__icon--dark {
  display: none;
}

:is(.page-tools, .page-about, .page-contacts, .page-tool-detail,
  .page-case-detail, .page-vacancies, .service-list-header)
  .mega-menu__item .mega-menu__icon--light {
  display: block;
}

.mega-menu__item span {
  color: var(--white);
  display: block;
  grid-column: 2;
  max-width: 520px;
}

.mega-menu__contacts {
  color: var(--white);
  flex: 0 0 300px;
  min-height: 184px;
  min-width: 326px;
}

.mega-menu__contacts p {
  color: var(--white);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 20px;
  max-width: 326px;
}

.mega-menu__caption {
  color: rgb(168, 173, 176);
  display: block;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 21px;
}

.mega-menu__social a:hover,
.mega-menu__messengers a:hover {
  opacity: 0.72;
}

.mega-menu__social,
.mega-menu__messengers {
  display: flex;
  gap: 37px;
}

.mega-menu__social {
  margin-bottom: 20px;
}

.mega-menu__social a,
.mega-menu__social img,
.mega-menu__messengers a,
.mega-menu__messengers img {
  display: block;
  height: 32px;
  width: 32px;
}

.mega-menu__social a,
.mega-menu__messengers a {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.mega-menu__social a:hover,
.mega-menu__messengers a:hover {
  transform: translateY(-1px);
}

.mega-menu__bot {
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 21px;
  transition: opacity 0.2s ease;
}

.mega-menu__bot span {
  color: rgba(255, 231, 0, 1);
}

.page-about .nav {
  background: var(--white);
  border-color: rgb(226, 227, 228);
  box-shadow: 0 18px 60px rgba(9, 9, 9, 0.08);
}

.page-about .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.page-about .nav:has(.mega-menu.is-open) {
  box-shadow: 0 16px 50px rgba(9, 9, 9, 0.12);
}

.page-about .nav__links a,
.page-about .nav__links a.nav__links--dropdown,
.page-about .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.page-about .nav__links a.nav__links--dropdown::after,
.page-about .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.page-about .nav__links a:hover,
.page-about .nav__links button:hover {
  background: rgb(244, 245, 245);
}

.page-about .nav__bot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.page-about .nav__phone {
  background: var(--panel);
}

.page-about .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.page-about .mega-menu__item,
.page-about .mega-menu__item span,
.page-about .mega-menu__contacts,
.page-about .mega-menu__contacts p,
.page-about .mega-menu__bot,
.page-tools .mega-menu__item,
.page-tools .mega-menu__item span,
.page-tools .mega-menu__contacts,
.page-tools .mega-menu__contacts p,
.page-tools .mega-menu__bot {
  color: var(--ink-soft);
}

.page-about .mega-menu__caption {
  color: var(--muted);
}

.about-hero {
  background: var(--white);
  color: var(--ink);
  min-height: 0;
  overflow: hidden;
  padding: 128px 40px 0;
  position: relative;
}

.about-hero__inner {
  margin: 0 auto;
  max-width: 1840px;
  position: relative;
}

.about-hero__media {
  border-radius: 8px;
  height: clamp(420px, 53.385vw, 1025px);
  overflow: hidden;
  position: relative;
}

.about-hero__media::after {
  display: none;
}

.about-hero__media img,
.about-hero__media video {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.about-company {
  padding-top: 75px;
}

.about-history {
  padding-bottom: 108px;
  padding-top: 96px;
}

.about-history__head,
.about-tools__head {
  align-items: start;
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(360px, 754px) minmax(360px, 754px);
}

.about-history__head p,
.about-tools__head p {
  color: var(--ink-soft);
  font-size: 24px;
  line-height: 1.38;
  margin: 0;
}


.about-hero__sound {
  background: transparent;
  border: 0;
  border-radius: 50%;
  bottom: 16px;
  cursor: pointer;
  height: 40px;
  padding: 0;
  position: absolute;
  right: 16px;
  transition: box-shadow 220ms ease, transform 220ms ease;
  width: 40px;
  z-index: 2;
}

.about-hero__sound:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transform: scale(1.08);
}

.about-hero__sound:active {
  transform: scale(0.92);
}

.about-hero__sound:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.about-hero__sound-icon {
  inset: 0;
  position: absolute;
  transition: opacity 240ms ease, transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.about-hero__sound-icon--off,
.about-hero__sound.is-muted .about-hero__sound-icon--on {
  opacity: 0;
  transform: rotate(-25deg) scale(0.55);
}

.about-hero__sound-icon--on,
.about-hero__sound.is-muted .about-hero__sound-icon--off {
  opacity: 1;
  transform: rotate(0) scale(1);
}


.about-history__timeline {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 72px;
}

.about-history__timeline article {
  border-left: 1px solid var(--line);
  min-height: 312px;
  padding: 28px 32px 0;
  position: relative;
}

.about-history__timeline article:last-child {
  border-right: 1px solid var(--line);
}

.about-history__timeline article::before {
  background: var(--yellow);
  border-radius: 50%;
  content: "";
  height: 16px;
  left: 32px;
  position: absolute;
  top: -8px;
  width: 16px;
}

.about-history__timeline span {
  color: var(--muted);
  display: block;
  font-family: Tektur, sans-serif;
  font-size: 20px;
  margin-bottom: 48px;
}

.about-history__timeline h3 {
  color: var(--ink);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.18;
  margin: 0 0 20px;
}

.about-history__timeline p {
  color: rgb(80, 85, 88);
  font-size: 18px;
  line-height: 1.38;
  margin: 0;
}

.about-history__image {
  display: block;
  margin: 48px auto 0;
  max-width: 980px;
  opacity: 0.34;
  width: 76%;
}

.about-tools {
  padding-bottom: 124px;
  padding-top: 92px;
}

.about-tools__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 72px;
}

.about-tools__grid article {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  min-height: 312px;
  padding: 32px;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.about-tools__grid article:hover {
  border-color: rgb(188, 193, 196);
  transform: translateY(-3px);
}

.about-tools__grid img {
  height: 52px;
  margin-bottom: 58px;
  width: 52px;
}

.about-tools__grid h3 {
  color: var(--ink);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.18;
  margin: 0 0 18px;
}

.about-tools__grid p {
  color: rgb(80, 85, 88);
  font-size: 18px;
  line-height: 1.38;
  margin: 0;
}

.home-about__grid {
  align-items: start;
  display: grid;
  gap: 80px;
  grid-template-columns: 1fr 754px;
}

.home-about .section__title {
  font-size: 56px;
  max-width: none;
}

.home-about .section__lead {
  font-size: 20px;
  margin-top: 0;
  max-width: 754px;
  font-weight: 400;
}
@media (max-width: 1600px) {
  .home-about .section__title{
    font-size: 54px;
  }
  .page-about .home-about .section__title{
    font-size: 48px;
  }

}
.stats {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 80px;
}

.stats div {
  border-left: 1px solid var(--line);
  padding-left: 40px;
}

.stats strong {
  color: var(--yellow);
  display: block;
  font-size: 100px;
  font-weight: 400;
  line-height: 1.3;
}

.stats span {
  color: var(--black-black-2);
  font-size: 16px;
}
.page-home .section__eyebrow,
.page-about .section__eyebrow{
  font-size: 18px;
}
.page-home .services-more{
  margin-top: 0;
}
.page-home .cases__title-desktop{
  font-size: 56px;
}
.page-home .cases__more{
  font-size: 18px;
}
.home-services {
  max-width: 1840px;


  width: calc(100% - 80px);
}

.home-services .section__title {
  font-size: clamp(40px, 2.92vw, 56px);
  line-height: 1.36;
  max-width: 988px;
}

.service-list {
  display: grid;
  margin-top: 80px;
  gap: 80px;
}

.service-list article {
  align-items: start;
  border-top: 1px solid var(--line);
  display: grid;
  column-gap: 0;
  /* Text columns share the available space; descriptions keep a readable width. */
  grid-template-columns: 135px 20px minmax(0, 1.25fr) 80px auto 80px minmax(320px, 1fr);
  min-height: 178px;
  padding: 32px 0px 0 0;
}

.service-list article:last-child {
  padding-bottom: 80px;
}

.service-list span {
  color: #808080;
  font-family: Tektur, sans-serif;
  font-size: 18px;
  grid-column: 1;
  line-height: 1.3;
}

.service-list h3 {
  font-size: 36px;
  font-weight: 500;
  grid-column: 3;
  line-height: 1.36;
  margin: 0;
  max-width: 754px;
}

.service-list__image {
  display: block;
  grid-column: 5;
  height: 146px;
  object-fit: cover;
  width: 152px;
}

.service-list article:nth-child(2) .service-list__image {
  width: 146px;
}

.service-list article:nth-child(3) .service-list__image,
.service-list article:nth-child(4) .service-list__image {
  width: 151px;
}

.service-list__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  grid-column: 7;
  max-width: 600px;
}

.service-list p {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.38;
  margin: 0;
  max-width: 600px;
}

.service-list .button {
  background: var(--white);
  border: 1px solid rgba(0, 0, 0, 1);
  border-radius: 200px;
  color: var(--ink-soft);
  font-size: 16px;
  height: 40px;
  justify-self: start;
  min-height: 40px;
  padding: 0 20px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  width: fit-content;
}

.service-list .button:hover {
  border-color: var(--main-colors-total-black);
}

.services-more{
  margin: 36px auto 0;
  width: fit-content;
}
.blog__more{
  margin-top: 40px;
  width: fit-content;
}

.services-more {
  background: var(--ink-soft);
  border: 1px solid var(--ink-soft);
  border-radius: 200px;
  color: var(--panel);
  display: flex;
  gap: 10px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  min-height: 40px;
  padding: 0 20px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  width: 239px;
}

.services-more[hidden] {
  display: none;
}

.page-about .home-services .services-more {
  min-width: max-content;
  white-space: nowrap;
}

.services-more--tablet-only {
  display: none;
}

button.services-more {
  cursor: pointer;
  position: relative;
}

button.services-more:disabled {
  cursor: wait;
  opacity: 0.7;
}

.services-more__loader {
  display: none;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}

.services-more.is-loading .services-more__label,
.services-more.is-loading::after {
  visibility: hidden;
}

.services-more.is-loading .services-more__loader {
  display: block;
}

.services-more__loader circle {
  animation: services-dots-scale 0.75s infinite ease-in-out;
  transform-box: fill-box;
  transform-origin: center;
}

.services-more__loader circle:nth-child(2) {
  animation-delay: 0.15s;
}

.services-more__loader circle:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes services-dots-scale {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.067);
  }
}

.services-more:hover {
  background: var(--main-colors-total-black);
  border-color: var(--main-colors-total-black);
}

.page-service .services-more {
  display: none;
}

.services-more::after {
  background: currentColor;
  content: "";
  display: block;
  height: 24px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H19M19 12L12.5 5.5M19 12L12.5 18.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H19M19 12L12.5 5.5M19 12L12.5 18.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 24px;
}

.home-cases .section__head,
.blog .section__head,
.team .section__head {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.blog .section__head {
  border-bottom: 1px solid rgba(226, 227, 228, 1);
  flex-wrap: wrap;
  padding-bottom: 16px;
}

.team .button {
  gap: 10px;
}

.team__more {
  background: var(--white);
  border: 1px solid var(--main-colors-total-black);
  color: var(--main-colors-total-black);
  border-radius: 200px;
}

.team__more svg {
  flex: 0 0 24px;
}

.team__more--mobile {
  display: none;
}

.testimonials {
  --testimonial-author-gap: 99px;
  background: #F4F5F5;
  box-shadow: 0 0 0 100vmax #F4F5F5;
  clip-path: inset(0 -100vmax);
  overflow: hidden;

}

.testimonials__head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 89px;
}

.testimonials .section__title {
  font-size: clamp(40px, 3vw, 56px);
  line-height: 1.36;
  max-width: 435px;
}

.testimonials__title {
  width: 508px;
}

.testimonials__cta-tablet {
  display: none;
}

.testimonials__nav {
  align-items: center;
  display: flex;
  gap: 44px;
  margin-top: 106px;
}

.testimonials__count {
  color: var(--ink-soft);
  display: block;
  font-size: 18px;
  line-height: 1.4;
  margin: -36px 0 0 465px;
}

.testimonials__nav button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ink-soft);
  cursor: pointer;
  display: inline-flex;
  font-size: 0;
  height: 35px;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 19px;
}

.testimonials__nav button::before {
  background: currentColor;
  content: "";
  display: block;
  height: 17px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 1L2 8.5M2 8.5L9.5 16M2 8.5H19' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 1L2 8.5M2 8.5L9.5 16M2 8.5H19' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 19px;
}

.testimonials__nav button:last-child {
  color: var(--ink-soft);
  transform: rotate(180deg);
}

.testimonials__nav button:disabled {
  color: var(--muted);
}

.testimonials__viewport {
  overflow: hidden;
  width: 100%;
}

.testimonials__track {
  /* Высота всей ленты определяется самым высоким отзывом. */
  align-items: flex-start;
  display: flex;
  gap: 180px;
  transition: transform 0.2s ease;
  width: max-content;
}

.testimonials article {
  display: flex;
  flex: 0 0 910px;
  flex-direction: column;
  min-height: 0;
  padding: 0;
}

.testimonials p {
  color: var(--ink-soft);
  font-size: 24px;
  line-height: 1.375;
  margin: 0;
  max-width: 910px;
}

.testimonials__author {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-top: var(--testimonial-author-gap);
}

.testimonials__author img {
  border-radius: 50%;
  display: block;
  height: 60px;
  object-fit: cover;
  width: 60px;
}

.testimonials strong,
.testimonials__author span {
  display: block;
  font-size: 18px;
  line-height: 1.4;
}

.testimonials strong {
  color: var(--ink-soft);
  font-weight: 400;
}

.testimonials__author span {
  color: var(--ink-soft);
  margin-top: 8px;
}

.testimonials article:not(.is-active) p,
.testimonials article:not(.is-active) strong,
.testimonials article:not(.is-active) .testimonials__author span {
  color: var(--muted);
}

.testimonials .button {
  display: none;
}

.partner-logos {
  height: 180px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1860px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 40px);
}

.partner-logos::before,
.partner-logos::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 96px;
  pointer-events: none;
}

.partner-logos::before {
  left: 0;
  background: linear-gradient(90deg, var(--white), rgba(254, 254, 254, 0));
}

.partner-logos::after {
  right: 0;
  background: linear-gradient(270deg, var(--white), rgba(254, 254, 254, 0));
}

.partner-logos__track {
  display: flex;
  width: max-content;
  animation: partnerLogosMarquee 28s linear infinite;
  will-change: transform;
}

.partner-logos:hover .partner-logos__track {
  animation-play-state: paused;
}

.partner-logos__item {
  align-items: center;
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  display: flex;
  flex: 0 0 310px;
  height: 180px;
  justify-content: center;
}

.partner-logos__item:first-child {
  border-left: 1px solid var(--line);
}

.partner-logos img {
  display: block;
  object-fit: contain;
}

.partner-logos__item:nth-child(6n + 1) img {
  height: auto;
  width: 193px;
}

.partner-logos__item:nth-child(6n + 2) img {
  height: auto;
  width: 207px;
}

.partner-logos__item:nth-child(6n + 3) img {
  height: auto;
  width: 219px;
}

.partner-logos__item:nth-child(6n + 4) img {
  height: auto;
  transform: translate(7px, -10px);
  width: 189px;
}

.partner-logos__item:nth-child(6n + 5) img {
  height: auto;
  transform: translateY(4px);
  width: 216px;
}

.partner-logos__item:nth-child(6n) img {
  height: auto;
  width: 116px;
}

@keyframes partnerLogosMarquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.home-cta {
  background: rgb(12, 12, 12);
  color: var(--white);
  margin: 0;
  min-height: 1066px;
  overflow: hidden;
  padding: 216px max(40px, calc((100vw - var(--max)) / 2)) 241px;
  position: relative;
  text-align: center;
}

.home-cta>span {
  align-items: center;
  color: var(--muted-2);
  display: block;
  font-family: Tektur, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  margin: 0 auto 21px;
  position: relative;
  width: fit-content;
  z-index: 1;
}

.home-cta>span::before {
  background: var(--yellow);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 11px;
  vertical-align: -1px;
  width: 12px;
}

.home-cta h2 {
  color: rgba(109, 109, 109, 1);
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 980px;
  position: relative;
  z-index: 1;
}

.home-cta p {
  color: rgba(109, 109, 109, 1);
  font-size: clamp(28px, 2.08vw, 40px);
  font-weight: 500;
  line-height: 1.25;
  margin: 62px auto 0;
  max-width: 740px;
  position: relative;
  z-index: 1;
}

.home-cta strong {
  color: rgba(109, 109, 109, 1);
  display: block;
  font-size: clamp(28px, 2.08vw, 40px);
  font-weight: 500;
  line-height: 1.25;
  margin: 64px auto 0;
  position: relative;
  z-index: 1;
}

.home-cta__char {
  color: var(--home-cta-word-color, rgb(104, 111, 115));
  display: inline;
  font: inherit;
  line-height: inherit;
  margin: 0;
  width: auto;
  transition: none;
}

.home-cta__char::before {
  content: none;
  display: none;
}

.home-cta .button {
  align-items: center;
  background: var(--yellow);
  border: 1px solid var(--yellow);
  border-radius: 16px;
  color: var(--ink-soft);
  cursor: pointer;
  font-size: 20px;
  height: 70px;
  margin-top: 60px;
  min-height: 70px;
  padding: 0px 20px;
  position: relative;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  width: 352px;
  z-index: 1;
}

.home-cta .button:hover {
  background: var(--main-colors-white);
  border-color: var(--main-colors-white);
}

.home-cta .button svg {
  flex: 0 0 auto;
}

.blog__tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  justify-content: flex-end;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  white-space: nowrap;
}

.blog__tabs::-webkit-scrollbar {
  display: none;
}

.blog__tabs .button {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 200px;
  color: var(--ink-soft);
  cursor: pointer;
  flex: 0 0 auto;
  min-height: 40px;
}

.blog__tabs .button.is-active,
.blog__tabs .button[aria-selected="true"] {
  background: var(--ink-soft);
  border-color: var(--ink-soft);
  color: var(--panel);
}

.blog__grid {
  --blog-image-ratio: 16 / 9;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 58px;
  row-gap: 60px;
}

.blog__grid.is-switching article {
  animation: blogTabFade .24s ease both;
}

@keyframes blogTabFade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.blog__grid article {
  background: transparent;
  border: 0;
  border-radius: 8px;
  min-height: 0;
  padding: 0;
  text-align: left;
}

.blog__grid img {
  aspect-ratio: var(--blog-image-ratio);
  border-radius: 8px;
  display: block;
  height: auto;
  margin-bottom: 23px;
  object-fit: cover;
  width: 100%;
}

.blog__grid span {
  align-items: center;
  color: var(--black-black-4);
  display: flex;
  font-size: 16px;
  gap: 12px;
  margin-bottom: 8px;
}

.blog__grid span::before {
  background: currentColor;
  content: "";
  display: block;
  height: 24px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM12 20.25C10.3683 20.25 8.77326 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.378 15.1571C3.75358 13.6496 3.5902 11.9908 3.90853 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32016 5.01259 8.79017 4.22685 10.3905 3.90852C11.9909 3.59019 13.6497 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.2475 14.1873 19.3775 16.2843 17.8309 17.8309C16.2843 19.3775 14.1873 20.2475 12 20.25ZM18 12C18 12.1989 17.921 12.3897 17.7803 12.5303C17.6397 12.671 17.4489 12.75 17.25 12.75H12C11.8011 12.75 11.6103 12.671 11.4697 12.5303C11.329 12.3897 11.25 12.1989 11.25 12V6.75C11.25 6.55109 11.329 6.36032 11.4697 6.21967C11.6103 6.07902 11.8011 6 12 6C12.1989 6 12.3897 6.07902 12.5303 6.21967C12.671 6.36032 12.75 6.55109 12.75 6.75V11.25H17.25C17.4489 11.25 17.6397 11.329 17.7803 11.4697C17.921 11.6103 18 11.8011 18 12Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM12 20.25C10.3683 20.25 8.77326 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.378 15.1571C3.75358 13.6496 3.5902 11.9908 3.90853 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32016 5.01259 8.79017 4.22685 10.3905 3.90852C11.9909 3.59019 13.6497 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.2475 14.1873 19.3775 16.2843 17.8309 17.8309C16.2843 19.3775 14.1873 20.2475 12 20.25ZM18 12C18 12.1989 17.921 12.3897 17.7803 12.5303C17.6397 12.671 17.4489 12.75 17.25 12.75H12C11.8011 12.75 11.6103 12.671 11.4697 12.5303C11.329 12.3897 11.25 12.1989 11.25 12V6.75C11.25 6.55109 11.329 6.36032 11.4697 6.21967C11.6103 6.07902 11.8011 6 12 6C12.1989 6 12.3897 6.07902 12.5303 6.21967C12.671 6.36032 12.75 6.55109 12.75 6.75V11.25H17.25C17.4489 11.25 17.6397 11.329 17.7803 11.4697C17.921 11.6103 18 11.8011 18 12Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 24px;
}

.blog__grid h3 {
  color: var(--black-black-1);
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 16px;
  text-align: left;
}

.blog__grid p {
  color: rgb(80, 85, 88);
  font-size: 18px;
  margin: 0;
  text-align: left;
}

.blog__more {
  background: var(--ink-soft);
  border-radius: 200px;
  color: var(--panel);
  display: flex;
  gap: 10px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  min-height: 40px;
  padding: 0 20px;
}

.page-cases .nav {
  left: 50%;
  max-width: 1838px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 82px);
}

.cases-hero {
  background-color: rgb(12, 12, 12);
  background-image:
    linear-gradient(90deg, transparent 0, transparent 40px, rgb(42, 42, 42) 40px, rgb(42, 42, 42) 41px, transparent 41px),
    linear-gradient(90deg, transparent 0, transparent calc(100% - 41px), rgb(42, 42, 42) calc(100% - 41px), rgb(42, 42, 42) calc(100% - 40px), transparent calc(100% - 40px));
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 128px);
  background-position-y: bottom;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  width: 100%;
}

.cases-hero::after {
  bottom: 40px;
}

.cases-hero__inner {
  left: 50vw;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 483px;
  transform: translateX(-50%);
  width: 907px;
  z-index: 2;
}

.cases-hero h1 {
  color: var(--white);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.35;
  margin: 0;
  max-width: none;
  width: 100%;
}

.cases-hero__subtitle {
  color: var(--yellow);
  font-family: Tektur, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin: 40px 0 0;
  max-width: none;
  width: 100%;
}
.page-cases .cases-hero__subtitle{
  margin-top: 20px;
}

.cases-page {
  margin-left: auto;
  margin-right: auto;
  max-width: 1840px;
  padding-right: 0;
  padding-left: 0;
  width: calc(100% - 80px);
}

.cases-page__toolbar {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 40px;
  min-height: 40px;
  width: 100%;
}

.cases-page__selected {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

.cases-page__selected-tag {
  position: relative;
  align-items: center;
  background: white;
  border: 1px solid rgba(156, 162, 165, 1);
  border-radius: 200px;
  color: rgba(156, 162, 165, 1);
  cursor: pointer;
  display: inline-flex;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 16px;
  padding: 0 54px 0 20px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.cases-page__selected-tag::before {
  content: '';
  position: absolute;
  right: 20px;
  top: 7px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.281 18.2194C19.3507 18.289 19.406 18.3718 19.4437 18.4628C19.4814 18.5539 19.5008 18.6514 19.5008 18.75C19.5008 18.8485 19.4814 18.9461 19.4437 19.0372C19.406 19.1282 19.3507 19.2109 19.281 19.2806C19.2114 19.3503 19.1286 19.4056 19.0376 19.4433C18.9465 19.481 18.849 19.5004 18.7504 19.5004C18.6519 19.5004 18.5543 19.481 18.4632 19.4433C18.3722 19.4056 18.2895 19.3503 18.2198 19.2806L12.0004 13.0603L5.78104 19.2806C5.64031 19.4213 5.44944 19.5004 5.25042 19.5004C5.05139 19.5004 4.86052 19.4213 4.71979 19.2806C4.57906 19.1399 4.5 18.949 4.5 18.75C4.5 18.551 4.57906 18.3601 4.71979 18.2194L10.9401 12L4.71979 5.78061C4.57906 5.63988 4.5 5.44901 4.5 5.24999C4.5 5.05097 4.57906 4.8601 4.71979 4.71936C4.86052 4.57863 5.05139 4.49957 5.25042 4.49957C5.44944 4.49957 5.64031 4.57863 5.78104 4.71936L12.0004 10.9397L18.2198 4.71936C18.3605 4.57863 18.5514 4.49957 18.7504 4.49957C18.9494 4.49957 19.1403 4.57863 19.281 4.71936C19.4218 4.8601 19.5008 5.05097 19.5008 5.24999C19.5008 5.44901 19.4218 5.63988 19.281 5.78061L13.0607 12L19.281 18.2194Z' fill='%239CA2A5'/%3E%3C/svg%3E%0A");
}

.cases-page__selected-tag:hover,
.cases-page__selected-tag:focus-visible {
  background: transparent;
  color: rgba(0, 0, 0, 1);
}

.cases-page__filter {
  display: flex;
  flex: 0 0 151px;
  height: 40px;
  position: relative;
  width: 151px;
  z-index: 10;
}

.cases-page__filter-toggle {
  align-items: center;
  background: var(--yellow);
  border: 0;
  border-radius: 200px;
  color: rgba(0, 0, 0, 1);
  cursor: pointer;
  display: flex;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
  height: 40px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 16px;
  padding: 0;
  transition: opacity 0.2s ease;
  width: 151px;
}

.cases-page__filter-toggle:hover,
.cases-page__filter-toggle:focus-visible {
  opacity: 0.86;
}

.cases-page__filter-icon {
  display: block;
  height: 24px;
  position: relative;
  width: 24px;
}

/* .cases-page__filter-icon::before,
.cases-page__filter-icon::after {
  background: rgb(32, 34, 35);
  content: "";
  height: 1.5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
} */

/* .cases-page__filter-icon::before {
  top: 7px;
  width: 20px;
} */

/* .cases-page__filter-icon::after {
  top: 12px;
  width: 14px;
} */

/* .cases-page__filter-icon {
  background: linear-gradient(rgb(32, 34, 35), rgb(32, 34, 35)) center 17px / 7px 1.5px no-repeat;
} */

.cases-page__filter-menu {
  background: rgb(244, 245, 245);
  border: 1px solid rgb(226, 227, 228);
  border-radius: 8px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  max-height: 352px;
  opacity: 0;
  overflow-y: auto;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 61px;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 99;
}

.cases-page__filter.is-open .cases-page__filter-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.cases-page__filter-option {
  align-items: center;
  background: transparent;
  border: 1px solid rgb(156, 162, 165);
  border-radius: 200px;
  color: rgb(156, 162, 165);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
  height: 40px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 0 10px;
  padding: 0 18px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
  width: max-content;
}

.cases-page__filter-option.is-active {
  background: rgb(32, 34, 35);
  border-color: rgb(32, 34, 35);
  color: var(--white);
  padding-left: 20px;
  padding-right: 20px;
}

.cases-page__filter-option.is-active span {
  display: none;
}

.cases-page__filter-option:not(.is-active):hover,
.cases-page__filter-option:not(.is-active):focus-visible {
  border-color: rgb(32, 34, 35);
  color: rgba(0, 0, 0, 1);
}

.cases-page__filter-option:not(.is-active) span {
  display: block;
  height: 24px;
  position: relative;
  width: 24px;
}

/* .cases-page__filter-option:not(.is-active) span::before,
.cases-page__filter-option:not(.is-active) span::after {
  background: currentColor;
  content: "";
  height: 1.5px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
} */

/* .cases-page__filter-option:not(.is-active) span::after {
  transform: translate(-50%, -50%) rotate(90deg);
} */

.cases-page__filter-line {
  background: rgb(226, 227, 228);
  display: block;
  flex: 0 0 1px;
  height: 1px;
  margin: 0 0 9px;
  width: 234px;
}

.cases-page__grid {
  align-items: start;
  display: grid;
  gap: 40px 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.cases-page__card {
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: inherit;
  display: block;
  padding: 0;
  text-align: left;
  text-decoration: none;
}

.cases-page__card[hidden] {
  display: none;
}

.cases-page__card img {
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  display: block;
  height: auto;
  margin: 0 0 23px;
  object-fit: cover;
  width: 100%;
}

.cases-page__body {
  max-width: 910px;
}

.cases-page__card:nth-child(odd) .cases-page__body {
  max-width: 755px;
}

.cases-page__time {
  align-items: center;
  color: rgba(109, 109, 109, 1);
  display: flex;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
  height: 24px;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 0 8px;
}

.cases-page__time span {
  display: block;
  position: relative;
  top: 1px;
  color: var(--black-black-4);  
}

.cases-page__time::before {
  background: currentColor;
  content: "";
  display: block;
  flex: 0 0 24px;
  height: 24px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C6.616 2.25 2.25 6.616 2.25 12S6.616 21.75 12 21.75 21.75 17.384 21.75 12 17.384 2.25 12 2.25Zm0 18a8.25 8.25 0 1 1 0-16.5 8.25 8.25 0 0 1 0 16.5Zm.75-12h-1.5v4.5l4.125 2.475.75-1.23-3.375-1.995V8.25Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C6.616 2.25 2.25 6.616 2.25 12S6.616 21.75 12 21.75 21.75 17.384 21.75 12 17.384 2.25 12 2.25Zm0 18a8.25 8.25 0 1 1 0-16.5 8.25 8.25 0 0 1 0 16.5Zm.75-12h-1.5v4.5l4.125 2.475.75-1.23-3.375-1.995V8.25Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 24px;
}

.cases-page__body h2 {
  color: var(--black-black-1);
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.37;
  margin: 0 0 8px;
  text-align: left;
}

.cases-page__body p {
  color: var(--black-black-4);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
  text-align: left;
}

.cases-page__pagination {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 32px;
  justify-content: center;
  margin: 40px auto 0;
  width: 256px;
}

.cases-page__pagination[hidden] {
  display: none;
}

.cases-page__arrow,
.cases-page__dot,
.cases-page__page,
.cases-page__ellipsis {
  background: transparent;
  border: 0;
  color: rgba(156, 162, 165, 1);
  cursor: pointer;
  display: block;
  height: 32px;
  padding: 0;
  position: relative;
  text-decoration: none;
  transition: opacity 0.2s ease;
  width: 32px;
}

.cases-page__arrow:hover,
.cases-page__arrow:focus-visible,
.cases-page__dot:hover,
.cases-page__dot:focus-visible,
.cases-page__page:hover,
.cases-page__page:focus-visible {
  opacity: 0.72;
}

.cases-page__arrow.is-disabled {
  cursor: default;
  opacity: 0.28;
}

.cases-page__arrow {
  height: 24px;
  width: 24px;
}

.cases-page__arrow::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.46976 18.9693C8.40008 19.039 8.3448 19.1217 8.30709 19.2128C8.26938 19.3038 8.24997 19.4014 8.24997 19.4999C8.24997 19.5985 8.26938 19.6961 8.30709 19.7871C8.3448 19.8781 8.40008 19.9609 8.46976 20.0306C8.53944 20.1002 8.62217 20.1555 8.71321 20.1932C8.80426 20.2309 8.90184 20.2503 9.00039 20.2503C9.09893 20.2503 9.19651 20.2309 9.28756 20.1932C9.3786 20.1555 9.46133 20.1002 9.53101 20.0306L17.031 12.5306C17.1007 12.4609 17.1561 12.3782 17.1938 12.2871C17.2315 12.1961 17.251 12.0985 17.251 11.9999C17.251 11.9014 17.2315 11.8038 17.1938 11.7127C17.1561 11.6217 17.1007 11.539 17.031 11.4693L9.53101 3.9693C9.39028 3.82857 9.19941 3.74951 9.00039 3.74951C8.80136 3.74951 8.61049 3.82857 8.46976 3.9693C8.32903 4.11003 8.24997 4.30091 8.24997 4.49993C8.24997 4.69895 8.32903 4.88982 8.46976 5.03055L15.4401 11.9999L8.46976 18.9693Z' fill='%23202223'/%3E%3C/svg%3E%0A");
  content: "";
  height: 24px;
  position: absolute;
  width: 24px;
}

.cases-page__arrow--prev {
  transform: rotateY(180deg);
}

.cases-page__dot::before {
  background: rgb(183, 187, 190);
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s ease, transform 0.2s ease;
  width: 8px;
}

.cases-page__dot.is-active::before {
  background: var(--yellow);
  transform: translate(-50%, -50%) scale(1.25);
}

.cases-page__page,
.cases-page__ellipsis {
  align-items: center;
  display: inline-flex;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  line-height: 1;
}

.cases-page__page.is-active {
  color: rgba(32, 34, 35, 1);
}

.cases-page__ellipsis {
  cursor: default;
}

.page-case-detail {
  background: var(--white);
  color: var(--ink);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-case-detail .nav {
  background: var(--white);
  border-color: rgb(226, 227, 228);
  box-shadow: 0 18px 60px rgba(9, 9, 9, 0.08);
  left: 50%;
  max-width: 1840px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 80px);
}

.page-case-detail .brand img {
  display: block;
  height: 40px;
  width: 128px;
}

.page-case-detail .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.page-case-detail .nav:has(.mega-menu.is-open) {
  box-shadow: 0 16px 50px rgba(9, 9, 9, 0.12);
}

.page-case-detail .nav__links a,
.page-case-detail .nav__links a.nav__links--dropdown,
.page-case-detail .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.page-case-detail .nav__links a.nav__links--dropdown::after,
.page-case-detail .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.page-case-detail .nav__links a:hover,
.page-case-detail .nav__links button:hover {
  background: rgb(244, 245, 245);
}

.page-case-detail .nav__bot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.page-case-detail .nav__phone {
  background: var(--panel);
}

.page-case-detail .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.page-case-detail .mega-menu__item,
.page-case-detail .mega-menu__item span,
.page-case-detail .mega-menu__contacts,
.page-case-detail .mega-menu__contacts p,
.page-case-detail .mega-menu__bot {
  color: var(--ink-soft);
}

.page-case-detail .mega-menu__caption {
  color: var(--muted);
}

.case-detail-header {
  height: 216px;
  position: relative;
}

.page-case-detail .section {
  margin-left: auto;
  margin-right: auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.case-detail-intro {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(0, 1220px) 183px;
  justify-content: space-between;
  height: 349px;
  padding: 0;
}

.case-detail-back {
  align-items: center;
  color: var(--muted-2);
  display: inline-flex;
  font-size: 18px;
  gap: 4px;
  line-height: 23px;
  margin-bottom: 16px;
  transition: color 0.2s ease;
}

.case-detail-back::before {
  background: currentColor;
  content: "";
  display: block;
  height: 24px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 24px;
}

.case-detail-back:hover {
  color: var(--ink-soft);
}

.case-detail-intro h1 {
  color: var(--ink);
  font-size: 56px;
  font-weight: 500;
  line-height: 76px;
  margin: 0 0 16px;
  max-width: 988px;
}

.case-detail-intro p {
  color: var(--ink);
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  max-width: 988px;
}

.case-detail-meta {
  display: grid;
  gap: 40px;
  margin: 0;
}

.case-detail-meta div {
  display: grid;
  gap: 8px;
}

.case-detail-meta dt,
.case-detail-toc span {
  font-family: Tektur, sans-serif;
  color: var(--muted-2);
  font-size: 18px;
  line-height: 23px;
}
.case-detail-meta dt{
  font-family: Tektur, sans-serif;
}

.case-detail-meta dd {
  color: rgb(56, 60, 62);
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}

.case-img-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 40px;
}

.case-detail-cover {
  border-radius: 8px;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.case-img-container,
.case-detail-content {
  align-items: start;
  display: grid;
  grid-template-columns: 1224px 290px;
  justify-content: space-between;
}

.case-detail-content {
  padding-right: 0;
  padding-left: 0;
}

.case-detail-cover,
.case-detail-article {
  max-width: 1224px;
}

.case-detail-article h2 {
  color: var(--ink);
  font-size: 40px;
  font-weight: 500;
  line-height: 55px;
  margin: 0 0 40px;
}

.case-detail-article h2:not(:first-child) {
  margin-top: 80px;
}

.case-detail-article img+h2 {
  margin-top: 0;
}

.case-detail-article p {
  color: rgb(56, 60, 62);
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}

.case-detail-article p+p {
  margin-top: 25px;
}

.case-detail-article iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  border: none;
}

.case-detail-article img {
  border-radius: 8px;
  display: block;
  height: 689px;
  margin: 80px 0;
  object-fit: cover;
  width: 100%;
}

.case-detail-article h3 {
  color: var(--muted-2);
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin: 60px 0 20px;
}

.case-detail-article h2+h3 {
  margin-top: 80px;
}

.case-detail-article h3+p {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.case-detail-article h3+p+h3 {
  margin-top: 60px;
}

.case-detail-article h3+p span {
  align-items: center;
  background: var(--black-black-9);
  border-radius: 200px;
  color: var(--ink-soft);
  display: inline-flex;
  font-size: 18px;
  height: 41px;
  justify-content: center;
  line-height: 25px;
  padding: 0 24px;
}
.case-detail-article ul{
  padding-left: 20px;
  margin: 25px 0;
}
.case-detail-article ul li{
  list-style: disc;
}

.case-detail-toc {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 21px 26px 21px 18px;
  position: sticky;
  top: 30px;
}

.case-detail-toc a {
  color: rgb(56, 60, 62);
  font-size: 18px;
  line-height: 25px;
  transition: color 0.2s ease;
}

.case-detail-toc a:hover,
.tool-detail-toc a:hover {
  color: var(--ink);
}

.case-detail-toc a.is-active,
.tool-detail-toc a.is-active {
  color: var(--ink);
  font-weight: 700;
}

.case-detail-related {

  padding-right: 0;
  padding-left: 0;
}

.case-detail-related h2 {
  color: var(--ink-soft);
  font-size: 56px;
  font-weight: 500;
  line-height: 76px;
  margin: 0 0 40px;
}

.case-detail-related__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-detail-related img {
  border-radius: 8px;
  display: block;
  height: 512px;
  margin-bottom: 23px;
  object-fit: cover;
  width: 100%;
}

.case-detail-related h3 {
  color: var(--ink-soft);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 17px;
  max-width: 755px;
}

.case-detail-related p {
  color: rgba(109, 109, 109, 1);
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}

.case-detail-related__more {
  align-items: center;
  background: var(--ink-soft);
  border-radius: 200px;
  color: var(--white);
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  line-height: 16px;
  margin: 40px auto 0;
  width: 151px;
}

.page-case-detail .contact {
  gap: 0;
  grid-template-columns: 742px 754px;
  justify-content: space-between;

  padding-right: 0;
  padding-left: 0;
}

.page-case-detail .contact .section__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 76px;
}

.page-case-detail .contact .contact__form {
  border-radius: 16px;
  height: auto;
}

.page-case-detail .footer {
  margin-top: 172px;
}

.page-vacancies {
  background: var(--white);
  color: var(--ink);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-vacancies .nav {
  background: #fff;
  border: 1px rgba(226, 227, 228, 1) solid;
  box-shadow: 0 18px 60px rgba(9, 9, 9, 0.08);
}

.page-vacancies .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.page-vacancies .nav:has(.mega-menu.is-open) {
  box-shadow: 0 16px 50px rgba(9, 9, 9, 0.12);
}

.page-vacancies .nav__links a,
.page-vacancies .nav__links a.nav__links--dropdown,
.page-vacancies .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.page-vacancies .nav__links a.nav__links--dropdown::after,
.page-vacancies .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.page-vacancies .nav__links a:hover,
.page-vacancies .nav__links button:hover {
  background: rgb(244, 245, 245);
}

.page-vacancies .nav__bot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.page-vacancies .nav__phone {
  background: var(--panel);
}

.page-vacancies .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.page-vacancies .mega-menu__item,
.page-vacancies .mega-menu__item span,
.page-vacancies .mega-menu__contacts,
.page-vacancies .mega-menu__contacts p,
.page-vacancies .mega-menu__bot {
  color: var(--ink-soft);
}

.page-vacancies .mega-menu__caption {
  color: var(--muted);
}

.page-vacancies .case-detail-header {
  height: 285px;
}

.page-vacancies .section {
  margin-left: auto;
  margin-right: auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.page-career {
  background: var(--white);
  color: var(--ink);
  overflow-x: hidden;
  overflow-x: clip;
}

.page-career .nav {
  background: #fff;
  border: 1px rgba(226, 227, 228, 1) solid;
}

.page-career .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.page-career .nav:has(.mega-menu.is-open) {
  box-shadow: 0 16px 50px rgba(9, 9, 9, 0.12);
}

.page-career .nav__links a,
.page-career .nav__links a.nav__links--dropdown,
.page-career .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.page-career .nav__links a.nav__links--dropdown::after,
.page-career .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.page-career .nav__links a:hover,
.page-career .nav__links button:hover {
  background: rgb(244, 245, 245);
}

.page-career .nav__phone {
  background: var(--panel);
}

.page-career .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.page-career .mega-menu__item,
.page-career .mega-menu__item span,
.page-career .mega-menu__contacts,
.page-career .mega-menu__contacts p,
.page-career .mega-menu__bot {
  color: var(--ink-soft);
}

.page-career .mega-menu__caption {
  color: var(--muted);
}

.page-career .case-detail-header {
  height: 285px;
}

.page-career .section {
  margin-left: auto;
  margin-right: auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.page-career .case-detail-header {
  background: #090909;
  height: 120px;
}

.page-career .nav {
  background: rgb(32, 34, 35);
  border-color: rgb(56, 60, 62);
  box-shadow: none;
  left: 50%;
  max-width: 1840px;
  top: 28px;
  transform: translateX(-50%);
  width: calc(100% - 80px);
}

.page-career .brand svg [fill="#FEFEFE"] {
  fill: var(--white);
}

.page-career .nav__links a,
.page-career .nav__links a.nav__links--dropdown,
.page-career .nav__links button.nav__links--dropdown {
  color: var(--white);
}

.page-career .nav__links a.nav__links--dropdown::after,
.page-career .nav__links button.nav__links--dropdown::after {
  border-color: var(--white);
}

.page-career .nav__links a:hover,
.page-career .nav__links button:hover {
  background: rgba(255, 255, 255, 0.08);
}

.page-career .nav__phone {
  background: var(--yellow);
}

.page-career .mega-menu {
  background: rgb(32, 34, 35);
  border-color: rgb(56, 60, 62);
  box-shadow: none;
}

.page-career .mega-menu__item,
.page-career .mega-menu__item span,
.page-career .mega-menu__contacts,
.page-career .mega-menu__contacts p,
.page-career .mega-menu__bot {
  color: var(--white);
}

.page-career .mega-menu__caption {
  color: rgb(168, 173, 176);
}

.career-page {
  background: var(--white);
  color: var(--ink);
}

.career-hero {
  align-items: center;
  background: #090909;
  box-shadow: 0 0 0 100vmax #090909;
  clip-path: inset(0 -100vmax);
  color: var(--white);
  display: grid;
  gap: clamp(56px, 7vw, 132px);
  grid-template-columns: minmax(0, 1fr) minmax(520px, 716px);
  min-height: calc(100vh - 120px);
  padding: 48px 0 120px;
}

.career-hero .section__eyebrow,
.career-life .section__eyebrow {
  color: rgb(168, 173, 176);
}

.career-hero h1 {
  color: var(--white);
  font-size: clamp(64px, 5.2vw, 100px);
  font-weight: 500;
  line-height: 0.98;
  margin: 0;
  max-width: 1040px;
}

.career-hero__copy p {
  color: rgb(183, 187, 190);
  font-size: clamp(20px, 1.45vw, 28px);
  line-height: 1.35;
  margin: 32px 0 0;
  max-width: 760px;
}

.career-hero__button {
  gap: 10px;
  height: 70px;
  margin-top: 56px;
  min-height: 70px;
  width: 286px;
}

.career-hero__media {
  aspect-ratio: 716 / 680;
  min-height: 560px;
  position: relative;
}

.career-hero__photo,
.career-hero__decor {
  display: block;
  position: absolute;
}

.career-hero__photo {
  border-radius: 8px;
  object-fit: cover;
}

.career-hero__photo--large {
  height: 82%;
  right: 13%;
  top: 6%;
  width: 46%;
  z-index: 2;
}

.career-hero__photo--top {
  height: 48%;
  right: 0;
  top: 0;
  width: 32%;
  z-index: 1;
}

.career-hero__photo--bottom {
  bottom: 0;
  height: 52%;
  left: 0;
  width: 38%;
  z-index: 3;
}

.career-hero__decor {
  bottom: 9%;
  opacity: 0.72;
  right: 1%;
  width: 44%;
  z-index: 0;
}

.career-intro {
  display: grid;
  gap: 40px 80px;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 660px);
  padding: 132px 0 0;
}

.career-intro__head .section__title,
.career-life .section__title,
.career-office .section__title,
.career-process .section__title,
.career-vacancies .section__title {
  font-size: clamp(48px, 4.2vw, 80px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0;
  max-width: 980px;
}

.career-intro>.section__lead {
  align-self: end;
  color: rgb(80, 85, 88);
  font-size: clamp(20px, 1.45vw, 28px);
  line-height: 1.35;
  margin: 0;
}

.career-values {
  display: grid;
  gap: 20px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 48px;
}

.career-values article,
.career-process__steps article {
  border-top: 1px solid var(--line);
  min-height: 292px;
  padding: 32px 32px 0 0;
}

.career-values span,
.career-process__steps span {
  color: var(--muted);
  display: block;
  font-family: "Tektur", sans-serif;
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 48px;
}

.career-values h3,
.career-process__steps h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 20px;
}

.career-values p,
.career-process__steps p {
  color: rgb(80, 85, 88);
  font-size: 18px;
  line-height: 1.45;
  margin: 0;
  max-width: 430px;
}

.career-life {
  background: #090909;
  color: var(--white);
  margin-top: 132px;
  padding: 132px 0;
}

.career-life__inner {
  align-items: start;
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(420px, 600px) minmax(0, 1fr);
}

.career-life__copy {
  position: sticky;
  top: 132px;
}

.career-life .section__title {
  color: var(--white);
}

.career-life__copy p {
  color: rgb(183, 187, 190);
  font-size: 22px;
  line-height: 1.45;
  margin: 32px 0 0;
  max-width: 560px;
}

.career-life__gallery {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.career-life__gallery img {
  aspect-ratio: 1 / 1.12;
  border-radius: 8px;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.career-life__image--wide {
  aspect-ratio: 412 / 319;
  grid-column: span 2;
}

.career-office {
  align-items: center;
  display: grid;
  gap: clamp(56px, 7vw, 132px);
  grid-template-columns: minmax(0, 0.95fr) minmax(460px, 0.85fr);
  padding: 132px 0 0;
}

.career-office__image {
  aspect-ratio: 735 / 490;
  border-radius: 8px;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.career-office .section__lead {
  color: rgb(80, 85, 88);
  font-size: 22px;
  line-height: 1.45;
  margin: 28px 0 0;
}

.career-office__stats {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 64px;
}

.career-office__stats article {
  border-top: 1px solid var(--line);
  padding-top: 24px;
}

.career-office__stats strong {
  display: block;
  font-family: "Tektur", sans-serif;
  font-size: clamp(56px, 4.6vw, 88px);
  font-weight: 500;
  line-height: 1;
}

.career-office__stats span {
  color: rgb(80, 85, 88);
  display: block;
  font-size: 18px;
  margin-top: 16px;
}

.career-process {
  padding: 132px 0 0;
}

.career-process__head {
  display: grid;
  gap: 40px 80px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
}

.career-process__head .section__eyebrow {
  align-self: start;
}

.career-process__steps {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 72px;
}

.career-vacancies {
  align-items: end;
  border-top: 1px solid var(--line);
  display: flex;
  gap: 40px;
  justify-content: space-between;

  padding-right: 0;
  padding-left: 0;
}

.career-vacancies__button {
  flex: 0 0 auto;
  gap: 10px;
}

.career-request .section__title span {
  color: #202223;
  display: block;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 12px;
}

.career-request .contact__links {
  display: block;
  margin-bottom: 0;
}

.career-request .contact__links p {
  color: #202223;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
}

.career-request__mobile-contacts {
  display: none;
}


.career-pill:hover,
.career-pill:focus-visible {
  background: var(--main-colors-total-black);
  border-color: var(--main-colors-total-black);
}

.career-pill span {
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.career-pill span svg {
  display: block;
  height: 24px;
  width: 24px;
}

.career-benefits__list {
  display: grid;
  gap: 40px;
  padding-top: 2px;
}

.career-benefits__list article {
  display: grid;
  gap: 35px;
  grid-template-columns: 58px minmax(0, 1fr);
}

.career-benefits__list>article>span {
  background: rgb(242, 243, 244);
  border: 1px solid transparent;
  border-radius: 6px;
  display: block;
  height: 60px;
  width: 60px;
}

.career-benefits__list h3 {
  color: var(--main-colors-total-black);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 16px;
}

.career-benefits__list p {
  color: var(--main-colors-total-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  margin: 0;
}

.career-value {
  background: #090909;
  color: var(--white);
  padding-right: 0;
  padding-left: 0;
}

.career-head--dark h2,
.career-head--dark p {
  color: var(--white);
}

.career-head--dark .career-eyebrow {
  color: rgb(168, 173, 176);
}

.career-head--dark h2 {
  font-size: 56px;
}

.career-value__mobile-title {
  display: none;
}

.career-collage {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 190px;
}

.career-collage img {
  border-radius: 8px;
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 260ms ease, filter 260ms ease;
  width: 100%;
}

.career-collage img:hover {
  filter: grayscale(0);
  transform: scale(1.015);
}

.career-collage__a,
.career-collage__b {
  aspect-ratio: 600 / 380;
}

.career-collage__a {
  grid-column: 1;
  grid-row: 1;
}

.career-collage__b {
  grid-column: 1;
  grid-row: 2;
}

.career-collage__c {
  aspect-ratio: 600 / 890;
  grid-column: 2;
  grid-row: 1 / span 2;
  height: calc(100% + 20px) !important;
  margin-top: -20px;
}

.career-collage__d {
  aspect-ratio: 600 / 792;
  grid-column: 3;
  grid-row: 1 / span 2;
  height: calc(100% - 30px) !important;
  margin-top: 30px;
}

.career-collage__e,
.career-collage__f {
  aspect-ratio: 885 / 410;
}

.career-collage__e {
  grid-column: 1 / span 2;
  grid-row: 3;
}

.career-collage__f {
  grid-column: 3;
  grid-row: 3;
}

.career-office-pdf {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

.career-office-pdf h2 {
  margin-bottom: 40px;
}

.career-office-pdf__slider {
  align-items: center;
  display: grid;
  gap: 40px;
  grid-template-columns: 64px minmax(0, 1530px) 64px;
  justify-content: center;
}

.career-office-pdf__swiper {
  border-radius: 8px;
  min-width: 0;
  width: 100%;
}

.career-office-pdf__swiper .swiper-slide {
  height: auto;
}

.career-office-pdf__slider img {
  aspect-ratio: 1530 / 725;
  border-radius: 8px;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.career-office-pdf__nav {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  padding: 0;
  transition: opacity 180ms;
}

.career-office-pdf__nav:hover,
.career-office-pdf__nav:focus-visible {
  opacity: .7;
}

.career-office-pdf__nav svg {
  display: block;
  height: 29px;
  width: 28px;
}

.career-office-pdf__nav--prev svg {
  transform: rotate(180deg);
}

.career-office-pdf__dots {
  display: flex;
  gap: 9px;
  justify-content: center;
  margin-top: 22px;
}

.career-office-pdf__dots .swiper-pagination-bullet {
  background: rgb(226, 227, 228);
  border-radius: 8px;
  display: block;
  flex: 0 0 auto;
  height: 6px;
  margin: 0;
  opacity: 1;
}

.career-office-pdf__dots .swiper-pagination-bullet-active {
  background: rgb(183, 187, 190);
  width: 32px;
}

.career-internship {
  display: grid;
  gap: 138px;
  grid-template-columns: 760px minmax(0, 908px);
  justify-content: space-between;
  padding-right: 0;
  padding-left: 0;
}

.career-internship__copy>p {
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  margin: 40px 0 0;
  max-width: 606px;
}

.career-internship__copy>p+p {
  margin-top: 28px;
}

.career-internship__steps {
  display: grid;
  gap: 40px;
}

.career-internship__steps article {
  border: 1px solid rgb(210, 214, 216);
  border-radius: 6px;
  display: grid;
  gap: 36px;
  grid-template-columns: 58px minmax(0, 1fr);
  min-height: 176px;
  padding: 16px;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.career-internship__steps article:hover {
  border-color: rgb(188, 193, 196);
  transform: translateY(-3px);
}

.career-internship__steps span {
  align-items: center;
  background: rgb(242, 243, 244);
  border-radius: 6px;
  display: flex;
  font-size: 28px;
  height: 60px;
  justify-content: center;
  transition: background-color .2s ease;
  width: 60px;
}

.career-internship__steps span svg {
  display: block;
  height: 28px;
  width: 28px;
}

.career-internship__steps article:hover span {
  background: var(--panel);
}

.career-internship__steps h3 {
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 16px;
}

.career-internship__steps p {
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  margin: 0;
}

.career-blog {
  padding: 168px 0 0;
}

.career-blog h2 {
  border-bottom: 1px solid rgb(226, 227, 228);
  padding-bottom: 29px;
}

.career-blog__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 31px;
}

.career-blog__grid img {
  aspect-ratio: 910 / 510;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  transition: transform 260ms ease, filter 260ms ease;
  width: 100%;
}

.career-blog__grid article {
  overflow: hidden;
}

.career-blog__grid article:hover img {
  transform: scale(1.03);
}

.career-blog__grid span {
  color: rgba(109, 109, 109, 1);
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 22px 0 18px;
}

.career-blog__grid h3 {
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 12px;
}

.career-blog__grid p {
  color: rgba(109, 109, 109, 1);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
}

.career-blog__more {
  margin: 40px auto 0;
  width: max-content;
}

.career-vacancy-list {
  padding: 160px 0 0;
  padding-bottom: 261px;
}

.career-vacancy-list h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 60px;
}

.career-vacancy-list article {
  align-items: center;
  border-bottom: 1px solid rgb(226, 227, 228);
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 1fr) minmax(180px, 1fr) minmax(190px, max-content);
  min-height: 72px;
  transition: border-color .2s ease;
}

.career-vacancy-list article:hover {
  border-color: rgb(188, 193, 196);
}

.career-vacancy-list h3 {
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}

.career-vacancy-list p {
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.career-vacancy-list p span {
  color: rgb(168, 173, 176);
  font-weight: 400;
  margin-right: 8px;
}

.career-vacancy-list a {
  align-items: center;
  border: 1px solid rgb(32, 34, 35);
  border-radius: 200px;
  color: rgba(0, 0, 0, 1);
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  height: 40px;
  justify-content: center;
  max-width: 100%;
  padding: 0 18px;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.career-vacancy-list a svg {
  display: block;
  height: 24px;
  width: 24px;
}

.career-vacancy-list a svg path {
  fill: currentColor;
}

.career-vacancy-list a:hover,
.career-vacancy-list a:focus-visible {
  background: rgb(32, 34, 35);
  border-color: rgb(32, 34, 35);
  color: var(--white);
}

.career-form-pdf {
  display: grid;
  gap: 160px;
  grid-template-columns: minmax(0, 1fr) 754px;
  padding: 318px 0 64px;
}

.career-form-pdf__copy {
  display: flex;
  flex-direction: column;
  min-height: 694px;
}

.career-form-pdf__copy h2 {
  font-size: 48px;
}

.career-form-pdf__copy h3 {
  color: rgba(0, 0, 0, 1);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 44px 0 0;
}

.career-form-pdf__copy p {
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  margin: auto 0 0;
}

.career-form-pdf__form {
  background: rgb(244, 245, 245);
  border: 1px solid rgb(210, 214, 216);
  border-radius: 8px;
  color: rgba(0, 0, 0, 1);
  display: flex;
  flex-direction: column;
  min-height: 694px;
  padding: 45px 40px 36px;
}

.career-form-pdf__form h2 {
  color: rgba(0, 0, 0, 1);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 31px;
}

.career-form-pdf__form input,
.career-form-pdf__form textarea {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgb(183, 187, 190);
  color: rgba(0, 0, 0, 1);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  min-height: 48px;
  outline: none;
  padding: 0;
  width: 100%;
}

.career-form-pdf__form label span {
  color: rgba(0, 0, 0, 1);
  display: block;
  font-size: 32px;
  font-weight: 600;
  margin: 48px 0 32px;
}

.career-form-pdf__form textarea {
  height: 126px;
  resize: none;
}

.career-form-pdf__actions {
  align-items: center;
  display: flex;
  gap: 36px;
  margin-top: 42px;
}

.career-form-pdf__actions label {
  color: rgba(0, 0, 0, 1);
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.career-form-pdf__actions input {
  display: none;
}

.career-form-pdf__actions button {
  background: rgb(32, 34, 35);
  border: 0;
  border-radius: 200px;
  color: var(--white);
  cursor: pointer;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  padding: 0 24px;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.career-form-pdf__actions button:hover,
.career-form-pdf__actions button:focus-visible {
  background: var(--main-colors-total-black);
}

.career-form-pdf__agreement,
.career-form-pdf__form a {
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.career-form-pdf__agreement {
  margin: 36px 0 18px;
}

.career-form-pdf__form a {
  text-decoration: none;
}

.career-form-pdf__contacts {
  display: none;
}

.page-career .footer {
  margin-top: 0;
}

.vacancy-hero {
  height: auto;
  margin-bottom: 80px;
  padding: 0;
}

.vacancy-eyebrow {
  align-items: center;
  color: var(--muted-2);
  display: flex;
  font-family: "Tektur", sans-serif;
  font-size: 18px;
  gap: 16px;
  line-height: 23px;
  margin: 0 0 16px;
}

.vacancy-eyebrow span {
  background: var(--yellow);
  border-radius: 50%;
  display: block;
  height: 12px;
  width: 12px;
}

.vacancy-hero h1 {
  color: var(--ink);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}

.vacancy-details {
  padding-right: 0;
  padding-left: 0;
}

.vacancy-detail {
  border-top: 1px solid var(--line);
  padding-top: 40px;
}

.vacancy-detail+.vacancy-detail {
  margin-top: 80px;
}

.vacancy-detail__inner {
  display: grid;
  grid-template-columns: 598px minmax(0, 1065px);
  gap: 177px;
}

.vacancy-detail__head {
  display: grid;
  grid-template-columns: 135px minmax(0, 443px);
  gap: 20px;
}

.vacancy-detail__number {
  font-family: "Tektur", sans-serif;
  color: #808080;
  font-size: 18px;
  line-height: 1;
}

.vacancy-detail h2 {
  color: var(--ink);
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}

.vacancy-detail__body {
  color: rgb(56, 60, 62);
  font-size: 16px;
  line-height: 22px;
}

.vacancy-detail__body ul {
  list-style: disc;
  list-style-position: outside;
  margin: 0;
  padding-left: 22px;
}

.vacancy-detail__body li {
  color: var(--ink);
  display: list-item;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  padding-left: 0;
}

.vacancy-detail__body li::marker {
  color: rgb(56, 60, 62);
  font-size: 0.72em;
}

.vacancy-detail__body li+li {
  margin-top: 0;
}

.vacancy-detail__body p {
  color: var(--ink);
  font-size: 16px;
  line-height: 180%;
  margin: 22px 0 0;
}

.vacancy-detail__body p+ul {
  margin-top: 0;
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .page-case-detail .nav {
    left: 40px;
    transform: none;
    width: calc(100% - 80px);
  }

  .page-case-detail .section {
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    width: calc(100% - 80px);
  }

  .case-detail-intro {
    grid-template-columns: minmax(0, 988px) 162px;
    height: 323px;
  }

  .case-detail-back {
    font-family: Tektur, sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 16px;
  }

  .case-detail-intro h1 {
    font-size: 48px;
    line-height: 66px;
    max-width: 988px;
  }

  .case-detail-intro p {
    font-size: 16px;
    line-height: 22px;
    max-width: 988px;
  }

  .case-detail-meta {
    gap: 40px;
  }

  .case-detail-meta div {
    gap: 8px;
  }

  .case-detail-meta dt,
  .case-detail-toc span {
    font-size: 16px;
    line-height: 21px;
  }
  .case-detail-toc span{
    margin-bottom: 24px;
  }
  .case-detail-meta dd {
    font-size: 16px;
    line-height: 22px;
  }

  .case-img-container {
    max-width: 1440px;
  }

  .case-img-container,
  .case-detail-content {
    gap: 40px;
    grid-template-columns: minmax(0, 1fr) 260px;
  }

  .case-detail-content {
    max-width: 1360px;
  }

  .case-detail-cover,
  .case-detail-article {
    max-width: 1015px;
    min-width: 0;
  }

  .case-detail-article h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 49px;
    margin-bottom: 40px;
  }

  .case-detail-article p {
    font-size: 16px;
    line-height: 22px;
  }

  .case-detail-article p+p {
    margin-top: 22px;
  }

  .case-detail-article img {
    height: 570.94px;
  }

  .case-detail-article h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .case-detail-article h3+p {
    gap: 20px;
  }

  .case-detail-article h3+p span {
    font-size: 16px;
    height: 38px;
    line-height: 22px;
  }

  .case-detail-toc {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: auto;
    padding: 21px 26px 21px 18px;
    max-width: 260px;
  }

  .case-detail-toc span {
    margin-bottom: 24px;
  }

  .case-detail-toc a {
    font-size: 16px;
    line-height: 22px;
  }

  .case-detail-toc a+a {
    margin-top: 12px;
  }

  .case-detail-related {

    max-width: 1360px;
  }

  .case-detail-related h2 {
    font-size: 48px;
    line-height: 66px;
  }

  .case-detail-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-detail-related img {
    height: 376.88px;
    margin-bottom: 23px;
  }

  .case-detail-related h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 16px;
    max-width: 555px;
  }

  .case-detail-related p {
    font-size: 16px;
    line-height: 22px;
    max-width: 555px;
  }

  .page-case-detail .contact {
    grid-template-columns: 555px 670px;
    height: auto;

    max-width: 1360px;
  }

  .page-case-detail .contact .section__title {
    font-size: 40px;
    line-height: 55px;
  }

  .page-case-detail .contact .contact__form {
    height: auto;
  }

  .page-case-detail .contact legend {
    margin-bottom: 24px;
  }

  .page-case-detail .contact label {
    margin-bottom: 24px;
  }

  .page-case-detail .contact fieldset:nth-child(2) label {
    margin-bottom: 24px;
  }

  .page-case-detail .contact textarea {
    height: 74px;
  }

  .page-case-detail .contact .form__actions {
    margin-bottom: 24px;
  }

  .page-case-detail .footer {
    margin-top: 63px;
    width: 100%;
  }
}
@media(max-width:1024px){
  .page-service .hero__copy {
    margin-bottom: 56px;
  }
  .page-service .hero__image--service img{
    width: 440px;
    height: 440px;
  }
}
.team__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 32px;
}

.team__grid article {
  background: transparent;
  border: 0;
  border-radius: 8px;
  min-height: 522px;
  padding: 0;
}

.team__grid img {
  border-radius: 8px;
  display: block;
  height: 445px;
  object-fit: cover;
  width: 100%;
}

.team__grid strong {
  display: block;
  font-size: 24px;
  font-weight: 500;
  margin-top: 17px;
}

.team__grid span {
  color: rgb(80, 85, 88);
  display: block;
  font-size: 18px;
  margin-top: 4px;
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 620ms, transform 620ms;
}

.case-card.reveal {
  transition:
    opacity 620ms,
    transform 620ms;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0px);
}

.reveal[data-reveal-delay="1"] {
  transition-delay: 90ms;
}

.reveal[data-reveal-delay="2"] {
  transition-delay: 160ms;
}

.reveal[data-reveal-delay="3"] {
  transition-delay: 230ms;
}

@media (prefers-reduced-motion: reduce) {

  *,
  ::before,
  ::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1600px) {
  .about-hero {
    padding-top: 120px;
  }

  .about-hero__media {
    height: clamp(360px, 53.385vw, 760px);
  }

  .about-history__head,
  .about-tools__head {
    grid-template-columns: 1fr 1fr;
  }

  .about-history__timeline h3,
  .about-tools__grid h3 {
    font-size: 26px;
  }

  .daily-services__body {
    grid-template-columns: 720px minmax(0, 1fr);
    gap: 40px;
  }

  .daily-services__tool {
    width: auto;
  }

  .daily-services__title {
    font-size: 48px;
  }
}

@media (max-width: 1180px) {
  .about-hero {
    padding: 112px 24px 0;
  }

  .about-hero__media {
    height: clamp(330px, 53.385vw, 560px);
  }

  .about-history__head,
  .about-tools__head{
    gap: 32px;
    grid-template-columns: 1fr;
  }

  .about-history__timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-history__timeline article:nth-child(2) {
    border-right: 1px solid var(--line);
  }

  .about-tools__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .daily-services {
    padding-right: 0;
    padding-left: 0;
  }

  .daily-services__head {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 56px;
  }

  .daily-services__title {
    font-size: 48px;
  }

  .daily-services__body {
    grid-template-columns: 1fr;
    gap: 56px;
  }

  .daily-services__logos {
    width: 100%;
    max-width: 720px;
  }

  .daily-services__tool {
    width: 100%;
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  .page-about .button--small {
    display: none;
  }

  .about-hero {
    min-height: 0;
    padding: 88px 16px 0;
  }

  .about-hero__media {
    border-radius: 8px;
    height: min(69.44vw, 257px);
  }

  .about-hero__media img,
  .about-hero__media video {
    object-position: center;
  }

  .about-company {
    padding-top: 40px;
  }

  .about-history,
  .about-tools {
    padding-bottom: 72px;
    padding-top: 64px;
  }

  .about-history__head p,
  .about-tools__head p {
    font-size: 18px;
  }

  .about-history__timeline {
    border-top: 1px solid var(--line);
    grid-template-columns: 1fr;
    margin-top: 44px;
  }

  .about-history__timeline article,
  .about-history__timeline article:nth-child(2),
  .about-history__timeline article:last-child {
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    min-height: 0;
    padding: 28px 0 30px;
  }

  .about-history__timeline article::before {
    left: 0;
    top: -8px;
  }

  .about-history__timeline span {
    font-size: 18px;
    margin-bottom: 28px;
  }

  .about-history__timeline h3,
  .about-tools__grid h3 {
    font-size: 24px;
  }

  .about-history__timeline p,
  .about-tools__grid p {
    font-size: 16px;
  }

  .about-history__image {
    margin-top: 36px;
    width: 100%;
  }

  .about-tools__grid {
    grid-template-columns: 1fr;
    margin-top: 44px;
  }

  .about-tools__grid article {
    min-height: 260px;
    padding: 24px;
  }

  .about-tools__grid img {
    height: 44px;
    margin-bottom: 44px;
    width: 44px;
  }

  .daily-services {
    padding-right: 0;
    padding-left: 0;
  }

  .daily-services__head {
    gap: 24px;
    margin-bottom: 44px;
  }

  .daily-services__title {
    font-size: 36px;
    line-height: 1.12;
  }

  .daily-services__logos {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    width: auto;
  }

  .daily-services__logo {
    width: 100%;
    height: 100%;
    padding: 6px;
  }

  .daily-services__logo img {
    width: 100%;
    height: 100%;
  }

  .daily-services__tool h3 {
    font-size: 22px;
  }

  .daily-services__text {
    font-size: 16px;
  }

  .daily-services__more {
    width: 100%;
  }
}

@media (max-width: 1600px) and (min-width: 1181px) {
  .page-home .nav {
    max-width: 1360px;
    width: calc(100% - 80px);
  }

  .home-hero {
    --hero-left-line: 40px;
    --hero-right-line: 41px;
    --hero-center-line: calc(100% - var(--hero-right-line) - 460px);
    min-height: 1024px;
  }

  .home-hero__grid {
    min-height: 1024px;
    max-width: 1440px;
    padding: 0 40px;
  }

  .home-hero__dots {
    height: 848px;
    left: 40px;
    top: 132px;
    width: calc(100% - 680px);
  }

  .home-hero__copy {
    left: 68px;
    top: 694px;
  }

  .home-hero h1 {
    font-size: 54px;
    line-height: 1.3;
    max-width: clamp(722px, 60.4vw, 1102px);
  }

  .home-hero__image {
    right: 41px;
    top: 256px;
    width: 599px;
  }

  .home-hero .hero__button {
    right: 69px;
    top: 879px;
    width: 543px;
  }

  .home-about__grid {
    gap: 40px;
    grid-template-columns: minmax(360px, 1fr) minmax(520px, 640px);
  }

  .home-about .section__lead {
    font-size: 18px;
    font-weight: 400;
  }

  .home-services {
    max-width: 1360px;
    width: calc(100% - 80px);
  }

  .career-head h2,
  .career-benefits h2,
  .career-office-pdf h2,
  .career-internship h2,
  .career-blog h2,
  .career-vacancy-list h2,
  .career-form-pdf__copy h2 {
    font-size: 48px;
  }

  .testimonials .button {
    display: none;
  }

  .service-list article {
    grid-template-columns: 20px 24px minmax(0, 1fr) 40px 120px 40px minmax(320px, 0.85fr);
  }

  .service-list h3 {
    font-size: 30px;
  }

  .service-list__image,
  .service-list article:nth-child(2) .service-list__image,
  .service-list article:nth-child(3) .service-list__image,
  .service-list article:nth-child(4) .service-list__image {
    height: 116px;
    width: 120px;
  }

  .service-list__content,
  .service-list p {
    max-width: none;
  }

  .testimonials {
    max-width: 1360px;

    width: calc(100% - 80px);
  }

  .testimonials__head {
    margin-bottom: 72px;
  }

  .testimonials .section__title {
    font-size: 52px;
    line-height: 1.3;
    max-width: 420px;
  }

  .testimonials__title {
    width: 500px;
  }

  .testimonials__count {
    margin: -24px 0 0 448px;
  }

  .testimonials__nav {
    margin-top: 100px;
  }

  .testimonials__track {
    gap: 90px;
  }

  .testimonials article {
    flex-basis: 850px;
  }

  .testimonials p {
    max-width: 850px;
  }

  .partner-logos {
    max-width: 1400px;
    width: calc(100% - 40px);
  }

  .partner-logos__item:nth-child(6n + 1) img {
    width: 204px;
  }

  .partner-logos__item:nth-child(6n + 2) img {
    width: 218px;
  }

  .partner-logos__item:nth-child(6n + 3) img {
    width: 231px;
  }

  .partner-logos__item:nth-child(6n + 4) img {
    width: 199px;
  }

  .partner-logos__item:nth-child(6n + 5) img {
    width: 228px;
  }

  .partner-logos__item:nth-child(6n) img {
    width: 122px;
  }

  .home-cta {
    min-height: 760px;
    padding-top: 142px;
  }

  .home-cta h2 {
    font-size: 42px;
    max-width: 1040px;
  }

  .home-cta p,
  .home-cta strong {
    font-size: 42px;
  }

  .blog .section__head,
  .team .section__head {
    align-items: flex-end;
  }

  .blog__tabs {
    max-width: 760px;
  }

  .blog__grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 56px;
  }

  .blog__grid span {
    margin-bottom: 8px;
  }

  .blog__grid h3 {
    margin-bottom: 8px;
  }

  .career-vacancy-list h3 {
    font-size: 24px;
  }

  .career-benefits__list h3 {
    font-size: 22px;
  }

  .team__grid img {
    height: 335px;
  }

  .team__grid article {
    min-height: 420px;
  }

  .team__grid strong {
    font-size: 22px;
  }

  .team__grid span {
    font-size: 17px;
  }
}

@media (max-width: 1600px) {
  .stats{
    gap: 0;
  }
  .stats strong{
    font-size: 80px;
  }
}
@media (max-width: 1180px) {
  :root {
    --max: calc(100vw - 32px);
  }

  .nav {
    width: calc(100% - 32px);
  }

  .nav__links {
    display: none;
  }

  .mega-menu {
    display: none;
  }

  .nav__burger {
    align-items: center;
    background: initial;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    height: 40px;
    justify-content: center;
    width: 40px;
  }

  .nav__burger span {
    background: #ffffff;
    border-radius: 8px;
    display: block;
    height: 2px;
    width: 20px;
  }

  .page-about .nav__burger,
  .page-tool-detail .nav__burger,
  .page-tools .nav__burger,
  .page-contacts .nav__burger,
  .page-case-detail .nav__burger,
  .page-legal .nav__burger,
  .page-vacancies .nav__burger,
  .page-career .nav__burger {
    background: var(--white);
  }

  .page-about .nav__burger span,
  .page-tool-detail .nav__burger span,
  .page-tools .nav__burger span,
  .page-contacts .nav__burger span,
  .page-case-detail .nav__burger span,
  .page-legal .nav__burger span,
  .page-vacancies .nav__burger span,
  .page-career .nav__burger span {
    background: var(--ink);
  }

  .mobile-menu {
    background: var(--black);
    display: block;
    inset: 0;
    opacity: 0;
    overflow: hidden;
    overscroll-behavior: none;
    pointer-events: none;
    position: fixed;
    transition: opacity 180ms;
    z-index: 10;
  }

  .mobile-menu.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  html.is-mobile-menu-open,
  html.is-mobile-menu-open body {
    overflow: hidden;
    overscroll-behavior: none;
  }

  html.is-mobile-menu-open .page-content {
    pointer-events: none;
  }

  html.is-mobile-menu-open .mobile-menu {
    pointer-events: auto;
  }

  .mobile-menu__panel {
    background: var(--black);
    border: 0;
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-left: 0;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 16px 16px 32px;
    transform: translateX(100%);
    transition: transform 220ms;
    width: min(390px, 100vw);
  }

  .mobile-menu.is-open .mobile-menu__panel {
    transform: translateX(0);
  }

  .mobile-menu__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
  }

  .mobile-menu__logo {
        display: block;
        height: 45px;
        object-fit: contain;
        width: 197px;
  }

  .mobile-menu a,
  .mobile-menu summary {
    border-radius: 0;
    color: var(--white);
    display: block;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.12;
    padding: 10px 0;
  }

  .mobile-menu__contacts p {
    font-size: 28px;
  }
  .mobile-menu summary {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: 16px;
    list-style: none;
    padding-right: 0;
    position: relative;
  }

  .mobile-menu summary::after {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.031 9.53068L12.531 17.0307C12.4614 17.1004 12.3787 17.1557 12.2876 17.1935C12.1966 17.2312 12.099 17.2506 12.0004 17.2506C11.9019 17.2506 11.8043 17.2312 11.7132 17.1935C11.6222 17.1557 11.5394 17.1004 11.4698 17.0307L3.96979 9.53068C3.82906 9.38995 3.75 9.19907 3.75 9.00005C3.75 8.80103 3.82906 8.61016 3.96979 8.46943C4.11052 8.32869 4.30139 8.24963 4.50042 8.24963C4.69944 8.24963 4.89031 8.32869 5.03104 8.46943L12.0004 15.4397L18.9698 8.46943C19.0395 8.39974 19.1222 8.34447 19.2132 8.30676C19.3043 8.26904 19.4019 8.24963 19.5004 8.24963C19.599 8.24963 19.6965 8.26904 19.7876 8.30676C19.8786 8.34447 19.9614 8.39974 20.031 8.46943C20.1007 8.53911 20.156 8.62183 20.1937 8.71288C20.2314 8.80392 20.2508 8.9015 20.2508 9.00005C20.2508 9.0986 20.2314 9.19618 20.1937 9.28722C20.156 9.37827 20.1007 9.46099 20.031 9.53068Z' fill='%23FEFEFE'/%3E%3C/svg%3E") center / contain no-repeat;
    content: "";
    flex: 0 0 24px;
    height: 24px;
    transition: transform 0.2s ease;
    width: 24px;
  }

  .mobile-menu details[open] summary::after {
    transform: rotate(180deg);
  }

  .mobile-menu details {
    background: transparent;
    border: 0;
  }

  .mobile-menu details a {
    align-items: flex-start;
    color: var(--white);
    display: grid;
    font-size: 15px;
    gap: 14px;
    grid-template-columns: 36px minmax(0, 1fr);
    line-height: 1.25;
    padding: 7px 0;
  }

  .mobile-menu details a span:first-child {
    color: var(--yellow);
    font-family: Tektur, sans-serif;
    font-size: 13px;
    line-height: 1.3;
  }

  .mobile-menu details a span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .mobile-menu__bot {
    color: var(--white) !important;
    font-size: 16px !important;
    padding: 0 !important;
  }

  .mobile-menu__close {
    align-self: flex-end;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    height: 32px;
    margin: 0;
    position: relative;
    width: 32px;
    top: -7px;
  }

  .mobile-menu__close::before,
  .mobile-menu__close::after {
    background: var(--white);
    content: "";
    height: 2px;
    left: 5px;
    position: absolute;
    top: 15px;
    width: 22px;
  }

  .mobile-menu__close::before {
    transform: rotate(45deg);
  }

  .mobile-menu__close::after {
    transform: rotate(-45deg);
  }

  .mobile-menu__contacts {
    border-top: 1px solid rgb(56, 60, 62);
    margin-top: 20px;
    padding-top: 20px;
  }

  .mobile-menu__contacts p {
    color: var(--white);
    font-size: 28px;
    font-weight: 500;
    line-height: 1.28;
    margin: 0 0 18px;
    max-width: 360px;
  }

  .mobile-menu__project {
    color: var(--yellow) !important;
    font-size: 20px !important;
    padding: 0 0 22px !important;
  }

  .mobile-menu a.mobile-menu__phone {
    display: none;
  }

  .mobile-menu__project::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7504 6V15.75C18.7504 15.9489 18.6714 16.1397 18.5307 16.2803C18.3901 16.421 18.1993 16.5 18.0004 16.5C17.8015 16.5 17.6107 16.421 17.4701 16.2803C17.3294 16.1397 17.2504 15.9489 17.2504 15.75V7.81031L6.53104 18.5306C6.39031 18.6714 6.19944 18.7504 6.00042 18.7504C5.80139 18.7504 5.61052 18.6714 5.46979 18.5306C5.32906 18.3899 5.25 18.199 5.25 18C5.25 17.801 5.32906 17.6101 5.46979 17.4694L16.1901 6.75H8.25042C8.0515 6.75 7.86074 6.67098 7.72009 6.53033C7.57943 6.38968 7.50042 6.19891 7.50042 6C7.50042 5.80109 7.57943 5.61032 7.72009 5.46967C7.86074 5.32902 8.0515 5.25 8.25042 5.25H18.0004C18.1993 5.25 18.3901 5.32902 18.5307 5.46967C18.6714 5.61032 18.7504 5.80109 18.7504 6Z' fill='%23FFE700'/%3E%3C/svg%3E%0A");
  }

  .mobile-menu__contacts>span {
    color: #f4f5f5;
    display: block;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 12px;
  }

  .mobile-menu__social,
  .mobile-menu__messengers {
    display: flex;
    gap: 16px;
  }

  .mobile-menu__social {
    margin-bottom: 20px;
  }

  .mobile-menu__messengers {
    margin-top: 16px;
  }

  .mobile-menu__social a,
  .mobile-menu__messengers a {
    align-items: center;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0 !important;
    width: 32px;
  }

  .mobile-menu__social img {
    display: block;
    height: 32px;
    width: 32px;
  }

  .mobile-menu__messengers img {
    display: block;
    height: 32px;
    width: 32px;
  }

  .hero__grid,
  .why,
  .approach__intro,
  .contact,
  .footer__content {
    grid-template-columns: 1fr;
  }
  .hero__grid--service {
    grid-template-columns: 1fr 1fr;
  }
  .hero__grid {
    min-height: 620px;
    padding-top: 112px;
  }

  .hero__image {
    height: 420px;
    opacity: 0.7;
    position: absolute;
    right: 0px;
    top: 110px;
    width: 70%;
  }

  .hero__copy {
    align-self: end;
    padding-left: 0px;
  }

  .why,
  .contact {
    gap: 40px;
  }

  .approach__cards {
    grid-template-columns: repeat(2, 1fr);
  }


  .home-hero {
    background-size: 100% 632px;
    min-height: 760px;
  }

  .home-hero__grid {
    grid-template-columns: 1fr;
    min-height: 760px;
  }

  .home-hero__dots {
    height: 632px;
    left: 32px;
    top: 128px;
    width: calc(100% - 64px);
  }

  .home-hero__copy {
    align-self: end;
    left: 32px;
    padding-top: 0;
    top: 520px;
  }

  .home-hero h1 {
    font-size: 40px;
    max-width: 760px;
  }

  .home-hero__image {
    height: 420px;
    margin: 0;
    right: 32px;
    top: 160px;
    width: min(599px, 52vw);
  }

  .home-hero .hero__button {
    right: 32px;
    top: 650px;
    width: min(420px, calc(100% - 64px));
  }

  .service-list article,
  .testimonials,
  .team__grid {
    grid-template-columns: 1fr;
  }

  .home-about__grid {
    gap: 28px;
  }

  .home-about .section__lead {
    font-size: 18px;
  }

  .stats {
    gap: 20px;
  }

  .service-list article {
    gap: 18px;
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .service-list h3,
  .service-list__image,
  .service-list__content {
    grid-column: 2;
  }

  .service-list p {
    justify-self: stretch;
  }

  .service-list__image {
    height: 120px;
    width: 125px;
  }

  .service-list .button {
    justify-self: start;
    margin-left: 0;
  }

  .service-list h3 {
    font-size: 24px;
  }

  .home-cta {
    min-height: 780px;
    padding: 180px 32px 96px;
  }

  .blog .section__head,
  .team .section__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .blog__tabs {
    justify-content: flex-start;
  }

  .team__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width:1024px){
  .service-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .service-card:nth-child(odd) {
    border-right: 1px solid #E2E3E4;
  }
  .service-card:nth-child(even) {
    border-right: none;
  }
  .service-card:nth-child(n+3) {
    border-top: 1px solid #E2E3E4;
  }
  .service-card:nth-child(n) {
    background: #FFFFFF;
  }
  .service-card:nth-child(4n+2),
  .service-card:nth-child(4n+3) {
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFBFB 100%);
  }
}
@media(max-width:520px){
  .service-grid {
    grid-template-columns: 1fr;
  }
  .service-card:nth-child(odd) {
    border-right: none;
  }
  .service-card {
    border-top: 1px solid #E2E3E4;
  }
  .service-card:first-child {
    border-top: none;
  }
  .service-card:nth-child(4n+2), .service-card:nth-child(4n+3) {
    background: #fff;
  }
}
@media(max-width:375px){
  .service-card {
    font-size: 14px;
    padding: 30px 14px;
  }
  .service-card h3 {
    font-size: 20px;
  }
}
@media (max-width: 1320px) and (min-width: 1181px) {
  .nav__links {
    display: none;
  }

  .nav__burger {
    align-items: center;
    background: initial;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    height: 40px;
    justify-content: center;
    width: 40px;
  }

  .nav__burger span {
    background: #ffffff;
    border-radius: 8px;
    display: block;
    height: 2px;
    width: 20px;
  }

  .page-about .nav__burger,
  .page-tool-detail .nav__burger,
  .page-tools .nav__burger,
  .page-contacts .nav__burger,
  .page-case-detail .nav__burger,
  .page-legal .nav__burger,
  .page-vacancies .nav__burger,
  .page-career .nav__burger {
    background: var(--white);
  }

  .page-about .nav__burger span,
  .page-tool-detail .nav__burger span,
  .page-tools .nav__burger span,
  .page-contacts .nav__burger span,
  .page-case-detail .nav__burger span,
  .page-legal .nav__burger span,
  .page-vacancies .nav__burger span,
  .page-career .nav__burger span {
    background: var(--ink);
  }

  .page-career .nav__burger {
    background: initial;
  }

  .page-career .nav__burger span {
    background: var(--white);
  }
}

@media (min-width: 1181px) and (max-width: 1600px) {
  .topline {
    padding: 0 40px;
  }

  .case-card {
    height: 442px;
  }

  .page-cases .nav {
    left: 43px;
    max-width: none;
    top: 28px;
    transform: none;
    width: calc(100% - 80px);
  }

  .cases-hero {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
  }

  .cases-hero__inner {
    top: 324px;
    width: 907px;
  }

  .cases-hero h1 {
    font-size: 48px;
    line-height: 48px;
  }

  .cases-hero__subtitle {
    font-size: 16px;
    line-height: 16px;
    margin-top: 38px;
  }

  .cases-page {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 80px);
  }

  .cases-page__card:nth-child(odd) .cases-page__body,
  .cases-page__body {
    max-width: 670px;
  }

  .cases-page__body h2 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 8px;
  }

  .cases-page__card:nth-child(6) .cases-page__body h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 17px;
  }
}

@media (min-width: 1601px) {
  .case-card {
    height: 600px;
  }

  .case-slider:not(.is-ready) .case-card.is-active {
    flex-grow: var(--case-card-active-ratio);
  }
}

@media (max-width: 1200px) and (min-width: 681px) {
  .topline {
    padding: 0 40px;
  }

  .page-case-detail {
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-case-detail .topline {
    height: 28px;
    padding: 0 24px;
  }

  .page-case-detail main {
    display: flex;
    flex-direction: column;
  }

  .page-case-detail .nav {
    height: 72px;
    left: 24px;
    max-width: none;
    padding: 6px 15px;
    top: 28px;
    transform: none;
    width: calc(100% - 48px);
  }

  .page-case-detail .nav__burger {
    background: transparent;
    margin-left: auto;
  }

  .case-detail-header {
    height: 105px;
  }

  .page-case-detail .section {
    max-width: none;
    width: calc(100% - 48px);
  }

  .case-detail-intro {
    display: contents;
  }

  .case-detail-intro__copy {
    margin: 0 auto;
    order: 1;
    width: calc(100% - 48px);
  }

  .case-detail-back {
    font-size: 16px;
    height: 40px;
    line-height: 16px;
    margin: 0 0 16px;
  }

  .case-detail-back::before {
    height: 24px;
    width: 24px;
  }

  .case-detail-intro h1 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 46px;
    max-width: 715px;
  }

  .case-img-container {
    display: block;
    max-width: none;
    padding-right: 24px;
    padding-left: 24px;
    order: 2;
  }

  .case-detail-meta {
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 96px;
    margin: 40px auto 0;
    order: 3;
    width: calc(100% - 53px);
  }

  .case-detail-meta div {
    gap: 8px;
  }

  .case-detail-meta dt {
    color: rgb(156, 162, 165);
    font-size: 16px;
    line-height: 16px;
  }

  .case-detail-meta dd {
    color: rgb(56, 60, 62);
    font-size: 16px;
    line-height: 22px;
  }

  .section.case-detail-content {
    display: block;

    order: 4;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 48px);
  }

  .case-detail-cover,
  .case-detail-article {
    max-width: none;
    width: 100%;
  }

  .case-detail-article h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 52px;
  }

  .case-detail-article h2:not(:first-child) {
    margin-top: 80px;
  }

  .case-detail-article img+h2 {
    margin-top: 0;
  }

  .case-detail-article p {
    color: rgb(56, 60, 62);
    font-size: 16px;
    line-height: 24px;
  }

  .case-detail-article p+p {
    margin-top: 16px;
  }

  .case-detail-article img {
    aspect-ratio: 16 / 9;
    height: auto;
    margin: 80px 0;
    width: 100%;
  }

  .case-detail-article #stages+p+p,
  .case-detail-article #stages+p+p+p,
  .case-detail-article #stages+p+p+p+p,
  .case-detail-article #stages+p+p+p+p+p {
    padding-left: 18px;
    position: relative;
  }

  .case-detail-article #stages+p+p::before,
  .case-detail-article #stages+p+p+p::before,
  .case-detail-article #stages+p+p+p+p::before,
  .case-detail-article #stages+p+p+p+p+p::before {
    content: "•";
    left: 4px;
    position: absolute;
    top: 0;
  }

  .case-detail-article h3 {
    color: rgb(156, 162, 165);
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin: 60px 0 28px;
  }

  .case-detail-article h2+h3 {
    margin-top: 80px;
  }

  .case-detail-article h3+p {
    gap: 20px;
  }

  .case-detail-article h3+p span {
    background: rgb(236, 237, 238);
    font-size: 16px;
    height: 38px;
    line-height: 16px;
    padding: 0 16px;
  }

  .case-detail-toc {
    display: none;
  }

  .case-detail-related {
    display: block;
    margin-right: auto;
    margin-left: auto;
    order: 5;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 52px);
  }

  .case-detail-related h2 {
    border-bottom: 1px solid rgb(226, 227, 228);
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 32px;
    padding-bottom: 31px;
  }

  .case-detail-related h2::before {
    color: rgba(109, 109, 109, 1);
    content: "Блог";
    display: block;
    font-family: Tektur, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 16px;
    padding-left: 23px;
    position: relative;
  }

  .case-detail-related h2::after {
    background: var(--yellow);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 10px;
  }

  .case-detail-related h2 {
    position: relative;
  }

  .case-detail-related__grid {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr;
  }

  .case-detail-related img {
    aspect-ratio: 16 / 9;
    height: auto;
    margin-bottom: 23px;
    width: 100%;
  }

  .case-detail-related h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 24px;
    max-width: none;
  }

  .case-detail-related p {
    font-size: 16px;
    line-height: 1;
    max-width: none;
  }

  .case-detail-related__more {
    height: 40px;
    margin-top: 40px;
    width: 157px;
  }

  .page-case-detail .section.contact {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
    order: 6;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 48px);
  }

  .page-case-detail .contact .contact__info {
    display: contents;
  }

  .page-case-detail .contact .section__title {
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 90px;
    max-width: 575px;
    order: 1;
  }

  .page-case-detail .contact .contact__form {
    border-radius: 16px;
    height: auto;
    order: 2;
    padding: 40px;
    width: 100%;
  }

  .page-case-detail .contact legend {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 24px;
  }

  .page-case-detail .contact label {
    margin-bottom: 24px;
  }

  .page-case-detail .contact label span {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 4px;
  }

  .page-case-detail .contact input {
    min-height: 26px;
  }

  .page-case-detail .contact fieldset:nth-child(2) {
    margin-top: 40px;
  }

  .page-case-detail .contact fieldset:nth-child(2) label {
    margin-bottom: 24px;
  }

  .page-case-detail .contact textarea {
    height: 82px;
    min-height: 82px;
  }

  .page-case-detail .contact .form__actions {
    align-items: center;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 32px;
  }

  .page-case-detail .contact .button--dark {
    border-radius: 200px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    width: 122px;
  }

  .page-case-detail .contact .form__notice {
    font-size: 12px;
    line-height: 12px;
  }

  .page-case-detail .contact .contact__links {
    column-gap: 100px;
    display: grid;
    grid-template-columns: 241px 379px;
    margin: 60px 0 0;
    min-height: 160px;
    order: 3;
    row-gap: 24px;
  }

  .page-case-detail .contact .contact__links>div:nth-child(2) {
    grid-column: 1;
  }

  .page-case-detail .contact .contact__links>div:last-child {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
  }

  .page-case-detail .contact .contact__links span {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 14px;
  }

  .page-case-detail .contact .messengers {
    display: flex;
    gap: 45px;
    justify-content: flex-start;
  }

  .page-case-detail .contact .messengers a {
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
  }

  .page-case-detail .footer {
    margin-top: 107px;
    width: 100%;
  }

  .page-cases .nav {
    left: 40px;
    top: 28px;
    transform: none;
    width: calc(100% - 48px);
  }

  .page-home .nav {
    left: 40px;
    top: 28px;
    transform: none;
    width: calc(100% - 48px);
  }

  .page-home .button--small {
    display: inline-flex;
    width: 188px;
  }

  .home-hero {
    background-size: 100% 760px;
    min-height: 900px;
    overflow: hidden;
  }

  .home-hero__grid {
    display: block;
    min-height: 900px;
    padding: 0;
    width: calc(100% - 48px);
  }

  .home-hero__dots {
    display: block;
    height: 760px;
    left: 0;
    top: 120px;
    width: calc(100% - 600px);
  }

  .home-hero__image {
    height: 336px;
    object-position: center;
    right: 0;
    top: 156px;
    width: min(560px, 54vw);
  }

  .home-hero__copy {
    left: 0;
    position: absolute;
    top: 560px;
    width: 100%;
  }

  .home-hero h1 {
    font-size: clamp(40px, 5.2vw, 48px);
    line-height: 1.08;
    max-width: 100%;
  }

  .home-hero .hero__button {
    font-size: 18px;
    height: 64px;
    left: 0;
    right: auto;
    top: 790px;
    width: 360px;
  }

  .home-about__grid {
    gap: 40px;
  }

  .home-about .section__lead {
    font-size: 18px;
    font-weight: 400;
  }

  .service-list article {
    position: relative;
    grid-template-columns: 20px minmax(0, 1fr);
  }

  .service-list__image {
    position: absolute;
    right: 0;
    top: 25px;
  }

  .service-list h3 {
    max-width: 560px;
    font-size: 28px;
  }

  .service-list__image,
  .service-list article:nth-child(2) .service-list__image,
  .service-list article:nth-child(3) .service-list__image,
  .service-list article:nth-child(4) .service-list__image {
    height: 116px;
    width: 122px;
  }

  .testimonials__head {
    margin-bottom: 48px;
  }

  .testimonials .section__title {
    font-size: 44px;
    max-width: 360px;
  }

  .testimonials__title {
    width: 430px;
  }

  .testimonials__count {
    margin: -20px 0 0 370px;
  }

  .testimonials__nav {
    margin-top: 48px;
  }

  .testimonials__track {
    gap: 48px;
  }

  .testimonials article {
    flex-basis: min(760px, calc(100vw - 80px));
  }

  .testimonials__head .button {
    display: flex;
  }

  .testimonials p {
    font-size: 22px;
    max-width: min(760px, calc(100vw - 80px));
  }

  .partner-logos {
    height: 94px;
    width: calc(100% - 48px);
  }

  .partner-logos::before,
  .partner-logos::after {
    width: 56px;
  }

  .partner-logos__item {
    flex-basis: 260px;
    height: 94px;
  }

  .partner-logos__track {
    animation-duration: 24s;
  }

  .partner-logos img {
    max-width: 72%;
  }

  .home-cta {
    min-height: 720px;
    padding: 132px 40px 88px;
  }

  .home-cta h2 {
    font-size: 38px;
  }

  .home-cta p,
  .home-cta strong {
    font-size: 36px;
  }

  .blog .section__head,
  .team .section__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .blog .section__head {
    padding-bottom: 0;
    border-bottom: 1px;
  }

  .blog__tabs {
    justify-content: flex-start;
    max-width: 100%;
  }

  .blog__grid img {
    height: auto;
  }

  .team__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .team__grid img {
    height: 420px;
  }

  .cases-hero {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
  }

  .cases-hero__inner {
    top: 360px;
    width: min(760px, calc(100% - 80px));
  }

  .cases-hero h1 {
    font-size: 48px;
  }

  .cases-hero__subtitle {
    font-size: 18px;
    margin-top: 32px;
  }

  .cases-page__card h2 {
    font-size: 22px;
  }
}

@media (max-width: 1024px) {
  .home-about .section__title{
    font-size: 40px;
  }
  .stats strong {
    font-size: 64px;
  }
}
@media (max-width: 390px) {
  .home-about .section__title{
    font-size: 34px;
  }
  .home-about .section__lead{
    font-size: 18px;
  }
}
@media (max-width: 900px) and (min-width: 681px) {
  .topline {
    padding: 0 32px;
  }

  .page-cases .nav {
    left: 32px;
    width: calc(100% - 64px);
  }

  .page-home .nav {
    left: 32px;
    width: calc(100% - 64px);
  }

  .page-home .button--small {
    width: 188px;
  }

  .home-hero {
    min-height: 900px;
  }

  .home-hero__grid {
    min-height: 900px;
    width: calc(100% - 64px);
  }

  .home-hero__dots {
    height: 760px;
    left: 0;
    top: 120px;
    width: calc(100% - 540px);
  }

  .home-hero__image {
    height: 360px;
    right: 0;
    top: 150px;
    width: min(500px, 56vw);
  }

  .home-hero__copy {
    left: 0;
    top: 535px;
    width: 100%;
  }

  .home-hero h1 {
    font-size: 40px;
    max-width: 100%;
    overflow-wrap: normal;
  }

  .home-hero .hero__button {
    left: 0;
    right: auto;
    top: 765px;
    width: 360px;
  }

  .blog__grid img {
    height: auto;
  }

  .team__grid img {
    height: 330px;
  }
}

@media (max-width: 767px) {

  html,
  body,
  .page-home,
  .page-service,
  .page-about,
  .page-cases,
  .page-case-detail {
    max-width: 100%;
    overflow-x: hidden;
  }

  .topline {
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    padding: 0 24px;
    white-space: nowrap;
  }

  .topline > .topline__text {
    display: block;
    max-width: calc(100vw - 48px);
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }

  .page-cases .topline {
    height: 28px;
    padding: 0 16px;
  }

  .page-case-detail .topline {
    height: 28px;
    padding: 0 16px;
  }

  .hero {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
  }

  .hero::before {
    display: none;
  }

  .nav {
    align-items: center;
    height: 56px;
    left: 16px;
    padding: 0 16px;
    top: 16px;
    transform: none;
    width: min(358px, calc(100% - 32px));
  }

  .page-home .nav,
  .page-service .nav,
  .page-about .nav,
  .page-tool-detail .nav,
  .page-cases .nav,
  .page-vacancies .nav,
  .page-career .nav {
    left: 16px;
    max-width: none;
    top: 16px;
    transform: none;
    width: calc(100% - 32px);
  }

  .page-cases .nav {
    height: 72px;
    padding: 6px 15px;
    top: 28px;
  }

  .page-case-detail main {
    display: flex;
    flex-direction: column;
  }

  .page-case-detail .nav {
    height: 56px;
    left: 16px;
    max-width: none;
    padding: 0 16px;
    top: 16px;
    transform: none;
    width: calc(100% - 32px);
  }

  .page-case-detail .nav__burger {
    background: transparent;
    margin-left: auto;
  }

  .case-detail-header {
    height: 66px;
  }

  .page-case-detail .section {
    max-width: none;
    width: calc(100% - 32px);
  }

  .case-detail-intro {
    display: contents;
  }

  .case-detail-intro__copy {
    margin: 20px auto 0;
    order: 1;
    width: calc(100% - 32px);
  }

  .case-detail-back {
    font-size: 14px;
    height: 40px;
    line-height: 14px;
    margin: 0 0 16px;
  }

  .case-detail-back::before {
    height: 20px;
    width: 20px;
  }

  .case-detail-intro h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.33;
    margin: 0 0 45px;
    max-width: none;
    width: 100%;
  }

  .case-detail-intro p {
    color: rgb(9, 9, 9);
    font-size: 16px;
    line-height: 1.33;
    max-width: none;
  }

  .case-img-container {
    display: block;
    padding-right: 16px;
    padding-left: 16px;
    order: 2;
  }

  .case-detail-meta {
    gap: 40px;
    margin: 40px auto 0;
    order: 3;
    width: calc(100% - 32px);
  }

  .case-detail-meta div {
    gap: 8px;
  }

  .case-detail-meta dt {
    color: rgb(156, 162, 165);
    font-size: 16px;
    line-height: 21px;
  }

  .case-detail-meta dd {
    color: rgb(56, 60, 62);
    font-size: 16px;
    line-height: 22px;
  }

  .section.case-detail-content {
    display: block;

    order: 4;
    padding-right: 0;
    padding-left: 0;
  }

  .case-detail-article {
    max-width: none;
    width: 100%;
  }

  .case-detail-article h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 50px;
  }

  .case-detail-article h2:not(:first-child) {
    margin-top: 80px;
  }

  .case-detail-article img+h2 {
    margin-top: 0;
  }

  .case-detail-article p {
    color: rgb(56, 60, 62);
    font-size: 16px;
  }

  .case-detail-article p+p {
    margin-top: 16px;
  }

  .case-detail-article img {
    aspect-ratio: 16 / 9;
    height: auto;
    margin: 80px 0;
    width: 100%;
  }

  .case-detail-article #stages+p+p,
  .case-detail-article #stages+p+p+p,
  .case-detail-article #stages+p+p+p+p,
  .case-detail-article #stages+p+p+p+p+p {
    padding-left: 18px;
    position: relative;
  }

  .case-detail-article #stages+p+p::before,
  .case-detail-article #stages+p+p+p::before,
  .case-detail-article #stages+p+p+p+p::before,
  .case-detail-article #stages+p+p+p+p+p::before {
    content: "•";
    left: 4px;
    position: absolute;
    top: 0;
  }

  .case-detail-article h3 {
    color: rgb(156, 162, 165);
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    margin: 40px 0 28px;
  }

  .case-detail-article h2+h3 {
    margin-top: 90px;
  }

  .case-detail-article h3+p {
    gap: 20px 18px;
  }

  .case-detail-article h3+p+h3 {
    margin-top: 60px;
  }

  .case-detail-article h3+p span {
    background: rgb(236, 237, 238);
    font-size: 14px;
    height: 38px;
    line-height: 14px;
    padding: 0 18px;
  }

  .case-detail-toc,
  .case-detail-related {
    display: none;
  }

  .page-case-detail .section.contact {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
    order: 6;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 32px);
  }

  .page-case-detail .contact .contact__info {
    display: contents;
  }

  .page-case-detail .contact .section__title {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 32px;
    order: 1;
  }

  .page-case-detail .contact .contact__form {
    border-radius: 16px;
    height: auto;
    margin-top: 0;
    order: 2;
    padding: 16px;
    width: 100%;
  }

  .page-case-detail .contact legend {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 24px;
  }

  .page-case-detail .contact label {
    margin-bottom: 24px;
  }

  .page-case-detail .contact label span {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 4px;
  }

  .page-case-detail .contact input {
    min-height: 28px;
  }

  .page-case-detail .contact fieldset:nth-child(2) {
    margin-top: 40px;
  }

  .page-case-detail .contact fieldset:nth-child(2) label {
    margin-bottom: 24px;
  }

  .page-case-detail .contact textarea {
    height: 82px;
    min-height: 82px;
  }

  .page-case-detail .contact .form__actions {
    align-items: center;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 24px;
  }

  .page-case-detail .contact .attach {
    font-size: 16px;
    line-height: 16px;
    width: 162px;
  }

  .page-case-detail .contact .button--yellow {
    background: var(--ink-soft);
    border-radius: 200px;
    color: var(--white);
    height: 40px;
    min-height: 40px;
    padding: 0;
    width: 122px;
  }

  .page-case-detail .contact .form__notice {
    font-size: 12px;
    line-height: 12px;
  }

  .page-case-detail .contact .contact__links {
    gap: 40px;
    margin: 40px 0 0;
    order: 3;
  }

  .page-case-detail .contact .contact__links>div:last-child {
    margin-top: 0;
  }

  .page-case-detail .contact .contact__links span {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 14px;
  }

  .page-case-detail .contact .messengers {
    gap: 32px;
  }

  .page-case-detail .footer {
    margin-top: 40px;
  }

  .brand {
    font-size: 18px;
    min-width: 0px;
  }

  .brand__mark {
    height: 30px;
    width: 30px;
  }

  .nav__phone {
    display: none;
  }

  .nav__actions .button--small {
    display: none;
  }

  .hero__grid {
    min-height: 827px;
    padding: 98px 0px 48px;
    width: calc(100% - 32px);
  }

  .hero__image {
    display: none;
  }

  .hero__copy {
    padding: 0px;
  }

  .hero h1 {
    font-size: 30px;
    margin-bottom: 28px;
  }

  .hero__button {
    height: 60px;
    width: 100%;
  }

  .section {
    padding: 40px 0px;
    width: calc(100% - 32px);
  }

  .section--intro {

    text-align: center;
  }

  .section__eyebrow--center {
    justify-content: flex-start;
  }

  .section--intro .section__eyebrow--center {
    justify-content: center;
  }

  .section--intro .section__title--center,
  .section--intro .section__lead--center {
    text-align: center;
  }

  .section--intro .section__title {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.15;
    margin-left: auto;
    margin-right: auto;
    max-width: 358px;
  }

  .section--intro .section__lead {
    max-width: 358px;
  }

  .approach__cards {
    grid-template-columns: 1fr;
  }

  .why__left {
    min-height: 78px;
    position: relative;
  }

  .why__image {
    height: 63px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 72px;
  }

  .why__list article {
    gap: 36px;
    grid-template-columns: 60px minmax(0px, 1fr);
  }

  .why h3 {
    font-size: 22px;
  }

  .approach__intro {
    gap: 24px;
  }

  .case-slider {
    --case-card-height: 392px;
    touch-action: pan-y;
  }

  .case-strip {
    gap: 12px;
    height: 392px;
    overflow: visible;
    width: max-content;
  }

  .case-card {
    border-radius: 16px;
    flex: 0 0 auto !important;
    height: 392px;
    min-width: calc(100vw - 32px);
    scroll-snap-align: start;
    width: calc(100vw - 32px) !important;
  }

  .case-card.is-active {
    flex: 0 0 auto !important;
    height: 392px;
  }

  .case-card__body {
    padding: 16px 24px 24px;
  }

  .case-card strong {
    font-size: 22px;
  }

  .case-card__description {
    font-size: 16px;
  }

  .faq__list details {
    background: initial;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    overflow: hidden;
    transition: height 320ms ease, border-color 320ms ease;
    padding-bottom: 12px;
    padding-top: 16px;
  }

  .faq__list summary {
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    list-style: none;
    padding: 0px 41px 0px 0px;
    position: relative;
  }

  .faq__list summary::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5734 17.2297L19.2921 26.5109C19.0986 26.7045 18.8362 26.8132 18.5625 26.8132C18.2888 26.8132 18.0264 26.7045 17.8329 26.5109C17.6394 26.3174 17.5307 26.055 17.5307 25.7813C17.5307 25.5077 17.6394 25.2452 17.8329 25.0517L25.3546 17.5313H5.15625C4.88275 17.5313 4.62044 17.4227 4.42705 17.2293C4.23365 17.0359 4.125 16.7736 4.125 16.5001C4.125 16.2266 4.23365 15.9643 4.42705 15.7709C4.62044 15.5775 4.88275 15.4688 5.15625 15.4688H25.3546L17.8329 7.94844C17.6394 7.75494 17.5307 7.49249 17.5307 7.21884C17.5307 6.94518 17.6394 6.68273 17.8329 6.48923C18.0264 6.29572 18.2888 6.18701 18.5625 6.18701C18.8362 6.18701 19.0986 6.29572 19.2921 6.48923L28.5734 15.7705C28.6692 15.8663 28.7453 15.98 28.7972 16.1052C28.8491 16.2304 28.8758 16.3646 28.8758 16.5001C28.8758 16.6356 28.8491 16.7698 28.7972 16.895C28.7453 17.0202 28.6692 17.1339 28.5734 17.2297Z' fill='%23383C3E'/%3E%3C/svg%3E%0A");
    font-weight: 400;
    position: absolute;
    width: 17px;
    height: 17px;
    background-size: contain;
    right: 16px;
    top: 50%;
    transition: transform 320ms ease;
    margin-top: -8px;
  }

  .faq__list details p {
    color: rgb(80, 85, 88);
    margin: 10px 0px 0px 0px;
    text-align: left !important;
  }

  .contact__info {
    display: contents;
    gap: 32px;
  }

  .contact__info .section__title {
    order: 1;
  }

  .contact__form {
    order: 2;
    padding: 16px;
  }

  .contact__form legend {
    font-size: 22px;
  }

  label {
    display: block;
    margin-bottom: 24px;
  }

  .contact__form textarea {
    min-height: 83px;
    resize: vertical;
  }

  .contact__links {
    order: 3;
  }

  .contact__links {
    gap: 40px;
  }

  .contact__links a,
  .messengers {
    display: flex;
    flex-direction: column;
    font-size: 28px;
    gap: 15px;
  }

  .form__actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .contact--default {
    gap: 32px;
    padding-right: 0;
    padding-left: 0;
  }

  .contact--default .section__title {
    font-weight: 400;
    line-height: 41px;
  }

  .contact--default .contact__form {
    border: 0;
    box-shadow: inset 0 0 0 1px var(--line);
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 16px;
  }

  .contact--default .contact__form fieldset {
    margin: 0;
  }

  .contact--default .contact__form legend {
    line-height: 30px;
    margin-bottom: 24px;
    padding: 0;
  }

  .contact--default .contact__form fieldset:nth-of-type(2) legend {
    font-size: 28px;
    line-height: 38px;
  }

  .contact--default .contact__form fieldset:first-of-type label {
    height: 48px;
    margin-bottom: 24px;
  }

  .contact--default .contact__form fieldset:first-of-type label:last-child {
    margin-bottom: 0;
  }

  .contact--default .contact__form input {
    height: 27px;
    min-height: 27px;
    padding: 0;
  }

  .contact--default .contact__form fieldset:nth-of-type(2) label,
  .contact--default .contact__form textarea {
    height: 82px;
    margin-bottom: 0;
    min-height: 82px;
    padding: 0;
  }

  .contact--default .form__actions {
    align-items: center;
    align-self: flex-start;
    flex-direction: row;
    margin-bottom: -8px;
    width: auto;
  }

  .contact--default .attach::after {
    margin-left: 4px;
  }

  .contact--default .form__notice {
    line-height: 22px;
  }

  .contact--default .contact__agreement-action {
    font-weight: 700;
  }

  .contact--default .contact__agreement-comma,
  .contact--default .contact__agreement-all {
    font-weight: 400;
  }

  .contact--default .contact__links {
    gap: 24px;
    margin-bottom: 0;
  }

  .contact--default .contact__links span {
    line-height: 22px;
  }

  .contact--default .contact__links a {
    line-height: 38px;
  }

  .contact--default .contact__links>div:last-child {
    margin-top: 16px;
  }

  .page-case-detail .contact--default {
    gap: 32px;
  }

  .page-case-detail .contact--default .section__title {
    font-size: 30px;
    line-height: 41px;
    margin: 0;
  }

  .page-case-detail .contact--default .contact__form {
    border-radius: 16px;
    height: auto;
  }

  .page-case-detail .contact--default .contact__form legend {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 24px;
  }

  .page-case-detail .contact--default .contact__form fieldset:nth-of-type(2) legend {
    font-size: 28px;
    line-height: 38px;
  }

  .page-case-detail .contact--default .contact__form fieldset:first-of-type label:last-child,
  .page-case-detail .contact--default .contact__form fieldset:nth-of-type(2) label {
    margin-bottom: 0;
  }

  .page-case-detail .contact--default .contact__form input {
    height: 27px;
    min-height: 27px;
  }

  .page-case-detail .contact--default .form__actions {
    margin-bottom: -8px;
  }

  .page-case-detail .contact--default .button--dark {
    border-radius: 200px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    width: 122px;
  }

  .page-case-detail .contact--default .form__notice {
    font-size: 16px;
    line-height: 22px;
  }

  .page-case-detail .contact--default .contact__links {
    gap: 24px;
    margin: 0;
  }

  .page-case-detail .contact--default .contact__links>div:last-child {
    margin-top: 16px;
  }

  .page-case-detail .contact--default .contact__links span {
    line-height: 22px;
    margin-bottom: 8px;
  }

  .footer {
    --footer-line-inset: 16px;
    bottom: auto;
    margin-top: 40px;
    padding: 36px 32px 0px;
    position: relative;
  }

  .footer__wrap {
    width: 100%;
  }

  .footer::after {
    display: none;
  }

  .footer__cta a {
    font-size: 28px;
  }

  .footer__content {
    gap: 44px;
    grid-template-columns: 1fr;
    margin-bottom: 50px;
    margin-top: 28px;
  }

  .footer__content::before {
    display: none;
  }

  .footer__logo {
    display: none;
  }

  .footer__subscribe form,
  .footer__cols {
    grid-template-columns: 1fr;
  }

  .footer__subscribe form {
    align-items: stretch;
    flex-direction: column;
  }

  .footer__cols {
    display: grid;
    order: 1;
    padding-bottom: 0;
    padding-top: 0;
  }

  .footer__cols h3 {
    text-align: left !important;
  }

  .footer__copy {
    bottom: 0;
    margin-left: -16px;
    margin-right: -16px;
    position: relative;
    width: auto;
  }

  .footer__cta {
    width: 100%;
  }

  .reveal[data-reveal-delay="3"] h3,
  .reveal[data-reveal-delay="3"] p {
    text-align: left;
  }

  .footer-top {
    flex-direction: column;
  }

  .footer-top__left::after {
    display: block;
    margin-left: -16px;
    width: calc(100% + 32px);
  }

  .footer-social {
    margin-top: 30px;
    padding: 0;
  }

  .footer-top__right {
    margin-left: 0;
  }

  .footer-social__items {
    justify-content: flex-start;
  }

  .footer__subscribe {
    border-right: 0;
    order: 2;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }

  .footer__subscribe::after {
    display: none;
  }

  .footer__subscribe button {
    max-width: 141px;
  }

  .footer__cta {
    padding: 0;
  }

  .brand__logo {
    height: 40px;
    width: 128px;
  }

  .page-home .button--small {
    display: none;
  }

  .home-hero {
    background-image: none;
    min-height: 796px;
    overflow: hidden;
  }

  .page-home .section,
  .page-home .section:not(.cases),
  .page-home .section.cases,
  .page-service .section,
  .page-service .section:not(.cases),
  .page-service .section.cases,
  .page-about .section,
  .page-about .section:not(.cases),
  .page-about .container {
    width: calc(100% - 32px);
  }

  .home-hero__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 796px;
    padding: 112px 16px 40px;
    width: 100%;
  }

  .home-hero__dots {
    display: none;
  }

  .home-hero__copy {
    left: auto;
    max-width: calc(100vw - 32px);
    min-width: 0;
    order: 2;
    position: static;
    top: auto;
    width: 100%;
  }

  .home-hero h1 {
    font-size: 30px;
    line-height: 1.25;
    margin: 26px 0 0;
    max-width: calc(100vw - 32px);
    overflow-wrap: break-word;
  }

  .home-hero__image {
    aspect-ratio: 358 / 300;
    height: 300px;
    left: auto;
    order: 1;
    object-position: center;
    position: static;
    right: auto;
    top: auto;
    width: 100%;
  }

  .home-hero .hero__button {
    align-self: stretch;
    font-size: 16px;
    height: 56px;
    left: auto;
    margin-top: 28px;
    max-width: calc(100vw - 32px);
    order: 3;
    position: static;
    right: auto;
    top: auto;
    width: auto;
  }

  .cookie-note:not(.is-hidden) {
    bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: auto;
    max-width: none;
    right: 10px;
    top: auto;
    width: calc(100% - 20px);
  }

  .cookie-note span {
    max-width: none;
    overflow-wrap: break-word;
  }

  .cookie-note button {
    width: 100%;
  }

  .home-services .section__title,
  .testimonials .section__title,
  .blog .section__title,
  .team .section__title {
    font-size: 30px;
    line-height: 1.15;
  }

  .blog .section__title {
    font-size: 30px;
  }
  .page-home .stats{
    margin-top: 32px;
  }
  .stats div {
    border-left: 0px solid var(--line);
    padding-left: 0;
  }

  .service-list {
    margin-top: 36px;
    gap: 60px;
  }

  .service-list article {
    gap: 12px 16px;
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: auto;
    padding: 24px 0 0;
  }

  .service-list article:last-child {
    padding-bottom: 0px;
  }

  .service-list span {
    grid-column: 1;
    order: 2;
  }

  .service-list h3,
  .service-list__image,
  .service-list__content {
    grid-column: 2;
  }

  .service-list h3 {
    order: 2;
  }

  .service-list__image {
    grid-column: 1;
    order: 1;
  }

  .service-list__content {
    order: 3;
  }

  .service-list__content {
    gap: 18px;
  }

  .service-list__image,
  .service-list article:nth-child(2) .service-list__image,
  .service-list article:nth-child(3) .service-list__image,
  .service-list article:nth-child(4) .service-list__image {
    height: 120px;
    margin-bottom: 12px;
    max-width: none;
    width: 120px;
  }

  .service-list h3 {
    font-size: 22px;
    line-height: 1.22;
    text-align: left !important;
  }

  .service-list p {
    font-size: 16px;
    line-height: 1.45;
    text-align: left !important;
  }

  .service-list .button {
    margin-top: 20px;
    width: fit-content;
  }

  .services-more {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .home-cases .section__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .testimonials {
    --testimonial-author-gap: 64px;

  }

  .testimonials .button {
    display: flex;
    width: 100%;
    margin-top: 40px;
    gap: 10px;
  }

  .testimonials__head .button {
    display: none;
  }

  .testimonials .section__title {
    grid-column: 1 / -1;
    margin-bottom: 54px;
  }

  .testimonials__head {
    align-items: flex-start;
    display: grid;
    gap: 0 24px;
    grid-template-columns: 1fr auto;
    margin-bottom: 32px;
  }

  .testimonials__title {
    display: contents;
    width: auto;
  }

  .testimonials__nav {
    align-self: center;
    gap: 28px;
    grid-column: 2;
    grid-row: 2;
    margin-top: 0;
  }

  .testimonials__count {
    align-self: center;
    grid-column: 1;
    grid-row: 2;
    margin: 0;
  }

  .testimonials__track {
    align-items: flex-start;
    gap: 24px;
    max-width: 100%;
  }

  .testimonials article {
    flex-basis: 100%;
    height: auto;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    padding: 0;
  }

  .testimonials p {
    font-size: 20px;
    margin-bottom: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .testimonials__author {
    margin-top: var(--testimonial-author-gap);
  }

  .partner-logos {
    height: 73px;

    width: calc(100% - 32px);
  }

  .partner-logos::before,
  .partner-logos::after {
    width: 28px;
  }

  .partner-logos__item {
    flex-basis: 196px;
    height: 73px;
  }

  .partner-logos__track {
    animation-duration: 22s;
  }

  .partner-logos img {
    max-width: 70%;
  }

  .testimonials__author span {
    margin-top: 19px;
  }

  .home-cta {
    min-height: 620px;
    padding: 96px 16px 72px;
  }

  .home-cta>span {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .home-cta>span::before {
    height: 8px;
    margin-right: 8px;
    width: 8px;
  }

  .home-cta h2 {
    font-size: 28px;
    line-height: 1.25;
  }

  .home-cta p,
  .home-cta strong {
    font-size: 24px;
    line-height: 1.25;
    margin-top: 40px;
  }

  .home-cta__char {
    font-size: 26px;
  }

  .home-cta .button {
    font-size: 16px;
    height: 56px;
    margin-top: 44px;
    min-height: 56px;
    width: 100%;
  }

  .blog__grid {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .blog__grid span {
    margin-bottom: 8px;
  }

  .blog__grid h3 {
    font-size: 18px;
    margin-bottom: 8px;
    text-align: left !important;
  }

  .blog__grid p {
    font-size: 16px;
    text-align: left !important;
  }

  .team__grid {
    display: flex;
    gap: 20px;
    grid-template-columns: none;
    margin-left: -16px;
    margin-right: -16px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 16px 4px;
    scroll-padding-left: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .team__grid::-webkit-scrollbar {
    display: none;
  }

  .team__grid article {
    flex: 0 0 80%;
    scroll-snap-align: start;
  }

  .team__more--desktop {
    display: none;
  }

  .team__more--mobile {
    display: inline-flex;
    margin-top: 32px;
    width: 100%;
  }

  .blog__grid article {
    min-height: auto;
    padding: 0;
  }

  .blog__grid img {
    height: auto;
  }

  .cases-hero {
    background-image: none;
    background-size: 100% 100%;
    height: 100vh;
    height: 100svh;
    height: 90dvh;
    min-height: 0;
  }

  .cases-hero::before {
    display: none;
  }

  .cases-hero::after {
    display: none;
  }

  .cases-hero__inner {
    left: 50%;
    padding: 0;
    top: 266.5px;
    transform: translateX(-50%);
    text-align: center;
    width: min(320px, calc(100vw - 70px));
  }

  .cases-hero h1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 66px;
    margin: 0;
    max-width: 320px;
    width: 100%;
  }

  .cases-hero__subtitle {
    font-size: 16px;
    line-height: 21px;
    margin-top: 20px;
    max-width: 320px;
    width: 100%;
  }

  .cases-page {
    margin-left: auto;
    margin-right: auto;


    width: calc(100% - 32px);
  }

  .cases-page__toolbar {
    min-height: 40px;
    margin-bottom: 32px;
  }

  .cases__title-desktop {
    display: none;
  }

  .cases__title-mobile {
    display: inline;
  }

  .cases-page__filter,
  .cases-page__filter-toggle {
    width: 130px;
  }

  .cases-page__filter-toggle {
    gap: 8px;
  }

  .cases-page__grid {
    gap: 60px;
    grid-template-columns: 1fr;
  }

  .cases-page__card picture {
    display: block;
  }

  .cases-page__card img {
    aspect-ratio: 358 / 201.4418;
    margin-bottom: 23px;
    width: 100%;
  }

  .cases-page__card:nth-child(odd) .cases-page__body,
  .cases-page__body {
    max-width: 100%;
  }

  .cases-page__time {
    line-height: 22px;
    margin-bottom: 8px;
  }

  .cases-page__time span {
    top: 0;
  }

  .cases-page__card h2,
  .cases-page__body h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 8px;
  }

  .cases-page__body p {
    font-size: 16px;
    line-height: 22px;
  }

  .cases-page__pagination {
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 256px;
  }

  .team__grid img {
    height: auto;
    aspect-ratio: 1;
  }

  .team__grid strong {
    margin-top: 17px;
    font-size: 22px;
  }

  .team__grid span {
    font-size: 16px;
  }

  .mobile-menu__panel {
    padding: 16px 16px 32px;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }

  .case-slider__controls {
    display: flex;
  }

  .team__grid article {
    min-height: auto;
  }

  .footer__cta h2 {
    font-size: 28px;
  }

  .footer__cta a {
    font-size: 20px;
  }

  .footer__cta a svg {
    position: relative;
    top: 2px;
  }

  .footer-social__title {
    font-size: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .page-vacancies .case-detail-header {
    height: 285px;
  }

  .page-vacancies .section {
    margin-left: 40px;
    margin-right: 40px;
    max-width: none;
    width: calc(100vw - 80px);
  }

  .vacancy-detail__inner {
    grid-template-columns: minmax(0, 45%) minmax(0, 1fr);
    gap: 64px;
  }

  .vacancy-detail__head {
    grid-template-columns: 112px minmax(0, 1fr);
  }

}

@media (max-width: 1199px) {
  .page-vacancies .case-detail-header {
    height: 224px;
  }

  .page-career .case-detail-header {
    height: 224px;
  }

  .page-vacancies .vacancy-hero,
  .page-vacancies .vacancy-details {
    max-width: none;
    width: calc(100% - 48px);
  }

  .vacancy-hero {
    height: auto;
    padding-bottom: 64px;
  }

  .vacancy-hero h1 {
    font-size: clamp(40px, 7vw, 56px);
    line-height: 1.08;
  }

  .vacancy-detail__inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .vacancy-detail__head {
    grid-template-columns: 80px minmax(0, 1fr);
  }

  .vacancy-detail+.vacancy-detail {
    margin-top: 56px;
  }

}

@media (max-width: 767px) {
  .page-vacancies .case-detail-header {
    height: 177px;
  }

  .page-career .case-detail-header {
    height: 177px;
  }

  .page-vacancies .section,
  .page-career .section {
    margin-left: 16px;
    margin-right: 16px;
    max-width: none;
    width: calc(100% - 32px);
  }

  .vacancy-hero {
    margin-bottom: 40px;
    padding: 0;
  }

  .vacancy-details {
    padding-right: 0;
    padding-left: 0;
  }

  .page-vacancies .vacancy-hero {
    margin-bottom: 146px;
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
  }

  .page-vacancies .vacancy-details {

    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
  }

  .page-vacancies .vacancy-hero {
    margin-bottom: 40px;
  }

  .vacancy-eyebrow {
    font-size: 16px;
    gap: 12px;
    line-height: 21px;
    margin: 0 0 16px;
  }

  .vacancy-hero h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.25;
  }

  .vacancy-detail {
    padding-top: 35px;
  }

  .vacancy-detail:nth-child(2) {
    height: auto;
  }

  .vacancy-detail:nth-child(3) {
    height: auto;
  }

  .vacancy-detail__head {
    gap: 16px;
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .vacancy-detail h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
  }

  .vacancy-detail__number {
    font-size: 16px;
    line-height: 21px;
  }

  .vacancy-detail__inner {
    gap: 25px;
  }

  .vacancy-detail+.vacancy-detail {
    margin-top: 40px;
  }

  .vacancy-detail__body {
    color: var(--ink-soft);
    font-size: 16px;
    line-height: 16px;
  }

  .vacancy-detail__body ul {
    padding-left: 24px;
  }

  .vacancy-detail__body li {
    color: var(--ink-soft);
    font-size: 16px;
    line-height: 22px;
  }

  .vacancy-detail__body p {
    color: var(--ink-soft);
    font-size: 16px;
    line-height: 16px;
    margin: 16px 0 0;
    padding-left: 34px;
    position: relative;
  }

  .vacancy-detail__body p::before {
    content: "\2022";
    left: 2px;
    position: absolute;
    top: 0;
  }
}

.page-home .cases .section__title--center {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.vacancies-list .vacancy-detail {
  height: auto;
}

.vacancies-list__link {
  color: inherit;
  text-decoration: none;
}

.vacancies-list__meta {
  color: var(--muted-2);
  margin-bottom: 12px;
}

.vacancies-list__button {
  margin-top: 24px;
  pointer-events: none;
}

@media (max-width: 767px) {
  .page-service .hero:not(.home-hero) {
    background-image: none;
    height: 100svh;
    min-height: 100svh;
  }

  .page-service .hero:not(.home-hero)::before {
    display: none;
  }

  .page-service .hero:not(.home-hero) .hero__grid {
    align-content: start;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 364px;
    padding-top: 0;
  }

  .page-service .hero:not(.home-hero) .hero__image {
    align-self: start;
    display: block;
    grid-row: 1;
    height: auto;
    margin-left: auto;
    margin-right: 0;
    max-height: 42vh;
    object-fit: cover;
    width: 100%;
  }

  .page-service .hero:not(.home-hero) .hero__copy {
    align-self: end;
    grid-row: 2;
  }

  .cases__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .cases__more {
    display: none;
  }

  .page-home .cases .cases__title-group {
    width: 100%;
  }

  .page-home .cases .section__eyebrow--center {
    justify-content: center;
  }

  .page-home .cases .section__title--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .cases__head .section__eyebrow--center {
    justify-content: center;
  }

  .cases__head .section__title--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .page-service .hero:not(.home-hero) .hero__grid--service {
    padding-top: 65px;
  }
  .page-service .hero:not(.home-hero) .hero__copy {
    margin-bottom: 0;
    grid-row: unset;
  }
}
@media(max-width:576px){
  .page-service .hero:not(.home-hero) {
    height: 100%;
  }
  .page-service .hero:not(.home-hero) .hero__grid {
    grid-template-rows: auto 1fr;
    gap: 16px;
  }
  .page-service .hero:not(.home-hero) .hero__grid--service {
    padding-top: 116px;
  }
  .page-service .hero__image--service {
    justify-content: center;
  }
}
@media(max-width:480px){
  .page-service .hero__image--service img {
    width: 359px;
    height: 359px;
  }
}

/* Adaptive home first screen */
.page-home .home-hero {
  background-position: 0 bottom;
  background-size: 100% calc(100% - 128px);
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  overflow: hidden;
}

.page-service .home-hero {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
}

.page-home .home-hero__grid {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) clamp(460px, 31.2vw, 597px);
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  padding-left: 38px;
  padding-right: 40px;
}

.page-service .home-hero__grid {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
}

.page-home .home-hero__column {
  min-width: 0;
  position: relative;
}

.page-home .home-hero__column--copy {
  overflow: hidden;
}

.page-home .home-hero__column::before {
  background: rgb(42, 42, 42);
  bottom: 0;
  content: "";
  left: 2px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 1;
}

.page-home .home-hero__column--media {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}

.page-home .home-hero__column--media::after {
  background: rgb(42, 42, 42);
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 1;
}

.page-home .home-hero__column--media::before {
  left: -2px;
}

.page-home .home-hero__column--media::after {
  right: 0;
}

.page-home .home-hero__dots {
  bottom: 0;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
}

.page-home .home-hero__image {
  height: clamp(260px, 32vh, 346px);
  left: 0;
  right: auto;
  top: clamp(148px, 21vh, 228px);
  width: 100%;
}

.page-home .home-hero__copy {
  left: 0;
  padding-left: 28px;
  top: auto;
  bottom: clamp(36px, 5.6vh, 68px);
}

.page-home .home-hero h1 {
  font-size: 64px;
  line-height: 1.3;
  max-width: clamp(720px, 57.4vw, 1102px);
}

@media (max-width: 1600px) and (min-width: 1181px) {
  .page-home .home-hero h1 {
    font-size: 54px;
    line-height: 1.3;
    max-width: clamp(722px, 60.4vw, 1102px);
  }

  .page-partners .partners-benefits__list h3 {
    font-size: 22px;
  }

  .page-partners .partners-benefits__list p {
    font-size: 16px;
  }

  .page-partners .cases__more {
    display: none;
  }

  .page-partners .cases__head .section__eyebrow--center {
    justify-content: center;
  }

  .page-partners .cases__head .section__title--center {
    text-align: center;
  }

  .page-partners .cases__head {
    justify-content: center;
  }
}

.page-home .home-hero .hero__button {
  bottom: clamp(36px, 8.6vh, 68px);
  left: 50%;
  right: auto;
  top: auto;
  transform: translateX(-50%);
  width: min(100%, 543px);
}

@media (max-width: 1599px) {
  .page-home .home-hero .hero__button {
    max-width: 400px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .partners-benefits__left {
    position: relative;
  }

  .page-partners .partners-benefits__image {
    position: absolute;
    right: 0;
    left: auto;
    display: block;
  }

  .partners-benefits__list h3 {
    font-size: 20px;
    font-weight: 500;
  }

  .partners-benefits__list p {
    font-size: 14px;
    color: rgba(9, 9, 9, 1);
  }

  .cases-page__body h2 {
    margin-bottom: 8px;
  }

  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .home-services {
    max-width: 1840px;


    width: calc(100% - 48px);
  }

  .daily-services__title-group {
    text-align: center;
  }

  .daily-services__title {
    font-size: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .daily-services__logos {
    gap: 60px;
    grid-template-columns: repeat(4, 100px);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 584px;
  }

  .daily-services__logo {
    height: 100px;
    width: 100px;
  }

  .daily-services__tool {
    margin-left: auto;
    margin-right: auto;
    max-width: 595px;
    width: 100%;
  }

  .daily-services__all {
    display: none;
  }

  .daily-services__more {
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }

  .page-home .section.cases {
    max-width: 1840px;


    width: calc(100% - 24px);
  }

  .page-home .section.cases .case-strip {
    width: 100%;
  }

  .page-home .section.cases .case-card {
    min-width: 100%;
    overflow: hidden;
    width: 100% !important;
  }

  .page-home .section.cases .case-card__image,
  .page-home .section.cases .case-card__shade {
    border-radius: inherit;
  }

  .case-slider {
    --case-card-height: 392px;
    touch-action: pan-y;
  }

  .case-strip {
    gap: 12px;
    height: 392px;
    overflow: visible;
    width: max-content;
  }

  .case-card {
    border-radius: 16px;
    flex: 0 0 auto !important;
    height: 392px;
    min-width: calc(100vw - 32px);
    scroll-snap-align: start;
    width: calc(100vw - 32px) !important;
  }

  .case-card.is-active {
    flex: 0 0 auto !important;
    height: 392px;
  }

  .case-card__body {
    padding: 16px 24px 24px;
  }

  .case-card strong {
    font-size: 22px;
  }

  .case-card__description {
    font-size: 16px;
  }

  .case-slider__controls {
    display: flex;
  }

  .cases-page__grid {
    align-items: start;
    display: grid;
    gap: 40px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 0;
  }

  .cases-page__card h2 {
    font-size: 20px;
  }

  .blog__grid {
    --blog-image-ratio: 16 / 9;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 32px;
    row-gap: 60px;
  }

  .mobile-menu__panel {
    border: 1px solid rgb(56, 60, 62);
    display: block;
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
    margin-left: 32px;
    min-height: 0;
    overflow-y: auto;
    padding: 43px 39px 48px;
    position: relative;
    width: calc(100vw - 64px);
  }

  .mobile-menu__top {
    margin-bottom: 38px;
  }

  .mobile-menu__logo {
    height: 25px;
    width: 128px;
  }

  .mobile-menu a,
  .mobile-menu summary {
    font-size: 32px;
    line-height: 1.2;
    padding: 8px 0;
  }

  .mobile-menu summary {
    gap: 14px;
  }

  .mobile-menu summary::after {
    flex-basis: 18px;
    height: 18px;
    width: 18px;
  }

  .mobile-menu__services,
  .mobile-menu__panel>a {
    max-width: 360px;
  }

  .mobile-menu details a {
    font-size: 14px;
    gap: 12px;
    grid-template-columns: 34px minmax(0, 1fr);
    line-height: 1.25;
    padding: 6px 0;
  }

  .mobile-menu details a span:first-child {
    font-size: 12px;
  }

  .mobile-menu__contacts {
    border-top: 0;
    left: min(57%, 520px);
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    top: 116px;
    width: min(340px, calc(43% - 60px));
  }

  .mobile-menu__contacts p {
    font-size: 28px;
    line-height: 1.28;
    margin-bottom: 26px;
    max-width: 330px;
  }

  .mobile-menu__project {
    font-size: 20px !important;
    padding: 0 0 24px !important;
  }

  .mobile-menu__project::after {
    content: "↗";
  }

  .mobile-menu a.mobile-menu__phone {
    align-items: center;
    color: var(--yellow);
    display: inline-flex;
    font-size: 20px;
    gap: 18px;
    line-height: 1.25;
    margin-bottom: 82px;
    padding: 0;
  }

  .mobile-menu__phone svg {
    color: var(--yellow);
    flex: 0 0 24px;
    height: 24px;
    width: 24px;
  }

  .mobile-menu__contacts>span {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .mobile-menu__social,
  .mobile-menu__messengers {
    gap: 34px;
  }

  .mobile-menu__social {
    margin-bottom: 18px;
  }

  .mobile-menu__bot {
    color: var(--white) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px;
  }

  .mobile-menu__bot span {
    color: var(--yellow);
  }

  .mobile-menu__messengers {
    margin-top: 0;
  }

  .page-career .nav__burger {
    background: initial;
  }

  .page-career .nav__burger::before {
    content: none;
    display: none;
  }

  .page-career .nav__burger span {
    background: var(--white);
    display: block;
  }

  .footer {
    --footer-line-inset: 40px;
    bottom: auto;
    margin-top: 0;
    padding: 0 40px;
    position: relative;
  }

  .page-content {
    z-index: auto;
  }

  .footer__wrap {
    width: 100%;
  }

  .footer-top {
    border-bottom: 1px solid rgb(42, 42, 42);
    display: flex;
    /* flex-direction: column; */
    padding: 56px 0 48px;
  }

  .footer__cta a svg {
    position: relative;
    top: 6px;
  }

  .footer-top__left::after {
    display: none;
  }

  .footer__cta {
    gap: 26px;
    padding: 0;
    width: 100%;
  }

  .footer__cta h2 {
    font-size: 52px;
    line-height: 1.32;
    margin-bottom: 0;
    max-width: 650px;
  }

  .footer__cta a {
    display: flex;
    font-size: 32px;
    gap: 4px;
    line-height: 1.2;
  }

  .footer-top__right {
    margin-left: 0;
  }

  .footer-social {
    display: grid;
    gap: 0;
    /* grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); */
    margin-top: 0;
    max-width: 620px;
    padding: 0;
  }

  .footer-social-item {
    margin-bottom: 0;
  }

  .footer-social__title {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 22px;
  }

  .footer-social__items {
    /* justify-content: flex-start; */
  }

  .footer__content {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
    margin-bottom: 0;
    margin-top: 0;
  }

  .footer__content::before {
    display: none;
  }

  .footer__cols {
    border-bottom: 0 solid rgb(42, 42, 42);
    display: grid;
    gap: 54px;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1fr);
    order: 1;
    padding: 50px 0 62px;
  }

  .footer__cols div:nth-child(2) {
    order: 3;
  }

  .footer__cols div:nth-child(3) {
    order: 2;
  }

  .footer__cols div {
    gap: 16px;
  }

  .footer__cols h3 {
    font-size: 16px;
    line-height: 1.35;
    margin-top: 0;
    text-align: left !important;
  }

  .footer__cols a {
    font-size: 14px;
    line-height: 1.35;
  }

  .footer__subscribe {
    order: 2;
    padding: 0 0px 38px;
  }

  .footer__subscribe::after,
  .footer__logo {
    display: none;
  }

  .footer__subscribe p {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 4px;
  }

  .footer__subscribe span {
    display: block;
    font-size: 16px;
    line-height: 1.45;
    max-width: 660px;
  }

  .footer__subscribe form {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 30px;
  }

  .footer__subscribe input {
    flex: 1 1 auto;
    min-width: 0;
  }

  .footer__subscribe button {
    flex: 0 0 auto;
    max-width: none;
    min-width: 148px;
  }

  .footer__copy {
    bottom: auto;
    font-size: 16px;
    line-height: 1.35;
    margin-top: 16px;
    position: relative;
  }

  .page-vacancies .vacancy-hero,
  .page-vacancies .vacancy-details {
    max-width: none;
    width: calc(100% - 48px);
  }

  .page-vacancies .vacancy-details {
    padding-right: 0;
    padding-left: 0;
  }

  .page-vacancies .vacancy-hero h1 {
    font-size: 40px;
  }

  .page-vacancies .vacancy-detail {
    padding-top: 32px;
  }

  .page-vacancies .vacancy-detail+.vacancy-detail {
    margin-top: 44px;
  }

  .page-vacancies .vacancy-detail__inner {
    align-items: start;
    gap: 24px;
    grid-template-columns: 204px minmax(0, 1fr);
  }

  .page-vacancies .vacancy-detail__head {
    gap: 18px;
    grid-template-columns: 12px minmax(0, 1fr);
  }

  .vacancy-detail__number {
    font-family: "Tektur", sans-serif;
  }

  .page-vacancies .vacancy-detail__number {
    font-family: "Tektur", sans-serif;
    font-size: 14px;
    line-height: 1.2;
  }

  .page-vacancies .vacancy-detail h2 {
    font-size: 24px;
    line-height: 1.35;
  }

  .page-vacancies .vacancy-detail__body {
    font-size: 13px;
    line-height: 1.25;
  }

  .page-vacancies .vacancy-detail__body ul {
    padding-left: 16px;
  }

  .page-vacancies .vacancy-detail__body li {
    font-size: 16px;
    line-height: 1.35;
  }

  .page-vacancies .vacancy-detail__body p {
    font-size: 16px;
    line-height: 1.25;
    margin-top: 16px;
  }
}


@media (max-width: 1199px) and (min-width: 767px) {
  .page-home .home-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 31.2vw);
    padding-left: 0;
    padding-right: 0;
  }

  .page-home .home-hero h1 {
    font-size: clamp(36px, 4.5vw, 54px);
    line-height: 1.3;
  }
}

@media (max-width: 1200px) {
  .home-about__grid{
    grid-template-columns: 1fr 592px;
  }

  .team__grid {
    display: flex;
    gap: 20px;
    grid-template-columns: none;
    margin-left: -16px;
    margin-right: -16px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 16px 4px;
    scroll-padding-left: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .team__grid::-webkit-scrollbar {
    display: none;
  }

  .team__grid article {
    flex: 0 0 calc((100% - 60px) / 3.5);
    min-height: auto;
    scroll-snap-align: start;
  }
}

@media (max-width: 1024px) {
  .team__grid article {
    flex: 0 0 calc((100% - 40px) / 3);
  }

  .page-home .home-hero h1 {
    font-size: 48px;
    max-width: 570px;
  }
  .page-home .home-hero__image,
  .page-home .home-hero .hero__button{
    right: 0;
    left: auto;
  }
  .home-about__grid{
    grid-template-columns: 1fr 2fr;
  }
}

@media (max-width: 768px) {
  .team__grid article {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

@media (max-width: 767px) {
  .team__grid article {
    flex: 0 0 calc(100% - 55px);
  }
}

@media (max-width: 766px) {
  .home-about__grid{
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .page-home .home-hero {
    background-size: 100% calc(100% - 120px);
  }

  .page-home .home-hero__grid {
    display: block;
    grid-template-columns: none;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
  }

  .page-home .home-hero__column {
    display: contents;
  }

  .page-home .home-hero__column::before,
  .page-home .home-hero__column--media::before,
  .page-home .home-hero__column--media::after {
    display: none;
  }

  .page-home .home-hero__dots {
    display: none;
  }

  .page-home .home-hero__image {
    display: none;
  }

  .page-home .home-hero__copy {
    bottom: clamp(116px, 18vh, 170px);
    left: 0;
    padding-left: 0;
    width: 100%;
  }

  .page-home .home-hero .hero__button {
    bottom: clamp(40px, 8vh, 72px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(360px, 100%);
  }
}

@media (max-height: 799px) {
  .page-home .home-hero {
    background-size: 100% calc(100% - 128px);
  }
}

@media (max-width: 1180px) {
  .blog__tabs {
    border-top: 1px solid rgba(226, 227, 228, 1);
    justify-content: flex-start;
    padding-top: 32px;
  }
}

@media (max-width: 767px) {
  .mobile-menu a.mobile-menu__phone {
    display: flex;
    color: var(--yellow) !important;
    font-size: 20px !important;
    padding: 0 0 22px !important;
    gap: 10px;
  }
  .mobile-menu a.mobile-menu__phone svg {
    position: relative;
    top: -3px;
  }
  .blog__more {
    justify-content: center;
    width: 100%;
  }

  .page-home .home-hero {
    background-image: none;
  }

  .page-home .home-hero__grid {
    display: block;
    grid-template-columns: none;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    padding: clamp(96px, 16vh, 112px) 16px clamp(28px, 6vh, 40px);
    position: relative;
  }

  .page-home .home-hero__column {
    display: contents;
  }

  .page-home .home-hero__copy {
    bottom: clamp(104px, 23vh, 168px);
    left: 16px;
    max-width: calc(100vw - 32px);
    position: absolute;
    right: 16px;
    top: auto;
    width: auto;
  }

  .page-home .home-hero h1 {
    font-size: 34px;
    line-height: 1.22;
    margin-top: clamp(18px, 3.8vh, 26px);
    max-width: calc(100vw - 32px);
  }

  .page-home .home-hero__image {
    height: clamp(200px, 36vh, 300px);
    width: 100%;
  }

  .page-home .home-hero .hero__button {
    bottom: clamp(28px, 24.5vh, 70px);
    height: clamp(52px, 8.4vh, 56px);
    left: 16px;
    margin-top: clamp(20px, 4.2vh, 28px);
    max-width: calc(100vw - 32px);
    position: absolute;
    right: 16px;
    top: auto;
    transform: none;
    width: auto;
  }
}

@media (max-width: 1180px) {
  .page-career .case-detail-header {
    background: #090909;
    height: 96px;
  }

  .career-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 56px 0 88px;
  }

  .career-hero__media {
    min-height: 0;
    order: -1;
    width: min(720px, 100%);
  }

  .career-intro,
  .career-office,
  .career-life__inner,
  .career-process__head {
    grid-template-columns: 1fr;
  }

  .career-life__copy {
    position: static;
  }

  .career-values,
  .career-process__steps {
    grid-template-columns: 1fr;
  }

  .career-values article,
  .career-process__steps article {
    min-height: 0;
    padding: 28px 0 36px;
  }

  .career-values span,
  .career-process__steps span {
    margin-bottom: 28px;
  }

  .career-life__gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .career-vacancies {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page-career .case-detail-header {
    height: 88px;
  }

  .page-career .nav {
    height: 56px;
    left: 16px;
    padding: 6px 15px;
    top: 16px;
    transform: none;
    width: calc(100% - 32px);
  }

  .page-career .nav__burger {
    background: initial;
  }

  .page-career .nav__burger span {
    background: var(--white);
  }

  .career-hero {
    gap: 32px;
    min-height: calc(100svh - 88px);
    padding: 32px 0 56px;
  }

  .career-hero h1,
  .career-intro__head .section__title,
  .career-life .section__title,
  .career-office .section__title,
  .career-process .section__title,
  .career-vacancies .section__title {
    font-size: 30px;
    line-height: 1.2;
  }

  .career-hero__copy p,
  .career-intro>.section__lead,
  .career-life__copy p,
  .career-office .section__lead {
    font-size: 16px;
    line-height: 1.45;
  }

  .career-hero__button,
  .career-vacancies__button {
    height: 56px;
    min-height: 56px;
    width: 100%;
  }

  .career-hero__media {
    aspect-ratio: 343 / 318;
    width: 100%;
  }

  .career-hero__photo--large {
    height: 78%;
    right: 12%;
    width: 48%;
  }

  .career-hero__photo--top {
    height: 44%;
    width: 34%;
  }

  .career-hero__photo--bottom {
    height: 48%;
    width: 40%;
  }

  .career-intro,
  .career-office,
  .career-process {
    padding-top: 72px;
  }

  .career-values {
    margin-top: 24px;
  }

  .career-values h3,
  .career-process__steps h3 {
    font-size: 22px;
  }

  .career-values p,
  .career-process__steps p,
  .career-office__stats span {
    font-size: 16px;
  }

  .career-life {
    margin-top: 72px;
    padding: 72px 0;
  }

  .career-life__inner {
    gap: 40px;
  }

  .career-life__gallery {
    gap: 12px;
    grid-template-columns: 1fr;
  }

  .career-life__image--wide {
    grid-column: auto;
  }

  .career-office {
    gap: 36px;
  }

  .career-office__stats {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .career-process__steps {
    margin-top: 40px;
  }

  .career-vacancies {

    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .career-application {
    padding: 12px;
  }

  .career-application__panel {
    padding: 24px 16px;
  }

  .career-application__panel h2 {
    margin-right: 48px;
  }

  .career-application__form {
    padding: 20px 16px;
  }

  .career-application__form .form__actions {
    align-items: stretch;
    flex-direction: column;
  }
}


@media (max-width: 1599px) and (min-width: 1181px) {
  .career-internship {
    gap: 48px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1600px) {
  .career-benefits {
    grid-template-columns: 628px minmax(0, 1fr);
  }
  .service-list h3{
    font-size: 28px;
  }
  .service-list span{
    font-size: 16px;
  }
  .service-list p{
    font-size: 16px;
  }

}

@media (max-width: 1024px) {
  .service-list h3{
    font-size: 24px;
  }
  .service-list article{
    gap: 20px;
  }
  .service-list__content{
    margin-top: 20px;
  }
  .service-list__image, .service-list article:nth-child(2) .service-list__image, .service-list article:nth-child(3) .service-list__image, .service-list article:nth-child(4) .service-list__image{
    width: auto;
    max-width: 152px;
    height: auto;
  }
  .service-list{
    gap: 60px;
  }

}

@media (max-width: 1180px) {
  .page-career .case-detail-header {
    height: 96px;
  }

  .career-section {
    width: calc(100% - 32px);
  }

  .career-hero-pdf {
    height: calc(100svh - 96px);
    min-height: 560px;
  }

  .career-hero-pdf h1,
  .career-head h2,
  .career-benefits h2,
  .career-office-pdf h2,
  .career-internship h2,
  .career-blog h2 {
    font-size: 40px;
    font-weight: 400;
  }

  .career-internship h2 br {
    display: none;
  }

  .career-head,
  .career-benefits,
  .career-internship,
  .career-form-pdf {
    gap: 48px;
    grid-template-columns: 1fr;
  }

  .career-team__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .career-benefits__left {
    min-height: 0;
  }

  .career-benefits__left img {
    display: none;
  }

  .career-collage {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 80px;
  }

  .career-collage img {
    aspect-ratio: 1.2 / 1;
    grid-column: auto;
    grid-row: auto;
  }

  .career-collage__c,
  .career-collage__d {
    height: 100%;
    margin-top: 0;
  }

  .career-vacancy-list article {
    grid-template-columns: 1fr;
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page-career .topline {
    height: 24px;
    overflow: hidden;
    padding: 0 16px;
    white-space: nowrap;
  }

  .page-career .case-detail-header {
    height: 128px;
  }

  .page-career .nav {
    box-sizing: border-box !important;
    height: 70px !important;
    left: 16px !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 6px 14px !important;
    right: auto !important;
    top: 28px !important;
    transform: none !important;
    /* width: min(calc(100vw - 32px), 358px) !important; */
  }

  .page-career .nav__links,
  .page-career .nav__phone,
  .page-career .nav__actions .button {
    display: none !important;
  }

  .page-career .nav__actions {
    align-items: center !important;
    display: flex !important;
    height: 40px !important;
    justify-content: center !important;
    margin-left: auto !important;
    position: static !important;
    width: 40px !important;
    z-index: 2 !important;
  }

  .page-career .brand svg {
    height: 40px;
    width: 128px;
  }

  .page-career .nav__burger {
    background: initial;
    display: inline-flex !important;
    flex: 0 0 40px;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
  }

  .page-career .nav__burger span {
    background: var(--white);
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .page-career .nav__burger::before {
    background:
      linear-gradient(var(--white), var(--white)) 0 0 / 20px 2px no-repeat,
      linear-gradient(var(--white), var(--white)) 0 6px / 20px 2px no-repeat,
      linear-gradient(var(--white), var(--white)) 0 12px / 20px 2px no-repeat;
    content: "";
    display: block;
    height: 14px;
    width: 20px;
  }

  .page-career .nav__burger span {
    display: none !important;
  }

  .career-hero-pdf {
    height: 670px;
    min-height: 670px;
  }

  .career-hero-pdf h1,
  .career-benefits h2,
  .career-office-pdf h2,
  .career-internship h2,
  .career-blog h2,
  .career-form-pdf__copy h2 {
    font-size: 30px;
  }

  .career-hero-pdf__inner {
    margin-top: -54px;
    padding: 0 16px;
  }

  .career-hero-pdf h1 {
    font-size: 42px;
    line-height: 1.28;
  }

  .career-hero-pdf__title-desktop {
    display: none;
  }

  .career-hero-pdf__title-mobile {
    display: inline;
  }

  .career-hero-pdf p,
  .career-head>p,
  .career-benefits__list p,
  .career-internship__steps p,
  .career-blog__grid p {
    font-size: 16px;
  }

  .career-hero-pdf p {
    font-size: 16px;
    line-height: 1.35;
    margin: 28px auto 0;
    max-width: 300px;
  }

  .career-blog,
  .career-vacancy-list,
  .career-form-pdf {
    padding-top: 64px;
  }

  .career-section {
    box-sizing: border-box;
    margin-left: 16px;
    margin-right: 16px;
    max-width: none;
    overflow: visible;
    width: calc(100% - 32px);
  }

  .career-page {
    overflow-x: hidden;
    overflow-x: clip;
  }

  .career-head,
  .career-head>*,
  .career-head>p,
  .career-benefits__list,
  .career-benefits__list article,
  .career-internship__copy,
  .career-internship__steps,
  .career-blog__grid,
  .career-vacancy-list article,
  .career-form-pdf__form {
    min-width: 0;
    max-width: 100%;
  }

  .career-head>p,
  .career-benefits__list p,
  .career-internship__copy>p,
  .career-internship__steps p,
  .career-blog__grid p,
  .career-vacancy-list p {
    overflow-wrap: anywhere;
  }

  .career-eyebrow {
    font-size: 16px;
    gap: 12px;
    margin-bottom: 28px;
  }

  .career-eyebrow span {
    height: 12px;
    width: 12px;
  }

  .career-head {
    gap: 20px;
  }

  .career-head>p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0;
  }

  .career-team__grid {
    display: flex;
    gap: 20px;
    margin-right: -16px;
    margin-top: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 0 16px 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    /* width: calc(100% + 32px); */
  }

  .career-team__grid::-webkit-scrollbar {
    display: none;
  }

  .career-team__grid article {
    flex: 0 0 307px;
    scroll-snap-align: start;
  }

  .career-team__grid img {
    aspect-ratio: 307 / 373;
  }

  .career-team__grid h3 {
    font-size: 22px;
    margin-top: 20px;
  }

  .career-benefits {
    gap: 40px;

  }

  .career-benefits__left {
    min-height: 0;
  }

  .career-benefits__left h2 {
    max-width: calc(100% - 135px);
  }

  .career-benefits__left img {
    bottom: auto;
    display: block;
    height: auto;
    left: auto;
    max-width: 180px;
    right: 0;
    top: 0;
    width: 130px;
  }

  .career-pill {
    margin-top: 28px;
  }

  .career-benefits__list {
    gap: 40px;
    padding-top: 0;
  }

  .career-benefits__list article {
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e2e3e4;
    gap: 24px;
    grid-template-columns: 1fr;
    overflow: hidden;
    padding: 16px;
  }

  .career-internship__steps article {
    gap: 28px;
    grid-template-columns: 1fr;
  }

  .career-benefits__list>article>span {
    background: #ecedee;
    border: 0;
    border-radius: 8px;
    height: 60px;
    width: 60px;
  }

  .career-internship__steps span {
    height: 60px;
    width: 60px;
  }

  .career-benefits__list h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 18px;
  }

  .career-benefits__list p {
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0;
  }

  .career-internship__steps h3 {
    line-height: 1.35;
    margin-bottom: 18px;
  }

  .career-internship__steps p {
    font-size: 18px;
  }

  .career-value {
    background: #090909;
    color: var(--white);
    padding-right: 0;
    padding-left: 0;
  }

  .career-head--dark {
    display: block;
  }

  .career-head--dark h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .career-value__desktop-title {
    display: none;
  }

  .career-value__mobile-title {
    display: inline;
  }

  .career-head--dark p {
    font-size: 16px;
    line-height: 1.45;
    margin-top: 36px;
  }

  .career-collage {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 36px;
  }

  .career-collage img {
    aspect-ratio: 358 / 255;
    grid-column: auto;
    grid-row: auto;
    width: 100%;
  }

  .career-collage__c {
    aspect-ratio: 358 / 537;
  }

  .career-office-pdf {

    text-align: center;
  }

  .career-office-pdf h2 {
    font-size: 30px;
    line-height: 1.35;
    margin: 0 auto 28px;
    max-width: 330px;
  }

  .career-office-pdf__slider {
    display: block;
    position: relative;
  }

  .career-office-pdf__swiper {
    width: 100%;
  }

  .career-office-pdf__slider img {
    aspect-ratio: 358 / 202;
  }

  .career-office-pdf__nav {
    display: none;
  }

  .career-office-pdf__dots {
    margin-top: 22px;
  }

  .career-internship {
    gap: 56px;
  }

  .career-internship__copy>p {
    line-height: 1.45;
    margin-top: 40px;
  }

  .career-internship__copy>p+p {
    margin-top: 24px;
  }

  .career-internship__steps {
    gap: 40px;
  }

  .career-internship__steps article {
    border-radius: 6px;
    min-height: 0;
    padding: 16px 16px 20px;
  }

  .career-internship__steps span {
    font-size: 24px;
  }

  .career-blog {
    padding-top: 64px;
  }

  .career-blog h2 {
    padding-bottom: 22px;
  }

  .career-blog__grid {
    gap: 40px;
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .career-blog__grid img {
    aspect-ratio: 358 / 224;
  }

  .career-blog__grid h3 {
    font-size: 20px;
    line-height: 1.25;
  }

  .career-blog__more {
    height: 40px;
    margin-top: 36px;
    width: 100%;
  }

  .career-vacancy-list {
    padding-top: 64px;
  }

  .career-vacancy-list h2 {
    font-size: 28px;
    margin-bottom: 42px;
  }

  .career-vacancy-list {
    padding-bottom: 137px;
  }

  .career-vacancy-list article {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 22px;
    padding: 0 0 24px;
  }

  .career-vacancy-list article+article {
    padding-top: 24px;
  }

  .career-vacancy-list h3 {
    font-size: 22px;
  }

  .career-vacancy-list p {
    font-size: 16px;
  }

  .career-vacancy-list a {
    font-size: 16px;
    justify-content: center;
    width: 249px;
  }

  .career-form-pdf {
    gap: 28px;
    padding-bottom: 64px;
  }

  .career-form-pdf__copy {
    min-height: auto;
  }

  .career-form-pdf__copy h2 {
    font-size: 30px;
    line-height: 1.35;
  }

  .career-form-pdf__copy h3,
  .career-form-pdf__copy p {
    display: none;
  }

  .career-form-pdf__copy h2::before {
    content: "Оставьте заявку,\\A чтобы обсудить проект";
    white-space: pre-line;
  }

  .career-form-pdf__copy h2 {
    font-size: 0;
  }

  .career-form-pdf__copy h2::before {
    font-size: 30px;
  }

  .career-form-pdf__copy h2::before {
    content: "Оставьте заявку,\A чтобы обсудить проект";
    white-space: pre-line;
  }

  .career-form-pdf__form {
    min-height: auto;
    padding: 24px 15px 18px;
  }

  .career-form-pdf__form h2 {
    font-size: 22px;
    margin-bottom: 28px;
  }

  .career-form-pdf__form label span {
    font-size: 28px;
    margin: 44px 0 24px;
  }

  .career-form-pdf__form label span {
    font-size: 0;
  }

  .career-form-pdf__form label span::before {
    content: "О вашем проекте";
    font-size: 28px;
  }

  .career-form-pdf__form textarea::placeholder {
    color: transparent;
  }

  .career-form-pdf__form textarea {
    color: transparent;
  }

  .career-form-pdf__form textarea:focus {
    color: rgba(0, 0, 0, 1);
  }

  .career-form-pdf__form textarea {
    position: relative;
  }

  .career-form-pdf__form label::after {
    color: rgba(109, 109, 109, 1);
    content: "Опишите задачу";
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top: -108px;
    pointer-events: none;
  }

  .career-form-pdf__actions {
    gap: 18px;
    margin-top: 42px;
  }

  .career-form-pdf__form label::after {
    content: none;
    display: none;
  }

  .career-form-pdf__form textarea,
  .career-form-pdf__form textarea::placeholder {
    color: rgb(104, 111, 115) !important;
    opacity: 1;
  }

  .career-form-pdf__agreement,
  .career-form-pdf__form a {
    font-size: 14px;
    line-height: 1.35;
  }

  .career-form-pdf__contacts {
    display: grid;
    gap: 18px;
    margin-top: 8px;
  }

  .career-form-pdf__contacts span {
    color: rgba(109, 109, 109, 1);
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
  }

  .career-form-pdf__contacts a {
    color: rgba(0, 0, 0, 1);
    display: block;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .career-form-pdf__contacts a:nth-of-type(n+3) {
    text-decoration: none;
  }

  .career-request .section__title {
    font-size: 0;
    line-height: 1;
  }

  .career-request .section__title::before {
    content: "Оставьте заявку,\A чтобы обсудить проект";
    font-size: 30px;
    font-weight: 400;
    line-height: 1.37;
    white-space: pre-line;
  }

  .career-request .section__title span,
  .career-request__desktop-copy {
    display: none;
  }

  .career-request .contact__links {
    display: grid;
    gap: 40px;
    margin: 0;
  }

  .career-request.contact--default .contact__form fieldset:first-of-type legend {
    font-size: 22px;
  }

  .career-request__mobile-contacts {
    display: contents;
  }

  .career-request__mobile-contacts>div:first-child {
    display: grid;
    gap: 24px;
  }

  .career-request__mobile-contacts>div:last-child {
    display: grid;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  .service-list article{
    grid-template-columns: 20px minmax(0, 0.75fr);
  }
}

@media (min-width: 767px) {

  .home-hero__column.home-hero__column--copy,
  .home-hero__column.home-hero__column--media {
    align-self: end;
    height: calc(100% - 128px);
  }

  .page-home .home-hero__image {
    top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .page-home .home-hero {
    background-position: 0 128px;
    background-size: 100% calc(100% - 128px);
    min-height: 796px;
  }

  .page-home .home-hero::before {
    top: 128px;
  }

  .page-home .home-hero::after {
    bottom: 34px;
  }

  .page-home .home-hero__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto;
    max-width: none;
    min-height: 796px;
    padding: 128px 0 34px;
    width: calc(100% - 66px);
  }

  .page-home .home-hero__column {
    align-self: stretch;
    display: block;
    height: auto;
    min-height: 0;
    position: relative;
  }

  .page-home .home-hero__column--copy {
    overflow: visible;
  }

  .page-home .home-hero__column::before {
    display: block;
    left: 0;
  }

  .page-home .home-hero__column--media::after {
    display: block;
    right: 0;
  }

  .page-home .home-hero__dots {
    display: block;
    height: 288px;
    left: 52px;
    right: auto;
    top: 48px;
    width: 320px;
  }

  .page-home .home-hero__dots-container {
    align-content: center;
    align-items: center;
    font-size: 9px;
    gap: 2em;
    justify-content: center;
  }

  .page-home .home-hero__image {
    display: block;
    height: 203px;
    left: auto;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    top: 40px;
    width: 375px;
  }

  .page-home .home-hero__copy {
    bottom: 60px;
    left: 24px;
    max-width: calc(200% - 48px);
    padding: 0;
    position: absolute;
    top: auto;
    width: calc(200% - 48px);
    z-index: 4;
  }

  .page-home .home-hero .hero__button {
    bottom: 26px;
    font-size: 20px;
    height: 60px;
    left: auto;
    max-width: none;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    width: 319px;
    z-index: 3;
  }

  .page-blog .nav,
  .blog-page-list,
  .page-partners .nav {
    width: calc(100% - 48px);
  }

  .page-home .nav,
  .page-service .nav,
  .page-about .nav,
  .page-tool-detail .nav,
  .page-vacancies .nav {
    width: calc(100% - 48px);
  }

  .page-service .hero:not(.home-hero) {
    --hero-left-line: max(25px, calc((100vw - 1920px) / 2 + 40px));
    --hero-right-line: max(25px, calc((100vw - 1920px) / 2 + 34px));
  }

  .hero__image {
    height: 420px;
    opacity: 0.7;
    position: absolute;
    right: 0px;
    top: 150px;
    width: 70%;
  }

  .hero__copy {
    align-self: end;
    padding-left: 28px;
  }

  .section__title {
    font-size: 40px;
    font-weight: 400;
  }

  .section--intro .section__title {
    max-width: 555px;
  }

  .why__image {
    height: 262px;
    margin-top: auto;
    object-fit: contain;
    position: absolute;
    right: 0;
    width: 278px;
  }

  .why__left {
    min-height: 214px;
  }

  .why h3 {
    font-size: 20px;
    font-weight: 500;
  }

  .approach__intro {
    gap: 24px;
  }

  .approach__intro>p {
    max-width: 100%;
  }

  .page-service .cases .case-strip {
    width: 100%;
  }

  .page-service .section.cases {

    max-width: 1840px;
    width: calc(100% - 80px);
  }

  .page-service .cases .case-card {
    flex: 0 0 100% !important;
    max-width: 100%;
    min-width: 100%;
    width: 100% !important;
  }

  .page-service .cases .case-card__image,
  .page-service .cases .case-card.is-active .case-card__image {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    top: 0;
    transform: none;
    width: 100%;
  }

  .faq__list summary {
    color: rgba(56, 60, 62, 1);
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    list-style: none;
    padding: 24px 64px 24px 31px;
    position: relative;
  }

  .nav__phone,
  .nav__actions .button--small {
    display: none;
  }

  .contact {
    align-items: start;
    gap: 48px 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 0;
  }

  .contact .contact__info {
    display: contents;
  }

  .contact .section__title {
    font-size: 40px;
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .contact .contact__form {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  legend {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
  }

  .about-company {
    padding-top: 49px !important;
  }

  .career-eyebrow {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .page-career .cases-hero {
    height: 520px;
    min-height: 520px;
  }

  .page-career .cases-hero__inner {
    top: 235px;
  }

  .career-head,
  .career-benefits,
  .career-internship,
  .career-form-pdf {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .career-team__grid {
    gap: 20px;
    row-gap: 25px;
  }

  .career-benefits__list h3 {
    font-size: 20px;
    font-weight: 500;
  }

  .career-benefits__list p {
    font-size: 16px;
  }

  .career-benefits {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr;
    padding-right: 0;
    padding-left: 0;
  }

  .career-benefits__left img {
    display: block;
    left: auto;
    max-width: 180px;
    right: 0;
  }

  .career-value {
    background: #090909;
    color: var(--white);
    padding-right: 0;
    padding-left: 0;
  }

  .career-head>p {
    color: rgba(9, 9, 9, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0;
    max-width: 599px;
  }

  .career-value .career-head>p {
    color: rgba(254, 254, 254, 1);
  }

  .page-career .career-collage {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    margin-top: 36px;
  }

  .page-career .career-collage img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

  .page-career .career-collage .career-collage__a {
    aspect-ratio: 324 / 203;
    grid-column: 1 / 7;
    grid-row: 1;
  }

  .page-career .career-collage .career-collage__b {
    aspect-ratio: 324 / 252;
    grid-column: 1 / 7;
    grid-row: 2;
  }

  .page-career .career-collage .career-collage__c {
    aspect-ratio: auto;
    grid-column: 7 / -1;
    grid-row: 1 / span 2;
    height: 103% !important;
    margin-top: -14px;
  }

  .page-career .career-collage .career-collage__e {
    aspect-ratio: 662 / 414;
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .page-career .career-collage .career-collage__d {
    aspect-ratio: 393 / 344;
    grid-column: 1 / 8;
    grid-row: 4;
    height: 100% !important;
    margin-top: 0;
  }

  .page-career .career-collage .career-collage__f {
    aspect-ratio: 253 / 344;
    grid-column: 8 / -1;
    grid-row: 4;
    height: 97%;
  }

  .career-office-pdf {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }

  .career-office-pdf__slider {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: 28px 620px 28px;
    justify-content: center;
  }

  .career-office-pdf__swiper {
    max-width: 620px;
    width: 620px;
  }

  .career-office-pdf__slider img {
    aspect-ratio: auto;
    height: 352px;
    object-fit: cover;
    width: 620px;
  }

  .career-office-pdf__nav {
    align-items: center;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 28px;
  }

  .career-office-pdf__dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 22px;
  }

  .career-office-pdf__dots .swiper-pagination-bullet {
    background: rgb(226, 227, 228);
    border-radius: 8px;
    display: block;
    flex: 0 0 auto;
    height: 6px;
    margin: 0;
    opacity: 1;
    width: 6px;
  }

  .career-office-pdf__dots .swiper-pagination-bullet-active {
    background: rgb(183, 187, 190);
    width: 32px;
  }

  .career-internship {
    display: grid;
    gap: 60px;
    grid-template-columns: 1fr;
    padding-right: 0;
    padding-left: 0;
  }

  .career-internship__copy>p {
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    margin: 48px 0 0;
    max-width: initial;
  }

  .career-internship__steps h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 16px;
  }

  .career-internship__steps article {
    border: 1px solid rgba(226, 227, 228, 1);
    padding: 16px;
  }

  .blog__grid h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 0px 0 8px;
    text-align: left;
  }

  .blog__grid p {
    color: rgba(104, 111, 115, 1);
    font-size: 16px;
    margin: 0;
    text-align: left;
  }

  .career-vacancy-list h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 40px;
  }

  .career-vacancy-list {
    padding-bottom: 160px;
  }

  .career-vacancy-list h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
  }

  .career-vacancy-list p {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
  }

  .career-vacancy-list article {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) max-content;
  }

  .career-vacancy-list article h3 {
    grid-column: 1;
    grid-row: 1;
  }

  .career-vacancy-list article p {
    grid-column: 1;
  }

  .career-vacancy-list article a {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    white-space: nowrap;
  }

  .page-about .home-services .service-list span {
    grid-column: 1;
    grid-row: 1;
  }

  .page-about .home-services .service-list h3 {
    grid-column: 2;
    grid-row: 1;
    max-width: 560px;
  }

  .service-list__content {
    max-width: 560px;
  }

  .page-about .home-services .service-list__image,
  .page-about .home-services .service-list article:nth-child(2) .service-list__image,
  .page-about .home-services .service-list article:nth-child(3) .service-list__image,
  .page-about .home-services .service-list article:nth-child(4) .service-list__image {
    object-fit: contain;
    width: 160px;
  }

  .page-about .home-services .service-list__content {
    grid-column: 2 / -1;
    grid-row: 2;
  }

  .page-about .home-services .services-more--tablet-only {
    display: flex;
  }

  .contact .contact__links {
    display: grid;
    gap: 22px 80px;
    grid-column: 1 / -1;
    grid-row: 3;
    grid-template-columns: minmax(0, 270px) minmax(0, 1fr);
    margin-bottom: 0;
  }

  .contact .contact__links>div:first-child {
    grid-column: 1;
    grid-row: 1;
  }

  .contact .contact__links>div:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }

  .contact .contact__links>div:last-child {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin-top: 0;
  }

  .contact .messengers {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {

  .tools-hero__inner,
  .page-tools .tools-list,
  .page-tools .tools-blog,
  .contacts-hero,
  .contacts-requisites,
  .page-tool-detail .section,
  .page-tool-detail .tools-blog,
  .blog-page-list,
  .page-blog .nav,
  .partners-hero__inner,
  .page-partners .partners-page-list,
  .page-partners .partners-benefits,
  .page-partners .cases,
  .page-partners .nav,
  .page-404 .nav,
  .not-found-page__inner,
  .nav,
  .hero__grid,
  .section,
  .footer__wrap,
  .page-home .section:not(.cases),
  .page-service .section:not(.cases),
  .page-about .section:not(.cases),
  .page-home .section.cases,
  .page-about .container,
  .page-service .section.cases,
  .home-services,
  .cases-page,
  .page-case-detail .nav,
  .page-case-detail .section,
  .page-vacancies .section,
  .page-career .section,
  .page-career .nav,
  .page-home .nav,
  .testimonials,
  .page-cases .nav,
  .career-section {
    width: calc(100% - 48px);
  }

  .footer__wrap {
    width: 100%;
  }

  .page-service .section.cases {

    max-width: 1840px;
    width: calc(100% - 80px);
  }

  .mobile-menu details {
    padding-right: 50px;
  }

  .case-detail-intro h1 {
    line-height: 1.2;
  }

  .contact__links a {
    font-size: 24px;
  }

  .page-case-detail .contact .messengers a {
    font-size: 24px;
  }

  .case-detail-meta dt {
    font-family: "Tektur", sans-serif;
  }

  .page-partners .partners-page-list {
    padding-right: 0;
    padding-left: 0;
  }

  .partners-hero h1,
  .partners-page-list__head .section__title,
  .partners-benefits .section__title,
  .partners-request .section__title {
    font-size: 40px;
  }

  .page-partners .partners-page-list__more {
    margin: 32px 0 0 auto;
  }

  .page-partners #cases {
    background: var(--white);
    box-shadow: initial;
    padding: 0 0 72px;
    width: calc(100% - 80px);
  }

  .page-partners #cases .cases__head {
    display: block;
    margin: 0 auto 56px;
    max-width: 830px;
    text-align: center;
  }

  .page-partners #cases .cases__title-group {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .page-partners #cases .section__eyebrow--center {
    justify-content: center;
    margin-bottom: 28px;
    text-align: center;
  }

  .page-partners #cases .section__title--center {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.35;
    margin: 0;
    max-width: 830px;
    text-align: center;
  }

  .page-partners #cases .case-slider {
    margin-top: 0;
  }

  .page-partners #cases .cases__more {
    display: none;
  }

  .page-partners #cases .case-strip {
    width: 100%;
  }

  .page-partners #cases .case-card {
    background: rgb(23, 23, 31);
    border-radius: 16px;
    flex: 0 0 100% !important;
    height: 385px;
    max-width: 100%;
    min-width: 100%;
    width: 100% !important;
  }

  .page-partners #cases .case-card__body {
    justify-content: space-between;
    opacity: 1;
    padding: 20px 24px 34px;
    transform: none;
  }

  .page-partners #cases .case-card__tags {
    gap: 16px;
  }

  .page-partners #cases .case-card__tags span {
    border-color: rgba(244, 245, 245, 1);
    color: rgba(244, 245, 245, 1);
    font-size: 16px;
    line-height: 40px;
    min-height: 40px;
    padding: 0 24px;
  }

  .page-partners #cases .case-card strong {
    font-size: 34px;
    line-height: 1.1;
  }

  .page-partners #cases .case-card__description {
    font-size: 36px;
    line-height: 1.18;
    margin-top: 20px;
  }

  .partners-request .contact__links a {
    font-size: 24px;
    line-height: 1.2;
  }

  .contacts-card__cities h2,
  .contacts-tabs__button,
  .contacts-country-tabs__button,
  .contacts-requisite-row h3 {
    font-size: 24px;
  }

  .contacts-hero__media {
    display: none;
  }

  .contacts-requisites__head h2 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 40px;
  }

  .contacts-requisites__head {
    align-items: flex-start;
    flex-direction: column;
    justify-content: start;
    margin-bottom: 40px;
  }

  .contacts-departments {
    min-height: initial;
    padding: 102px 32px 20px;
  }

  .contacts-requisites__panels {
    width: 100%;
  }

  .contacts-requisite-row {
    column-gap: 10px;
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 30px 0 42px;
    row-gap: 30px;
  }

  .contacts-requisite-row__number {
    align-self: start;
    grid-column: 1;
    grid-row: 1;
  }

  .contacts-requisite-row h3 {
    font-size: 28px;
    grid-column: 2;
    grid-row: 1;
    line-height: 1.2;
    margin: 0;
  }

  .contacts-requisite-row h3 br {
    display: none;
  }

  .contacts-requisite-row dl {
    grid-column: 1 / -1;
    gap: 22px;
  }

  .contacts-requisite-row dl div {
    gap: 32px;
    grid-template-columns: minmax(0, 235px) minmax(0, 1fr);
  }

  .page-tools .tools-list__items {
    border: 1px solid var(--line);
    width: 100%;
  }

  .page-tools .tools-list__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 313px;
    overflow: visible;
    padding: 24px;
    position: relative;
    width: 100% !important;
  }

  .page-tools .tools-list__media {
    align-items: flex-start;
    border: 0;
    display: flex;
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
    min-height: 0;
    padding: 0;
  }

  .page-tools .tools-list__media img {
    max-height: none;
    max-width: 78px;
  }

  .page-tools .tools-list__content {
    display: contents;
    max-width: none !important;
    padding: 0;
    position: static;
    width: auto !important;
  }

  .page-tools .tools-list__icons {
    align-self: start;
    display: flex;
    flex-direction: row;
    gap: 12px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: auto;
  }

  .page-tools .tools-list__icon {
    height: 16px;
    width: 16px;
  }

  .page-tools .tools-list__content h2 {
    font-size: 28px;
    font-weight: 400;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.2;
    margin: 14px 0 24px;
  }

  .page-tools .tools-list__text,
  .page-tools .tools-list__text p {
    font-size: 14px;
    grid-column: 1 / -1;
    grid-row: 3;
    line-height: 1.3;
    max-width: 100% !important;
    min-width: 0;
    text-align: left !important;
    white-space: normal !important;
    width: auto !important;
    word-break: normal;
  }

  .page-tools .tools-list__more {
    font-size: 14px;
    grid-column: 1 / -1;
    grid-row: 4;
    height: 32px;
    justify-self: start;
    margin-top: 40px;
    padding: 0 16px;
    position: static;
  }

  .testimonials__head {
    align-items: flex-start;
    display: grid;
    gap: 32px 32px;
    grid-template-columns: minmax(0, 1fr) 304px;
    margin-bottom: 58px;
  }

  .testimonials__title {
    display: contents;
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .testimonials .section__title {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-bottom: 0;
  }

  .testimonials__cta-tablet {
    align-self: start;
    display: inline-flex;
    font-size: 20px;
    grid-column: 2;
    grid-row: 1;
    height: 52px;
    justify-self: end;
    line-height: 1.2;
    min-height: 52px;
    padding: 0 26px;
  }

  .testimonials__cta-tablet svg {
    flex: 0 0 24px;
  }

  .testimonials__count {
    align-self: center;
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    margin: 0 0 0 0;
  }

  .testimonials__nav {
    align-self: center;
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    margin-top: 0;
  }

  .testimonials__track {
    gap: 24px;
  }

  .testimonials article {
    flex: 0 0 calc((100vw - 72px) / 1.5);
    max-width: calc((100vw - 72px) / 1.5);
  }

  .testimonials p {
    max-width: 100%;
  }

  .testimonials > .button {
    display: none;
  }
}

@media (max-width: 767px) {
  .hero {
    height: 650px;
    min-height: 650px;
  }

  .cases-hero {
    height: 650px;
    min-height: 650px;
  }

  .page-service .hero:not(.home-hero) {
    height: 794px;
    min-height: 710px;
  }

  .page-home .home-hero {
    height: 650px;
    min-height: initial;
    overflow: hidden;
  }

  .page-home .home-hero__grid {
    min-height: 650px;
  }

  .page-home .home-hero__copy {
    bottom: 160px;
  }

  .page-home .home-hero .hero__button {
    bottom: 80px;
    height: 52px;
  }


}


.section.blog .section__title,
.page-home .section.team .section__title,
.page-home .section.faq .section__title{
  font-size: 56px;
  max-width: 651px;
}
.blog__tabs{
  gap: 20px;
}
.page-home .blog__grid{
  margin-top: 32px;
}

.page-home .section__lead{
  font-size: 20px;
}
.page-home .team .button{
  font-size: 18px;
}
.page-home .team__grid strong{
  color: #000;
}
.page-home .team__grid span{
  color: #6d6d6d;
  font-size: 18px;
}


.page-home .section.faq .section__title{
  color: var(--black-black-1);
  font-size: 56px;
}
.faq__list{
  margin-top: 40px;
  gap: 16px;
}
.faq__list summary{
  color: var(--black-black-2);
  font-size: 22px;
}
@media (max-width: 1440px) {
  .faq__list summary{
    font-size: 20px;
  }
}
.faq__list details p{
  font-size: 18px;
}
.faq__list details p{
  color: var(--black-black-2);
  position: relative;
  margin: 43px 64px 33px 31px;
}
.faq__list details p::before{
  content: "";
  position: absolute;
  top: -33px;
  left: 0;
  width: calc(100% + 43px);
  height: 1px;
  background-color: #e2e3e4;
}


.team__grid-img{
  position: relative;
}
.team__grid-social{
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  gap: 16px;
}
.team__grid-social svg:hover path{
  fill: #6d6d6d;
}

@media (max-width: 1600px) {
  .footer__cols{
    width: 100%;
  }
}
/* ABOUT */


.partners.about-daily-services .section-header_desc p{
  margin-bottom: 0;
}
.partners-navigation__program.mobile{
  display: none;
}

.page-about section.daily-services {
  padding-right: 0;
  padding-left: 0;
}

/* Services */
.page-service.page-service-list .service-list-hero .service-list-hero__button{
  border-radius: 200px;
}

/* Blog */
.blog-hero .cases-hero__subtitle{
  margin-top: 20px;
}
.case-detail-article pre {
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 4px solid var(--yellow);
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--ink-soft);
  font-family: Consolas, "Courier New", monospace;
  font-size: 14px;
  line-height: 1.65;
  margin: 32px 0;
  max-width: 100%;
  overflow-x: auto;
  padding: clamp(16px, 2vw, 24px);
  scrollbar-color: var(--muted-2) var(--black-black-9);
  scrollbar-width: thin;
}

.case-detail-article pre code {
  color: inherit;
  display: block;
  font: inherit;
  min-width: 100%;
  width: max-content;
}

.case-detail-article pre::-webkit-scrollbar {
  height: 8px;
}

.case-detail-article pre::-webkit-scrollbar-track {
  background: var(--black-black-9);
  border-radius: 4px;
}

.case-detail-article pre::-webkit-scrollbar-thumb {
  background: var(--muted-2);
  border-radius: 4px;
}
.page-case-detail .case-detail-intro{
  height: auto;
}
.case-detail-back{
  font-family: Tektur, sans-serif;
}


/* Partners */
.page-partners .cases-hero__subtitle{
  margin-top: 20px;
}

.page-partners .cases-page__toolbar {
  margin-bottom: 32px;
}
.page-partners .partners-benefits {
  padding-right: 0;
  padding-left: 0;

}

.page-partners .partners-benefits__list{
  gap: 40px;
}
.page-partners .partners-benefits__list h3{
  font-size: 24px;
  margin-bottom: 16px;
}
@media (min-width: 1440px) {
  .page-service .why__image {
    position: static;
    width: 100%;
    max-width: 435px;
    height: auto;
    margin-top: 60px;
  }

  .page-partners .partners-benefits__image{
    position: static;
    max-width: 435px;
    width: 100%;
    margin-top: 60px;
  }
}
/* Career */
.page-career .career-header {
  position: relative;
  height: 0;
  z-index: 3;
}

.page-career .career-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 0;
}

.page-career .cases-hero::before,
.page-career .cases-hero::after {
  pointer-events: none;
  z-index: 1;
}

.page-career .cases-hero__subtitle{
  margin-top: 20px;
}
.page-career .career-eyebrow{
  margin-bottom: 16px;
}
.career-value .career-head{
  align-items: start;
  margin-bottom: 190px;
}
.photo-collage {
  display: grid;
  grid-template-columns: minmax(0, 595fr) minmax(0, 439fr) minmax(0, 130fr) minmax(0, 595fr);
  align-items: end;
  gap: clamp(16px, 1.415vw, 26px);
  width: 100%;
  max-width: 1838px;
  margin-inline: auto;
}
.photo-collage > img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  border-radius: 8px;
  background: #b5b5b5;
}
.photo-collage__kayak {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 595 / 375;
  /* Высота нижней левой карточки плюс промежуток между карточками. */
  margin-bottom: calc(77.310924% + clamp(16px, 1.415vw, 26px));
}
.photo-collage__plane {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 595 / 460;
}

.photo-collage__office {
  grid-column: 2 / 4;
  grid-row: 1;
  aspect-ratio: 595 / 892;
}
.photo-collage__birthday {
  grid-column: 4;
  grid-row: 1;
  aspect-ratio: 595 / 794;
}
.photo-collage__holiday {
  grid-column: 1 / 3;
  grid-row: 2;
  aspect-ratio: 1060 / 664;
}
.photo-collage__event {
  grid-column: 3 / 5;
  grid-row: 2;
  aspect-ratio: 750 / 664;
}
.page-partners .partners-page-card{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.page-partners .partners-page-card__logo{
  display: block;
  min-height: auto;
  padding: 0;
}
.partners-page-card__descr{
  font-weight: 400;
  line-height: 1.5;
  font-size: 18px;
  margin: 0;
}
@media (min-width: 576px) {
  .photo-collage > .photo-collage__event {
    height: 100%;
    contain: size;
  }
}
@media (min-width: 576px) and (max-width: 1023px) {
  .photo-collage {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.22fr) minmax(0, 0.78fr);
  }

  .photo-collage__office { grid-column: 2 / 4; }

  .photo-collage__holiday {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .photo-collage > .photo-collage__event {
    grid-column: 1 / 3;
    grid-row: 3;
    height: auto;
    contain: none;
  }

  .photo-collage > .photo-collage__birthday {
    grid-column: 3;
    grid-row: 3;
    height: 100%;
    contain: size;
    aspect-ratio: auto;
  }
}
@media (max-width: 575px) {
  .photo-collage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    gap: 16px;
  }

  .photo-collage > img {
    grid-column: auto;
    grid-row: auto;
    margin-bottom: 0;
  }

  .photo-collage__kayak { order: 1; }
  .photo-collage__birthday { order: 2; }
  .photo-collage__plane { order: 3; }
  .photo-collage__event { order: 4; }
  .photo-collage__holiday { order: 5; }
  .photo-collage__office { order: 6; }
}
.page-career .blog__grid{
  margin-top: 32px;
}
.page-career .blog__grid h3{
  color: var(--black-black-1);
  margin-bottom: 16px;
}
.page-career .blog__grid p{
  color: var(--black-black-4);
}
.page-tool-detail .tool-detail-intro{
  padding-top: 68px;
  padding-bottom: 0;
}
.page-tool-detail .tool-detail-content{
  justify-content: space-between;
}
.tool-detail-back{
  font-family: Tektur, sans-serif;
  font-size: 18px;
}
.tool-detail-back{
  margin-bottom: 16px;
}
.tool-detail-intro h1{
  margin-bottom: 16px;
}
.tool-detail-intro p{
  font-family: Tektur, sans-serif;
  font-size: 18px;
  max-width: 988px;
}

.page-tool-detail .tools-blog .section__title{
  max-width: 829px;
}
.page-tool-detail .tools-blog .blog__grid{
  margin-top: 32px;
}
.page-tool-detail .tools-blog .blog__grid h3{
  margin-bottom: 8px;
}

.tool-detail-toc a{
  font-size: 18px;
}
.tool-detail-toc{
  gap: 13px;
}
.tool-detail-toc span{
  font-family: Tektur, sans-serif;
  font-size: 18px;
  margin-bottom: 11px;
}
@media (max-width: 1600px) {

  .page-home .case-card__description{
    font-size: 22px;
  }
  .page-home .case-slider{
    margin-top: 58px;
  }
  .case-card__tags{
    flex-wrap: wrap;
  }
  .section.blog .section__title,
  .page-home .section.team .section__title,
  .page-home .section.faq .section__title{
    font-size: 48px;
  }


  .footer{
    padding-top: 36px;
  }
  .footer__cta a {
    color: var(--yellow);
    display: flex;
    font-size: 36px;
    font-weight: 600;
    gap: 4px;
  }
  .footer__cta{
    gap: 19px;
  }
  .footer__cols h3{
    font-size: 16px;
  }
  .footer__cta h2{
    font-size: 52px;
    max-width: 766px;
  }
  .footer-social__title{
    font-size: 16px;
  }

  .footer__subscribe{
    padding-right: 27px;
    padding-top: 24px;
    padding-left: 22px;
    padding-bottom: 65px;
  }
  .footer__content{
    margin-top: 45px;
  }
  .footer__logo svg{
    max-width: 178px;
  }
  .footer__subscribe p,
  .footer__subscribe span,
  .footer__copy{
    font-size: 16px;
  }
  .footer__cols a{
    font-size: 14px;
  }
  .footer__content{
    gap: 65px;
  }
  .footer__cols{
    padding-top: 24px;
    padding-right: 40px;
    padding-bottom: 65px;
    gap: 35px;
  }
  /* ABOUT */


  /* Blog */
  .blog-hero{
    min-height: 792px;
  }
  .blog-hero .cases-hero__subtitle{
    font-size: 16px;
  }
  .page-blog .blog-page-list {
    padding-right: 0;
    padding-left: 0;
  }
  .blog-page-list .cases-page__pagination{
    margin-top: 60px;
  }
  .page-blog .blog-page-list__head{
    padding-bottom: 40px;
    margin-bottom: 60px
  }
  .page-blog .blog-page-feature{
    gap: 20px;
  }
  .page-blog  .blog-page-feature__body h2{
    font-size: 22px;
    margin-bottom: 8px;
  }
  .page-blog .blog-page-feature__body p{
    margin-bottom: 32px;
  }
  .page-blog .blog-page-feature{
    margin-bottom: 60px;
  }
  .blog__grid h3{
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  .partner-logos__item{
    flex-basis: 229px;
  }
  .section.blog .section__title,
  .page-home .section.team .section__title,
  .page-home .section.faq .section__title{
    font-size: 40px;
  }
  .blog .section__head{
    border-bottom: none;
  }

  .footer__cta h2{
    font-size: 52px;
  }
  .footer__cta a{
    font-size: 32px;
  }
  .footer-top__right{
    max-width: 274px;
    width: 100%;
  }
  .footer-top__right{
    text-align: right;
  }
  .footer-social-item{
    margin-bottom: 0;
  }
  .footer-social-item:not(:last-child){
    margin-bottom: 53px;
  }
  .footer__content{
    margin-top: 30px;
  }
  .footer-top{
    padding: 46px 0 48px 0;
  }
  .footer__content{
    margin-top: 27px;
  }
  .footer__cols{
    padding: 27px 30px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .footer__wrap{
    margin: 0 auto;
  }
  .footer__content{
    gap: 45px;
  }
  .footer__subscribe{
    padding: 0;
    padding-left: 30px;
  }
  .footer__subscribe{
    max-width: 580px;
  }
  .footer-social{
    padding-right: 10px;
  }
  .footer__cta{
    padding-left: 10px;
  }
  /* ABOUT */

  .page-about .home-about__grid{
    grid-template-columns: 1fr;
  }
  .page-about .section.home-services {
    padding-right: 0;
    padding-left: 0;
  }
  .page-about .services-more{
    margin-top: 0;
  }
}
@media (max-width: 768px) {

  .home-services .section__eyebrow--center{
    justify-content: center;
  }
  .page-home .cases__title-desktop{
    font-size: 40px;
  }
  .page-home .case-slider,
  .page-service.page-service-list .case-slider{
    margin-top: 25px;
  }
  .page-home .case-card__description{
    font-size: 20px;
  }
  .page-home .case-card__body{
    padding: 16px 20px 24px 24px;
  }
  .testimonials .section__title{
    font-size: 40px;
  }
  .testimonials p{
    font-size: 20px;
  }
  .testimonials strong, .testimonials__author span{
    font-size: 16px;
  }
  .testimonials__track{
    gap: 60px;
  }
  .testimonials__head{
    gap: 35px;
  }
  .testimonials__count{
    font-size: 16px;
  }


  .partner-logos__item{
    flex-basis: 245px;
  }
  .home-cta{
    padding-top: 106px;
    padding-bottom: 93px;
  }
  .home-cta h2,
  .home-cta p,
  .home-cta strong{
    max-width: 528px;
    font-size: 32px;
  }
  .home-cta>span{
    font-size: 16px;
    margin-bottom: 16px;
  }
  .home-cta .button{
    font-size: 16px;
    width: 254px;
    margin-top: 164px;
  }

  .page-home .blog__grid,
  .page-career .blog__grid{
    row-gap: 40px;
  }
  .page-home .team__grid{
    margin-top: 40px;
  }

  .page-home .team .section__head{
    gap: 24px;
  }
  .page-home .section__lead{
    margin-top: 16px;
  }
  .page-home .team__grid strong{
    font-size: 22px;
  }
  .page-home .team__grid span{
    font-size: 16px;
  }
  .page-home .team__grid img{
    height: 377px;
  }
  .faq__list summary{
    font-size: 20px;
  }
  .faq__list details p{
    margin: 23px 64px 33px 31px;
  }
  .faq__list details p{
    font-size: 16px;
  }
  .faq__list details p::before{
    top: -23px;
  }
  .page-home .contact{
    gap: 60px 24px;
  }
  .contact__links a{
    font-size: 28px;
  }
  .contact .contact__links{
    gap: 22px 60px;
  }
  .footer-top{
    flex-direction: column;
    gap: 40px;
  }
  .footer-social{
    display: flex;
    justify-content: space-between;
    gap: 53px;
  }
  .footer-top__right{
    max-width: 100%;
    text-align: left;
    padding-left: 10px;
  }
  .footer-social__items {
    justify-content: flex-start;
  }
  .footer__content{
    margin-top: 50px;
  }
  .footer__cols{
    gap: 25px;
  }
  .footer__content{
    gap: 72px;
  }
  .footer-social-item:not(:last-child){
    margin-bottom: 0;
  }
  .footer__content{
    display: flex;
    flex-direction: column;
  }
  /* ABOUT */
  .page-about .home-about .section__title{
    font-size: 40px;
  }

  .page-about .section.home-services {
    padding-right: 0;
    padding-left: 0;
  }
  .history-date{
    padding-top: 203px;
  }
  .page-about section.history {
    padding-right: 0;
    padding-left: 0;
  }
  .partners-navigation .section_title {
    margin-bottom: 24px;
  }
  .partners-navigation__list {
    gap: 32px;
    margin-bottom: 0;
  }
  .partners-navigation__program.desktop{
    display: none;
  }
  .partners-navigation__program.mobile{
    display: flex;
    order: -1;
    margin: 0 auto;
  }

  .partners-wrapper{
    gap: 72px;
  }
  .partners-carusel__bottom{
    margin-bottom: 0;
  }
  .page-about section.daily-services {
    padding-right: 0;
    padding-left: 0;
  }
  .daily-services__tool h3{
    font-size: 22px;
  }
  .daily-services__text p{
    font-size: 16px;
  }
  .daily-services__text{
    margin-bottom: 40px;
  }
  .daily-services__body{
    gap: 40px;
  }
  /* CASES */
  .cases-hero{
    min-height: 794px;
  }
  .page-cases .cases-hero__subtitle,
  .cases-page__body p{
    font-size: 16px;
  }
  .cases-page {
    padding-right: 0;
    padding-left: 0;
  }

  /* Services */

  /* BLoG */
  .page-blog .blog-page-list {
    padding-right: 0;
    padding-left: 0;
  }
  .page-blog .blog-page-list__head{
    margin-bottom: 40px;
  }
  .blog__grid{
    gap: 40px;
  }
  .blog__grid h3 {
    font-size: 20px;
  }
  .case-detail-intro h1{
    margin-bottom: 16px;
  }
  .case-detail-intro p{
    font-size: 16px;
  }
  .case-detail-article h2{
    margin-bottom: 40px;
  }


  /* CAses Detail */
  .case-detail-article h3{
    margin-bottom: 20px;
  }
  /* Partners */
  .page-partners .cases-hero{
    min-height: 594px;
  }
  .page-partners .cases-hero h1{
    font-size: 40px;
    line-height: 1.5;
  }
  .page-partners .cases-hero__subtitle{
    font-size: 16px;
  }

  .section__eyebrow,
  .page-home .section__eyebrow,
  .page-about .section__eyebrow,
  .page-career .career-eyebrow{
    font-size: 16px;
  }
  .page-partners .partners-benefits{
    gap: 40px;
  }
  .page-partners .partners-benefits__list h3{
    font-size: 20px;
  }

  /* Vacanicii */
  .page-vacancies .vacancy-detail__number{
    font-size: 16px;
    gap: 12px;
  }
  .page-vacancies .vacancy-detail{
    padding-top: 40px;
  }
  .page-vacancies .vacancy-detail+.vacancy-detail{
    margin-top: 40px;
    padding-top: 40px;
  }
  /* career */

  .career-team__grid{
    margin-top: 75px;
  }
  .career-team__grid{
    gap: 20px;
  }
  .page-career .cases-hero__subtitle{
    font-size: 16px;
  }
  .page-career .cases-hero{
    min-height: 794px;
    height: auto;
  }
  .page-career .cases-hero__inner {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .career-benefits__list p{
    font-size: 18px;
  }
  .career-value .career-head{
    margin-bottom: 100px;
  }
  .career-internship__copy>p{
    margin-top: 40px;
  }
  .page-career .blog .section__head{
    padding-bottom: 16px;
    border-bottom: 1px solid var(--black-black-8);
  }
  .page-career .blog__grid h3{
    margin-bottom: 8px;
  }
  .career-vacancy-list{
    padding-top: 170px;
    padding-bottom: 150px;
  }
  .career-vacancy-list h2{
    font-size: 32px;
    margin-bottom: 60px;
  }
  .career-vacancy-list article{
    padding-bottom: 16px;
  }
  /* TOOLS */
  .tools-hero{
    min-height: 285px;
  }

  .page-tools .tools-list__icons{
    top: 24px;
    right: 24px;
  }
  .page-tools .tools-list__icon{
    width: 20px;
    height: 20px;
  }
  .page-tools .tools-list__content h2{
    margin-top: 24px;
    margin-bottom: 20px;
  }
  .page-tools .tools-list__more{
    margin-top: 20px;
  }


  .page-tool-detail .case-detail-header {
    height: 104px;
  }

  .tool-detail-article h2:not(:first-child){
    margin-top: 40px;
  }

}
@media (max-width: 767px) {

  .page-home .service-list article:last-child,
  .page-about .service-list article:last-child{
    padding-bottom: 80px;
  }
  .faq__list details p{
    margin: 23px 0 0 0;
  }
  .faq__list details p::before{
    display: none;
  }
  .footer{
    padding-top: 0;
  }
  .footer-top{
    padding-top: 46px;
  }
  .footer-top{
    gap: 0;
  }
  .footer__subscribe{
    padding-right: 33px;
  }
  .footer-social{
    flex-wrap: wrap;
  }
  .footer__cols,
  .footer__subscribe{
    padding-right: 0;
    padding-left: 0;
  }
  .footer__content{
    margin-top: 0;
  }
  .footer-top{
    padding-bottom: 64px;
  }
  .footer-top__right,
  .footer__cta{
    padding-left: 0;
  }
  .footer__content{
    gap: 34px;
  }
  .footer__cols{
    gap: 30px;
  }
  /* ABOUT */
  .history-date{
    padding-top: 63px;
  }
  .page-about section.history {
    padding-right: 0;
    padding-left: 0;
  }
  .tools-hero{
    margin-bottom: 0;
  }
  .tools-hero{
    min-height: 234px;
  }

}
@media (max-width: 680px) {
  .page-home .service-list article,
  .page-about .service-list article{
    grid-template-columns: 20px minmax(0, 1fr);
  }
}
@media (max-width: 650px) {
  .page-home .stats {
    gap: 40px;
    grid-template-columns: 1fr;
  }
  .page-home .service-list h3,
  .page-about .service-list h3{
    font-size: 22px;
  }
  .page-home .home-services .section__eyebrow--center,
  .page-about .home-services .section__eyebrow--center{
    justify-content: flex-start;
  }
  .page-home .home-services .section__title,
  .page-about .home-services .section__title{
    text-align: left;
  }
  .page-home .service-list__image, .service-list article:nth-child(2) .service-list__image, .service-list article:nth-child(3) .service-list__image, .service-list article:nth-child(4) .service-list__image{
    max-width: 120px;
  }
  .page-home .service-list article,
  .page-about .service-list article{
    padding-top: 32px;
  }
  .page-home .service-list article:last-child,
  .page-about .service-list article:last-child{
    padding-bottom: 40px;
  }
  .page-home .cases .section__eyebrow--center,
  .page-service.page-service-list .cases .section__eyebrow--center{
    justify-content: left;
  }
  .page-home .cases .section__title--center,
  .page-service.page-service-list .cases .section__title--center{
    text-align: left;
  }
  .page-home .case-card__body{
    padding: 10px;
  }
  .page-home .testimonials {
    --testimonial-author-gap: 40px;


  }
  .testimonials__head{
    gap: 0;
  }
  .testimonials .section__title{
    font-size: 30px;
  }
  .testimonials__author{
    margin-top: var(--testimonial-author-gap);
  }
  .testimonials p{
    margin-bottom: 0;
  }
}
@media (max-width: 564px) {
  .footer__cta h2{
    font-size: 28px;
  }
  .footer__cta a{
    font-size: 22px;
  }
}
@media (max-width: 390px) {
  /* main */
  .partner-logos__item{
    flex-basis: 281px;
  }
  .home-cta{
    padding-top: 71px;
    padding-bottom: 46px;
  }
  .home-cta .button{
    margin-top: 32px;
  }
  .home-cta p, .home-cta strong{
    margin-top: 45px;
  }

  .section.blog .section__title,
  .page-home .section.team .section__title,
  .page-home .section.faq .section__title{
    font-size: 30px;
  }
  .blog .section__head{
    padding-bottom: 0;
  }

  .page-home .team__grid img{
    height: 346px;
  }


  .page-home .section__eyebrow,
  .page-about .section__eyebrow{
    font-size: 16px;
  }
  /* footer */
  .footer__cta h2{
    font-size: 28px;
  }
  .footer__cta a{
    font-size: 20px;
  }
  .footer-social{
    gap: 20px;
  }
  .footer-top__left::after{
    margin-top: 21px;
  }
  .footer__cols div{
    gap: 16px;
  }
  .footer__content{
    margin-bottom: 63px;
  }
  .footer__cols h3{
    margin-top: 0;
  }
  /* ABOUT */
  .page-about .home-about .section__title{
    font-size: 30px;
  }

  .section-header.black .section-header__subtitle{
    margin-top: 64px;
  }
  .page-about section.history {
    padding-right: 0;
    padding-left: 0;
  }
  .about-dark-sections .history .section-header_desc p{
    margin-bottom: 0;
  }
  .page-about .home-about__grid{
    gap: 40px;
  }
  .page-about .service-list{
    margin-top: 40px;
  }
  /* CASES */


  /* BLOG */
  .page-blog .blog-page-list {
    padding-right: 0;
    padding-left: 0;
  }
  .blog__grid h3 {
    font-size: 18px;
  }
  .blog__grid{
    gap: 60px;
  }
  /* cases detail */
  .case-detail-article h2+h3{
    margin-top: 80px;
  }
  .case-detail-article h3+p span{
    font-size: 16px;
  }
  /* Partners */
  .page-partners .cases-hero h1{
    font-size: 30px;
  }

  .partners-page-list__line{
    margin-bottom: 32px;
    margin-top: 16px;
  }
  .partners-page-list__grid{
    gap: 20px;
  }

  /* Vacancii */
  .vacancy-detail {
    padding-top: 40px;
  }
  .vacancy-detail__head{
    gap: 20px;
  }
  .vacancy-detail h2{
    font-size: 22px;
  }
  /* Career */
  .career-team__grid{
    margin-top: 70px;
  }
  .career-team__grid img{
    aspect-ratio: 307 / 334;
  }

  .career-pill{
    margin-top: 40px;
  }
  .career-value .career-head{
    margin-bottom: 37px;
  }
  .career-office-pdf h2{
    margin-bottom: 24px;
  }
  .career-internship{
    gap: 60px;
  }
  .career-internship__steps article{
    padding: 16px;
  }

  .career-vacancy-list{
    padding-top: 52px;
    padding-bottom: 97px;
  }
  .career-vacancy-list h2{
    font-size: 26px;
  }
  .career-vacancy-list h3{
    font-size: 24px;
  }
  .career-vacancy-list article+article{
    padding-top: 16px;
  }
  .tools-list__item{
    padding: 24px;
  }
  .tools-list__icons{
    gap: 17px;
  }
  .page-tools .tools-list__more{
    padding: 9px 18px;
  }
}


/* Фотографии в тексте сохраняют пропорции независимо от размера файла. */
.case-detail-article img {
  width: auto;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.case-detail-article img[role="button"] {
  cursor: zoom-in;
}

.case-detail-article img[role="button"]:focus-visible {
  outline: 2px solid #333;
  outline-offset: 4px;
}

.case-detail-article a img {
  cursor: pointer;
}

.article-image-dialog {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(15, 17, 21, .96);
  color: #fff;
  overflow: hidden;
  font: 14px/1.5 Arial, sans-serif;
}
.article-image-dialog::backdrop { background: #101115; }
html.has-image-viewer { overscroll-behavior: none; }
.article-image-dialog__toolbar {
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
  background: linear-gradient(#101115, transparent);
}
.article-image-dialog__controls { display: flex; align-items: center; gap: 6px; }
.article-image-dialog button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 44px;
  height: 44px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font: 28px/1 Arial, sans-serif;
  cursor: pointer;
  touch-action: manipulation;
}
.article-image-dialog button:hover { background: rgba(255, 255, 255, .2); }
.article-image-dialog button:disabled { opacity: .3; cursor: default; }
.article-image-dialog button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.article-image-dialog button[hidden] { display: none; }
.article-image-dialog [data-reset] { min-width: 76px; font-size: 13px; }
.article-image-dialog [data-close] { margin-left: 10px; font-size: 32px; }
.article-image-dialog__counter { white-space: nowrap; font-variant-numeric: tabular-nums; }
.article-image-dialog__viewport {
  position: absolute;
  inset: 76px 64px 76px;
  overflow: hidden;
  touch-action: none;
  user-select: none;
}
.article-image-dialog__image {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: contain;
  transform-origin: center;
  visibility: hidden;
  cursor: zoom-in;
  user-select: none;
  -webkit-user-drag: none;
}
.article-image-dialog__image.is-ready { visibility: visible; }
.article-image-dialog__viewport.is-zoomed .article-image-dialog__image { cursor: grab; }
.article-image-dialog__viewport.is-dragging .article-image-dialog__image { cursor: grabbing; }
.article-image-dialog__prev, .article-image-dialog__next {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.article-image-dialog__prev { left: max(12px, env(safe-area-inset-left)); }
.article-image-dialog__next { right: max(12px, env(safe-area-inset-right)); }
.article-image-dialog__caption {
  position: absolute;
  bottom: max(16px, env(safe-area-inset-bottom));
  left: 64px;
  right: 64px;
  max-height: 48px;
  overflow: auto;
  text-align: center;
  overflow-wrap: anywhere;
  color: #ddd;
}
.article-image-dialog__status {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(90%, 400px);
  margin: 0;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #ddd;
}
@media (max-width: 600px) {
  .article-image-dialog__viewport { inset: 76px 0 88px; }
  .article-image-dialog__toolbar { padding-left: 12px; padding-right: 12px; }
  .article-image-dialog__controls { gap: 4px; }
  .article-image-dialog [data-close] { margin-left: 4px; }
  .article-image-dialog__prev, .article-image-dialog__next { top: auto; bottom: max(16px, env(safe-area-inset-bottom)); transform: none; }
}
.section[data-contact-section]{
  max-width: 1840px;
}

/* Оставляем место перед началом секции, не обрезая её внутренний отступ. */
:root {
  --contact-anchor-offset: 12px;
}

[data-contact-section] {
  scroll-margin-top: var(--contact-anchor-offset);
}

/* Секция плавно появляется, но не смещает точку назначения якоря. */
.contact[data-contact-section].reveal {
  transform: none;
}

/* Якорь на самой форме: 10px от края окна без внутренних отступов секции. */
#contact[data-contact-form] {
  scroll-margin-top: 10px;
  transform: none;
}

/* Лента обрезается только по бокам: рамки не теряются на дробном масштабе. */
.page-about .partners--logos .partners-carusel {
  overflow-x: clip;
  overflow-y: visible;
}

.page-about .partners--logos .partners-carusel__top,
.page-about .partners--logos .partners-carusel__bottom {
  overflow: visible;
  flex-shrink: 0;
}

/* О компании: плавный переход между десктопными макетами 1440 и 1920 px. */
@media (min-width: 1200px) {
  .page-about .about-dark-sections {
    container-type: inline-size;
    --about-title-size: clamp(48px, calc(1.666667cqw + 24px), 56px);
    --about-title-line: clamp(66px, calc(2.083333cqw + 36px), 76px);
    --about-copy-size: clamp(16px, calc(.416667cqw + 10px), 18px);
    --about-copy-line: clamp(22px, calc(.625cqw + 13px), 25px);
  }

  .page-about .partners--logos > .container {
    /* Обе колонки остаются в общем контейнере страницы. */
    width: calc(100% - 80px);
    max-width: 1840px;
    margin: 0 auto;
    padding: 0;
  }

  .page-about .partners--logos .partners-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, min(754px, calc(41.458333cqw - 42px)));
    column-gap: clamp(40px, calc(22.5cqw - 257px), 175px);
    align-items: start;
  }

  .page-about .partners--logos .partners-carusel {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-top: clamp(70px, calc(138px - 3.541667cqw), 87px);
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .page-about .partners--logos .partners-carusel::before {
    width: 98px;
  }

  .page-about .partners--logos .partners-carusel::after {
    width: 84px;
  }

  .page-about .partners--logos .partners-carusel__top,
  .page-about .partners--logos .partners-carusel__bottom {
    margin-bottom: 0;
  }

  .page-about .partners--logos .swiper-wrapper {
    gap: 16px;
  }

  .page-about .partners--logos .partners-carusel__item {
    flex: 0 0 260px;
    height: 174px;
    border-color: #383c3e;
  }

  .page-about .partners--logos .partners-carusel__item.active {
    border-color: #9ca2a5;
  }

  .page-about .partners--logos .partners-navigation {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-top: 0;
  }

  .page-about .partners--logos .section_subtitle {
    font-family: "Tektur", sans-serif;
    font-size: var(--about-copy-size);
    line-height: clamp(21px, calc(.416667cqw + 15px), 23px);
    color: #808080;
  }

  .page-about .partners--logos .section_subtitle span::before {
    top: 50%;
    transform: translateY(-50%);
  }

  .page-about .partners--logos .section_title {
    font-size: var(--about-title-size);
    font-weight: 500;
    line-height: var(--about-title-line);
  }

  .page-about .partners--logos .section-header_desc p {
    margin: 0;
    font-size: var(--about-copy-size);
    line-height: var(--about-copy-line);
    padding-bottom: var(--about-copy-line);
  }

  .page-about .partners--logos .partners-navigation__list {
    max-width: 605px;
    margin-bottom: 77px;
  }

  .page-about .partners--logos .partners-navigation__program {
    height: 40px;
    padding: 0 20px;
    border: 0;
    gap: 10px;
    line-height: 22px;
  }

  .page-about .partners--logos .partners-navigation__program img {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  .page-about .about-dark-sections .history .section-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(450px, calc(8.75cqw + 429px), 597px));
    gap: 40px;
  }

  .page-about .about-dark-sections .history .section-header--left {
    max-width: 438px;
  }

  .page-about .about-dark-sections .history .section-header--right {
    margin-top: clamp(0px, calc(20px - 1.041667cqw), 5px);
  }

  .page-about .about-dark-sections .history .section_subtitle {
    font-family: "Tektur", sans-serif;
    line-height: 23px;
  }

  .page-about .about-dark-sections .history .section_title {
    font-size: var(--about-title-size);
    font-weight: 500;
    line-height: var(--about-title-line);
  }

  .page-about .about-dark-sections .history .section-header__subtitle {
    font-size: clamp(36px, calc(.833333cqw + 24px), 40px);
    line-height: clamp(49px, calc(1.041667cqw + 34px), 54px);
  }

  .page-about .about-dark-sections .history .section-header_desc p {
    margin: 0;
    font-size: var(--about-copy-size);
    line-height: var(--about-copy-line);
  }

  .page-about .about-dark-sections .history-date {
    padding-top: clamp(124px, calc(15.833333cqw - 104px), 200px);
  }

  .page-about .about-dark-sections .history-date__item p {
    margin-top: 0;
    line-height: 25px;
  }
}

/* О компании: одна колонка на телефонах и планшетах, высота по содержимому. */
@media (max-width: 1199.98px) {


  .page-about .partners--logos > .container {
    width: calc(100% - 46px);
    margin: 0 16px 0 30px;
    padding: 0;
  }

  .page-about .partners--logos .partners-wrapper {
    flex-direction: column;
    gap: 0;
  }

  .page-about .partners--logos .partners-navigation {
    display: contents;
  }

  .page-about .partners--logos .section-header {
    order: 1;
    width: 100%;
    margin-bottom: 40px;
  }

  .page-about .partners--logos .section_subtitle {
    font-family: "Tektur", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #808080;
  }

  .page-about .partners--logos .section_subtitle span::before {
    top: 50%;
    transform: translateY(-50%);
  }

  .page-about .partners--logos .section_title {
    font-size: clamp(32px, 10.25641vw, 40px);
    font-weight: 400;
    line-height: 1.375;
    margin-bottom: 40px;
  }

  .page-about .partners--logos .section-header_desc p {
    margin: 0;
    padding-bottom: 22px;
    font-size: 16px;
    line-height: 22px;
  }

  .page-about .partners--logos .partners-navigation__list {
    order: 2;
    width: 100%;
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .page-about .partners--logos .partners-navigation__item {
    padding: 8px 20px;
    white-space: normal;
    line-height: 22px;
    color: #9ca2a5;
    border-color: #9ca2a5;
  }

  .page-about .partners--logos .partners-navigation__item.active,
  .page-about .partners--logos .partners-navigation__item.is-active {
    color: #090909;
    border-color: #ffe700;
  }

  .page-about .partners--logos .partners-carusel {
    order: 3;
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 72px 0;
  }

  .page-about .partners--logos .partners-carusel__top,
  .page-about .partners--logos .partners-carusel__bottom {
    margin: 0;
  }

  .page-about .partners--logos .swiper-wrapper {
    gap: 16px;
  }

  .page-about .partners--logos .partners-navigation__program.desktop {
    display: none;
  }

  .page-about .partners--logos .partners-navigation__program.mobile {
    display: flex;
    order: 4;
    align-self: center;
    max-width: 100%;
    min-height: 40px;
    margin: 0 0 0 -14px;
    padding: 8px 20px;
    border: 0;
    gap: 10px;
    line-height: 22px;
  }

  .page-about .partners--logos .partners-navigation__program img {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }
}

/* Планшет: текст над лентой логотипов, история сохраняет две колонки. */
@media (min-width: 768px) and (max-width: 1199.98px) {


  .page-about .partners--logos > .container {
    width: calc(100% - 68px);
    margin: 0 33px 0 35px;
  }

  .page-about .partners--logos .section-header,
  .page-about .partners--logos .section_title {
    margin-bottom: 24px;
  }

  .page-about .partners--logos .partners-carusel {
    width: calc(100% + 68px);
    margin: 105px -33px 80px -35px;
    gap: 16px;
  }

  .page-about .partners--logos .partners-carusel::before,
  .page-about .partners--logos .partners-carusel::after {
    width: 73px;
  }

  .page-about .partners--logos .partners-carusel__item {
    border-color: #383c3e;
  }

  .page-about .partners--logos .partners-carusel__item.active {
    border-color: #9ca2a5;
  }

  .page-about .partners--logos .partners-navigation__program.mobile {
    margin-left: -2px;
  }

  .page-about .about-dark-sections section.history {
    padding-right: 0;
    padding-left: 0;
  }

  .page-about .about-dark-sections .history > .container {
    width: calc(100% - 74px);
    margin: 0 33px 0 41px;
    padding: 0;
  }

  .page-about .about-dark-sections .history .section-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 42.842105%);
    gap: clamp(32px, 8vw, 82px);
  }

  .page-about .about-dark-sections .history .section-header--left {
    max-width: 338px;
  }

  .page-about .about-dark-sections .history .section_subtitle {
    font-family: "Tektur", sans-serif;
    line-height: 23px;
  }

  .page-about .about-dark-sections .history .section_title {
    font-size: 40px;
    line-height: 55px;
  }

  .page-about .about-dark-sections .history .section-header__subtitle {
    font-size: 32px;
    line-height: 44px;
    margin-top: 0;
  }

  .page-about .about-dark-sections .history .section-header_desc p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .page-about .about-dark-sections .history-date {
    padding-top: 181px;
  }

  .page-about .about-dark-sections .history-date__item p {
    margin: 0 0 22px;
    line-height: 25px;
  }
}

/* Вертикальный планшет: более компактные поля и расстояния между блоками. */
@media (min-width: 768px) and (max-width: 959.98px) {


  .page-about .partners--logos > .container {
    width: calc(100% - 48px);
    margin: 0 24px;
  }

  .page-about .partners--logos .partners-carusel {
    width: calc(100% + 48px);
    margin: 73px -24px;
  }

  .page-about .partners--logos .partners-navigation__program.mobile {
    margin-left: 0;
  }

  .page-about .about-dark-sections .history > .container {
    width: calc(100% - 51px);
    margin: 0 10px 0 41px;
  }

  .page-about .about-dark-sections .history .section-header {
    grid-template-columns: minmax(0, 332fr) minmax(0, 374fr);
    gap: 11px;
  }

  .page-about .about-dark-sections .history .section-header--right {
    margin-top: -10px;
  }

  .page-about .about-dark-sections .history-date {
    width: calc(100% + 7px);
    margin-left: -17px;
  }
}

@media (max-width: 767.9px) {
  .page-about .about-dark-sections section.history {
    padding-right: 0;
    padding-left: 0;
  }

  .page-about .about-dark-sections .history .section-header {
    gap: 74px;
  }

  .page-about .about-dark-sections .history .section_subtitle {
    font-family: "Tektur", sans-serif;
    line-height: 23px;
  }

  .page-about .about-dark-sections .history .section-header--left .section_title {
    font-size: 40px;
    line-height: 55px;
  }

  .page-about .about-dark-sections .history .section-header__subtitle {
    margin-top: 0;
    line-height: 36px;
  }

  .page-about .about-dark-sections .history .section-header--right .section_title {
    line-height: 41px;
  }

  .page-about .about-dark-sections .history .section-header_desc p {
    margin: 0;
    line-height: 22px;
  }

  .page-about .about-dark-sections .history-date {
    padding-top: 63px;
  }

  .page-about .about-dark-sections .history-date__list {
    width: max-content;
  }

  .page-about .about-dark-sections .history-date__item {
    flex: 0 0 83.333333px;
    width: 83.333333px;
  }

  .page-about .about-dark-sections .history-date__item p {
    margin: 0 0 22px;
    line-height: 25px;
  }
}
.page-service .hero__label {
  color: #FFE700;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Tektur';
  margin-bottom: 4px;
}
.page-service .hero h1 {
  font-size: 56px;
  font-weight: 600;
  margin-bottom: 16px;
  max-width: 100%;
}
.page-service .hero__subtitle {
  max-width: 414px;
  color: #9CA2A5;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 24px;
}
.page-service .hero__button {
  width: auto;
  gap: 10px;
  padding: 18px 48px;
}
@media(max-width: 1920px){
  .section .team__grid span,
  .career-team__grid p {
    font-size: 16px;
  }
}
@media(max-width:1440px){
  .page-service .hero h1 {
    font-size: 36px;
  }
  .page-service .hero__copy {
    max-width:496px;
  }
}
@media(max-width:1199px){
  .approach__cards article {
    gap: 52px;
    grid-template-columns: 80px 1fr 400px;
  }
  .approach__intro-right {
    max-width: 400px;
  }
  .approach .section__title {
    font-size: 40px;
    font-weight: 400;
  }
}
@media(max-width:991px){
  .approach__intro {
    flex-direction: column;
    align-items: start;
  }
  .approach__cards article {
    grid-template-columns: auto 1fr;
    gap: 17px;
  }
  .approach p {
    grid-column: 1/3;
  }
}
@media(max-width:767px){
  .approach__container {
    width: calc(100% - 32px);
  }
  .approach .section__title {
    font-size: 30px;
  }
}
.page-service .hero::after {
  display: none;
}
@media(max-width:1024px){
  .page-service .hero h1 {
    font-size: 32px;
  }
}
@media(max-width:389px){
  .page-service .hero h1 {
    font-size: 28px;
  }
}
@media(max-width:330px){
  .page-service .hero h1 {
    font-size: 26px;
  }
}
/* Баннеры страниц кейсов, партнеров и блога. */
:is(.page-cases, .page-partners, .page-blog) .cases-hero {
  background: #000;
  border-radius: 0 0 8px 8px;
  height: auto;
  min-height: 550px;
  padding-top: 150px;
}

:is(.page-cases, .page-partners, .page-blog) .cases-hero::before,
:is(.page-cases, .page-partners, .page-blog) .cases-hero::after {
  display: none;
}

.cases-hero .banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: end;
  gap: 40px;
  width: calc(100% - 80px);
  min-height: 400px;
  margin: 0 auto;
  max-width:1840px;
}

.cases-hero .banner .cases-hero__inner {
  position: static;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 0 40px;
  transform: none;
  text-align: left;
}

.cases-hero .banner h1 {
  max-width: none;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
}

.cases-hero .banner .cases-hero__subtitle {
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.4;
}

.cases-hero .banner__image {
  width: 100%;
  aspect-ratio: 1;
}

.cases-hero .banner__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
}

@media (min-width: 768px) and (max-width: 1199px) {
  :is(.page-cases, .page-partners, .page-blog) .cases-hero {
    --banner-image-size: clamp(240px, 31.25vw, 360px);
    min-height: 0;
    padding-top: 140px;
  }

  :is(.page-cases, .page-partners, .page-blog) .cases-hero .nav {
    left: 50%;
    width: calc(100% - 48px);
    transform: translateX(-50%);
  }

  .cases-hero .banner {
    grid-template-columns: minmax(0, 1fr) var(--banner-image-size);
    gap: 24px;
    width: calc(100% - 48px);
    min-height: var(--banner-image-size);
  }

  .cases-hero .banner .cases-hero__inner {
    padding-bottom: 32px;
  }

  .cases-hero .banner h1 {
    font-size: clamp(36px, 4.6875vw, 48px);
  }
}

@media (max-width: 767px) {
  :is(.page-cases, .page-partners, .page-blog) .cases-hero {
    --banner-image-size: 267px;
    min-height: 0;
    padding-top: 120px;
  }

  :is(.page-cases, .page-partners, .page-blog) .cases-hero .nav {
    left: 50%;
    width: calc(100% - 48px);
    transform: translateX(-50%);
  }

  .cases-hero .banner {
    grid-template-columns: minmax(0, 1fr) var(--banner-image-size);
    gap: 16px;
    width: calc(100% - 48px);
    min-height: 271px;
  }
  .cases-hero .banner__image {
    width: 267px;
    height: 267px;
  }
  .cases-hero .banner .cases-hero__inner {
    padding: 0 0 40px 16px;
  }

  .cases-hero .banner h1 {
    font-size: clamp(26px, 5.2vw, 40px);
  }

  .cases-hero .banner .cases-hero__subtitle {
    margin-top: 12px;
    font-size: clamp(13px, 2.1vw, 16px);
  }
}

@media (max-width: 479px) {
  :is(.page-cases, .page-partners, .page-blog) .cases-hero {
    min-height: 709px;
    padding-top: 207px;
  }

  :is(.page-cases, .page-partners, .page-blog) .cases-hero .nav {
    width: calc(100% - 32px);
  }

  .cases-hero .banner {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 60px;
    width: calc(100% - 32px);
    min-height: 0;
  }

  .cases-hero .banner .cases-hero__inner {
    padding: 0;
    text-align: center;
  }

  .cases-hero .banner h1 {
    font-size: 32px;
  }

  .cases-hero .banner .cases-hero__subtitle {
    margin-top: 16px;
    font-size: 16px;
  }

  .cases-hero .banner__image {
    width: min(359px, 100%);
    height: auto;
  }
}

.home-hero__mobile-button {
  display: none;
}

@media (max-width: 767px) {
  .page-home .home-hero {
    height: auto;
    min-height: 650px;
    overflow: hidden;
  }

  .page-home .home-hero__grid {
    display: flex;
    flex-direction: column;
    isolation: isolate;
    min-height: 650px;
    padding: 112px 16px 80px;
    width: 100%;
  }

  .page-home .home-hero__column--copy {
    display: contents;
  }

  .page-home .home-hero__column--media {
    display: block;
    height: auto;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .page-home .home-hero__column::before {
    display: none;
  }

  .page-home .home-hero__column--media::after {
    background: linear-gradient(
      180deg,
      rgba(12, 12, 12, 0.2),
      rgba(12, 12, 12, 0.8)
    );
    display: block;
    inset: 0;
    width: auto;
  }

  .page-home .home-hero__image {
    aspect-ratio: auto;
    display: block;
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    position: absolute;
    transform: none;
    width: 100%;
    z-index: 0;
  }

  .page-home .home-hero__copy {
    inset: auto;
    margin-top: auto;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: 100%;
  }

  .page-home .home-hero h1 {
    margin: 0;
  }

  .page-home .home-hero__mobile-button {
    display: flex;
    font-size: 16px;
    margin-top: 24px;
    min-height: 52px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page-career .career-team__grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
  }

  .page-career .career-team__grid::-webkit-scrollbar {
    display: none;
  }

  .page-career .career-team__grid > article {
    flex: 0 0 307px;
    min-width: 0;
    scroll-snap-align: start;
  }
}
.page-career .nav__phone {
  background: var(--white);
}
.mega-menu .mega-menu__contacts .mega-menu__caption{
  color: var(--white);
}

:is(.page-tools, .page-about, .page-contacts, .page-tool-detail, .page-case-detail,
  .page-vacancies, .service-list-header) .mega-menu .mega-menu__contacts .mega-menu__caption {
  color: var(--ink-soft);
}

/* Общий центрированный контейнер шапки с адаптивными боковыми отступами.
   !important перекрывает индивидуальные правила страниц, включая мобильную карьеру. */
.nav {
  --nav-gutter: 16px;
  width: calc(100% - 2 * var(--nav-gutter)) !important;
  max-width: 1838px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 8px !important;
}

.nav:has(.mega-menu.is-open) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (min-width: 768px) {
  .nav {
    --nav-gutter: 24px;
  }
}

@media (min-width: 1024px) {
  .nav {
    --nav-gutter: 32px;
  }
}

@media (min-width: 1440px) {
  .nav {
    --nav-gutter: 40px;
  }
}

/* Общие шкалы H2: 390 / 768–1024 / 1440 / 1920px.
   Секции: 30 / 40 / 48 / 56; текст материалов: 26 / 32 / 36 / 40.
   Главная, формы и футер сохраняют свои размеры. */
body:not(.page-home) {
  --h2-section-size: clamp(30px, calc(19.68254px + 2.64550265vw), 40px);
  --h2-article-size: clamp(26px, calc(19.80952381px + 1.58730159vw), 32px);
  --h2-city-size: 24px;
  --h2-tool-card-size: 28px;
  --h2-case-card-size: clamp(18px, calc(15.93650794px + 0.52910053vw), 20px);
}

@media (min-width: 1024px) {
  body:not(.page-home) {
    --h2-section-size: clamp(40px, calc(20.3076923px + 1.92307692vw), 48px);
    --h2-article-size: clamp(32px, calc(22.15384615px + 0.96153846vw), 36px);
    --h2-city-size: clamp(24px, calc(14.15384615px + 0.96153846vw), 28px);
    --h2-case-card-size: clamp(20px, calc(15.07692308px + 0.48076923vw), 22px);
  }
}

@media (min-width: 1440px) {
  body:not(.page-home) {
    --h2-section-size: clamp(48px, calc(24px + 1.66666667vw), 56px);
    --h2-article-size: clamp(36px, calc(24px + 0.83333333vw), 40px);
    --h2-city-size: clamp(28px, calc(4px + 1.66666667vw), 36px);
    --h2-tool-card-size: clamp(28px, calc(4px + 1.66666667vw), 36px);
    --h2-case-card-size: clamp(22px, calc(16px + 0.41666667vw), 24px);
  }
}

.page-service:not(.page-service-list) :is(.section--intro, #services, .why, .approach, .cases, .faq) h2.section__title,
.page-service.page-service-list .cases h2.section__title,
body:not(.page-home) :is(.home-about, .home-services, .daily-services, .partners-page-list, .partners-benefits, .career-team, .career-benefits, .career-value, .career-office-pdf, .career-internship, .blog, .tools-blog, .contacts-requisites, .case-detail-related) h2:not(:is(.contact, .partners-request, .career-request, form, footer) h2) {
  font-size: var(--h2-section-size);
}

body:not(.page-home) :is(.case-detail-article, .tool-detail-article, .vacancy-detail) h2:not(:is(.contact, form, footer) h2) {
  font-size: var(--h2-article-size);
}

/* Редактор Bitrix сохраняет размеры во вложенных span (например, 16pt).
   Переопределяем только размер текста внутри редакционных H2. */
body:not(.page-home) :is(.case-detail-article, .tool-detail-article, .vacancy-detail) h2:not(:is(.contact, form, footer) h2) * {
  font-size: inherit !important;
}

/* В старом контенте встречается p внутри H2: он не должен задавать
   заголовку межстрочный интервал обычного абзаца. */
body:not(.page-home) :is(.case-detail-article, .tool-detail-article, .vacancy-detail) h2 p {
  line-height: inherit;
}

.page-contacts .contacts-card__cities h2 {
  font-size: var(--h2-city-size);
}

.page-tools .tools-list__content h2 {
  font-size: var(--h2-tool-card-size);
}

.page-cases .cases-page__body h2 {
  font-size: var(--h2-case-card-size);
}

/* Вертикальный ритм секций. Соседние поля складываются в один интервал.
   128 / 96 / 64px между содержимым на desktop / tablet / mobile. */
:root {
  --space-section: 64px;
  --space-panel-inset: calc(var(--space-section) / 2);
  --space-section-compact: var(--space-panel-inset);
}

@media (min-width: 768px) {
  :root {
    --space-section: 96px;
  }
}

@media (min-width: 1200px) {
  :root {
    --space-section: 128px;
  }
}

.page-home main > .section,
.page-service:not(.page-service-list) main > .section,
.page-about main > :is(.section, .daily-services),
.page-about .about-dark-sections > :is(.history, .partners),
.page-service-list .page-content > :is(.home-services, .partner-logos-container, .cases, .contact),
.page-cases main > :is(.cases-page, .contact),
.page-blog main > :is(.blog-page-list, .contact),
.page-tools main > :is(.tools-list, .tools-blog, .contact),
.page-tools .page-content > .contact,
.page-tool-detail main > :is(.tool-detail-content, .tools-blog, .contact),
.page-tool-detail .page-content > .contact,
.page-partners main > :is(.partners-page-list, .partners-benefits, .contact),
.page-career .career-page > :is(.career-section, .career-value, .blog, .contact),
.page-contacts .contacts-page > .contacts-requisites,
.page-contacts .page-content > .contact,
.page-case-detail main > :is(.case-detail-content, .case-detail-related, .contact),
.page-vacancies main > :is(.vacancy-details, .contact) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--space-panel-inset);
  padding-bottom: var(--space-panel-inset);
}

.page-home main > .partner-logos {
  margin-top: 0;
  margin-bottom: var(--space-panel-inset);
}

.page-service-list .partner-logos-container > .partner-logos {
  margin-top: 0;
  margin-bottom: 0;
}

/* Начало содержимого и конец текста не добавляют второй интервал. */
.page-case-detail .case-detail-article,
.page-tool-detail .tool-detail-article {
  display: flow-root;
}

.page-service:not(.page-service-list) .section--intro > .section__lead:last-child,
.page-service:not(.page-service-list) .section--intro > .section__lead > :last-child,
.page-case-detail .case-detail-article > :last-child,
.page-tool-detail .tool-detail-article > :last-child {
  margin-bottom: 0;
}

.page-case-detail .case-detail-article > :first-child,
.page-tool-detail .tool-detail-article > :first-child {
  margin-top: 0;
}

/* Заголовок, обложка и текст материала — части одной смысловой группы. */
.page-case-detail .case-img-container {
  margin-top: var(--space-section-compact);
  margin-bottom: 0;
}

.page-contacts .contacts-hero {
  padding-bottom: var(--space-panel-inset);
}

.page-vacancies .vacancy-hero {
  margin-bottom: 0;
  padding-bottom: var(--space-panel-inset);
}

.page-vacancies .vacancies-list:not(:has(.vacancy-detail)) {
  display: none;
}

/* У списка услуг высоту первого экрана определяет его содержимое. */
.page-service-list .service-list-header {
  min-height: 0;
  padding-bottom: var(--space-panel-inset);
}

.page-service-list .page-content {
  padding-bottom: 0;
}

/* В этих формах контакты на мобильном становятся последним элементом секции. */
.page-partners .contact .contact__links,
.page-career .contact .contact__links {
  margin-bottom: 0;
}

/* Отступ перед футером принадлежит последней секции, а не обоим блокам. */
body:is(.page-home, .page-service, .page-about, .page-cases, .page-case-detail,
  .page-blog, .page-tools, .page-tool-detail, .page-partners, .page-career,
  .page-contacts, .page-vacancies) > .footer {
  margin-top: 0;
}

/* End */
/* /local/templates/nixys/assets/vendor/intl-tel-input/dist/css/intlTelInput.min.css?179240605617267 */
/* /local/templates/nixys/contact-phone.css?1792406056559 */
/* /local/templates/nixys/styles.css?1793629485374986 */