/* Start:/bitrix/templates/infoquantum/libs/bootstrap/css/bootstrap-grid.min.css?176184444956464*/
/*!
 * Bootstrap Grid v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text:#0a58ca;--bs-secondary-text:#6c757d;--bs-success-text:#146c43;--bs-info-text:#087990;--bs-warning-text:#997404;--bs-danger-text:#b02a37;--bs-light-text:#6c757d;--bs-dark-text:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#f8f9fa;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#e9ecef;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);--bs-emphasis-color:#000;--bs-form-control-bg:var(--bs-body-bg);--bs-form-control-disabled-bg:var(--bs-secondary-bg);--bs-highlight-bg:#fff3cd;--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}[data-bs-theme=dark]{--bs-body-color:#adb5bd;--bs-body-color-rgb:173,181,189;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#f8f9fa;--bs-emphasis-color-rgb:248,249,250;--bs-secondary-color:rgba(173, 181, 189, 0.75);--bs-secondary-color-rgb:173,181,189;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(173, 181, 189, 0.5);--bs-tertiary-color-rgb:173,181,189;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-emphasis-color:#fff;--bs-primary-text:#6ea8fe;--bs-secondary-text:#dee2e6;--bs-success-text:#75b798;--bs-info-text:#6edff6;--bs-warning-text:#ffda6a;--bs-danger-text:#ea868f;--bs-light-text:#f8f9fa;--bs-dark-text:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#212529;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#495057;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#055160;--bs-warning-border-subtle:#664d03;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:#fff;--bs-link-color:#6ea8fe;--bs-link-hover-color:#9ec5fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:158,197,254;--bs-code-color:#e685b5;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
/* End */


/* Start:/bitrix/templates/infoquantum/libs/swiper/swiper-bundle.min.css?176184441818452*/
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */

@font-face{font-family:swiper-icons; font-display: swap; src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/bitrix/templates/infoquantum/css/style.css?177972732959089*/
@charset "UTF-8";

/*
    Reset Style
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
table {border-collapse: collapse; border-spacing: 0;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: inherit;}
abbr[title] {border-bottom: none; text-decoration: underline;}
b, strong {font-weight: 600;}
i, em {font-style: italic;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
button, input, optgroup, select, textarea {
    font-family: inherit; font-size: 100%; line-height: inherit; margin: 0;
}
button, input {
    accent-color: var(--primary-color);
    overflow: visible;
}
button, select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {cursor: pointer;
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none; padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto; white-space: revert;}
[type="checkbox"],
[type="radio"] {padding: 0;}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; margin: 0;
    -webkit-appearance: none;
}
input[type=date]::-webkit-calendar-picker-indicator {width: 20px; height: 20px; position: absolute; right: 10px; cursor: pointer; opacity: 0;}
[type="search"] {outline-offset: -2px;
    -webkit-appearance: textfield;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

/**:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}*/
*,
*::before,
*::after {box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
a, button {cursor: revert;}

ol, ul, menu {
    list-style: none;
}

img {max-width: 100%; border-style: none;}
img:before {content: attr(alt); display: inline-block; vertical-align: middle; padding: 0 0 0 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAB40lEQVRIiZ3Wu2sUURTH8Q+apFLwVUQCgoVPbIydVlZCKkF3UbTxgSKmEA0oCz4K21Q2ggiKBjTGZv8DK0Wt1FLsUqiF4hMfu7G4d5nrMLu5kwPDzJxzfufLzNxz7lDYDjzAFyzgGx5j3GCbwIWSby3aGO05DuBnLLyAv8n1b5wYAJjG3eR+BE+i9iZsT4rPYiuWYRPuRH8Xp/sA5tBM7nuaWxiG+9HxsE+BcwnkVEX8KVbF6xY6mEoTPsYCW/oAUkgHJ0uxR/HcwFfsL4u7wjtfPgBQhhxP/BswhrfYVSX8EIWbFwGkkBcYKsVW9hPdi6KZDAAcxZrMXLANPyLkUh1hHWsq1n5rCfp1uZA/EXKlRvHd+IzJnOQjiie5nAmYVPTJmbqQs5mQtBmzIE28xvpMQA/SjUfW6yqv81xI70mOLUFfC/JLGKQmhJE7JwyuWaH9yzaOi5mQmQi5DeeFed5UTMWxkmAF3kfRtQzAzpj7rirYEAZXebY0FH2yGGR1zPtUDrSEkVs5Ff3fjIMge2POq55jRNiJOirmeckOKfqkCjKEZzF+nbBB9/bQqQpBlR1OIG3sEXpmH55H/3ysra3YQ+vYQXxX/Bykx7zkb2RU2P2HawJgI27gjbDKXuKq8JHBP6e6i/256t/TAAAAAElFTkSuQmCC') no-repeat left center / 16px 16px;
}
img:after {display: inline-block; vertical-align: middle;}
meter {
    -webkit-appearance: revert;
    appearance: revert;
}
:where([hidden]) {display: none;}
:where([contenteditable]) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}
:where([draggable="true"]) {
    -webkit-user-drag: element;
}


/**** FONTS ****/
@font-face {
    font-family: 'Gotham';
    src: url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Book.eot');
    src: local('Gotham Book'), local('Gotham-Book'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Book.woff2') format('woff2'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Book.woff') format('woff'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Bold.eot');
    src: local('Gotham Bold'), local('Gotham-Bold'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Bold.woff2') format('woff2'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Bold.woff') format('woff'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Medium.eot');
    src: local('Gotham Medium'), local('Gotham-Medium'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Medium.woff2') format('woff2'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Medium.woff') format('woff'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Light.eot');
    src: local('Gotham Light'), local('Gotham-Light'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Light.woff2') format('woff2'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Light.woff') format('woff'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-BookItalic.eot');
    src: local('Gotham Book Italic'), local('Gotham-BookItalic'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-BookItalic.woff2') format('woff2'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-BookItalic.woff') format('woff'),
    url('/bitrix/templates/infoquantum/css/../fonts/gotham/Gotham-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/*
@media screen and (-webkit-min-device-pixel-ratio:0) {}
@media only screen and (max-width: 1024px){ }
*/

@-moz-document url-prefix(""){
    a, a:hover, a:focus{outline: none !important;}
}
a:not([class]) {
    text-decoration-skip-ink: auto;
}

:root {
    --font: 'Gotham';
    --font-size: 14px;
    --font-weight: 400;
    --font-color: #f8f8f8;
    --line-height: 1.3;

    --primary-color: #008954;

    --bg-color: #141414;
    --white-color: #fff;
    --black-color: #000;
    --gray-color: #F8F8F8;
    --dark-gray-color: #141414;
	--light-gray-color: #f4f4f4;
    --red-color: #E6141E;
    --green-color: #008954;

    --content-width: 1180px;
    --content-padding: 16px;
    --brdr-radius: 20px;
    --brdr-radius-10: 10px;
    --brdr-radius-6: 6px;
    --section-padding: 34px;
    --section-margin: 123px;
    --gap: 20px;

    --transition: 0.4s;
    --transition-btn-effect: 0.7s;
    --running-line-transition: 30s;

    --shadow:  0px 0px 15px rgba(0, 0, 0, 0.16);
    --map-content-shadow: 2px 0px 8px 2px rgba(0, 0, 0, 0.06);

    --alert-success-color: #155724;
    --alert-success-bg: #d4edda;
    --alert-danger-color: #721c24;
    --alert-danger-bg: #f8d7da;
    --alert-warning-color: #856404;
    --alert-warning-bg: #fff3cd;
    --alert-info-color: #0c5460;
    --alert-info-bg: #d1ecf1;
    --alert-primary-color: #004085;
    --alert-primary-bg: #cce5ff;
}


html, body {width:100%; height:100%;
    -webkit-overflow-scrolling: touch;
    
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {scroll-behavior: smooth;}
:target {scroll-margin-top: 2em;}

body {text-rendering: optimizeSpeed;
    font-family: var(--font), sans-serif;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    color: var(--font-color);
    line-height: var(--line-height);
    letter-spacing: 0.05em;

    background-color: var(--bg-color);

    overflow-y: scroll;
    overflow-x: hidden;

    height: -webkit-fill-available;
}

h1, h2, h3, h4, h5, h6 {font-style: normal; font-weight: bold;}
.title {font-weight: 400; line-height: 1; letter-spacing: initial;}

a, a:active {outline: none !important;
    color: var(--font-color);
}
a:hover{
    color: inherit;
    text-decoration: underline;
}

.txt-line {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.short-txt {overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
}

/** BOOTSTRAP SETTINGS SECTION **/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: var(--content-padding);
    padding-right: var(--content-padding);
}

.container {max-width: calc(var(--content-width) + (var(--content-padding) * 2));}
.row {
    margin-left: calc(0px - var(--content-padding));
    margin-right: calc(0px - var(--content-padding));
	
	row-gap: var(--gap);
}
.row > * {
    padding-left: var(--content-padding);
    padding-right: var(--content-padding);
}

.clear:after{content: ""; display: block; clear: both;}

.blck_hidden {display: none;}
.blck_visibility {visibility: hidden;}
.scroll_hidden {overflow: hidden !important;}

/** По центру **/
.cntr_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

/** По вертикали **/
.cntr_vert{
    display: flex;
    align-items: center;
}

/*** SCROLL ***/
.scroll {
    scrollbar-color: var(--primary-color) var(--gray-color);
    scrollbar-width: thin;
}
.scroll::-webkit-scrollbar {
    width: 6px; /* ширина для вертикального скролла */
    height: 6px; /* высота для горизонтального скролла */
    background-color: var(--gray-color);
}

/*** Ползунок ***/
.scroll::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 9em;
    box-shadow: inset 1px 1px 10px var(--primary-color);
}

.scroll::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color);
}

.border {clear: both; border: 0; width: 100%; height: 1px; display: block;
    border-bottom: 1px solid var(--gray-color);
}

/*
    Кнопки
*/
.btn {letter-spacing: inherit; text-align: center; text-decoration: none; padding: 4px 38px; height: 39px; cursor: pointer; will-change: transform;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    font-family: var(--font), sans-serif;

    color: var(--dark-gray-color);
    border-radius: var(--brdr-radius);
    transition: var(--transition);

    background-color: transparent;
    border: 1px solid transparent;



    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn:is(:hover, :active) {background-color: transparent; text-decoration: none;
    border-color: var(--white-color);
    color: var(--font-weight);
}

.btn[disabled],
.btn[disabled]:is(:hover, :active) {border-color: transparent; cursor: default; pointer-events: none;
    color: var(--dark-gray-color);
    background-color: var(--gray-color);
}

.btn1 {
    background-color: var(--white-color);
}
.btn1:is(:hover, :active) {
    background-color: transparent;
}

.btn2 {
    color: var(--white-color);
    border-color: var(--white-color);
    background-color: transparent;
}
.btn2:is(:hover, :active) {
    color: var(--dark-gray-color);
    background-color: var(--white-color);
}

.btn3 {
    color: var(--dark-gray-color);
    border-color: var(--dark-gray-color);
    background-color: transparent;
}
.btn3:is(:hover, :active) {
    color: var(--white-color);
    background-color: var(--dark-gray-color);
    border-color: var(--dark-gray-color);
}

.btn4 {
    color: var(--white-color);
    border-color: var(--dark-gray-color);
    background-color: var(--dark-gray-color);
}
.btn4:is(:hover, :active) {
    color: var(--dark-gray-color);
    background-color: transparent;
    border-color: var(--dark-gray-color);
}


.btn-effect {overflow: hidden; position: relative;}
.btn-effect:before {content: ''; width: 200px; height: 54.857px; position: absolute; left: -200px; transform: rotate(-58.171deg); opacity: 0.3;
    background-color: var(--bg-color);
    transition: var(--transition-btn-effect);
}
.btn-effect:is(:hover, :active):before {
    left: 100%;
}

.btn-big {font-size: 24px; width: min(100%, 440px); height: 88px;}

@media only screen and (max-width: 700px){
    .btn {font-size: 14px; height: 44px;}

    .btn-big {font-size: 14px; width: min(100%, 232px); height: 40px;}
}


/*
    Стили форм
*/
::-webkit-input-placeholder {opacity: 0.6; text-overflow:ellipsis; white-space: nowrap;
    font-weight: var(--font-weight);
    color: var(--font-color);
}
::-moz-placeholder {opacity: 0.6; text-overflow:ellipsis; white-space: nowrap;
    font-weight: var(--font-weight);
    color: var(--font-color);
}

.input-container {
    margin-bottom: var(--gap);
}
.input-container:last-child {margin-bottom: 0;}

.input-row {position: relative;
    margin-bottom: var(--gap);

    display: grid;
    grid-gap: var(--gap);
}
.input-row:last-child {margin-bottom: 0;}

.input-col-2 {grid-template-columns: 1fr 1fr;}
.input-col-3 {grid-template-columns: repeat(3, 1fr);}
.input-col-4 {grid-template-columns: repeat(4, 1fr);}

.input-item {position: relative; min-width: 1px;}

.input {font-size: 16px; white-space: nowrap; text-overflow: ellipsis; width: 100%; height: 40px; padding: 0; overflow: hidden;
    font-family: var(--font), sans-serif;
    border-radius: 0;
    color: var(--font-color);
    background-color: var(--bg-color);
    border: none;
    border-bottom: 1px solid var(--gray-color);

    display: flex;
	gap: 2px;
    align-items: center;
}
.input::placeholder {}

.input:focus {outline: none !important;
    /*border-image: linear-gradient(135deg, #00B6ED 0%, #006DAE 100%);
    border-image-slice: 1;*/
}

/* INPUT VALID */
.input:valid {box-shadow: none;}
.input.valid {color: inherit; padding-right: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAA00lEQVQoU42QzW3CUBCEZx5wT87gCCoIHcR0ECTgmqUD0gkd8LhiJNwBdEA6SAjKnQKwBz2IUYL42+PufKuZIe6cp8QGbouU9+ijiRmoEcT+TSCa2iukGcDxuuvtKlCdWNNRc0irUsXFX22/uQjUZ/aQZVpCeCyVWQ/iYJ+1qQ2d9OLKbBXLIM63mgto5GL80/MfRVbWEosJhfSfmdgPxygxD+gNZHvd8enfYvaWfr0uAAhECsEIvn93/fC0xWOGPYTcg3wuGjlX+b/QB++wc58LeAdIyFbZIoQFNAAAAABJRU5ErkJggg==") right 10px center no-repeat;
    border-color: var(--green-color);
}
.input.valid::placeholder {color: var(--green-color);}

/* INPUT INVALID */
.input:invalid {box-shadow: none;}
.input.invalid {color: inherit; padding-right: 30px;
    border-color: var(--red-color);
}
.input.invalid::placeholder {color: var(--red-color);}

select.input {padding-right: 30px; cursor: pointer;
    background: var(--bg-color) url(/bitrix/templates/infoquantum/css/../images/icon/menu-down.svg) right 10px center no-repeat;

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

textarea.input {resize: none; padding-top: 10px; white-space: initial; min-height: 40px; max-height: 300px;}
textarea.textarea {resize: vertical; padding-top: 10px; white-space: initial; min-height: 124px; max-height: 300px;}

input[type="date"].input {display: block; padding-right: 40px; cursor: pointer; position: relative;
    background: var(--bg-color) url(/bitrix/templates/infoquantum/css/../images/icon/input-calendar.svg) right 10px center no-repeat;
}

/* input_file */
input[type="file"].input {cursor: pointer; line-height: 2.6;}

/* input_radio */
.input_radio {}
.input_radio input {display: none;}
.input_radio input + label {margin: 0 0 5px; padding: 1px 0 1px 30px; display: inline-block; cursor: pointer;
    background: url("/bitrix/templates/infoquantum/css/../images/icon/input_radio.svg") left top no-repeat;
}
.input_radio input:checked + label {background-image: url("/bitrix/templates/infoquantum/css/../images/icon/input_radio_check.svg");}

/* input_checkbox */
.input_checkbox {}
.input_checkbox input {display: none;}
.input_checkbox input + label {margin: 0 0 5px; padding: 1px 0 1px 30px; display: inline-block; cursor: pointer;
    background: url("/bitrix/templates/infoquantum/css/../images/icon/input_checkbox.svg") left center no-repeat;
}
.input_checkbox input:checked + label {background-image: url("/bitrix/templates/infoquantum/css/../images/icon/input_checkbox_check.svg");}

/* input_switch */
.input_switch {}
.input_switch input {display: none;}
.input_switch input + label {padding: 0; cursor: pointer; font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.input_switch:checked + label {}

.input_switch-btn {display: inline-flex; width: 40px; height: 22px; border-radius: 16px; padding: 2px;
    background-color: var(--gray-color);
}
.input_switch-btn:before {content: ""; display: block; width: 18px; height: 18px; border-radius: 20px;
    background-color: var(--bg-color);
}

.input_switch input:checked + label .input_switch-btn {
    background-color: var(--primary-color);
}
.input_switch input:checked + label .input_switch-btn:before {margin-left: auto;}

/* input-label */
.input-label {display: block; margin: 0 0 8px;
    font-weight: 600;
    color: var(--font-color);
}
.input-label i {font-style: normal;
    color: var(--red-color);
}

/* label-top */
.label-top .input-label {position: absolute; pointer-events: none; left: 14px; top: 10px; padding: 0 4px; margin: 0; white-space: nowrap; overflow: hidden;
    color: var(--font-color);
    background-color: var(--bg-color);
    will-change: transform;
    transition: var(--transition);
}
.label-top .input:is(:focus, :not(:placeholder-shown)) ~ .input-label {font-size: 12px; top: -8px; transform: none;}

.label-top .input {}
.label-top textarea.input {}
.label-top textarea.textarea {min-height: 124px;}
.label-top .textarea + .input-label {}


/* input-alert */
.input-alert {font-size: 12px; margin: 4px 0 0;}
.alert__error {
    color: var(--red-color);
}
.alert__success {
    color: var(--green-color);
}
.input-alert:not([class*='alert__']) {margin-top: 0;}

.text-center {text-align: center;}


/*
    Wrapper
*/
#wrapper {margin: 0 auto; width:100%;
    display: flex;
    flex-direction: column;

    min-height: 100vh;
    min-height: -webkit-fill-available; /* mobile viewport bug fix */

    -webkit-overflow-scrolling: touch;
}

/*
    Header
*/
#header {min-width: 1px; position: relative; z-index: 4;
    flex-shrink: 0;
}
.header {}

/*** h-top ***/
.h-top {padding: 35px 0;
    justify-content: space-between;
    gap: 40px;
}

/** h-logo **/
.h-logo {min-width: 1px;
    flex-shrink: 0;
}
.h-logo a {text-decoration: none;}
.h-logo img {max-width: 200px;}


/** h-menu **/
.h-menu {min-width: 1px;
    flex-grow: 1;
}

.main-menu {font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }

.menu-items {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;

    gap: var(--gap)
}
.menu-items > li {position: relative; min-width: 1px;}

.menu-items li a {text-decoration: none; display: block;}
.menu-items li:hover a,
.menu-items li.is-active a {
    color: var(--white-color);
    text-decoration: underline;
}

/* flexMenu-viewMore */
.flexMenu-viewMore {}
.flexMenu-popup { position: absolute; left: 50%; transform: translateX(-50%);
    background-color: var(--bg-color);
    box-shadow: var(--shadow);
}
.flexMenu-popup li {
    border-bottom: 1px solid var(--light-gray-color);
}
.flexMenu-popup li:last-child {border: none;}
.flexMenu-popup a {display: block; padding: 10px 14px;}

/** h-right **/
.h-right {min-width: 1px;
    flex-shrink: 0;
}
.h-right .btn {}

.burger-menu {width: 30px; display: none;
    filter: brightness(0) invert(1);
}
.burger-menu img {display: block;}


@media only screen and (max-width: 1200px){
    .h-logo img {max-width: 160px;}
    .h-top .btn {padding: 4px 20px;}
}

@media only screen and (max-width: 990px){
    .h-top {padding: 15px 0;}

    .h-logo img {max-width: 120px;}

    .h-right .btn {display: none;}
    .burger-menu {display: inline-block}

    .h-menu {position: absolute; top: 100%; right: 0; left: 0;
        background: var(--gray-color);
        padding: var(--content-padding);
        box-shadow: var(--shadow);
    }
    .h-menu:not(.is-active) {display: none;}

    .h-menu .menu-items {
        display: block;
    }
    .h-menu .menu-items li a {padding: 10px 0;
        border-bottom: 1px solid var(--dark-gray-color);
    }
    .h-menu .menu-items li a,
    .h-menu .menu-items li:hover a,
    .h-menu .menu-items li.is-active a {
        color: var(--dark-gray-color);
    }
}


/*
    MAIN
*/
#main {min-width: 1px;
    flex-grow: 1;
}

.section {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
    margin-bottom: var(--section-margin);
}

.section-header {margin-bottom: 65px;
    gap: var(--gap)
}

.section__title {font-size: 64px; text-transform: uppercase;
    flex-grow: 1;
}

.section-right {
    gap: 60px;

    flex-shrink: 0;
}

@media only screen and (max-width: 990px){
    .section-header {margin-bottom: 30px;}
    .section__title {font-size: 30px}
}


/*
    Стандартный слайдер
*/
.slider-wrap {position: relative;}
.slider-items {}

.slider__slide {height: initial;}

.swiper:not(.swiper-initialized) {padding: 16px 0;}
.swiper:not(.swiper-initialized):before {content: ""; display: block; position: absolute; inset: 0; z-index: 2;
    background-color: var(--bg-color);
}
.swiper:not(.swiper-initialized):after {content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%,-50%);
    background: url("/bitrix/templates/infoquantum/css/../images/icon/spinner.svg") no-repeat center center / contain;

    filter: brightness(0) invert(1);
}

.swiper-slide img {max-width: 100%;}

.slider-arrows {position: relative;
    gap: 20px;
}
.swiper-button-prev,
.swiper-button-next {width: 50px; height: 50px; border-radius: 100px; position: static; margin: 0;
    background-color: var(--bg-color);
    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid var(--gray-color);
	
	-webkit-background-clip: padding-box;
}

.swiper-button-prev {background-image: url("/bitrix/templates/infoquantum/css/../images/icon/arrow-left.svg");}
.swiper-button-next {background-image: url("/bitrix/templates/infoquantum/css/../images/icon/arrow-right.svg");}

.swiper-button-prev:after,
.swiper-button-next:after {display: none;}

.swiper-horizontal .swiper-pagination {position: static; margin: 32px 0 0;
    gap: 12px;
}
.swiper-pagination-bullet {width: 20px; height: 20px; opacity: 1;
    background-color: var(--bg-color);
    border: 1px solid var(--gray-color);
}
.swiper-pagination-bullet-active {
    background-color: var(--gray-color);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {pointer-events: initial;}


.swiper-scrollbar-drag {opacity: 0.7;
    background-color: var(--primary-color);
}

.slider-arrows-top {}


@media only screen and (max-width: 800px){
    .slider-arrows {overflow: hidden;}
}


/*
    Вверхний блок на главной
*/
.main-topblock {
    padding-bottom: 80px;
}
.main-topblock-row {position: relative; max-width: 940px;
    display: flex;
    flex-direction: column;
}

.main-title {font-size: 90px; font-weight: 400; line-height: 0.99966; text-transform: uppercase; margin: 90px 0 38px; position: relative; z-index: 2;}
.main-title span {display: block;}
.main-title span:nth-child(1) {}
.main-title span:nth-child(2) {text-align: right; margin-right: 110px;}
.main-title span:nth-child(3) {margin-left: 80px;}
.main-title span:nth-child(4) {text-align: right; margin-right: 10px;}

.main-topblock__discription {margin-left: auto; position: relative; z-index: 2;}
.main-topblock__txt {font-size: 16px; }
.main-topblock__discription .btn {margin: 19px 0 0;
    align-self: flex-start;
}

.main-topblock__img {position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -228px;}


@media only screen and (max-width: 1100px){
    .main-topblock-row {max-width: 800px;}
    .main-title {font-size: 70px;}
}

@media only screen and (max-width: 990px){
    .section {
        --section-margin: 40px;
    }

    .main-topblock {
        padding-bottom: var(--section-padding);
    }

    .main-topblock-row {max-width: 600px;}
    .main-title {font-size: 40px;}
    .main-topblock__txt {font-size: 14px;}
    .main-topblock__txt br {display: none;}

    .main-topblock__img {max-width: 300px; margin-left: -150px;}
}

@media only screen and (max-width: 460px){
    .main-title {font-size: 30px;}
}


/*
    Кто мы на главной
*/
.who-we-section {
    padding-bottom: 152px;
}

.who-we-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 100px;
}

.who-we__txt {font-size: 16px; min-width: 1px; position: relative; z-index: 2;}

.who-we__about {min-width: 1px; position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
}

.who-we__about-item {min-width: 1px; position: relative; z-index: 2;}
.who-we__about-num {font-size: 40px; text-transform: uppercase;}
.who-we__about-num span {font-size: 24px; text-transform: initial;}
.who-we__about-txt {font-size: 10px;}

.who-we-img1 {position: absolute; top: -130px; left: 10px; z-index: 1;}
.who-we-img2 {position: absolute; right: -50px; bottom: -185px; z-index: 1}

@media only screen and (max-width: 990px){
    .who-we-section {
        padding-bottom: 100px;
    }

    .who-we-row {
        grid-template-columns: 1fr;
    }

    .who-we__txt {font-size: 14px;}
    .who-we__about {
        justify-items: center;
        grid-gap: 20px;
    }
    .who-we__about-num {font-size: 30px;}

    .who-we-img1 {top: -320px; left: 200px;}
    .who-we-img2 {right: 31px; bottom: -155px;}
}


/*
    Основные услуги
*/
.main-services-section {
    padding-bottom: 54px;
}

/*** main-services__list ***/
.main-services__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--gap);
}

.services-item {min-width: 1px; min-height: 285px; padding: 17px;
    color: var(--gray-color);
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);

    display: grid;
}

.services-item__link {text-decoration: none; height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.services-item__top {margin-bottom: auto; min-width: 1px;
    flex-shrink: 0;
}
.services-item__num {font-size: 16px; text-transform: uppercase; width: 40px; height: 40px;
    color: var(--dark-gray-color);
    background-color: var(--gray-color);
    border-radius: 100px;
}

.services-item__bottom {min-width: 1px;}
.services-item__titl {font-size: 24px; text-transform: uppercase; margin: 0 0 11px;}
.services-item__txt {min-width: 1px;}


.services-item:hover {
    transition: var(--transition);
    color: var(--dark-gray-color);
    background-color: var(--gray-color);
}
.services-item:hover .services-item__link {text-decoration: none;
    color: inherit;
}
.services-item:hover .services-item__num {
    color: var(--gray-color);
    background-color: var(--dark-gray-color);
}


@media only screen and (max-width: 800px){
    .section-header {margin-bottom: 30px;}
    .section-right {display: none}
}

@media only screen and (max-width: 700px){
    .main-services__list {
        grid-template-columns: 1fr;
    }

    .services-item {min-height: 220px;}
    .services-item__titl {font-size: 20px;}
}


/*
    Свяжитесь с нами
*/
.callback-section {
    padding-bottom: 60px;
}
.callback-section .section-header {margin-bottom: 22px; position: relative; max-width: 780px;}
.callback__title {font-size: 48px; text-align: center; position: relative; z-index: 2;}

.callback__img1 {position: absolute; top: -120px; left: -80px; z-index: 1;}
.callback__img2 {position: absolute; bottom: -43px; right: -16px; z-index: 1;}

.callback-inner {max-width: 530px;}
.callback__txt {font-size: 16px; font-weight: 1.3; margin: 0 0 28px;}
.callback__btns {text-align: right;}
.callback__btns .btn {}

@media only screen and (max-width: 700px){
    .callback__title {font-size: 24px;}
    .callback__title br {display: none;}
    .callback__txt {font-size: 14px; text-align: center;}
    .callback__txt br {display: none;}
    .callback__btns {text-align: center;}
}


/*
    Наши клиенты на главной
*/
.clients-section {}

.slider-clients {padding-bottom: 1px;}

/*** clients-item ***/
.clients-item {min-width: 1px; padding: 30px;
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);
}
.clients-item__logo {margin: 0 0 30px;}
.clients-item__logo img {display: block; margin: 0 auto; max-width: 250px; overflow: hidden;
    border-radius: var(--brdr-radius);
}
.clients-item__text {}

.slider__slide .clients-item {height: 100%; margin-top: 1px;}

@media only screen and (max-width: 700px){
    .clients-item {padding: 30px 20px;}
    .clients-item__logo img {max-width: 100%;}
    .clients-item__text {font-size: 12px;}
}


/*
    Наши кейсы на главной
*/
.cases-section {}

.slider-cases {padding-bottom: 1px;}

/*** cases-item ***/
.cases-item {min-width: 1px; padding: 30px;
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);
}
.slider__slide .cases-item {height: 100%; margin-top: 1px;}

.cases-item__link {text-decoration: none;}

/** cases-item-top **/
.cases-item-top {margin: 0 0 32px;
    display: flex;
    align-items: flex-start;
    gap: var(--gap);
}
.cases-item__title {font-size: 32px;
    flex-grow: 1;
}
.cases-item__logo {min-height: 40px; overflow: hidden;
    border-radius: var(--brdr-radius-10);
    color: var(--white-color);

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;


}
.cases-item__logo span {padding: 4px 10px;}
.cases-item__logo img {max-width: 120px; 
}

/** cases-item-bottom **/
.cases-item-bottom {}

.cases-item__txt {margin: 0 0 30px;}
.cases-item__txt > *:not(:last-child) {margin: 0 0 18px;}

.cases-item__statics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px var(--gap);
}
.cases-item__statics-item {min-width: 1px;}
.cases-item__statics-num {font-size: 40px; text-transform: uppercase;}
.cases-item__statics-num span {font-size: 24px;}
.cases-item__statics-txt {font-size: 12px;}


.cases-item:hover {
    transition: var(--transition);
    color: var(--dark-gray-color);
    background-color: var(--gray-color);
}
.cases-item:hover .cases-item__link {text-decoration: none;
    color: inherit;
}

.cases-item:hover .cases-item__logo {

}

@media only screen and (max-width: 990px){
    .cases-item {padding: 30px 20px;}
    .cases-item-top {
        flex-direction: column-reverse;
    }
    .cases-item__title {font-size: 24px;}
    .cases-item__txt {font-size: 12px;}
    .cases-item__statics-num {font-size: 30px;}
}


/*
    Контакты
*/
.contacts-section {}

.contacts-row {position: relative;
    display: flex;
    gap: 40px 78px;
}

/** contacts-info **/
.contacts-info {min-width: 1px; max-width: 500px; position: relative; z-index: 2;}
.contacts-info .section__title {margin: 0 0 38px;}

.contacts-txt {font-size: 16px; margin: 0 0 54px;}
.contacts-data {margin: 0 0 46px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
}
.contacts-data__item {min-width: 1px;}
.contacts-data__ttl {font-size: 24px; text-transform: uppercase; margin: 0 0 20px;}
.contacts-data__val {font-size: 16px;}
.contacts-data__val a {text-decoration: none;}
.contacts-data__val a:hover {text-decoration: underline;}

.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.social-link {width: 40px; height: 40px;
    border-radius: 100px;
    background-color: var(--gray-color);
}
.social-link img {max-width: 22px; display: block;}

/** contacts-form **/
.contacts-form {width: min(100%, 480px); position: relative; z-index: 2}
.contacts-form .form {padding: 60px 78px;
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);
}


.contacts-img1 {position: absolute; bottom: -90px; left: 50px; z-index: 1;}
.contacts-img2 {position: absolute; bottom: -16px; left: 300px; z-index: 1;}

@media only screen and (max-width: 990px){
    .contacts-row {
        flex-direction: column;
        gap: 80px 0;
    }
    .contacts-info {max-width: initial;}
    .contacts-data__ttl {font-size: 18px;}

    .contacts-form {width: initial}
    .contacts-form .form {padding: 40px 30px;}
    .contacts-img1 {bottom: 700px; left: 60px; }
    .contacts-img2 {bottom: 600px; right: 50px; left: initial; max-width: 180px;}
}


/*
    inner-page
*/
.inner-page {padding: 41px 0 81px;}

.inner-page > .section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.inner-page .contacts-section {
    margin-bottom: var(--section-margin) !important;
}

/* page-header */
.page-header {}
.page-header-row {padding: 35px 0 30px;}
.page-title {font-size: 64px; text-transform: uppercase;}

/* page-doptitle */
.page-doptitle {font-size: 64px; text-transform: uppercase; margin: 0 0 31px;}

/* inner-top-block */
.inner-top-block {position: relative; padding-top: 284px; margin-bottom: 160px;}
.inner-top-block .page-title {font-size: 48px; position: relative; z-index: 2; margin: 0 0 30px;}
.inner-top-row {max-width: 810px; position: relative; z-index: 2;
    display: flex;
    gap: 40px 60px;
}
.inner-top__txt {font-size: 16px;}
.inner-top__btns {
    flex-shrink: 0;
}

.inner-top__img {position: absolute; bottom: -15px; right: 110px; z-index: 1;}

@media only screen and (max-width: 990px){
    .page-title {font-size: 26px;}
    .page-doptitle {font-size: 26px;}

    .title {line-height: 1.2;}

    .inner-top-block {padding-top: 100px; margin-bottom: 60px;}
    .inner-top-block .page-title {font-size: 24px;}
    .inner-top-row {
        flex-direction: column;
    }
    .inner-top__txt {font-size: 14px;}
    .inner-top__img {top: -100px; right: 0; bottom: initial; max-width: 400px;}
}


/*
    Страница услуг
*/
.services-page {overflow: hidden;}
.services__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--gap);
}

.services__list:last-child {margin-bottom: 0;}

@media only screen and (max-width: 800px){
    .services__list {
        grid-template-columns: 1fr;
    }
}


/*
    Страница услуг - детальная
*/
.services-page {overflow: hidden;}

/*** services-detail__list ***/
.services-detail__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--gap);
}

.services-detail__list .services-item {min-height: 215px;}
.services-detail__list .services-item__titl {font-size: 19px; letter-spacing: initial}

/*** services-price-section ***/
.services-price-section {}

.services-price-table {padding: 42px 79px;
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);
}

/* services-price-header */
.services-price-header {font-weight: 700; font-size: 20px; text-transform: uppercase; margin: 0 0 47px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}
.services-price-header__item {min-width: 1px; padding-bottom: 9px;
    border-bottom: 1px solid var(--white-color);
}

/* services-price-body */
.services-price-body {}

.services-price-body__row {margin-bottom: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}
.services-price-body__row:last-child {margin: 0;}
.services-price-body__item {font-size: 16px; min-width: 1px; padding-bottom: 14px;
    border-bottom: 1px solid var(--white-color);
}
.services-price-body__item:nth-child(2):after {content: '₽'; display: inline-block; margin-left: 6px;}


/*** vnedrenie-section ***/
.vnedrenie-section {}
.services-page .vnedrenie-section {margin-bottom: 214px;}

.vnedrenie-list {position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 109px 219px;
}

.vnedrenie-list .services-item {position: relative; z-index: 2;}

.vnedrenie-img1 {position: absolute; top: 50%; left: 50%; margin: -110px 0 0 -110px; z-index: 1;}


/* Таблица цен */
.services-page .section {}
.services-page .container {
    padding-left: 0;
    padding-left: 0;
}

.price-section table {width: 100%; margin: 0 0 30px;
    color: var(--white-color);
}

.price-section th,
.price-section td {
    border-bottom: 1px solid var(--white-color);
    padding: 16px 0;
    /* vertical-align: middle; */
}

.price-section td:nth-child(2) ~ td {text-align: right;}

.price-section tr:first-child td {padding-top: 0;
    font-weight: 600;
    font-size: 18px;
}
.price-section td:first-child {
    border-bottom: initial;
}

.price-section tr:last-child td {
    border-bottom: initial;
}

.price-section td p,
.price-section th p {
    margin: 0;
    padding: 0;
}

.price-section strong,
.price-section b {
    color: var(--white-color);
    font-weight: 700;
}

.price-section td strong,
.price-section td b {
    font-size: inherit;
}

.price-section del {
    color: var(--light-gray-color);
    text-decoration: line-through;
}

.price-section td:first-child {
    white-space: nowrap;
    font-weight: 600;
    text-align: left;
}



.price-section td:nth-child(1) {width: 6%;}
.price-section td:nth-child(2) {}
.price-section td:nth-child(3) {width: 13%;}
.price-section td:nth-child(4) {width: 14%;}
.price-section td:nth-child(5) {width: 16%;}


@media (max-width: 768px) {    
    .price-section th,
    .price-section td {
        padding: 8px 4px;
        font-size: 11px;
    }

    .price-section tr:first-child td {padding-top: 0;
        font-size: 12px;
    }
}

.price-section tr:has(td:only-child):has(br) {
    display: none;
}



@media only screen and (max-width: 990px){
    .services-detail__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .services-detail__list .services-item {min-height: 160px;}
    .services-detail__list .services-item__titl {font-size: 16px;}

    .vnedrenie-list {
        grid-gap: var(--gap);
    }

    .services-item {min-height: 230px;}
    .services-item__titl {font-size: 16px;}
    .services-item__txt {font-size: 12px;}

    .vnedrenie-img1 {display: none;}
}

@media only screen and (max-width: 760px){
    .services-detail__list {
        grid-template-columns: 1fr;
    }

    .services-price-table {padding: 30px 20px;}
    .services-price-header {display: none;}

    .services-price-body__row {
        grid-template-columns: 2fr 1fr;
        grid-gap: 20px;
    }
    .services-price-body__item {font-size: 14px;}

    .vnedrenie-list {
        grid-template-columns: 1fr;
    }

    .services-page .vnedrenie-section {
        margin-bottom: 100px;
    }
}


/*
    Страница о нас
*/
.about-page {}


/*** our-advantages-section ***/
.our-advantages-section {
    padding-top: 112px;
    padding-bottom: 117px;
}

.our-advantages__list {position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: var(--gap);
}

.our-advantages__item {min-width: 1px; position: relative; z-index: 2;}
.our-advantages__num {font-size: 81px; text-transform: uppercase;}
.our-advantages__txt {font-size: 20px;}

.advantege-img1 {position: absolute; bottom: -64px; left: 303px;}
.advantege-img2 {position: absolute; top: -104px; right: 228px;}



/*** specializacia-section ***/
.specializacia-section {}

.specializacia__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap);
}

.specializacia-item {min-width: 1px; padding: 30px; min-height: 220px;
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);

    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.specializacia__titl {font-size: 32px; text-transform: uppercase; margin-bottom: auto;}
.specializacia__txt {}

@media only screen and (max-width: 1200px){
    .specializacia__titl {font-size: 25px;}
}

@media only screen and (max-width: 990px){
    .our-advantages__num {font-size: 50px;}
    .our-advantages__txt {font-size: 14px;}

    .specializacia-item {min-height: 160px; padding: 30px 20px;}
    .specializacia__titl {font-size: 16px;}
    .specializacia__txt {font-size: 12px;}
}

@media only screen and (max-width: 700px){
    .our-advantages__num {font-size: 30px;}
    .our-advantages__txt {font-size: 12px;}

    .advantege-img1 {bottom: -110px; left: 200px;}
    .advantege-img2 {top: -140px; right: 128px;}

    .specializacia__list {
        grid-template-columns: 1fr;
    }
}


/*
    Страница клиенты
*/
.cases-page {overflow: hidden;}

.cases-category-list {padding: 23px 0 18px 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.cases-category {min-width: 1px;}
.cases-category.is-active {
    background-color: var(--gray-color);
    color: var(--dark-gray-color);
}

.cases__list {margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--gap);
}

@media only screen and (max-width: 800px){
    .cases-category-list {
        justify-content: center;
    }

    .cases__list {
        grid-template-columns: 1fr;
    }
}


/*
    Страница клиента - детальная
*/
.client-page {}

/*** cases-top-block ***/
.cases-top-block {margin-bottom: 290px;
    display: flex;
    align-items: flex-end;
    gap: 40px 90px;
}

.cases-top-left {font-size: 48px; text-transform: uppercase; min-width: 1px;
    flex-grow: 1;
}
.cases-top-img {min-width: 1px; overflow: hidden;
    border-radius: var(--brdr-radius);

    flex-shrink: 0;
}
.cases-top-img img {display: block; max-width: 100%; margin-left: auto;}

/** about-client **/
.about-client {font-size: 16px; margin-bottom: 227px;
    align-items: center;
    gap: 60px 0;
}
.about-client p:not(:last-child) {margin-bottom: 20px;}
.about-client__left {min-width: 1px;
    flex-grow: 1;
}
.about-client__right {min-width: 1px;
    flex-shrink: 0;
}
.about-client__right img {max-width: 100%;}

/* zadachi-list */
.zadachi-list {}
.zadachi-item {margin-bottom: -1px;
    border-top: 1px solid var(--white-color);
    border-bottom: 1px solid var(--white-color);

    gap: 15px;
}
.zadachi-item__num {font-size: 48px; text-transform: uppercase; min-width: 66px;
    flex-shrink: 0;
}
.zadachi-item__txt {font-size: 12px; min-width: 1px;
    flex-grow: 1;
}


@media only screen and (max-width: 990px){
    .cases-top-block {margin-bottom: 100px;
        flex-direction: column-reverse;
        align-items: initial;
    }
    .cases-top__title {font-size: 24px;}
    .cases-top-img img {margin: 0 auto 0 0;}

    .about-client {margin-bottom: 100px;}
}


/*
    Страница лицензии
*/
.licence-page {}

/*** licence-section ***/
.licence-section {}

.licence-category-list {padding: 23px 0 18px 0; margin: 0 0 44px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.licence-category {min-width: 1px;}
.licence-category.is-active {
    background-color: var(--gray-color);
    color: var(--dark-gray-color);
}


/** licence-table **/
.licence-table {}

.licence-table-top {
    justify-content: center;
    flex-wrap: wrap;

    gap: var(--gap);
}
.licence-table-top span {text-transform: uppercase;}
.licence-table-top .btn {min-width: 1px;}
.licence-table-top .btn.is-active {
    background-color: var(--gray-color);
    color: var(--dark-gray-color);
}


/** licence-wrap **/
.licence-wrap {}

.licence-descr {font-size: 16px; margin: 0 0 54px;}

 
/* licence-table-list */ 
.licence-table-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--gap);
}
.licence-table-4 {
    grid-template-columns: repeat(4, 1fr);
}

.licence-item {min-width: 1px; padding: 27px 21px; min-height: 252px;
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);

    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.licence-item-top {margin: 0 0 8px;
    flex-shrink: 0;
}
.licence-item__title {font-weight: 700; text-transform: uppercase;}
.licence-item__txt {font-size: 10px; margin: 23px 0 0; min-height: 39px;}

.licence-item-center {
    flex-grow: 1;
}
.licence-item-center span {text-transform: uppercase; display: block;}
.licence-item-count {margin: 10px 0 0; position: relative; min-height: 56px;}
.licence-item-count span {font-size: 16px; }
.licence-item-count select.input {height: 56px; padding: 0 30px 16px 10px; position: relative; z-index: 1; margin: -10px 0 0 -10px; width: calc(100% + 20px);
    border: 1px solid var(--gray-color);
    background-color: transparent;
    border-radius: 15px;
}
.licence-item-count select.input option {cursor: pointer;
    color: var(--dark-gray-color);
}
.licence-item-count .input__txt {position: relative; top: -30px; left: 0;}

.licence-item-memory {}
.licence-item-memory span {font-size: 20px; }

.licence-item-bottom {margin: 8px 0 0;
    flex-shrink: 0;
}
.licence-item-price:not(.blck_hidden) {min-height: 53px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.licence-item-price span {display: block;}
.old-price {text-decoration: line-through; margin: 0 0 2px;}
.cur-price {font-weight: 700; font-size: 24px;}

.old-price:after,
.cur-price:not(.no-rub):after {content: '₽'; display: inline-block; margin-left: 4px;}


#box-version .licence-table-top {
    justify-content: flex-end;
}
#box-version .licence-item .licence-item-top {margin-bottom: 30px;}
#box-version .licence-item .licence-item-bottom {margin-top: 0;}
#box-version .licence-item .licence-item-price {min-height: initial;}

/* licence-table-bottom */
.licence-table-bottom {margin: 44px 0 0;}


@media only screen and (max-width: 1200px){
    .licence-table-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 990px){
    .licence-category-list {
        justify-content: center;
    }
}

@media only screen and (max-width: 800px){
    .licence-table-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .licence-table-top span {text-align: center; width: 100%;}

    #box-version .licence-table-top {
        justify-content: center;
    }

    .licence-descr br {display: none;}
}

@media only screen and (max-width: 500px){
    .licence-table-list {
        grid-template-columns: 1fr;
    }
}



/*
    Footer
*/
#footer {min-width: 1px;
    color: var(--dark-gray-color);
    background-color: var(--gray-color);

    flex-shrink: 0;
}
.footer {}
.footer a {color: inherit;}
.footer a:hover {text-decoration: none;}

/*** f-top ***/
.f-top {padding: 38px 0;
    justify-content: space-between;
    gap: var(--gap);
}

/* f-logo */
.f-logo {
    flex-shrink: 0;
}
.f-logo a {text-decoration: none;}
.f-logo img {max-width: 280px;}


/* f-menu */
.f-menu {
    flex-grow: 1;
}
.f-menu .menu-items {
    justify-content: flex-end;
    gap: 62px;
}

.f-menu .menu-items li a {
    color: var(--dark-gray-color);
}
.f-menu .menu-items li:hover a,
.f-menu  .menu-items li.is-active a {
    color: var(--dark-gray-color);
    text-decoration: underline;
}


/** f-center **/
.f-center {margin: 0 0 74px;
    justify-content: space-between;
    gap: var(--gap);
}

/* f-contact */
.f-contact {
    flex-wrap: wrap;
    gap: var(--gap);
}
.f-contact-item {font-weight: 500; font-size: 12px; text-decoration: none; min-width: 1px;
    gap: 10px;
}
.footer .f-contact-item:hover {text-decoration: underline;}

/* f-social */
.f-social .social-link {
    background-color: var(--dark-gray-color);
}
.f-social .social-link img {
    filter: brightness(0) invert(1);
}


/** f-bottom **/
.f-bottom {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: var(--gap);
}

.f-bottom li:not(:last-child) {margin: 0 0 13px;}

/* about-author */
.about-author {font-size: 10px;}

/* f-bottom-menu-list */
.f-bottom-menu-list {font-size: 12px;
    display: flex;
    gap: 13px 60px;
}
.f-bottom-menu-item {min-width: 1px;}
.f-bottom-menu-link {}
.f-bottom-menu-link a {}

/* f-copy */
.f-copy {font-size: 12px; padding: 46px 0 25px;
    text-align: center;

    grid-column: 1/-1;
}


@media only screen and (max-width: 990px){
    .f-top {
        flex-direction: column;
    }
    .f-logo img {max-width: 160px;}

    .f-menu {}
    .f-menu .menu-items {text-align: center;
        flex-direction: column;

        gap: 10px;
    }

    .f-center {
        flex-direction: column;

        gap: 40px 0;
    }
    .f-contact {
        justify-content: center;
    }

    .f-bottom {text-align: center;
        grid-template-columns: 1fr;
    }
    .f-bottom-menu-list {
        flex-direction: column;
    }
}


/*
    Стили для текстовых страниц (посты/новости)
*/
.article {line-height: 1.6; font-size: 16px;}

.article a {text-decoration: underline; display: inline-block; color: inherit;}
.article a:hover {text-decoration: none;}

.article p:empty {display: none;}
.article p:first-letter{/*padding-left:10px;*/}
.article p {
    /*text-align: justify;*/
    overflow-wrap: break-word;
	word-break: break-all;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
	
	/*
	word-wrap: break-word;
 	overflow-wrap: break-word;
 	overflow: hidden;
	*/
}

.article abbr {border-bottom: 1px dotted; cursor: help;}
.article hr {background: #e6e6e6; border: none; display: block; height: 1px; margin-bottom: 1.4em; margin-top: 1.4em;}
.article ins {background-color: lime; text-decoration: none;}
.article mark {background-color: #ff0;}
.article small {font-size: 0.8em;}

.article i,
.article em,
.article cite {font-style: italic;}

.article b,
.article strong {font-weight: 600;}

.article sub,
.article sup {font-size: 0.8em;}
.article sub {vertical-align: sub;}
.article sup {vertical-align: super;}

.article > *:not(:last-child) {margin-bottom: 1.4em;}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {line-height: 1.2;}

.article h1:first-child,
.article h2:first-child,
.article h3:first-child,
.article h4:first-child,
.article h5:first-child,
.article h6:first-child {margin-top: 0;}

.article h1 {font-size: 2.4em; margin-bottom: 0.58333em; margin-top: 0.58333em; line-height: 1;}
.article h2 {font-size: 1.6em; margin-bottom: 0.875em; margin-top: 1.75em; line-height: 1.1;}
.article h3 {font-size: 1.3em; margin-bottom: 1.07692em; margin-top: 1.07692em;}
.article h4 {font-size: 1.2em; margin-bottom: 1.16667em; margin-top: 1.16667em;}
.article h5 {font-size: 1.1em; margin-bottom: 1.27273em; margin-top: 1.27273em;}
.article h6 {font-size: 1em; margin-bottom: 1.4em; margin-top: 1.4em;}

.article dd {margin-left: 1.4em; }

.article ol,
.article ul {list-style-position: outside; margin-left: 1.4em; }

.article ol {list-style-type: decimal;}
.article ol ol {list-style-type: lower-alpha;}
.article ol ol ol {list-style-type: lower-roman;}
.article ol ol ol ol {list-style-type: lower-greek;}
.article ol ol ol ol ol {list-style-type: decimal;}
.article ol ol ol ol ol ol {list-style-type: lower-alpha;}

.article ul {list-style-type: disc;}
.article ul ul {list-style-type: circle;}
.article ul ul ul {list-style-type: square;}
.article ul ul ul ul {list-style-type: circle;}
.article ul ul ul ul ul {list-style-type: disc;}
.article ul ul ul ul ul ul {list-style-type: circle;}

.article blockquote {border-left: 4px solid #e6e6e6; padding: 0.6em 1.2em;}
.article blockquote p {margin-bottom: 0;}

.article code,
.article kbd,
.article samp,
.article iwyg pre { background-color: #f2f2f2; color: #333; font-size: 0.9em;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
}

.article code,
.article kbd,
.article samp {border-radius: 3px; line-height: 1.77778; padding: 0.1em 0.4em 0.2em; vertical-align: baseline;}
.article pre {overflow: auto; padding: 1em 1.2em; }
.article pre code {background: none; font-size: 1em; line-height: 1em;}

.article img {vertical-align: text-bottom; max-width: 100%; height: auto !important;}
.article figure {margin-bottom: 2.8em; text-align: center;}
.article figure:first-child {margin-top: 0;}
.article figure:last-child {margin-bottom: 0;}
.article figcaption {font-size: 0.8em; margin-top: 0.875em;}

.article table {width: 100%;}
.article table pre {white-space: pre-wrap;}
.article th,
.article td {font-size: 1em; padding: 0.7em; border: 1px solid #e6e6e6; line-height: 1.3;}

.article thead tr,
.article tfoot tr {}
.article thead th,
.article thead td,
.article tfoot th,
.article tfoot td {font-size: 0.9em; padding: 0.77778em;}

.article thead th code,
.article thead td code,
.article tfoot th code,
.article tfoot td code {}
.article tbody tr {}

.article iframe {max-width: 100%; height: initial;
    aspect-ratio: 16 / 9;
}



/*
    ВСПЛЫВАЮЩИЕ ОКНА
*/
[id$="-popup--clone"].popup-window,
[id$="-popup"].popup-window {width: 100%; padding: 20px; display: none;
    color: var(--font-color);
    background-color: var(--bg-color);
    border-radius: var(--brdr-radius);
}
.popup-window.fancybox__content {max-width: 400px;}

.popup-window .is-close-btn,
.popup-window .carousel__button.is-close {display: none;}

.popup-window .btn {width: 100%;}

/** popup-header **/
.popup-header {margin: 0 0 24px;
    justify-content: space-between;
    gap: 10px;
}
.popup-title {font-size: 18px;
    flex-grow: 1;

    gap: 10px;
}
.popup-close {position: absolute; top: 20px; right: 20px;
    flex-shrink: 0;
}
.popup-close svg {display: block;}
.popup-close:hover svg * {
    stroke: var(--red-color);
}

/** popup-body **/
.popup-body {}

/** popup-footer **/
.popup-footer {}
.popup-footer .btn {}


/*
    Стили окошка на карте с данными о магазине
*/
.stores-map [class$="i-custom-scroll"] {
    border-radius: var(--brdr-radius);
}
.stores-map [class$="-balloon__layout"] {background-color: transparent;}

.stores-map [class$="-balloon__layout"] [class$="-balloon__close"] {}
.stores-map [class$="-balloon__layout"] [class$="-balloon__close-button"] {width: 18px; height: 18px; opacity: 1;
    background: rgba(0, 0, 0, 0.32) url("/bitrix/templates/infoquantum/css/../images/icon/close-map-content.svg") no-repeat center center;
    border-radius: 0 var(--brdr-radius) 0 var(--brdr-radius);
}
.stores-map [class$="-balloon__layout"] [class$="-balloon__close-button"]:hover {
    background-color: var(--black-color);
}

.stores-map [class$="-balloon__layout"] [class$="-balloon__content"] {background-color: transparent; padding: 0; margin: 0;}

/** map-content **/
.map-content {width: 200px; overflow: hidden;
    font-family: var(--font), sans-serif;
    line-height: var(--line-height);
    font-size: var(--font-size);

    background-color: var(--bg-color);
    border-radius: var(--brdr-radius);
    box-shadow: var(--map-content-shadow);
}


/*
    Табы
*/
.tabs-wrap {}

.tab-item {cursor: pointer;}
.tab-item.is-active {}

.tab-content:not(.is-active) {display: none;}
.tab-content {}


/*
    Статичные уведомления
*/
.alert {position: relative; border: 1px solid transparent;
    margin-bottom: 1rem;
    border-radius: var(--brdr-radius);
    padding: var(--content-padding);

    display: grid;
    align-items: center;

    grid-column: 1/-1;
}

.alert.alert_success {color: var(--alert-success-color); background: var(--alert-success-bg);}
.alert.alert_danger {color: var(--alert-danger-color); background: var(--alert-danger-bg);}
.alert.alert_warning {color: var(--alert-warning-color); background: var(--alert-warning-bg);}
.alert.alert_info {color: var(--alert-info-color); background: var(--alert-info-bg);}
.alert.alert_primary {color: var(--alert-primary-color); background: var(--alert-primary-bg);}


/*
    Блюр эффект
*/
.is-blur {
    -ms-filter: blur(7px);
    -webkit-filter: blur(7px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='blur7'><feGaussianBlur in='SourceGraphic' stdDeviation='7' /></filter></svg>#blur5");
    filter: blur(7px);
    -webkit-filter: progid:dximagetransform.microsoft.blur(PixelRadius="7");
    filter: progid:dximagetransform.microsoft.blur(PixelRadius="7");

    pointer-events: none;

    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}


/*
    Бегущая строка
*/
#running_line {width:100%; white-space:nowrap; overflow:hidden; padding: 5px 0;
    background: var(--primary-color);
}
#running_line .running_txt {display:inline-block; padding-left:100%;
    font-size: calc(var(--font-size) * 1.2);
    color: var(--white-color);

    -webkit-animation: marquee var(--running-line-transition) infinite linear;
    animation: marquee var(--running-line-transition) infinite linear;
}

@-webkit-keyframes marquee {
    0%{-webkit-transform: translate(0, 0);}
    100%{-webkit-transform: translate(-100%, 0);}
}

@keyframes marquee{
    0%{transform: translate(0, 0);}
    100%{transform: translate(-100%, 0)}
}


/*
	Политика конфиденциальности (всплывающее уведомление)
*/
.cookie_note {font-size: 14px; display: none; position: fixed; bottom: 15px; left: 50%; width: 100%; max-width: 800px; padding: 20px; z-index: 10;
    transform: translateX(-50%);
    background-color: var(--white-color);
    border-radius: var(--brdr-radius);
    box-shadow: var(--shadow);
    gap: var(--gap)
}

.cookie_note-txt {
    color: var(--black-color);
    flex-grow: 1;
}
.cookie_note-txt a {
    color: var(--dark-gray-color);
}
.cookie_note-txt a:hover {text-decoration: none;}
.cookie_accept {
    flex-shrink: 0;
}

@media (min-width: 700px){
    .cookie_note.show{display: flex;}
}

@media (max-width: 699px){
    .cookie_note {max-width: 90%;}
    .cookie_note br {display: none;}
    .cookie_note.show{display: block;}
    .cookie_accept {width: 100%; margin: 10px 0 0;}
}


.parallax {
    will-change: transform;
    transition: transform 0.1s ease-out;
}
/* End */


/* Start:/bitrix/templates/infoquantum/css/custom.css?1791795022145284*/
html, body { overflow-x: hidden !important; }
/* legal-section — страница О компании */
.legal-section {
    padding: 40px 0;
}
.legal-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
}
.legal-card {
    padding: 30px;
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.legal-card .about-author {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}
.legal-card .about-author li {
    font-size: 14px;
    color: var(--white-color);
}
.legal-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.legal-links a {
    font-size: 14px;
    color: var(--white-color);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.legal-links a:hover {
    text-decoration: none;
}
@media only screen and (max-width: 700px) {
    .legal-cards {
        grid-template-columns: 1fr;
    }
}

/* ===== Shared accordion ===== */
.accordion-body {
    height: 0;
    overflow: hidden;
    transition: height 0.28s ease;
}
.accordion-icon {
    transition: transform 0.3s;
}
.accordion-item.open .accordion-icon {
    transform: rotate(180deg);
}

/* vacancies-section — страница О компании */
.vacancies-section {}
.vacancy-list {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.vacancy-item {
    border: 1px solid var(--gray-color);
    border-radius: var(--brdr-radius);
    overflow: hidden;
}
.vacancy-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 30px;
    cursor: pointer;
    user-select: none;
    gap: 20px;
}
.vacancy-header:hover { background: rgba(255,255,255,0.03); }
.vacancy-title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
}
.vacancy-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.vacancy-tag {
    font-size: 12px;
    color: rgba(248,248,248,0.55);
    border: 1px solid rgba(248,248,248,0.2);
    border-radius: 100px;
    padding: 5px 14px;
    white-space: nowrap;
}
.vacancy-icon {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(248,248,248,0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.vacancy-body {
    height: 0;
    overflow: hidden;
    transition: height 0.28s ease;
    padding: 0 30px;
}
.vacancy-item.open .vacancy-body {
    padding: 0 30px 30px;
}
.vacancy-item.open .vacancy-header {
    border-bottom: 1px solid rgba(248,248,248,0.1);
}
.vacancy-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap);
    padding-top: 24px;
}
.vacancy-col__title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(248,248,248,0.4);
    margin-bottom: 12px;
    font-weight: 400;
}
.vacancy-col ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.vacancy-col ul li {
    font-size: 14px;
    color: rgba(248,248,248,0.85);
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
}
.vacancy-col ul li::before {
    content: '—';
    position: absolute;
    left: 0;
    color: rgba(248,248,248,0.3);
}
.vacancy-footer {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(248,248,248,0.1);
}
.btn-outline {
    display: inline-block;
    padding: 12px 32px;
    border: 1px solid rgba(248,248,248,0.4);
    border-radius: 100px;
    font-size: 14px;
    color: var(--white-color);
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}
.btn-outline:hover { background: var(--white-color); color: var(--dark-gray-color); }
@media only screen and (max-width: 990px) {
    .vacancy-grid { grid-template-columns: 1fr 1fr; }
    .vacancy-title { font-size: 16px; }
}
@media only screen and (max-width: 700px) {
    .vacancy-grid { grid-template-columns: 1fr; }
    .vacancy-header { padding: 20px; }
    .vacancy-body { padding: 0 20px 20px; }
    .vacancy-tag { display: none; }
}


/* === 1C-Bitrix page === */
.bx-intro { padding: 64px 0 20px; }
.bx-intro__label { font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(248,248,248,0.45); margin-bottom: 20px; }
.bx-intro__text { max-width: 700px; font-size: 17px; line-height: 1.75; color: rgba(248,248,248,0.7); margin-top: 20px; }

.bx-tabs-wrap { padding: 10px 0 60px; }
.bx-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 40px; }
.bx-tab { padding: 10px 22px; border: 1px solid rgba(248,248,248,0.2); border-radius: 100px; font-size: 14px; color: rgba(248,248,248,0.65); cursor: pointer; transition: all 0.2s; background: transparent; font-family: inherit; }
.bx-tab:hover { border-color: rgba(248,248,248,0.5); color: var(--gray-color); }
.bx-tab.active { background: var(--gray-color); color: var(--dark-gray-color); border-color: var(--gray-color); font-weight: 500; }

.bx-tab-content { display: none; }
.bx-tab-content.active { display: block; }

.bx-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.bx-feature { padding: 28px; border: 1px solid rgba(248,248,248,0.12); border-radius: var(--brdr-radius); display: flex; flex-direction: column; gap: 14px; background: rgba(248,248,248,0.04); transition: border-color 0.2s, background 0.2s; }

.bx-feature__title { font-size: 16px; font-weight: 600; letter-spacing: initial; color: var(--gray-color); }
.bx-feature__list { list-style: none; display: flex; flex-direction: column; gap: 7px; padding: 0; margin: 0; }
.bx-feature__list li { font-size: 14px; color: rgba(248,248,248,0.6); padding-left: 18px; position: relative; line-height: 1.55; }
.bx-feature__list li::before { content: '—'; position: absolute; left: 0; color: rgba(248,248,248,0.28); }

.bx-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); padding-top: 16px; overflow: visible; }
.bx-plan { padding: 28px; border: 1px solid rgba(248,248,248,0.12); border-radius: var(--brdr-radius); display: flex; flex-direction: column; gap: 12px; background: rgba(248,248,248,0.04); transition: border-color 0.2s, background 0.2s; }


.bx-plan__name { font-size: 18px; font-weight: 700; letter-spacing: 0.01em; color: var(--gray-color); }
.bx-plan__price { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; color: var(--gray-color); }
.bx-plan__price span { font-size: 14px; font-weight: 400; color: rgba(248,248,248,0.45); margin-left: 4px; }
.bx-plan__renewal { font-size: 12px; color: rgba(248,248,248,0.4); }
.bx-plan__divider { border: none; border-top: 1px solid rgba(248,248,248,0.1); margin: 4px 0; }
.bx-plan__sites { font-size: 13px; color: rgba(248,248,248,0.55); }
.bx-plan__features { list-style: none; display: flex; flex-direction: column; gap: 6px; padding: 0; margin: 0; }
.bx-plan__features li { font-size: 13px; color: rgba(248,248,248,0.6); padding-left: 16px; position: relative; line-height: 1.5; }
.bx-plan__features li::before { content: '—'; position: absolute; left: 0; color: rgba(248,248,248,0.25); }
.bx-plan--enterprise { grid-column: span 2; }

/* iblock body: raw <ul><li> inside feature/plan cards */
h3.bx-feature__title { font-weight: 600; }
.bx-feature__body ul, .bx-plan__body ul { list-style: none; display: flex; flex-direction: column; gap: 7px; padding: 0; margin: 0; }
.bx-feature__body li, .bx-plan__body li { font-size: 14px; color: rgba(248,248,248,0.6); padding-left: 18px; position: relative; line-height: 1.55; }
.bx-feature__body li::before, .bx-plan__body li::before { content: '—'; position: absolute; left: 0; color: rgba(248,248,248,0.28); }

/* certificates — uses shared .accordion-* */
.bx-certs { display: flex; flex-direction: column; gap: 2px; }
.bx-cert-item { border: 1px solid rgba(248,248,248,0.12); border-radius: var(--brdr-radius); transition: border-color 0.2s; background: rgba(248,248,248,0.03); }
.bx-cert-item--has-img { cursor: pointer; }
.bx-cert-item--has-img:hover { border-color: rgba(248,248,248,0.3); }
.bx-cert-item.open { border-color: rgba(248,248,248,0.25); }
.bx-cert-item__head { display: flex; align-items: center; gap: 16px; padding: 22px 28px; }
.bx-cert-item__num { font-size: 13px; color: rgba(248,248,248,0.3); flex-shrink: 0; letter-spacing: initial; }
.bx-cert-item__name { font-size: 15px; font-weight: 400; letter-spacing: initial; color: rgba(248,248,248,0.85); flex-grow: 1; }
.bx-cert-item__arrow { width: 36px; height: 36px; border: 1px solid rgba(248,248,248,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.bx-cert-item__arrow svg { width: 14px; height: 14px; fill: none; stroke: rgba(248,248,248,0.7); stroke-width: 2; }
.bx-cert-item__img { display: block; width: 100%; max-width: 560px; margin: 0 auto; padding: 0 28px 28px; box-sizing: border-box; border-radius: 12px; }

/* hero without big image */
.bx-hero-simple { padding-top: 120px; margin-bottom: 80px; }
.bx-hero-simple .inner-top__txt { margin-top: 20px; }

@media (max-width: 990px) {
    .bx-hero-simple { padding-top: 80px; margin-bottom: 40px; }
}
@media (max-width: 900px) {
    .bx-features { grid-template-columns: repeat(2, 1fr); }
    .bx-plans { grid-template-columns: repeat(2, 1fr); }
    .bx-plan--enterprise { grid-column: span 1; }
}
@media (max-width: 600px) {
    .bx-features { grid-template-columns: 1fr; }
    .bx-tab { font-size: 13px; padding: 8px 14px; }
    .bx-plans { grid-template-columns: 1fr; }
    .bx-plan--enterprise { grid-column: span 1; }
    .bx-feature { padding: 20px; }
    .bx-plan { padding: 20px; }
    .bx-cert-item__head { padding: 18px 20px; }
    .bx-cert-item__img { padding: 0 20px 20px; }
}


/* nav dropdown */
.menu-items .has-dropdown { position: relative; }
.dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: -10px;
    background: rgba(18, 18, 18, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(248,248,248,0.1);
    border-radius: 12px;
    padding: 6px 10px;
    width: max-content;
    list-style: none;
    z-index: 1000;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
}
.has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.dropdown li { display: block; }
.dropdown li a {
    display: inline-block;
    position: relative;
    padding: 8px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(248,248,248,0.55);
    text-decoration: none !important;
    transition: color 0.2s;
}
.dropdown li a::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--white-color);
    transition: width 0.22s ease;
}
.dropdown li a:hover { color: #F8F8F8; }
.dropdown li a:hover::after { width: 100%; }
.dropdown li.is-active a { color: #F8F8F8; }
.dropdown li.is-active a::after { width: 100%; }


/* animated underline — top-level nav */
.menu-items > li > a {
    position: relative;
    text-decoration: none !important;
}
.menu-items > li > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--white-color);
    transition: width 0.25s ease;
}
.menu-items > li:hover > a::after,
.menu-items > li.is-active > a::after { width: 100%; }
.menu-items > li:hover > a,
.menu-items > li.is-active > a { text-decoration: none !important; }


/* footer sub-nav (Лицензии → Битрикс24 / 1С-Битрикс) */
.f-menu .f-subnav {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.f-menu .f-subnav li a {
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--dark-gray-color);
    opacity: 0.5;
    text-decoration: none;
    transition: opacity 0.2s;
}
.f-menu .f-subnav li a:hover,
.f-menu .f-subnav li.is-active a {
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 2px;
}
/* на мобиле суб-пункты идут с отступом */
@media only screen and (max-width: 990px) {
    .f-menu .f-subnav {
        padding-left: 0;
        align-items: center;
    }
}


/* =============================================
   FOOTER NAV FIXES
   ============================================= */

/* Animated underline in footer uses dark color (light bg) */
.f-menu .menu-items > li > a::after {
    background: var(--dark-gray-color);
}

/* Prevent parent :hover rule from cascading text-underline to subnav */
.f-menu .f-subnav li a {
    text-decoration: none !important;
    opacity: 0.5;
}
.f-menu .f-subnav li a:hover,
.f-menu .f-subnav li.is-active a {
    opacity: 1;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}


/* =============================================
   BURGER MENU: smooth open/close
   ============================================= */
@media only screen and (max-width: 990px) {

    /* Replace abrupt display:none with opacity+visibility transition */
    .h-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-8px);
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
    }
    .h-menu.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition: opacity 0.22s ease, transform 0.22s ease;
    }

    /* Dropdown → inline list inside burger */
    .h-menu .has-dropdown .dropdown {
        position: static;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: none;
        border-radius: 0;
        padding: 2px 0 4px 16px;
        width: auto;
        box-shadow: none;
        transition: none;
    }
    .h-menu .has-dropdown .dropdown li a {
        padding: 7px 0;
        border-bottom: 1px solid rgba(20, 20, 20, 0.1);
        color: rgba(20, 20, 20, 0.5);
        font-size: 11px;
        letter-spacing: 0.1em;
    }
    .h-menu .has-dropdown .dropdown li a::after { display: none; }
    .h-menu .has-dropdown .dropdown li.is-active a {
        color: var(--dark-gray-color);
        opacity: 1;
    }
    /* In burger: hide ::after line, use text-decoration for active */
    .h-menu .menu-items > li > a::after { display: none; }
    .h-menu .menu-items li.is-active > a {
        text-decoration: underline !important;
        text-underline-offset: 2px;
    }
}


/* =============================================
   BITRIX24 PAGE
   ============================================= */

/* Hero CTA button */
.b24-hero-btn {
    margin-top: 4px;
    flex-shrink: 0;
    background: transparent !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,0.55) !important;
    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
}
.b24-hero-btn:hover {
    background: #fff !important;
    color: var(--dark-gray-color, #141414) !important;
    border-color: #fff !important;
}
/* Shared outlined CTA button (1c-bitrix, about) */
.bx-hero-btn {
    margin-top: 4px;
    flex-shrink: 0;
    background: transparent !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,0.55) !important;
    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
}
.bx-hero-btn:hover {
    background: #fff !important;
    color: var(--dark-gray-color, #141414) !important;
    border-color: #fff !important;
}
/* Hero without image: allow row to wrap on small screens */
.bx-hero-simple .inner-top-row {
    flex-wrap: wrap;
    align-items: flex-start;
}

/* Features grid: 3 cols like bx-features but items always show content */
.b24-features-grid .bx-feature__body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.b24-features-grid .bx-feature__body li {
    font-size: 14px;
    color: rgba(248,248,248,0.6);
    padding-left: 18px;
    position: relative;
    line-height: 1.55;
}
.b24-features-grid .bx-feature__body li::before {
    content: '—';
    position: absolute;
    left: 0;
    color: rgba(248,248,248,0.28);
}

/* ── Pricing tables (b24ptable) ─────────────────────────────── */
.b24-ptable-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-color);
    margin: 40px 0 16px;
    letter-spacing: 0.01em;
}
.b24-ptable-title:first-of-type { margin-top: 0; }
.b24-ptable-title--promo {
    display: flex;
    align-items: center;
    gap: 10px;
}
.b24-promo-badge {
    display: inline-block;
    background: #e03e3e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 100px;
    letter-spacing: 0.04em;
}
/* scroll wrapper — prevents table overflow on narrow screens */
.b24-ptable-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 4px;
    border-radius: var(--brdr-radius);
    border: 1px solid rgba(248,248,248,0.1);
}
.b24-ptable {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    min-width: 480px;
}
.b24-ptable thead tr {
    background: rgba(248,248,248,0.04);
    border-bottom: 1px solid rgba(248,248,248,0.1);
}
.b24-ptable th {
    text-align: left;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(248,248,248,0.38);
    padding: 14px 20px;
    white-space: nowrap;
}
.b24-ptable td {
    padding: 15px 20px;
    color: rgba(248,248,248,0.8);
    border-bottom: 1px solid rgba(248,248,248,0.06);
    vertical-align: middle;
}
.b24-ptable tbody tr:last-child td { border-bottom: none; }
.b24-ptable tbody tr:hover { background: rgba(248,248,248,0.025); }
.b24-ptable tbody tr.b24-ptable__alt { background: rgba(248,248,248,0.02); }
.b24-ptable__name { color: var(--gray-color); font-size: 15px; white-space: nowrap; }
.b24-ptable__price { color: var(--gray-color); font-size: 15px; font-weight: 400; white-space: nowrap; }
/* Promo table: accent color on price */
.b24-ptable--promo .b24-ptable__price { color: #f07070; }
.b24-plans-note {
    font-size: 12px;
    color: rgba(248,248,248,0.35);
    margin: 10px 0 0;
    letter-spacing: 0.02em;
}
.b24-plans-note--promo { color: rgba(240,112,112,0.6); }

/* Services grid: same 3-col as features */
.b24-service-card .bx-feature__body p {
    font-size: 14px;
    color: rgba(248,248,248,0.6);
    line-height: 1.65;
    margin: 0;
}

/* CTA block below services */
.b24-cta {
    margin-top: 40px;
    text-align: center;
}

/* === Mobile === */
@media (max-width: 600px) {
    .b24-ptable th,
    .b24-ptable td { padding: 12px 14px; }
    .b24-ptable__name { font-size: 14px; }
    .b24-ptable__price { font-size: 14px; }
    .b24-hero-btn { margin-top: 8px; }
    .inner-top-row { flex-direction: column; gap: 16px; }
}

/* ── Period toggle (month / year) ────────────────────────── */
.b24-pricing-sub {
    font-size: 14px;
    color: rgba(248,248,248,0.45);
    margin: -8px 0 28px;
    letter-spacing: 0.01em;
}
.b24-period-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 36px;
    flex-wrap: wrap;
}
.b24-period-btn {
    position: relative;
    padding: 9px 22px;
    border: 1px solid rgba(248,248,248,0.2);
    border-radius: 100px;
    font-size: 14px;
    font-family: inherit;
    color: rgba(248,248,248,0.55);
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}
.b24-period-btn:hover { border-color: rgba(248,248,248,0.45); color: var(--gray-color); }
.b24-period-btn.active {
    background: var(--gray-color);
    color: var(--dark-gray-color);
    border-color: var(--gray-color);
    font-weight: 500;
}
.b24-period-badge {
    background: #f0b429;
    color: #1a1000;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
    letter-spacing: 0.03em;
    white-space: nowrap;
}
.b24-period-btn.active .b24-period-badge {
    background: rgba(240,180,41,0.85);
}

/* ── Plan cards grid ─────────────────────────────────────── */
.b24-plan-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}
.b24-plan-card {
    position: relative;
    background: rgba(248,248,248,0.04);
    border: 1px solid rgba(248,248,248,0.1);
    border-top: 3px solid var(--plan-accent, rgba(248,248,248,0.25));
    border-radius: var(--brdr-radius);
    padding: 24px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: border-color 0.2s, background 0.2s;
}
.b24-plan-card:hover {
    background: rgba(248,248,248,0.06);
    border-color: rgba(248,248,248,0.18);
    border-top-color: var(--plan-accent, rgba(248,248,248,0.4));
}
.b24-plan-card--featured {
    background: rgba(248,248,248,0.07);
    border-color: rgba(248,248,248,0.22);
    border-top-width: 4px;
}
.b24-plan-card__badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--plan-accent, #1565c0);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 100px;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
.b24-plan-card__name {
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-color);
    letter-spacing: 0.01em;
}
.b24-plan-card__desc {
    font-size: 12px;
    color: rgba(248,248,248,0.45);
    line-height: 1.5;
    margin-top: -4px;
}
.b24-plan-card__users {
    font-size: 13px;
    color: rgba(248,248,248,0.55);
}
.b24-plan-card__users-icon {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 2px;
}
.b24-plan-card__price-wrap {
    margin: 4px 0;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Toggle: hide year/month price based on data-period */
.b24-plan-cards[data-period="month"] .b24-price--year  { display: none; }
.b24-plan-cards[data-period="year"]  .b24-price--month { display: none; }
.b24-price--free {
    font-size: 26px;
    font-weight: 700;
    color: #74b444;
    letter-spacing: -0.02em;
}
.b24-price--month,
.b24-price--year {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
}
.b24-price__old {
    font-size: 13px;
    color: rgba(248,248,248,0.3);
    text-decoration: line-through;
    margin-right: 2px;
}
.b24-price__amount {
    font-size: 26px;
    font-weight: 700;
    color: var(--gray-color);
    letter-spacing: -0.02em;
    line-height: 1;
}
.b24-price__per {
    font-size: 13px;
    color: rgba(248,248,248,0.4);
    align-self: flex-end;
    padding-bottom: 3px;
}
.b24-price__save {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #2e87d2;
    padding: 2px 7px;
    border-radius: 100px;
    align-self: center;
    letter-spacing: 0.03em;
}
.b24-price__annual-note {
    font-size: 11px;
    color: rgba(248,248,248,0.35);
    margin-top: 2px;
}
.b24-plan-card__disk {
    font-size: 13px;
    color: rgba(248,248,248,0.4);
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid rgba(248,248,248,0.07);
}
.b24-plan-card__btn {
    display: block;
    text-align: center;
    padding: 11px 16px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    background: rgba(248,248,248,0.1);
    color: var(--gray-color);
    text-decoration: none;
    transition: background 0.2s;
    cursor: pointer;
    border: none;
    font-family: inherit;
    margin-top: 4px;
}
.b24-plan-card__btn:hover { background: rgba(248,248,248,0.18); }
.b24-plan-card--featured .b24-plan-card__btn {
    background: var(--plan-accent, #1565c0);
    color: #fff;
}
.b24-plan-card--featured .b24-plan-card__btn:hover {
    filter: brightness(1.1);
}
.b24-plan-card__btn--free {
    background: rgba(116,180,68,0.15);
    color: #74b444;
    text-decoration: none !important;
}
.b24-plan-card__btn--free:hover { background: rgba(116,180,68,0.25); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1200px) {
    .b24-plan-cards { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 900px) {
    .b24-plan-cards { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 650px) {
    .b24-plan-cards { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .b24-plan-card { padding: 20px 16px 16px; }
    .b24-price__amount { font-size: 22px; }
    .b24-price--free { font-size: 22px; }
}
@media (max-width: 400px) {
    .b24-plan-cards { grid-template-columns: 1fr; }
}

/* ── Feature accordion (b24-feat-acc) ───────────────────── */
.b24-feat-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.b24-feat-acc {
    border: 1px solid rgba(248,248,248,0.12);
    border-radius: var(--brdr-radius);
    transition: border-color 0.2s;
    overflow: hidden;
}
.b24-feat-acc.open {
    border-color: rgba(248,248,248,0.25);
}
.b24-feat-acc__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 28px;
    cursor: pointer;
    user-select: none;
}
.b24-feat-acc__head:hover .b24-feat-acc__title {
    color: var(--gray-color);
}
.b24-feat-acc__title {
    font-size: 15px;
    font-weight: 400;
    color: rgba(248,248,248,0.75);
    letter-spacing: initial;
    transition: color 0.15s;
}
.b24-feat-acc.open .b24-feat-acc__title {
    color: var(--gray-color);
}
/* reuse existing accordion-icon rotation */
.b24-feat-acc .accordion-icon {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(248,248,248,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgba(248,248,248,0.6);
    transition: transform 0.25s, border-color 0.2s;
}
.b24-feat-acc .accordion-icon svg {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    display: block;
    transition: transform 0.25s;
}
.b24-feat-acc.open .accordion-icon {
    border-color: rgba(248,248,248,0.4);
    color: var(--gray-color);
}
.b24-feat-acc.open .accordion-icon svg {
    transform: rotate(180deg);
}
/* Body */
.b24-feat-acc .accordion-body {
    height: 0;
    overflow: hidden;
    transition: height 0.28s ease;
}
.b24-feat-acc__body {
    padding: 4px 28px 24px;
    border-top: 1px solid rgba(248,248,248,0.07);
}
.b24-feat-acc__body ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px 32px;
    padding: 0;
    margin: 0;
}
.b24-feat-acc__body li {
    font-size: 14px;
    color: rgba(248,248,248,0.6);
    padding-left: 18px;
    position: relative;
    line-height: 1.55;
}
.b24-feat-acc__body li::before {
    content: '—';
    position: absolute;
    left: 0;
    color: rgba(248,248,248,0.25);
}
@media (max-width: 600px) {
    .b24-feat-acc__head { padding: 16px 20px; }
    .b24-feat-acc__body { padding: 4px 20px 20px; }
    .b24-feat-acc__body ul { grid-template-columns: 1fr; }
    .b24-feat-acc__title { font-size: 14px; }
}

/* ── Tariff comparison table ─────────────────────────────── */
.b24-compare-wrap { margin-bottom: 0; }
.b24-compare { min-width: 580px; }
.b24-compare th,
.b24-compare td { text-align: center; }
.b24-compare .b24-compare__feature { text-align: left; min-width: 200px; }
/* Highlighted "Стандартный" column */
.b24-compare .b24-compare__std {
    background: rgba(46,135,210,0.07);
    font-weight: 500;
    color: var(--gray-color);
}
.b24-compare thead .b24-compare__std {
    color: #57a0d9;
    background: rgba(46,135,210,0.1);
}
.b24-compare .b24-compare__sub {
    font-size: 12px;
    color: rgba(248,248,248,0.45);
    line-height: 1.45;
    display: block;
}
.b24-compare .b24-compare__dim { opacity: 0.4; }
/* Feature column: slightly bold */
.b24-compare td.b24-compare__feature {
    font-size: 14px;
    color: rgba(248,248,248,0.75);
}

/* Dots */
.b24-dots {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.b24-dot {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    flex-shrink: 0;
}
.b24-dot--on  { background: rgba(248,248,248,0.82); }
.b24-dot--off { border: 1.5px solid rgba(248,248,248,0.18); background: transparent; }

/* ── Advantages block ────────────────────────────────────── */
.b24-adv__intro {
    font-size: 15px;
    color: rgba(248,248,248,0.65);
    line-height: 1.7;
    max-width: 820px;
    margin: 0 0 28px;
}
.b24-adv__compare-label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(248,248,248,0.35);
    margin: 0 0 20px;
}
.b24-adv__cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 32px;
}
.b24-adv__col {
    background: rgba(248,248,248,0.03);
    border: 1px solid rgba(248,248,248,0.08);
    border-radius: var(--brdr-radius);
    padding: 24px;
}
.b24-adv__col-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--gray-color);
    margin: 0 0 6px;
    letter-spacing: 0.01em;
}
.b24-adv__col-sub {
    font-size: 12px;
    color: rgba(248,248,248,0.4);
    margin: 0 0 14px;
    min-height: 18px;
}
.b24-adv__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.b24-adv__list li {
    font-size: 13px;
    color: rgba(248,248,248,0.6);
    padding-left: 16px;
    position: relative;
    line-height: 1.55;
}
.b24-adv__list li::before {
    content: '—';
    position: absolute;
    left: 0;
    color: rgba(248,248,248,0.22);
}
.b24-adv__ent-text {
    font-size: 13px;
    color: rgba(248,248,248,0.6);
    line-height: 1.65;
    margin: 0;
}
.b24-adv__note {
    font-size: 13px;
    color: rgba(248,248,248,0.38);
    line-height: 1.7;
    border-top: 1px solid rgba(248,248,248,0.07);
    padding-top: 20px;
    margin: 0;
}

@media (max-width: 900px) {
    .b24-adv__cols { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 600px) {
    .b24-adv__col { padding: 18px; }
    .b24-compare .b24-compare__feature { min-width: 140px; }
}

/* ════════════════════════════════════════════════════════════
   B24 NEW: hero, active card, hint, pane system, col variants
   ════════════════════════════════════════════════════════════ */

/* ── Hero with parallax image ─────────────────────────────── */
.b24-hero {
    /* block layout — image floats absolutely behind text, like standard pages */
    display: block;
    padding-top: 100px;
    padding-bottom: 20px;
    margin-bottom: 80px;
    overflow: visible;
}
.b24-hero__content {
    position: relative;
    z-index: 2;
    max-width: 52%;
}
/* button stacks below description */
.b24-hero .inner-top-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}
.b24-hero__img {
    /* absolute, upper-right, decorative */
    position: absolute !important;
    top: 10px !important;
    right: 30px !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: 440px;
    height: auto;
    object-fit: contain;
    border-radius: 0;
    box-shadow: none;
    z-index: 1;
    display: block;
    opacity: 0.88;
    filter: drop-shadow(0 0 12px rgba(116,180,68,0.08)) drop-shadow(0 0 35px rgba(116,180,68,0.04)) drop-shadow(0 0 80px rgba(116,180,68,0.02)) drop-shadow(0 0 160px rgba(116,180,68,0.01));
}

/* ── Active plan card (interactive selection) ─────────────── */
.b24-plan-card {
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.b24-plan-card--active {
    border-color: var(--accent-color, #74b444) !important;
    box-shadow: 0 0 0 2px var(--accent-color, #74b444),
                0 8px 28px rgba(116,180,68,0.20) !important;
    transform: translateY(-4px);
    position: relative;
    z-index: 2;
}

/* ── Select hint ──────────────────────────────────────────── */
.b24-select-hint {
    text-align: center;
    color: rgba(248,248,248,0.38);
    font-size: 13px;
    margin: -4px 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    user-select: none;
}
.b24-select-hint__arrow {
    font-size: 15px;
    animation: b24HintBounce 1.8s ease-in-out infinite;
    display: inline-block;
}
@keyframes b24HintBounce {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-5px); }
}

/* ── Advantages: pane show/hide system ────────────────────── */
.b24-adv-pane          { display: none; }
.b24-adv-pane--active  { display: block; }

/* ── Advantages: section header with plan label ───────────── */
.b24-adv__header {
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}
.b24-adv__plan-label {
    display: inline-block;
    background: var(--accent-color, #74b444);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 20px;
    letter-spacing: 0.03em;
    line-height: 1.6;
    transition: opacity 0.25s;
    margin-top: 14px;
}

/* ── Advantages: column count variants ───────────────────── */
.b24-adv__cols--1 { grid-template-columns: 1fr; }
.b24-adv__cols--2 { grid-template-columns: repeat(2, 1fr); }
.b24-adv__cols--3 { grid-template-columns: repeat(3, 1fr); }

/* ── Advantages: col-body (rich HTML body inside each col) ── */
.b24-adv__col-body {
    font-size: 13px;
    line-height: 1.65;
    color: rgba(248,248,248,0.7);
}
.b24-adv__col-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.b24-adv__col-body li {
    padding-left: 18px;
    position: relative;
}
.b24-adv__col-body li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: var(--accent-color, #74b444);
    font-weight: 700;
    font-size: 12px;
    top: 1px;
}

/* ── Advantages: numbered list for Enterprise ────────────── */
.b24-adv__ol {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 1.65;
    color: rgba(248,248,248,0.75);
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.b24-adv__ol li { margin: 0; }

/* ── Mobile responsive additions ─────────────────────────── */
@media (max-width: 900px) {
    .b24-hero {
        padding-top: 70px;
        margin-bottom: 40px;
    }
    .b24-hero__content { max-width: 70%; }
    .b24-hero__img {
        left: auto !important;
        right: 0 !important;
        max-width: 260px;
        top: 10px !important;
        opacity: 0.40;
    }
    .b24-adv__cols--2,
    .b24-adv__cols--3 {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
@media (max-width: 600px) {
    .b24-hero__img { display: none; }
    .b24-hero { padding-top: 60px; margin-bottom: 24px; }
    .b24-hero__content { max-width: 100%; }
    .b24-select-hint { font-size: 12px; margin-bottom: 24px; }
    .b24-adv__plan-label { font-size: 12px; padding: 3px 10px; }
}

/* ── Footer: equalise реквизиты and docs font size ──────────── */
.about-author { font-size: 12px; line-height: 1.85; }
.f-bottom-menu-list { font-size: 12px; }
.f-bottom-menu-item li { line-height: 1.85; }
.f-bottom { align-items: flex-start; }

/* ── 1c-bitrix: decorative hero image ──────────────────────── */
.bx-hero-img { padding-top: 100px; }
.bx-hero__deco {
    width: 450px;
    right: 30px;
    top: 10px !important;
    bottom: auto !important;
    opacity: 0.88;
    filter: drop-shadow(0 0 12px rgba(116,180,68,0.08)) drop-shadow(0 0 35px rgba(116,180,68,0.04)) drop-shadow(0 0 80px rgba(116,180,68,0.02)) drop-shadow(0 0 160px rgba(116,180,68,0.01));
}
@media (max-width: 990px) {
    .bx-hero-img { padding-top: 70px; }
    .bx-hero__deco { width: 240px; right: 0; top: -10px !important; bottom: auto !important; opacity: 0.45; }
}
@media (max-width: 600px) {
    .bx-hero__deco { display: none; }
    .bx-hero-img { padding-top: 60px; }
}

/* ── About hero: image behind title (upper-right) ───────── */
/* About: block layout matching b24-hero — absolute image fills right side */
.inner-top-block--about {
    display: block;
    padding-top: 100px;
    padding-bottom: 20px;
    margin-bottom: 80px;
    overflow: visible;
}
.inner-top-block--about .page-title {
    text-align: left;
    max-width: 58%;
    padding-bottom: 20px;
}
.inner-top-block--about .inner-top-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    max-width: 55%;
}
.inner-top-block--about .inner-top__txt {
    text-align: left;
}
.inner-top-block--about .inner-top__img {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: 500px !important;
    height: 100%;
    object-fit: contain;
    object-position: right center;
    z-index: 1;
    opacity: 0.88;
    filter: drop-shadow(0 0 10px rgba(116,180,68,0.06)) drop-shadow(0 0 30px rgba(116,180,68,0.03)) drop-shadow(0 0 70px rgba(116,180,68,0.015)) drop-shadow(0 0 140px rgba(116,180,68,0.007));
}
.inner-top-block--about .inner-top__btns .btn {
    background: transparent !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,0.55) !important;
    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
}
.inner-top-block--about .inner-top__btns .btn:hover {
    background: #fff !important;
    color: var(--dark-gray-color, #141414) !important;
    border-color: #fff !important;
}
@media (max-width: 990px) {
    .inner-top-block--about {
        padding-top: 60px;
    }
    .inner-top-block--about .page-title,
    .inner-top-block--about .inner-top-row {
        max-width: 60%;
    }
    .inner-top-block--about .inner-top__img {
        max-width: 340px !important;
        opacity: 0.55;
    }
}
@media (max-width: 600px) {
    .inner-top-block--about {
        padding-top: 18px;
    }
    .inner-top-block--about .page-title,
    .inner-top-block--about .inner-top-row {
        max-width: 100%;
    }
    .inner-top-block--about .inner-top__img { display: none !important; }
}

/* ── About page: tighten section spacing ───────────────────── */
/* Reduce stats block internal padding (base has 112px/117px — too much) */
.our-advantages-section {
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom: 60px;
}
@media (max-width: 990px) {
    .our-advantages-section {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
}
@media (max-width: 600px) {
    .our-advantages-section {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

/* ── About page: remove inner-page top padding (saves 41px) ── */
.inner-page:has(.inner-top-block--about) {
    padding-top: 0 !important;
}

/* ── Fix: cases slider mobile infinite height ───────────────── */
/* Break circular height dependency: slide has height:initial,
   child height:100% causes infinite recalc on mobile */
.slider-cases .swiper-slide .cases-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Fix inline <a> wrapping block children — scoped to slider only */
.slider-cases .swiper-slide .cases-item__link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* ── Contacts form: expand to fill available flex space ─────── */
.contacts-form {
    flex: 1;
    width: auto;
    max-width: none;
}
/* Inner-page contacts: align form top edge with info block top  */
.inner-page .contacts-row {
    align-items: flex-start;
}

/* ── Form: space between checkbox and submit button ─────────── */
.licence_block { margin-bottom: 16px; }

/* ── Form popup modal ────────────────────────────────────────────── */
#form-popup.popup-window { max-width: 560px !important; }
.form-popup-aside .popup-inner { padding: 8px 4px 4px; }
.form-popup-aside .popup-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--font-color);   /* светлый — наследует тему сайта */
}
.form-popup-aside .form--popup .input-row { margin-bottom: 10px; }
.form-popup-aside .form--popup .btn { width: 100%; }

/* ── Additional services: not clickable ─────────────────────────────── */
.services-item--no-link .services-item__link {
    cursor: default;
    pointer-events: none;
}

/* ── 1C-Bitrix: color accents (brand red #D91935) ──────────────────── */

/* Plan cards: едва заметная красная полоска сверху на всех тарифах */
.bx-plans .bx-plan { border-top: 3px solid rgba(217, 25, 53, 0.22); }
/* Plan card hover */
.bx-plan:hover { background: rgba(248,248,248,0.065); border-color: rgba(248,248,248,0.22); }

/* «Малый бизнес» (3-й) — значок «Популярный» вместо выделенной рамки */
.bx-plans .bx-plan:nth-child(3) {
    position: relative;
    overflow: visible;
}
.bx-plans .bx-plan:nth-child(3)::before {
    content: ПОПУЛЯРНЫЙ;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: #D91935;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 100px;
    letter-spacing: 0.08em;
    white-space: nowrap;
    z-index: 3;
}
/* Feature card hover */
.bx-feature:hover { background: rgba(248,248,248,0.065); border-color: rgba(248,248,248,0.22); }

/* Feature cards: едва заметная красная левая граница */
.bx-features:not(.b24-services-grid) .bx-feature {
    border-left: 3px solid rgba(217, 25, 53, 0.15);
    border-top-left-radius:    0;
    border-bottom-left-radius: 0;
}
.bx-features:not(.b24-services-grid) .bx-feature:hover {
    border-left-color: rgba(217, 25, 53, 0.45);
}

/* Active tab: красный вместо белого */
.bx-tabs .bx-tab.active {
    background:   rgba(217, 25, 53, 0.15) !important;
    border-color: rgba(217, 25, 53, 0.65) !important;
    color:        #ff6b7a                 !important;
}
.bx-tabs .bx-tab:hover:not(.active) {
    border-color: rgba(217, 25, 53, 0.35) !important;
}
/* ── 1C-Bitrix: comparison table ────────────────────────────────────── */
.bx-compare-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 8px; }
.bx-compare { min-width: 660px; width: 100%; border-collapse: collapse; }
.bx-compare th,
.bx-compare td {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(248,248,248,0.06);
    font-size: 14px;
    text-align: center;
    color: rgba(248,248,248,0.65);
    vertical-align: middle;
}
.bx-compare thead th {
    font-size: 13px;
    font-weight: 700;
    padding: 14px 16px;
    border-bottom: 2px solid rgba(248,248,248,0.1);
    color: var(--gray-color);
    white-space: nowrap;
}
.bx-compare tbody tr:last-child td { border-bottom: none; }
.bx-compare tbody tr:hover td { background: rgba(248,248,248,0.02); }
/* Feature label column */
.bx-compare .bx-compare__feature {
    text-align: left;
    color: rgba(248,248,248,0.75);
    font-size: 14px;
    min-width: 200px;
}
/* Popular plan column (Малый бизнес) */
.bx-compare .bx-compare__pop {
    background: rgba(217,25,53,0.07);
    font-weight: 500;
    color: var(--gray-color);
}
.bx-compare thead .bx-compare__pop {
    color: #ff6b7a;
    background: rgba(217,25,53,0.12);
}
/* Price row */
.bx-compare .bx-compare__price { font-weight: 700; color: var(--gray-color); font-size: 15px; }
.bx-compare .bx-compare__price.bx-compare__pop { color: #ff6b7a; }
/* Check / dash icons */
.bx-chk { color: rgba(248,248,248,0.85); font-size: 16px; }
.bx-dash { color: rgba(248,248,248,0.18); font-size: 16px; }
/* Scroll hint on mobile */
@media (max-width: 700px) {
    .bx-compare .bx-compare__feature { min-width: 140px; }
}


/* ── b24 feature accordion: dark background like plan cards ─── */
.b24-feat-acc { background: rgba(248,248,248,0.03); }
.b24-feat-acc.open { background: rgba(248,248,248,0.05); }

/* ── 1c-bitrix: selected plan card ──────────────────────────── */
.bx-plan { cursor: pointer; }
.bx-plan--selected {
    border-color: rgba(217,25,53,0.5) !important;
    background: rgba(217,25,53,0.07) !important;
}

/* ── 1c-bitrix: compare table selected column ───────────────── */
.bx-compare .bx-compare__sel {
    background: rgba(217,25,53,0.08);
    color: var(--gray-color);
    font-weight: 500;
}
.bx-compare thead .bx-compare__sel {
    background: rgba(217,25,53,0.14);
    color: #ff6b7a;
    font-weight: 700;
}

/* Vacancy popup success */
#vacancy-success-popup {
    --fancybox-content-bg: var(--bg-color, #141414);
    color: var(--font-color, #f8f8f8);
    border-radius: 12px;
    padding: 20px 32px;
    text-align: center;
}
.vacancy-success__text {
    font-size: 14px;
    font-weight: 300;
    color: var(--font-color);
    line-height: 1.5;
    letter-spacing: 0.02em;
    padding: 12px 8px;
    display: block;
    white-space: nowrap;
}

/* Vacancy popup — ширина как у основного form-popup */
@media (min-width: 600px) {
    #vacancy-popup.popup-window { min-width: 560px; }
}



/* ── Кейсы: одинаковая высота карточек ─────────────────────── */
/* Swiper 11 ставит align-items:flex-start — переопределяем */
.slider-cases .swiper-wrapper { align-items: stretch !important; }
/* Слайды получают высоту через flex stretch; cases-item заполняет 100% */
.slider-cases .cases-item-bottom { margin-top: auto; }

/* ── About: статистический блок — карточки ─────────────────── */
/* Декоративные кольца скрыты полностью */
.advantege-img1, .advantege-img2 { display: none !important; }

.about-page .our-advantages-section {
    padding-top: 70px;
    padding-bottom: 80px;
}
.about-page .our-advantages__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: unset;
}
.about-page .our-advantages__item {
    position: relative;
    background: rgba(248,248,248,0.04);
    border: 1px solid rgba(248,248,248,0.1);
    border-radius: var(--brdr-radius);
    padding: 36px 32px 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    transition: background 0.25s, border-color 0.25s;
}
/* Gradient red glow line at top */
.about-page .our-advantages__item::before {
    content: ;
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(217,25,53,0.75) 50%, transparent 100%);
}
.about-page .our-advantages__item:hover {
    background: rgba(248,248,248,0.07);
    border-color: rgba(248,248,248,0.2);
}
.about-page .our-advantages__num {
    font-size: 68px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--gray-color);
}
.about-page .our-advantages__num span {
    font-size: 0.42em;
    font-weight: 400;
    color: rgba(248,248,248,0.5);
    letter-spacing: 0.06em;
    vertical-align: middle;
    margin-left: 4px;
}
.about-page .our-advantages__txt {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(248,248,248,0.48);
}
@media (max-width: 990px) {
    .about-page .our-advantages__list { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .about-page .our-advantages__num { font-size: 48px; }
    .about-page .our-advantages__item { padding: 24px 20px; }
    .about-page .our-advantages__txt { font-size: 13px; }
}
@media (max-width: 600px) {
    .about-page .our-advantages__list { grid-template-columns: 1fr; }
    .about-page .our-advantages__num { font-size: 52px; }
}



/* ── Services: icon + tag chips redesign ──────────────────── */
.services-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.services-item__icon {
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.5;
    transition: opacity var(--transition);
}
.services-item__icon svg {
    width: 22px;
    height: 22px;
}
.services-item:hover .services-item__icon {
    opacity: 0.9;
}
.services-item__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 14px;
}
.services-tag {
    display: inline-block;
    padding: 4px 11px;
    border: 1px solid currentColor;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    opacity: 0.45;
    transition: opacity var(--transition);
}
.services-item:hover .services-tag {
    opacity: 0.7;
}

/* ── Cases: tag chips replacing statics ─────────────────────── */
.cases-item__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 14px;
}
.cases-item__tag {
    display: inline-block;
    padding: 4px 11px;
    border: 1px solid currentColor;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    opacity: 0.45;
    transition: opacity var(--transition);
}
.cases-item:hover .cases-item__tag {
    opacity: 0.7;
}











/* ── Bitrix24 Widget: иконки соцсетей в стиле сайта ─────────── */
/* Высокая специфичность для Telegram и WhatsApp */
.b24-widget-button-social-item.ui-icon-service-olchat_tg_connector i,
.b24-widget-button-social-item.ui-icon-service-olchat_wa_connector_2 i,
.b24-widget-button-social-item.ui-icon-service-max i,
.b24-widget-button-social-item.connector-icon-45 i,
.b24-widget-button-wrapper .b24-widget-button-social-item.ui-icon i {
    background-color: #141414 !important;
    transition: background-color .25s !important;
}
/* Hover: restore platform brand color */
.b24-widget-button-social-item.ui-icon-service-olchat_tg_connector:hover i,
.b24-widget-button-social-item.ui-icon-service-telegram:hover i {
    background-color: #2AABEE !important; /* Telegram blue */
}
/* WA: white SVG injected via JS; scale to 82% to match TG/MAX visual size */
.b24-widget-button-social-item.ui-icon-service-olchat_wa_connector_2 i {
    background-size: 50% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.b24-widget-button-social-item.ui-icon-service-olchat_wa_connector_2:hover i {
    background-color: transparent !important;
    background-size: 100% !important;
}
/* MAX icon: reduce visual size to match TG/WA */
.b24-widget-button-social-item.ui-icon-service-max i {
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.b24-widget-button-social-item.ui-icon-service-max:hover i {
    background-color: #2787F5 !important; /* VK/Max blue */
}
/* Обёртка: бордер */
.b24-widget-button-social-item.ui-icon {
    border: 1px solid rgba(248,248,248,0.15) !important;
    transition: border-color .25s, transform .25s !important;
}
.b24-widget-button-social-item.ui-icon:hover {
    border-color: transparent !important;
    transform: scale(1.1) !important;
}
/* Livechat */
.b24-widget-button-social-item.b24-widget-button-openline_livechat i {
    background-color: #141414 !important;
    transition: background-color .25s !important;
}
.b24-widget-button-social-item.b24-widget-button-openline_livechat:hover i {
    background-color: rgba(248,248,248,0.15) !important;
}
.b24-widget-button-social-item.b24-widget-button-openline_livechat,
.b24-widget-button-openline_livechat {
    filter: invert(1) !important;
    border: 1px solid rgba(248,248,248,0.15) !important;
    transition: filter .25s, border-color .25s, transform .25s !important;
}
.b24-widget-button-social-item.b24-widget-button-openline_livechat:hover,
.b24-widget-button-openline_livechat:hover {
    filter: none !important;
    border-color: transparent !important;
    transform: scale(1.1) !important;
}
/* Тултип */
.b24-widget-button-social-tooltip {
    background: #1c1c1c !important;
    color: #F8F8F8 !important;
    border: 1px solid rgba(248,248,248,0.1) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
}

/* ===== IT-Quantum Dark Theme: Bitrix24 Livechat Dialog ===== */
.bx-livechat-box {
    background: #141414 !important;
    border: 1px solid rgba(248,248,248,0.1) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.85) !important;
}
.bx-livechat-head,
.bx-livechat-bright-header {
    background: #141414 !important;
    border-bottom: 1px solid rgba(248,248,248,0.08) !important;
}
.bx-livechat-title,
.bx-livechat-title * {
    color: #f8f8f8 !important;
}
.bx-livechat-control-btn {
    background-color: transparent !important;
    border-radius: 8px !important;
    transition: background-color .2s !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.bx-livechat-control-btn:hover {
    background-color: rgba(248,248,248,0.08) !important;
}
/* Close button: hide Bitrix's own background-image to prevent doubling */
.bx-livechat-control-btn-close {
    background-image: none !important;
}
/* White X icon via ::before (Bitrix default is dark, invisible on dark bg) */
.bx-livechat-control-btn-close::before {
    content: '' !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 1l12 12M13 1L1 13' stroke='rgba(248,248,248,0.7)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}
.bx-livechat-control-btn-close:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 1l12 12M13 1L1 13' stroke='rgba(248,248,248,1)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.bx-livechat-control-btn svg path,
.bx-livechat-control-btn svg line,
.bx-livechat-control-btn svg polyline {
    stroke: rgba(248,248,248,0.65) !important;
}
/* Body */
.bx-livechat-body {
    background: #141414 !important;
    background-image: none !important;
}
.bx-livechat-help-container {
    background: transparent !important;
}
.bx-livechat-help-title,
.bx-livechat-help-title-lg {
    color: #f8f8f8 !important;
    font-weight: 600 !important;
}
.bx-livechat-help-subtitle {
    color: rgba(248,248,248,0.5) !important;
}
.bx-livechat-logo-name,
.bx-livechat-user-name {
    color: rgba(248,248,248,0.7) !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: initial !important;
    max-width: 100% !important;
}
.bx-livechat-user-icon {
    border-color: #141414 !important;
    outline-color: #141414 !important;
}
/* Textarea / input */
.bx-livechat-textarea {
    background: #1a1a1a !important;
    border-top: 1px solid rgba(248,248,248,0.08) !important;
}
.bx-im-textarea-box,
.bx-im-textarea {
    background: transparent !important;
}
.bx-im-textarea-input {
    color: #f8f8f8 !important;
    background: transparent !important;
}
.bx-im-textarea-input::placeholder {
    color: rgba(248,248,248,0.3) !important;
}

/* Footer copyright - hidden */
.bx-livechat-copyright,
.bx-livechat-copyright-link {
    display: none !important;
}
/* Messages */
.bx-im-message {
    color: #f8f8f8 !important;
}
.bx-imopenlines-form-wrapper {
    background: transparent !important;
}
/* ===== END Livechat Theme ===== */

/* ── Hero: description block — left-anchored, premium layout ─── */
.main-topblock__discription {
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 640px !important;
    align-self: flex-start !important;
}

/* ── Что мы делаем cards — refined minimalist ─────────────── */
.services-detail__list .services-item {
    min-height: 200px !important;
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}
.services-detail__list .services-item:hover {
    border-color: rgba(248,248,248,0.45) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.35) !important;
    background-color: inherit !important;
    color: inherit !important;
}
.services-detail__list .services-item:hover .services-item__num {
    background-color: var(--gray-color) !important;
    color: var(--dark-gray-color) !important;
}
/* Separator line — fixed bottom-zone height keeps all lines level */
.services-detail__list .services-item__bottom {
    border-top: 1px solid rgba(248,248,248,0.12) !important;
    padding-top: 12px !important;
    min-height: 64px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
}
/* Slightly larger number circle */
.services-detail__list .services-item__num {
    width: 44px !important;
    height: 44px !important;
    font-size: 13px !important;
    letter-spacing: 0.03em !important;
}


/* ====================================================
   PREMIUM DESIGN UPGRADES — itquantum.ru
   ==================================================== */


/* 2. Hero: gradient text на "IT-решения" */
.main-title span:nth-child(2) {
  background: linear-gradient(135deg, #ffffff 30%, #A8A8A8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

/* 3. Scroll reveal */
.iq-reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.75s cubic-bezier(0.22,1,0.36,1),
              transform 0.75s cubic-bezier(0.22,1,0.36,1);
}
.iq-reveal.iq-visible { opacity: 1; transform: translateY(0); }
.iq-reveal-d1 { transition-delay: 0.10s; }
.iq-reveal-d2 { transition-delay: 0.20s; }
.iq-reveal-d3 { transition-delay: 0.30s; }
.iq-reveal-d4 { transition-delay: 0.40s; }

/* 4. Shimmer + red glow на кнопках */
.btn1 { position: relative !important; overflow: hidden !important; }
.btn1::after {
  content: "";
  position: absolute;
  top: 0; left: -80%;
  width: 55%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  transform: skewX(-20deg);
  animation: iq-shimmer 3.5s infinite;
}
@keyframes iq-shimmer {
  0%   { left: -80%; }
  100% { left: 130%; }
}
.btn1:hover {
  box-shadow: 0 0 18px rgba(255,255,255,0.12), 0 2px 24px rgba(0,0,0,0.4) !important;
  
  transform: translateY(-1px) !important;
}



/* 6. Glassmorphism на карточках услуг */
.services-item {
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  background: rgba(255,255,255,0.018) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 6px 28px rgba(0,0,0,0.22) !important;
  transition: all .35s cubic-bezier(0.22,1,0.36,1) !important;
}
.services-item:hover {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.09),
    0 10px 36px rgba(255,255,255,0.04),
    0 0 0 1px rgba(255,255,255,0.06) !important;
}

/* 7. Gradient на числах статистики */
.who-we__about-num {
  background: linear-gradient(135deg, #ffffff 30%, rgba(168,168,168,0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

/* 8. Infinite marquee для клиентов */
.iq-marquee-wrap { overflow: hidden !important; width: 100% !important; }
.iq-marquee-track {
  display: flex !important;
  width: max-content !important;
  animation: iq-marquee 40s linear infinite;
  align-items: center;
}
.iq-marquee-track:hover { animation-play-state: paused; }
@keyframes iq-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Fix hover */
.services-detail__list .services-item:hover,
.services-item:hover {
    color: inherit !important;
    background-color: rgba(255,255,255,0.03) !important;
}
.services-detail__list .services-item:hover .services-item__num {
    background-color: rgba(255,255,255,0.08) !important;
    color: rgba(248,248,248,0.9) !important;
}
.services-detail__list .services-item:hover .services-item__title,
.services-detail__list .services-item:hover .services-item__text,
.services-detail__list .services-item:hover p,
.services-detail__list .services-item:hover span {
    color: rgba(248,248,248,0.9) !important;
}

/* ====================================================
   PREMIUM v2 — itquantum.ru
   ==================================================== */

/* 1. Grain texture поверх фона */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: overlay;
  opacity: 0.5;
}

/* 2. Frosted glass header при скролле */
header {
  transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease !important;
}
header.iq-scrolled {
  background: rgba(14, 14, 14, 0.82) !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* 3. Hero text entrance animation */
.main-title span {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s cubic-bezier(0.22,1,0.36,1),
              transform 0.8s cubic-bezier(0.22,1,0.36,1);
}
.main-title span.iq-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.main-title span:nth-child(1) { transition-delay: 0.05s; }
.main-title span:nth-child(2) { transition-delay: 0.18s; }
.main-title span:nth-child(3) { transition-delay: 0.30s; }
.main-title span:nth-child(4) { transition-delay: 0.42s; }

/* 4. Animated underline на заголовках секций */
.section__title {
  position: relative;
  padding-bottom: 16px;
}
.section__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0.7), transparent);
  transition: width 0.8s cubic-bezier(0.22,1,0.36,1);
}
.section__title.iq-line-in::after {
  width: 80px;
}


/* ── Как мы работаем ── */
.process-section { padding: 80px 0; }
.process-steps {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-top: 56px;
    flex-wrap: wrap;
}
.process-step {
    flex: 1;
    min-width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 20px;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 16px;
    background: rgba(255,255,255,0.02);
    backdrop-filter: blur(6px);
    transition: border-color 0.3s, transform 0.3s;
}
.process-step:hover {
    border-color: rgba(255,255,255,0.18);
    transform: translateY(-4px);
}
.process-step__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.2);
    font-size: 22px;
    padding: 0 8px;
    flex-shrink: 0;
    align-self: center;
    margin-bottom: 0;
}
.process-step__num {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.3);
    margin-bottom: 16px;
}
.process-step__icon {
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: rgba(255,255,255,0.7);
    transition: border-color 0.3s, color 0.3s;
}
.process-step:hover .process-step__icon {
    border-color: rgba(255,255,255,0.3);
    color: #fff;
}
.process-step__title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
    color: rgba(255,255,255,0.95);
}
.process-step__text {
    font-size: 13px;
    line-height: 1.65;
    color: rgba(255,255,255,0.5);
}

@media (max-width: 900px) {
    .process-steps { gap: 16px; }
    .process-step__arrow { display: none; }
    .process-step { min-width: calc(50% - 8px); flex: none; }
}
@media (max-width: 500px) {
    .process-step { min-width: 100%; }
}

/* ── FAQ ── */
.faq-section { padding: 80px 0; }
.faq-list { margin-top: 56px; display: flex; flex-direction: column; gap: 0; }
.faq-item {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.faq-item:first-child { border-top: 1px solid rgba(255,255,255,0.08); }
.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    color: rgba(255,255,255,0.9);
    text-align: left;
    gap: 24px;
    transition: color 0.2s;
}
.faq-question:hover { color: #fff; }
.faq-icon {
    font-size: 24px;
    font-weight: 300;
    color: rgba(255,255,255,0.4);
    flex-shrink: 0;
    transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), color 0.2s;
    line-height: 1;
}
.faq-question[aria-expanded="true"] .faq-icon {
    transform: rotate(45deg);
    color: rgba(255,255,255,0.8);
}
.faq-answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.45s cubic-bezier(0.22,1,0.36,1), padding 0.3s;
    padding-bottom: 0;
}
.faq-answer.iq-open {
    max-height: 200px;
    padding-bottom: 24px;
}
.faq-answer p {
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255,255,255,0.55);
    margin: 0;
}

/* ── Хедер: телефон + 2 кнопки ── */
.h-phone {
    color: rgba(255,255,255,0.85);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: color .2s;
    white-space: nowrap;
}
.h-phone:hover { color: #fff; }
.btn-ghost {
    border: 1px solid rgba(255,255,255,0.25) !important;
    background: transparent !important;
    color: rgba(255,255,255,0.85) !important;
    padding: 10px 20px !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    transition: all .25s !important;
}
.btn-ghost:hover {
    border-color: rgba(255,255,255,0.6) !important;
    color: #fff !important;
}
.h-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
@media (max-width: 900px) {
    .h-phone { display: none; }
    .btn-ghost { display: none; }
}

/* ── Квиз ── */
.quiz-section { padding: 80px 0; }
.quiz-wrap {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 64px;
    align-items: start;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 24px;
    padding: 56px;
    backdrop-filter: blur(8px);
}
@media (max-width: 900px) {
    .quiz-wrap { grid-template-columns: 1fr; gap: 32px; padding: 32px 24px; }
}
.quiz-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 100px;
    padding: 5px 14px;
    margin-bottom: 20px;
}
.quiz-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
}
.quiz-sub {
    font-size: 15px;
    line-height: 1.65;
    color: rgba(255,255,255,0.5);
    margin-bottom: 28px;
}
.quiz-benefits { display: flex; flex-direction: column; gap: 8px; }
.quiz-benefit { font-size: 14px; color: rgba(255,255,255,0.6); }

/* Progress */
.quiz-progress {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}
.quiz-progress-bar {
    flex: 1;
    height: 3px;
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
    overflow: hidden;
}
.quiz-progress-fill {
    height: 100%;
    background: #fff;
    border-radius: 3px;
    width: 25%;
    transition: width 0.4s cubic-bezier(0.22,1,0.36,1);
}
.quiz-progress-text {
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    white-space: nowrap;
}

/* Steps */
.quiz-step { display: none; }
.quiz-step.active { display: block; animation: qFadeIn 0.35s ease; }
@keyframes qFadeIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

.quiz-question {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.35;
}
.quiz-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.quiz-opt {
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    background: transparent;
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s;
    line-height: 1.3;
}
.quiz-opt:hover {
    border-color: rgba(255,255,255,0.35);
    color: #fff;
    background: rgba(255,255,255,0.04);
}
.quiz-opt.selected {
    border-color: #fff;
    color: #fff;
    background: rgba(255,255,255,0.08);
}

/* Result */
.quiz-result-banner {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 24px;
}
.quiz-result-icon {
    font-size: 24px;
    color: #4CAF50;
}
.quiz-result-title {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    margin-bottom: 4px;
}
.quiz-result-price {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

/* Form */
.quiz-form { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
.quiz-form input {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    padding: 14px 18px;
    color: #fff;
    font-size: 15px;
    font-family: inherit;
    outline: none;
    transition: border-color .2s;
}
.quiz-form input::placeholder { color: rgba(255,255,255,0.35); }
.quiz-form input:focus { border-color: rgba(255,255,255,0.35); }
.quiz-submit { width: 100%; text-align: center; padding: 16px !important; font-size: 15px !important; }
.quiz-agree { font-size: 11px; color: rgba(255,255,255,0.3); text-align: center; }
.quiz-agree a { color: rgba(255,255,255,0.45); }

/* Thanks */
.quiz-thanks { text-align: center; padding: 20px 0; }
.quiz-thanks-icon { font-size: 48px; margin-bottom: 16px; }
.quiz-thanks-title { font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 8px; line-height: 1.3; }
.quiz-thanks-sub { font-size: 14px; color: rgba(255,255,255,0.5); margin-bottom: 24px; }
.quiz-cases-btn { display: inline-block; }

.callback-section .section__title::after { display: none !important; }
.quiz-section { padding-top: 24px !important; }
.quiz-result-price { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
.quiz-result-banner { flex-wrap: nowrap !important; align-items: center !important; }

/* Header right zone */
.h-topbar { display: none !important; }
.h-right { display: flex !important; align-items: center !important; gap: 16px !important; flex-shrink: 0; }
.h-right--multi { flex-direction: row !important; align-items: center !important; gap: 16px !important; }
.h-right-sub { display: none !important; }
.h-phone { font-size: 14px; color: rgba(255,255,255,0.75); text-decoration: none; white-space: nowrap; }
.h-phone:hover { color: #fff; }
@media (max-width: 1100px) { .h-phone { display: none; } }
.h-btns { display: flex; flex-direction: column; gap: 6px; }
.h-btns .btn1 { font-size: 13px !important; padding: 9px 18px !important; white-space: nowrap; }
@media (max-width: 1100px) { .h-btns .btn1:last-child { display: none; } }
.h-contact { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.h-callback-link { font-size: 12px; color: rgba(255,255,255,0.5); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,0.25); cursor: pointer; transition: color .2s; white-space: nowrap; }
.h-callback-link:hover { color: rgba(255,255,255,0.85); text-decoration-color: rgba(255,255,255,0.5); }
@media (max-width: 1100px) { .h-contact { display: none; } }
.btn-ghost-sm { font-size: 13px; color: rgba(255,255,255,0.65); border: 1px solid rgba(255,255,255,0.2); border-radius: 100px; padding: 5px 14px; cursor: pointer; background: transparent; font-family: inherit; transition: all .2s; white-space: nowrap; }
.btn-ghost-sm:hover { color: #fff; border-color: rgba(255,255,255,0.5); }
.h-callback-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50%;
  cursor: pointer;
  transition: border-color .2s, background .2s;
}
.h-callback-icon:hover { border-color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.06); }

/* btn_callback link style */
.h-right .btn_callback {
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(255,255,255,0.2);
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.05em;
  transition: color 0.25s, text-decoration-color 0.25s, letter-spacing 0.25s;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.h-right .btn_callback::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,0.25);
  transition: background 0.25s, transform 0.25s;
  flex-shrink: 0;
}
.h-right .btn_callback:hover { color: rgba(255,255,255,0.9) !important; text-decoration-color: rgba(255,255,255,0.6) !important; letter-spacing: 0.07em !important; }
.h-right .btn_callback:hover::before { background: rgba(255,255,255,0.8) !important; transform: scale(1.3) !important; }

/* Callback text link */
.h-callback-text { color: rgba(255,255,255,0.38) !important; text-decoration-color: rgba(255,255,255,0.18) !important; transition: color 0.2s ease, text-decoration-color 0.2s ease !important; }
.h-callback-text:hover { color: #fff !important; text-decoration-color: rgba(255,255,255,0.7) !important; }
.h-top .h-right a.h-callback-text,
.h-top .h-right a.h-callback-text:link,
.h-top .h-right a.h-callback-text:visited { color: rgba(255,255,255,0.38) !important; text-decoration-color: rgba(255,255,255,0.2) !important; }
.h-top .h-right a.h-callback-text:hover,
.h-top .h-right a.h-callback-text:focus { color: rgba(255,255,255,1) !important; text-decoration-color: rgba(255,255,255,0.7) !important; text-shadow: 0 0 12px rgba(255,255,255,0.3) !important; }

/* Callback time slots (legacy — kept for backwards compat) */
.callback-time-label { font-size: 13px; color: rgba(248,248,248,0.6); margin-bottom: 10px; }
.callback-time-slots { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.callback-time-slot { padding: 7px 16px; border: 1px solid rgba(248,248,248,0.2); border-radius: 100px; font-size: 14px; font-family: inherit; background: transparent; color: rgba(248,248,248,0.75); cursor: pointer; transition: all .2s; }
.callback-time-slot:hover { border-color: rgba(248,248,248,0.5); color: #f8f8f8; }
.callback-time-slot.active { border-color: #f8f8f8; color: #f8f8f8; background: rgba(248,248,248,0.08); }
.callback-time-no-slots { font-size: 13px; color: rgba(248,248,248,0.5); padding: 8px 0; }

/* Quiz price block */
.qprice-block { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 14px; padding: 20px 22px; margin-bottom: 24px; }
.qprice-top { font-size: 13px; color: rgba(255,255,255,0.55); margin-bottom: 10px; }
.qprice-num { font-size: 28px; font-weight: 700; color: #fff; line-height: 1; }
#qPrice { font-size: 28px !important; font-weight: 700 !important; color: #fff !important; white-space: nowrap !important; display: block !important; padding: 8px 0 4px !important; line-height: 1.2 !important; }
.quiz-result-check { color: #4CAF50; font-size: 16px; margin-right: 8px; }
.quiz-result-label { font-size: 13px; color: rgba(255,255,255,0.55); }
.quiz-right { min-width: 0; overflow: hidden; }
.quiz-wrap { overflow: hidden; }
.quiz-form input { width: 100%; box-sizing: border-box; }
@media (max-width: 1100px) {
  .quiz-wrap { grid-template-columns: 1fr !important; gap: 24px !important; padding: 32px 24px !important; }
  .quiz-left { display: none; }
  .quiz-right { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; width: 100% !important; box-sizing: border-box !important; }
  .quiz-options { grid-template-columns: 1fr !important; }
  .quiz-form input { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .qprice-block { overflow: hidden !important; }
  #qPrice { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100% !important; }
}
@media (max-width: 700px) {
  .quiz-wrap { padding: 24px 16px !important; }
}

/* iOS Glassmorphism — final overrides */
.services-item {
  background: rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
.services-item:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.22) !important;
}
.quiz-wrap {
  background: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* iOS Drum Picker */
.drum-picker {
  display: flex; gap: 0; height: 160px; position: relative; overflow: hidden;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px; margin: 8px 0;
}
.drum-picker::before, .drum-picker::after {
  content: ""; position: absolute; left: 0; right: 0; height: 56px; z-index: 2; pointer-events: none;
}
.drum-picker::before { top: 0; background: linear-gradient(to bottom, rgba(18,18,18,0.95), transparent); }
.drum-picker::after  { bottom: 0; background: linear-gradient(to top, rgba(18,18,18,0.95), transparent); }
.drum-selector {
  position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);
  height: 48px; background: rgba(255,255,255,0.07);
  border-top: 0.5px solid rgba(255,255,255,0.2); border-bottom: 0.5px solid rgba(255,255,255,0.2);
  pointer-events: none; z-index: 1; border-radius: 0;
}
.drum-col {
  flex: 1; overflow-y: scroll; scroll-snap-type: y mandatory;
  scrollbar-width: none; -ms-overflow-style: none; padding: 56px 0;
}
.drum-col::-webkit-scrollbar { display: none; }
.drum-item {
  height: 48px; display: flex; align-items: center; justify-content: center;
  font-size: 16px; color: rgba(255,255,255,0.3); scroll-snap-align: center;
  cursor: pointer; transition: color 0.12s, font-size 0.12s, font-weight 0.12s;
  font-family: -apple-system, BlinkMacSystemFont, 'Gotham', sans-serif;
}
.drum-item.active { color: #fff; font-size: 19px; font-weight: 600; }
.drum-divider { width: 1px; background: rgba(255,255,255,0.08); align-self: stretch; }
.drum-label { font-size: 10px; color: rgba(255,255,255,0.3); text-transform: uppercase; letter-spacing: 0.1em; text-align: center; padding-top: 6px; }
.drum-col-wrap { flex: 1; display: flex; flex-direction: column; }
.callback-time-label { font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 4px; margin-top: 8px; }

/* ── Horizontal scroll fixes ── */
/* Bitrix24 widget shadow causing overflow */
.b24-widget-button-shadow {
  max-width: 100vw !important;
  overflow: hidden !important;
}
/* Swiper slides overflow */
.swiper, .swiper-container { overflow: hidden !important; }
.slider-arrows { overflow: hidden !important; }
/* Sections overflow - NOT contacts (has 3D objects that extend out) */
.clients-section,
.main-services-section,
.who-we-section,
.cases-section {
  overflow: hidden !important;
}
/* callback-section: 3D elements extend beyond — no overflow clip */
.callback-section { overflow: visible !important; }
/* contacts-section: NO overflow hidden - 3D objects extend beyond */
.contacts-section { overflow: visible !important; }
/* Global safety net */
html { overflow-x: hidden !important; }

/* ═══ Mobile overflow fixes ═══ */
@media (max-width: 768px) {
  /* Quiz grid — single column */
  .quiz-wrap {
    grid-template-columns: 1fr !important;
    padding: 24px 16px !important;
  }
  .quiz-left { display: none !important; }
  .quiz-right { min-width: 0 !important; width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }
  .quiz-options { grid-template-columns: 1fr !important; }
  .quiz-form input { box-sizing: border-box !important; max-width: 100% !important; }

  /* Header — hide phone/callback on small screens */
  .h-contact { display: none !important; }

  /* Hero text — no wrap issues */
  .main-title { width: 100% !important; overflow: hidden !important; }
  .main-title span { display: block !important; white-space: normal !important; }

  /* Process steps — stack on mobile */
  .process-steps { flex-direction: column !important; }
  .process-step__arrow { display: none !important; }

  /* Contacts form padding */
  .contacts-form, .contacts-section .form { padding: 20px 16px !important; }

  /* Who-we about */
  .who-we__about { padding: 16px !important; }

  /* Remove blobs on mobile — performance + overflow */
  .main-services-section::before,
  .main-services-section::after,
  .who-we-section::before,
  .cases-section::before,
  .clients-section::before,
  .contacts-section::before { display: none !important; }

  /* CB popup selects */
  .cb-selects-row { flex-direction: column !important; }
}

@media (max-width: 480px) {
  .cb-popup-inner { padding: 20px 16px !important; }
  .cb-popup-header { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}


/* Site contact icons: hover animation (match widget) */
.social-link {
    transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
.social-link img {
    transition: filter .25s ease !important;
}
.social-link:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35) !important;
}
/* Brand colors on hover, per platform */
.social-link[href*="wa.me"]:hover,
.social-link[href*="whatsapp"]:hover {
    background-color: #25D366 !important;
}
.social-link[href*="t.me"]:hover,
.social-link[href*="telegram"]:hover {
    background-color: #2AABEE !important;
}
.social-link[href*="max.ru"]:hover {
    background-color: #2787F5 !important;
}
/* Keep glyph white on hover */
.f-social .social-link:hover img,
.social-link:hover img {
    filter: brightness(0) invert(1) !important;
}


/* Livechat head dark override (beats Bitrix inline background-color via background-image) */
.bx-livechat-head, .bx-livechat-bright-header {
    background-image: linear-gradient(#141414, #141414) !important;
    background-color: #141414 !important;
}


/* ===== Accent pass (revised 2026-06-02): на тёмном только белый/серебристый; бирюза — только плотной чертой ===== */
/* Secondary CTA on dark -> silver/white (no teal) */
.btn.btn2 { border:1px solid rgba(248,248,248,.5) !important; transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease !important; }
.btn.btn2:hover { background:#F8F8F8 !important; border-color:#F8F8F8 !important; color:#141414 !important; box-shadow:0 8px 24px rgba(0,0,0,.35) !important; }
/* Link hovers -> brighter white (no teal on dark) */
.header a:not(.btn):hover, .footer a:hover, a.btn_callback:hover, a.h-callback-text:hover { color:#ffffff !important; }
/* Quiz selected/hover -> silver/white (no teal on dark) */
.quiz-opt.selected { border-color:#F8F8F8 !important; color:#F8F8F8 !important; box-shadow:inset 0 0 0 1px rgba(248,248,248,.85) !important; }
.quiz-opt:hover { border-color:rgba(248,248,248,.55) !important; }
/* Form focus -> silver ring (no teal on dark) */
.contacts-form input:focus, .contacts-form textarea:focus, #quizForm input:focus, .popup-inner input:focus, .popup-inner select:focus { border-color:rgba(248,248,248,.8) !important; box-shadow:0 0 0 2px rgba(248,248,248,.18) !important; outline:none !important; }
.quiz-opt { transition:border-color .2s ease,color .2s ease; }
/* TEAL — только как плотная сплошная черта (как в КП): полоса прогресса */
#qProgressFill { background:#00C2CC !important; }

/* ===== Services card refresh (design pass 2026-06-02): drop 01-04 scaffolding, teal hover ===== */
.services-item__num { display:none !important; }
.services-item__top { justify-content:flex-end !important; }
.services-item { transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease !important; }
.services-item:hover { transform:translateY(-4px) !important; box-shadow:0 16px 40px rgba(0,0,0,.35) !important; border-color:rgba(248,248,248,.25) !important; }
.services-item:hover .services-item__top svg, .services-item:hover .services-item__top i, .services-item:hover [class*="services-item__icon"] { color:#0d0d0d !important; }
.services-item:hover .services-item__top [class*="icon"], .services-item:hover .services-item__top > * { border-color:rgba(13,13,13,.35) !important; }

/* ===== scroll-reveal (design pass 2026-06-02) — overflow-agnostic, no-JS safe ===== */
@media (prefers-reduced-motion: no-preference){
  html.reveal-ready .reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
  html.reveal-ready .reveal.is-visible{ opacity:1; transform:none; }
}
/* reveal carousel safety */
.cases-item, .clients__item { opacity:1 !important; }

/* ===== Delight (design pass 2026-06-02): refined micro-interactions, lightweight ===== */
.btn { transition: transform .12s cubic-bezier(.25,1,.5,1), box-shadow .12s ease, background .25s ease, color .25s ease, border-color .25s ease !important; }
.btn:active { transform: translateY(1px) scale(.985) !important; }
.services-item__icon { transition: transform .35s cubic-bezier(.22,1,.36,1) !important; }
.services-item:hover .services-item__icon { transform: scale(1.1) rotate(-5deg) !important; }
@keyframes itqPricePop { 0%{opacity:0; transform:translateY(8px) scale(.92);} 100%{opacity:1; transform:none;} }
#qPrice.itq-pop { animation: itqPricePop .5s cubic-bezier(.22,1,.36,1) both; }
@media (prefers-reduced-motion: reduce){ #qPrice.itq-pop{ animation:none; } .services-item:hover .services-item__icon{ transform:none !important; } }

/* ===== Slider controls (design pass 2026-06-02): стиль сайта — ховер белая заливка + тёмная стрелка, без распирания ===== */
.clients-slider-arrow-next, .clients-slider-arrow-prev, .swiper-button-next, .swiper-button-prev {
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .15s ease, opacity .25s ease !important;
}
.clients-slider-arrow-next:hover, .clients-slider-arrow-prev:hover, .swiper-button-next:hover, .swiper-button-prev:hover {
  transform: none !important;
  background-color: #0d0d0d !important;
  filter: invert(1) !important;
}
.swiper-button-next:hover::after, .swiper-button-prev:hover::after,
.clients-slider-arrow-next:hover::after, .clients-slider-arrow-prev:hover::after { color:#141414 !important; }
.clients-slider-arrow-next:active, .clients-slider-arrow-prev:active, .swiper-button-next:active, .swiper-button-prev:active {
  transform: scale(.94) !important;
}
.swiper-button-disabled, .swiper-button-disabled:hover { opacity:.35 !important; transform:none !important; background-color:transparent !important; }
/* Pagination bullets: smooth + активная вытягивается в пилюлю */
.swiper-pagination-bullet {
  transition: width .35s cubic-bezier(.22,1,.36,1), background-color .3s ease, opacity .3s ease, transform .25s ease !important;
}
.swiper-pagination-bullet:hover { transform:none !important; opacity:.9 !important; }
.swiper-pagination-bullet-active { width:42px !important; border-radius:10px !important; }
@media (prefers-reduced-motion: reduce){
  .swiper-button-next,.swiper-button-prev,.swiper-pagination-bullet{transition:none !important;}
}

/* ===== Slider controls size -30% (по просьбе: не влазят) ===== */
.clients-slider-arrow-next, .clients-slider-arrow-prev, .swiper-button-next, .swiper-button-prev {
  width:35px !important; height:35px !important;
}
.swiper-button-next::after, .swiper-button-prev::after,
.clients-slider-arrow-next::after, .clients-slider-arrow-prev::after { font-size:30px !important; }
.swiper-pagination-bullet { width:14px !important; height:14px !important; }
.swiper-pagination-bullet-active { width:28px !important; border-radius:7px !important; }

/* dot hover overflow override (точки не вылезают на ховере) */
.swiper-pagination-bullet:hover { transform: none !important; opacity:1 !important; background-color:#F8F8F8 !important; }

/* disabled arrow no-hover override — неактивная стрелка не меняется при наведении */
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled,
.clients-slider-arrow-prev.swiper-button-disabled, .clients-slider-arrow-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled:hover, .swiper-button-next.swiper-button-disabled:hover,
.clients-slider-arrow-prev.swiper-button-disabled:hover, .clients-slider-arrow-next.swiper-button-disabled:hover {
  filter: none !important;
  background-color: transparent !important;
  transform: none !important;
  opacity: .35 !important;
  cursor: default !important;
}

/* ===== Living hero glow (design pass 2026-06-02): дышащее свечение за героем, GPU-only ===== */
\.itq-hero-glow{
  position:absolute; top:0; left:0; right:0; max-width:100%; height:640px; z-index:-1; pointer-events:none;
  transition: transform .55s cubic-bezier(.22,1,.36,1);
  background: radial-gradient(50% 46% at 58% 24%, rgba(0,194,210,.34) 0%, rgba(0,194,210,.25) 14%, rgba(0,194,210,.17) 26%, rgba(0,194,210,.11) 38%, rgba(0,194,210,.06) 50%, rgba(0,194,210,.03) 62%, rgba(0,194,210,.012) 72%, transparent 84%);
  -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
}
@media (prefers-reduced-motion: no-preference){
  .itq-hero-glow{ animation: itqHeroBreathe 20s ease-in-out infinite alternate; }
}
@keyframes itqHeroBreathe{
  0%{ opacity:.5; }
  50%{ opacity:1; }
  100%{ opacity:.5; }
}

/* ===== Contacts form polish (design pass 2026-06-02): чистые стеклянные поля ===== */
.contacts-form input, .contacts-form textarea {
  background: rgba(255,255,255,0.045) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  color: #F8F8F8 !important;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease !important;
}
.contacts-form textarea { min-height: 120px !important; }
.contacts-form input:focus, .contacts-form textarea:focus {
  background: rgba(255,255,255,0.075) !important;
  border-color: rgba(248,248,248,0.55) !important;
  box-shadow: 0 0 0 2px rgba(248,248,248,0.12) !important;
  outline: none !important;
}
.contacts-form input::placeholder, .contacts-form textarea::placeholder { color: rgba(248,248,248,0.55) !important; }

/* ===== Address one-line (2026-06-08): адрес в карточке контактов — на всю ширину сетки, без переноса ===== */
.contacts-data__item:nth-child(3) { grid-column: 1 / -1 !important; }
.contacts-data__item:nth-child(3) .contacts-data__val { white-space: nowrap !important; }

/* ===== «Как мы работаем» (2026-06-08): хром-цифры + постоянный блик ===== */
.hmw-section { padding: clamp(60px,8vw,110px) 0; }
.hmw-sub { max-width: 560px; margin: 22px 0 0; font-size: 16px; line-height: 1.6; color: rgba(248,248,248,.6); }
.hmw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 44px 30px; margin-top: clamp(40px,5vw,64px); }
.hmw-num { position: relative; display: inline-block; font-size: clamp(52px,5vw,76px); font-weight: 400; line-height: 1; color: transparent; -webkit-text-stroke: 1.2px rgba(248,248,248,.38); transition: color .4s ease, -webkit-text-stroke-color .4s ease, transform .45s cubic-bezier(.22,1,.36,1); }
.hmw-num::after { content: attr(data-n); position: absolute; inset: 0; color: transparent; background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.5) 50%, transparent 62%); -webkit-background-clip: text; background-clip: text; background-size: 300% 100%; background-repeat: no-repeat; background-position: 185% 0; animation: hmwGlint 9s ease infinite; }
.hmw-step:nth-child(2) .hmw-num::after { animation-delay: .6s; }
.hmw-step:nth-child(3) .hmw-num::after { animation-delay: 1.2s; }
.hmw-step:nth-child(4) .hmw-num::after { animation-delay: 1.8s; }
.hmw-rail { display: block; height: 1px; background: rgba(248,248,248,.15); margin: 20px 0 16px; position: relative; }
.hmw-rail::before { content: ""; position: absolute; left: 0; top: -3.5px; width: 8px; height: 8px; border-radius: 50%; background: #C4C4C9; animation: hmwPulse 4.4s ease-in-out infinite; transition: box-shadow .35s ease, transform .35s ease, background .35s ease; }
.hmw-step:nth-child(2) .hmw-rail::before { animation-delay: .55s; }
.hmw-step:nth-child(3) .hmw-rail::before { animation-delay: 1.1s; }
.hmw-step:nth-child(4) .hmw-rail::before { animation-delay: 1.65s; }
.hmw-ttl { display: block; font-size: 18px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #F8F8F8; }
.hmw-desc { display: block; font-size: 14px; line-height: 1.55; color: rgba(248,248,248,.58); margin-top: 12px; }
.hmw-step:hover .hmw-num { color: #ECECEF; -webkit-text-stroke-color: transparent; transform: translateY(-5px); }
.hmw-step:hover .hmw-rail::before { background: #fff; box-shadow: 0 0 10px rgba(255,255,255,.45); transform: scale(1.3); }
@keyframes hmwGlint { 0% { background-position: 200% 0; } 22% { background-position: -100% 0; } 100% { background-position: -100% 0; } }
@keyframes hmwPulse { 0%,100% { opacity: .4; transform: scale(1); } 50% { opacity: .8; transform: scale(1.08); } }
@media (max-width:560px){ .hmw-grid { grid-template-columns: 1fr; gap: 34px; } }
@media (prefers-reduced-motion: reduce){ .hmw-num::after { display: none; } .hmw-rail::before { animation: none; } }

/* ===== «12/37/8» — хром-шайн (2026-06-08, v3: база всегда видна + блик сверху) ===== */
.who-we__about-num {
  background-image:
    linear-gradient(100deg, transparent 40%, rgba(255,255,255,0.95) 50%, transparent 60%),
    linear-gradient(180deg, rgba(208,208,214,1) 0%, rgba(150,150,158,1) 100%) !important;
  background-size: 260% 100%, 100% 100% !important;
  background-position: 170% 0, 0 0 !important;
  background-repeat: no-repeat, no-repeat !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: whoGlint 9s ease infinite !important;
}
@keyframes whoGlint {
  0%   { background-position: 170% 0, 0 0; }
  24%  { background-position: -80% 0, 0 0; }
  100% { background-position: -80% 0, 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .who-we__about-num { animation: none !important; background-position: -80% 0, 0 0 !important; }
}

/* ===== Серебряный отлив заголовков + видимый блик цифр (2026-06-08) ===== */
.section__title, .page-title {
  background: linear-gradient(165deg, #ffffff 0%, #d2d2da 42%, #969aa4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.who-we__about-num, .hmw-num, .indl-num {
  -webkit-text-stroke: 0 !important;
  background-image:
    linear-gradient(100deg, transparent 33%, rgba(96,96,108,0.30) 44%, #ffffff 50%, rgba(96,96,108,0.30) 56%, transparent 67%),
    linear-gradient(180deg, #cccdd4 0%, #909099 100%) !important;
  background-size: 230% 100%, 100% 100% !important;
  background-position: 150% 0, 0 0 !important;
  background-repeat: no-repeat, no-repeat !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: chromeShine 6.5s linear infinite !important;
}
.hmw-num::after { display: none !important; }
@keyframes chromeShine {
  0%   { background-position: 150% 0, 0 0; }
  44%  { background-position: -70% 0, 0 0; }
  100% { background-position: -70% 0, 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .who-we__about-num, .hmw-num, .indl-num { animation: none !important; background-position: -70% 0, 0 0 !important; }
}

/* ===== Glass sticky header (2026-06-08) ===== */
header {
  position: sticky !important;
  top: 0 !important;
  z-index: 90 !important;
  transition: background-color .35s ease, backdrop-filter .35s ease, border-color .35s ease, box-shadow .35s ease !important;
}
header.itq-glass {
  background-color: rgba(16,16,18,0.6) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  backdrop-filter: blur(16px) saturate(135%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.25) !important;
}

/* ===== glass header: shrink + mobile-off (2026-06-08) ===== */
.h-top { transition: padding .35s ease !important; }
header.itq-glass .h-top { padding-top: 13px !important; padding-bottom: 13px !important; }
@media (max-width: 990px) {
  header { position: relative !important; top: auto !important; z-index: 4 !important; }
  header.itq-glass {
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }
  header.itq-glass .h-top { padding-top: 35px !important; padding-bottom: 35px !important; }
}

/* ===== Hero copy (2026-06-12): широкий H1 + крупный слоган ===== */
@media (min-width: 991px) {
  .main-title { width: 132% !important; max-width: none !important; font-size: clamp(56px, 6.2vw, 82px) !important; }
}
@media (max-width: 990px) { .hbr { display: none; } }
.main-topblock__txt { font-size: 17px !important; line-height: 1.6 !important; max-width: 600px; }

/* ===== Industry landings shared (clin-*) — 2026-06-12, вынесено из страницы клиник ===== */
.clin-section { padding: clamp(46px,6vw,90px) 0; }
.clin-lead { max-width: 720px; font-size: 17px; line-height: 1.65; color: rgba(248,248,248,.78); }
.clin-lead strong { color: #F8F8F8; font-weight: 600; }
.clin-sub { max-width: 640px; margin: 18px 0 0; font-size: 15px; line-height: 1.6; color: rgba(248,248,248,.6); }
.clin-h2 { font-size: clamp(26px,3.4vw,44px); line-height: 1.05; text-transform: uppercase; margin: 0 0 26px; }
.clin-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap: 22px; margin-top: 38px; }
.clin-flow__item { border: 1px solid rgba(255,255,255,.09); border-radius: 16px; padding: 26px 24px; background: rgba(255,255,255,.018); }
.clin-flow__step { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: rgba(248,248,248,.45); margin-bottom: 14px; }
.clin-flow__ttl { font-size: 17px; font-weight: 600; margin-bottom: 10px; }
.clin-flow__txt { font-size: 14px; line-height: 1.55; color: rgba(248,248,248,.6); }
.clin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px,1fr)); gap: 20px; margin-top: 36px; }
.clin-card { border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 24px; background: rgba(255,255,255,.018); transition: border-color .3s ease, background .3s ease; }
.clin-card:hover { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.04); }
.clin-card__pain { font-size: 15px; font-weight: 600; line-height: 1.4; margin-bottom: 12px; }
.clin-card__fix { font-size: 14px; line-height: 1.55; color: rgba(248,248,248,.6); }
.clin-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px,1fr)); gap: 36px 28px; margin-top: 40px; }
.clin-nums .who-we__about-num { font-size: clamp(46px,5vw,68px); line-height: 1; display: block; }
.clin-nums__cap { margin-top: 12px; font-size: 13.5px; line-height: 1.5; color: rgba(248,248,248,.55); }
.clin-case { border-top: 1px solid rgba(255,255,255,.1); padding: 26px 0; display: grid; grid-template-columns: minmax(180px,260px) 1fr; gap: 18px 36px; }
.clin-case__name { font-size: 18px; font-weight: 600; }
.clin-case__tag { display: block; margin-top: 8px; font-size: 12.5px; letter-spacing: .05em; text-transform: uppercase; color: rgba(248,248,248,.45); }
.clin-case__txt { font-size: 14.5px; line-height: 1.6; color: rgba(248,248,248,.65); }
.clin-faq details { border-bottom: 1px solid rgba(255,255,255,.1); padding: 4px 0; }
.clin-faq summary { cursor: pointer; list-style: none; padding: 18px 34px 18px 0; font-size: 16.5px; font-weight: 600; position: relative; }
.clin-faq summary::-webkit-details-marker { display: none; }
.clin-faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 300; color: rgba(248,248,248,.5); transition: transform .25s ease; }
.clin-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.clin-faq .clin-faq__a { padding: 0 0 20px; max-width: 760px; font-size: 14.5px; line-height: 1.6; color: rgba(248,248,248,.65); }
.clin-cta { text-align: left; }
@media (max-width: 700px) { .clin-case { grid-template-columns: 1fr; gap: 10px; } }

/* ===== Footer industry links (2026-06-12) ===== */
.f-industries { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 16px; }
.f-industries a { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(13,13,13,.5); text-decoration: none; transition: color .2s ease; }
.f-industries a:hover { color: #0d0d0d; text-decoration: underline; }

/* ===== Footer menu hover fix (2026-06-12): футер светлый — ховер тёмный, не белый ===== */
.f-menu .menu-items a:hover { color: #0d0d0d !important; }
.f-menu .f-subnav a:hover { color: #0d0d0d !important; }

/* ===== Industries cards shared (ind-*) — 2026-06-12, вынесено из хаба ===== */
.ind-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px,1fr)); gap: 22px; margin-top: 44px; }
.ind-card { display: block; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; padding: 30px 28px 28px; background: rgba(255,255,255,.018); text-decoration: none; color: #F8F8F8; transition: border-color .3s ease, background .3s ease, transform .35s cubic-bezier(.22,1,.36,1); }
.ind-card:hover { box-shadow: inset 0 0 0 999px rgba(236,236,239,.93); border-color: rgba(13,13,13,.10); transform: translateY(-4px); }
.ind-card__ttl, .ind-card__txt, .ind-card__more { position: relative; z-index: 1; transition: color .3s ease, border-color .3s ease; }
.ind-card:hover .ind-card__ttl { color: #0d0d0d; -webkit-text-fill-color: #0d0d0d; }
.ind-card:hover .ind-card__txt { color: rgba(13,13,13,.62); -webkit-text-fill-color: rgba(13,13,13,.62); }
.ind-card:hover .ind-card__more { color: #0d0d0d; -webkit-text-fill-color: #0d0d0d; border-bottom-color: rgba(13,13,13,.4); }
.ind-card__ttl { font-size: 20px; font-weight: 600; letter-spacing: .02em; }
.ind-card__txt { margin-top: 14px; font-size: 14.5px; line-height: 1.6; color: rgba(248,248,248,.62); }
.ind-card__more { display: inline-block; margin-top: 20px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(248,248,248,.75); border-bottom: 1px solid rgba(248,248,248,.35); padding-bottom: 3px; }
.ind-lead { max-width: 700px; font-size: 17px; line-height: 1.65; color: rgba(248,248,248,.75); }
.ind-note { margin-top: 40px; font-size: 15px; color: rgba(248,248,248,.55); max-width: 640px; line-height: 1.6; }

/* ===== Footer menu wrap (2026-06-12): футер-меню не схлопывается в «Ещё», а переносит колонки ===== */
.f-menu .menu-items { flex-wrap: wrap; row-gap: 18px; column-gap: 30px; }

/* ===== Industries editorial list on homepage (2026-06-12) ===== */
.indl { margin-top: 44px; display: flex; flex-direction: column; gap: 14px; }
.indl-row { display: grid; grid-template-columns: 84px 1fr auto; gap: 28px; align-items: center; padding: 26px 18px; border-radius: 18px; text-decoration: none; color: #F8F8F8; position: relative; transition: background .35s ease, backdrop-filter .35s ease; }
.indl-row, .indl-row span { text-decoration: none !important; }
.indl-row {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    transform: translateZ(0);
}
.indl-row:hover { background: rgba(236, 236, 239, 0.90); border-color: rgba(13,13,13,0.10); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3); }
.indl-num { font-size: 34px !important; line-height: 1; transition: -webkit-text-fill-color .3s ease; }
.indl-body { display: block; min-width: 0; }
.indl-ttl { display: block; font-size: 21px; letter-spacing: .04em; text-transform: uppercase; transition: transform .35s cubic-bezier(.22,1,.36,1), color .3s ease; }
.indl-txt { display: block; margin-top: 8px; font-size: 14.5px; line-height: 1.55; color: rgba(248,248,248,.55); max-width: 640px; transition: color .3s ease; }
.indl-arr { color: rgba(248,248,248,.3); transition: transform .35s cubic-bezier(.22,1,.36,1), color .3s ease; display: flex; }
.indl-row:hover .indl-num { background-image: linear-gradient(#0d0d0d, #0d0d0d) !important; background-size: 100% 100% !important; background-position: 0 0 !important; background-repeat: no-repeat !important; animation: none !important; }
.indl-row:hover .indl-ttl { color: #0d0d0d; transform: translateX(8px); }
.indl-row:hover .indl-txt { color: rgba(13,13,13,.62); }
.indl-row:hover .indl-arr { transform: translateX(10px); color: #0d0d0d; }
@media (max-width: 760px) {
  .indl-row { grid-template-columns: 52px 1fr; gap: 16px; padding: 22px 2px; }
  .indl-num { font-size: 26px !important; }
  .indl-ttl { font-size: 17px; }
  .indl-arr { display: none; }
}

/* ===== Footer top align (2026-06-12): карта сайта на уровне логотипа ===== */
.f-top { align-items: flex-start !important; }
.f-top .f-menu { margin-top: 24px; }

/* ===== Footer compact 2026-06-12: убраны пустоты, низ поднят на задний план ===== */
.f-top { padding-top: 18px !important; padding-bottom: 0 !important; border-bottom: none !important; }
.f-menu { position: relative; z-index: 2; }
.f-center { margin-top: -48px !important; margin-bottom: 24px !important; position: relative; z-index: 1; }
.f-bottom { position: relative; z-index: 1; }

/* ===== Services cards hover inversion — стеклянный стиль сохранён (backdrop-filter не трогаем) ===== */
.services-item:hover,
.services-detail__list .services-item:hover {
    background: rgba(236, 236, 239, 0.92) !important;
    background-color: rgba(236, 236, 239, 0.92) !important;
    border-color: rgba(13, 13, 13, 0.10) !important;
}
.services-item .services-item__titl,
.services-item .services-item__txt,
.services-item .services-tag { transition: color .3s ease, border-color .3s ease; }
.services-item:hover .services-item__titl { color: #0d0d0d !important; }
.services-item:hover .services-item__txt { color: rgba(13, 13, 13, 0.62) !important; }
.services-item:hover .services-item__num { color: rgba(13, 13, 13, 0.45) !important; background: none !important; }
.services-item:hover .services-tag { color: #0d0d0d !important; border-color: rgba(13, 13, 13, 0.28) !important; }

/* ===== Quiz options inversion (2026-06-12) ===== */
.quiz-opt { transform: translateZ(0); }
.quiz-opt:hover {
    background: rgba(236,236,239,0.92) !important;
    color: #0d0d0d !important;
    border-color: transparent !important;
}
.quiz-opt.selected {
    background: rgba(236,236,239,0.96) !important;
    color: #0d0d0d !important;
    border-color: transparent !important;
    box-shadow: none !important;
}


/* анти-мерцание первого ховера карточек */
.services-item { transform: translateZ(0); }

/* ===== Legal links (2026-06-12, финал): строки 12px со стрелкой, как юрданные слева ===== */
.f-bottom-menu-item li a {
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px !important;
    line-height: 22px;
    color: rgba(13,13,13,.66) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: none !important;
    transition: color .25s ease;
}
.f-bottom-menu-item li a::after {
    content: "\2192";
    font-size: 12px;
    opacity: .4;
    transition: transform .25s ease, opacity .25s ease;
}
.f-bottom-menu-item li a:hover { color: #0d0d0d !important; }
.f-bottom-menu-item li a:hover::after { transform: translateX(4px); opacity: 1; }
.f-bottom-menu-item li { margin-bottom: 8px !important; }

/* ===== Footer nav underline = ширина текста, не колонки ===== */
.f-menu .menu-items > li > a { display: inline-block !important; width: auto !important; align-self: flex-start; }

/* ===== Industries section blobs (2026-06-12): засветка под стеклом ===== */
.industries-section { position: relative; isolation: isolate; }
.industries-section::before {
    content: ""; position: absolute; top: 6%; left: -4%;
    width: 58%; height: 62%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") repeat, radial-gradient(ellipse, rgba(150,24,46,0.0451) 0%, rgba(150,24,46,0.0324) 18%, rgba(150,24,46,0.0205) 36%, rgba(150,24,46,0.0119) 52%, rgba(150,24,46,0.0057) 66%, rgba(150,24,46,0.0025) 79%, rgba(150,24,46,0.0008) 89%, transparent 97%);
  -webkit-mask-image: radial-gradient(ellipse, rgba(0,0,0,1) 0%, rgba(0,0,0,.42) 28%, rgba(0,0,0,.14) 50%, rgba(0,0,0,.04) 66%, transparent 80%);
  mask-image: radial-gradient(ellipse, rgba(0,0,0,1) 0%, rgba(0,0,0,.42) 28%, rgba(0,0,0,.14) 50%, rgba(0,0,0,.04) 66%, transparent 80%); pointer-events: none; z-index: -1;
}
.industries-section::after {
    content: ""; position: absolute; bottom: -4%; right: -4%;
    width: 58%; height: 66%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") repeat, radial-gradient(ellipse, rgba(0,130,185,0.0451) 0%, rgba(0,130,185,0.0324) 18%, rgba(0,130,185,0.0205) 36%, rgba(0,130,185,0.0119) 52%, rgba(0,130,185,0.0057) 66%, rgba(0,130,185,0.0025) 79%, rgba(0,130,185,0.0008) 89%, transparent 97%);
  -webkit-mask-image: radial-gradient(ellipse, rgba(0,0,0,1) 0%, rgba(0,0,0,.42) 28%, rgba(0,0,0,.14) 50%, rgba(0,0,0,.04) 66%, transparent 80%);
  mask-image: radial-gradient(ellipse, rgba(0,0,0,1) 0%, rgba(0,0,0,.42) 28%, rgba(0,0,0,.14) 50%, rgba(0,0,0,.04) 66%, transparent 80%); pointer-events: none; z-index: -1;
}

/* ===== Legal links dark (about page) — как в футере, но для тёмного фона ===== */
.legal-links { display: flex; flex-direction: column; gap: 9px; align-items: flex-start; }
.legal-links a {
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    line-height: 22px;
    color: rgba(248,248,248,.68) !important;
    transition: color .25s ease;
}
.legal-links a::after {
    content: "\2192";
    font-size: 12px;
    opacity: .4;
    transition: transform .25s ease, opacity .25s ease;
}
.legal-links a:hover { color: #fff !important; }
.legal-links a:hover::after { transform: translateX(4px); opacity: 1; }

/* ===== Global glow canvas (2026-06-12, СТАТИЧНОЕ closest-side — без прямоугольных краёв) ===== */
.who-we-section::before, .cases-section::before,
.main-services-section::before, .main-services-section::after,
.clients-section::before, .contacts-section::before,
section:has(.specializacia-item)::before, section:has(.specializacia-item)::after,
.industries-section::before, .industries-section::after { content: none !important; }

#wrapper.body {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),
        radial-gradient(ellipse closest-side, rgba(150,24,46,0.0500) 0%, rgba(150,24,46,0.0350) 18%, rgba(150,24,46,0.0210) 36%, rgba(150,24,46,0.0110) 54%, rgba(150,24,46,0.0050) 70%, rgba(150,24,46,0.0018) 84%, rgba(150,24,46,0.0000) 100%),
        radial-gradient(ellipse closest-side, rgba(0,130,185,0.0480) 0%, rgba(0,130,185,0.0336) 18%, rgba(0,130,185,0.0202) 36%, rgba(0,130,185,0.0106) 54%, rgba(0,130,185,0.0048) 70%, rgba(0,130,185,0.0017) 84%, rgba(0,130,185,0.0000) 100%),
        radial-gradient(ellipse closest-side, rgba(150,24,46,0.0520) 0%, rgba(150,24,46,0.0364) 18%, rgba(150,24,46,0.0218) 36%, rgba(150,24,46,0.0114) 54%, rgba(150,24,46,0.0052) 70%, rgba(150,24,46,0.0018) 84%, rgba(150,24,46,0.0000) 100%),
        radial-gradient(ellipse closest-side, rgba(0,130,185,0.0460) 0%, rgba(0,130,185,0.0322) 18%, rgba(0,130,185,0.0193) 36%, rgba(0,130,185,0.0101) 54%, rgba(0,130,185,0.0046) 70%, rgba(0,130,185,0.0016) 84%, rgba(0,130,185,0.0000) 100%),
        radial-gradient(ellipse closest-side, rgba(150,24,46,0.0440) 0%, rgba(150,24,46,0.0308) 18%, rgba(150,24,46,0.0185) 36%, rgba(150,24,46,0.0097) 54%, rgba(150,24,46,0.0044) 70%, rgba(150,24,46,0.0015) 84%, rgba(150,24,46,0.0000) 100%),
        radial-gradient(ellipse closest-side, rgba(0,130,185,0.0520) 0%, rgba(0,130,185,0.0364) 18%, rgba(0,130,185,0.0218) 36%, rgba(0,130,185,0.0114) 54%, rgba(0,130,185,0.0052) 70%, rgba(0,130,185,0.0018) 84%, rgba(0,130,185,0.0000) 100%),
        radial-gradient(ellipse closest-side, rgba(150,24,46,0.0460) 0%, rgba(150,24,46,0.0322) 18%, rgba(150,24,46,0.0193) 36%, rgba(150,24,46,0.0101) 54%, rgba(150,24,46,0.0046) 70%, rgba(150,24,46,0.0016) 84%, rgba(150,24,46,0.0000) 100%);
    background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 160px 160px, 1670px 1160px, 1380px 1040px, 1880px 1300px, 1520px 1130px, 1280px 960px, 1810px 1280px, 1420px 1040px;
    background-position: 0 0, 10% 1150px, 84% 1800px, 62% 2550px, 12% 3350px, 88% 4150px, 38% 4950px, 72% 5750px;
}

/* ===== Unify cards to glass (2026-06-12): общий стеклянный стиль внутренних блоков ===== */
.cases-item, .clients-item, .specializacia-item,
.vacancy-item.accordion-item, .b24-feat-acc.accordion-item, .bx-cert-item.accordion-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
    transition: border-color .3s ease, box-shadow .3s ease, transform .35s cubic-bezier(.22,1,.36,1);
}
/* карточки-ссылки — подсветка + лёгкий подъём */
.cases-item:hover, .clients-item:hover, .specializacia-item:hover {
    border-color: rgba(255,255,255,0.24) !important;
    box-shadow: 0 14px 38px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.13) !important;
    transform: translateY(-4px);
}
/* аккордеоны — подсветка БЕЗ подъёма (раскрытый контент не должен прыгать) */
.vacancy-item.accordion-item:hover, .b24-feat-acc.accordion-item:hover, .bx-cert-item.accordion-item:hover {
    border-color: rgba(255,255,255,0.22) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.vacancy-item.accordion-item.open, .b24-feat-acc.accordion-item.open, .bx-cert-item.accordion-item.open {
    border-color: rgba(255,255,255,0.18) !important;
    background: rgba(255,255,255,0.055) !important;
}

/* бриллиант bitrix24: спокойный float вместо mouse-parallax */
.b24-hero__img--float { animation: b24Float 7s ease-in-out infinite; will-change: transform; }
@keyframes b24Float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-14px) rotate(1.2deg); }
}
@media (prefers-reduced-motion: reduce) { .b24-hero__img--float { animation: none; } }

/* ===== ind-card no underline (2026-06-12): убрать любое подчёркивание ===== */
.ind-card, .ind-card:hover, .ind-card *, .ind-card:hover * { text-decoration: none !important; }
.ind-card__more, .ind-card:hover .ind-card__more { border-bottom: none !important; }

/* ===== Footer logo align to menu top (2026-06-12) ===== */
.f-top .f-logo { margin-top: 24px; }


/* ================================================================
   AUDIT 2026-06-13 — правка по дизайн-ревью (body 16px).
   [секции CTA-кнопок и мобильных статов откатаны по просьбе юзера]
   ОТКАТ: удалить ВЕСЬ блок от этого маркера до "END AUDIT 2026-06-13",
   либо восстановить custom.css.bak_audit_20260613. Внутри — только overrides.
   ================================================================ */

/* (2) Body-копи 14 → 16px, межстрочный воздух, мягче трекинг (был 0.7px). */
.clients-item__text,
.services-item__txt,
.hmw-desc,
.section-header p{
  font-size: 16px !important;
  line-height: 1.55 !important;
  letter-spacing: .2px !important;
}
.indl-txt{ font-size: 15.5px !important; line-height: 1.5 !important; }
/* ===== END AUDIT 2026-06-13 ===== */

/* ===== Case system screenshots — float сбоку от текста + Fancybox (2026-06-14) =====
   ОТКАТ: удалить блок до END. Связан с template.php news.detail/.default (.bak_screens_20260614). */
.about-client--flow .case-flow{ display:flow-root; }
.about-client--flow .case-flow .about-client__left{ width:auto!important; max-width:none!important; flex:none!important; float:none!important; padding-left:0!important; padding-right:0!important; }
.case-screen{ margin:4px 0 20px; }
.case-screen--right{ float:right; width:46%; margin:6px 0 18px 34px; }
.case-screen--left{ float:left; width:46%; margin:6px 34px 18px 0; }
.case-screen__link{ display:block; position:relative; border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.10); cursor:zoom-in; transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s; }
.case-screen__link:hover{ transform:translateY(-3px); box-shadow:0 18px 50px rgba(0,0,0,.45); }
.case-screen__link img{ display:block; width:100%; height:auto; }
.case-screen__zoom{ position:absolute; right:12px; bottom:12px; width:34px; height:34px; border-radius:9px; background:rgba(13,13,13,.62); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s; }
.case-screen__link:hover .case-screen__zoom{ opacity:1; }
.case-screen__zoom::before{ content:"\26F6"; color:#fff; font-size:15px; line-height:1; }
.case-screen__cap{ margin:9px 0 0; font-size:13px; line-height:1.5; color:#9a9a9a; }
@media (max-width:768px){ .case-screen--right,.case-screen--left{ float:none; width:100%; margin:0 0 18px; } }
/* ===== END Case screenshots ===== */

/* ===== Case redesign (reference-style, тёмная тема) 2026-06-14 — ОТКАТ: удалить блок до END ===== */
.about-client--intro{ align-items:center; }
.about-client--intro .client-photo{ margin:0; border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 50px rgba(0,0,0,.45); }
.about-client--intro .client-photo img{ display:block; width:100%; height:auto; }
/* скрины крупнее */
.case-screen--right{ width:58%; }
.case-screen--left{ width:58%; }
/* видео 16:9 (опциональный блок) */
.about-client--video .case-video{ position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.10); background:#0d0d0d; }
.about-client--video .case-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
/* метрики «Результаты» */
.about-client--metrics .case-metrics{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:10px; width:100%; }
.case-metric{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10); border-radius:16px; padding:24px 22px; }
.case-metric__num{ font-size:40px; line-height:1.05; font-weight:700; color:#f8f8f8; letter-spacing:-.02em; }
.case-metric__lbl{ margin-top:10px; font-size:14px; line-height:1.45; color:#9a9a9a; }
@media (max-width:900px){ .about-client--metrics .case-metrics{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .about-client--metrics .case-metrics{ grid-template-columns:1fr; } .case-screen--right,.case-screen--left{ float:none; width:100%; margin:0 0 18px; } }
/* ===== END Case redesign ===== */

/* ===== Case «Что сделали» — заголовки на всю ширину + крупные скрины (2026-06-14) ОТКАТ: удалить до END ===== */
.about-client--work{ display:block; }
.about-client--work .case-work{ display:block; }
.about-client--work .case-block{ width:100%; }
.about-client--work .case-block .about-client__left{ width:auto !important; max-width:none !important; flex:none !important; float:none !important; padding-left:0 !important; padding-right:0 !important; }
.about-client--work .case-block h2.page-doptitle{ margin:52px 0 22px; }
.about-client--work .case-block h3{ margin:40px 0 16px; }
.about-client--work .case-block p{ max-width:64ch; }
.about-client--work .case-block li{ max-width:64ch; }
/* крупный скрин на всю ширину контентной колонки */
.case-shot{ margin:18px 0 50px; }
.case-shot__link{ display:block; position:relative; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.10); cursor:zoom-in; transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s; }
.case-shot__link:hover{ transform:translateY(-4px); box-shadow:0 24px 70px rgba(0,0,0,.5); }
.case-shot__link img{ display:block; width:100%; height:auto; }
.case-shot__zoom{ position:absolute; right:14px; bottom:14px; width:38px; height:38px; border-radius:10px; background:rgba(13,13,13,.6); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s; }
.case-shot__link:hover .case-shot__zoom{ opacity:1; }
.case-shot__zoom::before{ content:"\26F6"; color:#fff; font-size:17px; line-height:1; }
.case-shot__cap{ margin:13px 0 0; font-size:14px; line-height:1.5; color:#9a9a9a; max-width:64ch; }
/* старые плавающие .case-screen больше не используются */
.case-screen{ float:none !important; width:100% !important; }
/* ===== END Case «Что сделали» ===== */

/* ===== Mobile fixes 2026-06-14: подвал-наложение + бургер белое-на-белом. ОТКАТ: удалить до END ===== */
@media (max-width: 990px){
  /* (2) бургер-меню: текст всегда тёмный (база делает hover/active белым для тёмной шапки -> на белом фоне бургера невидимо) */
  .h-menu .menu-items li a,
  .h-menu .menu-items li:hover a,
  .h-menu .menu-items li:active a,
  .h-menu .menu-items li:focus a,
  .h-menu .menu-items li.is-active a,
  .h-menu .menu-items li:hover.is-active a,
  .h-menu .has-dropdown .dropdown li a,
  .h-menu .has-dropdown .dropdown li:hover a,
  .h-menu .has-dropdown .dropdown li.is-active a{
    color: var(--dark-gray-color, #141414) !important;
  }
}
@media (max-width: 768px){
  /* (1) подвал: контакты (.f-center) не должны наезжать на меню — снять десктопный минус-отступ */
  .f-center{ margin-top: 16px !important; }
  .f-top .f-logo{ margin-top: 0 !important; }
}
/* ===== END Mobile fixes ===== */

/* ===== Mobile footer centering 2026-06-15 (одна центрированная колонка). ОТКАТ: удалить до END ===== */
@media (max-width: 768px){
  /* лого по центру */
  .f-top{ align-items: center !important; text-align: center; }
  .f-top .f-logo{ width: 100%; text-align: center; margin-left: 0 !important; }
  .f-top .f-logo a{ display: inline-flex; }
  /* меню по центру (страховка) */
  .f-menu{ width: 100%; }
  .f-menu .menu-items{ align-items: center !important; }
  /* контакты: телефон+email и соцсети по центру */
  .f-center{ align-items: center !important; width: 100%; text-align: center; }
  .f-center .f-contact{ justify-content: center !important; flex-wrap: wrap; gap: 12px 28px; width: 100%; }
  .f-center .f-social{ justify-content: center !important; width: 100%; }
  /* низ: реквизиты, юр-ссылки, копирайт — по центру */
  .f-bottom{ justify-items: center !important; text-align: center; }
  .f-bottom .about-author{ text-align: center; padding-left: 0 !important; align-items: center; }
  .f-bottom .about-author li{ text-align: center; list-style: none; }
  .f-bottom .f-bottom-menu-list, .f-bottom .f-bottom-menu-list ul{ justify-content: center !important; text-align: center; }
  .f-bottom .f-copy{ text-align: center; width: 100%; }
}
/* ===== END Mobile footer centering ===== */


/* ===== Mobile home hero 2026-06-15 v2: полноэкранный + воздух между элементами. ОТКАТ: удалить до END ===== */
@media (max-width: 768px){
  .main-topblock{
    min-height: 86vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 84px;
    padding-bottom: 64px;
  }
  .main-topblock .main-topblock-row{ width: 100%; }
  .main-topblock .main-title{ margin-bottom: 48px !important; line-height: 1.24 !important; }
  .main-topblock .main-topblock__txt{ margin-bottom: 56px !important; line-height: 1.72 !important; }
  .main-topblock .main-topblock__txt + a,
  .main-topblock .btn{ margin-top: 0 !important; }
}
/* ===== END Mobile home hero ===== */

/* Footer contacts: телефон над почтой (2026-06-22). ОТКАТ: удалить этот блок. */
.f-center .f-contact{ flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
@media (max-width: 990px){
  .f-center .f-contact{ align-items: center !important; }
}
/* END Footer contacts stack */

/* Blog cards: без подчёркивания (2026-06-22). ОТКАТ: удалить. */
.fromblog-card, .fromblog-card *, .blog-card, .blog-card *{ text-decoration: none !important; }
.fromblog-card:hover, .blog-card:hover{ text-decoration: none !important; }
/* END blog cards no-underline */

/* ===================== Blog design (2026-06-22) — стекло/премиум. ОТКАТ: удалить блок до END. ===================== */
.blog-bc{display:flex;gap:9px;align-items:center;font-size:13px;color:rgba(248,248,248,.5);margin:0 0 20px;flex-wrap:wrap}
.blog-bc a{color:rgba(248,248,248,.55);text-decoration:none!important}
.blog-bc a:hover{color:#F8F8F8}
.blog-bc i{color:rgba(248,248,248,.28);font-style:normal}

/* --- Индекс блога --- */
.blogx{padding:clamp(46px,6vw,86px) 0}
.blogx__lead{max-width:680px;font-size:18px;line-height:1.65;color:rgba(248,248,248,.72);margin:16px 0 0}
.blogx__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:24px;margin-top:46px}
.blogx__card{position:relative;display:flex;flex-direction:column;padding:30px 30px 32px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.04);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;text-decoration:none!important;transition:border-color .3s ease,box-shadow .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.blogx__card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.24);box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.13)}
.blogx__pill{align-self:flex-start;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:#00C6D2;border:1px solid rgba(0,198,210,.35);border-radius:50px;padding:6px 14px;position:relative;z-index:1}
.blogx__ttl{margin:18px 0 10px;font-size:22px;line-height:1.28;color:#F8F8F8;font-weight:600;letter-spacing:-.3px;position:relative;z-index:1}
.blogx__txt{font-size:15px;line-height:1.6;color:rgba(248,248,248,.64);flex:1;position:relative;z-index:1}
.blogx__more{margin-top:22px;font-size:14.5px;font-weight:600;color:#F8F8F8;position:relative;z-index:1}

/* --- Статья --- */
.art2{padding:clamp(30px,4vw,56px) 0 clamp(50px,6vw,90px)}
.art2-wrap{max-width:780px}
.art2-pill{display:inline-block;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:#00C6D2;border:1px solid rgba(0,198,210,.35);border-radius:50px;padding:7px 16px}
.art2-h1{font-size:clamp(30px,4.4vw,47px);line-height:1.17;letter-spacing:-1px;color:#F8F8F8;margin:20px 0 0;max-width:820px}
.art2-meta{margin:18px 0 0;font-size:14px;color:rgba(248,248,248,.5);display:flex;gap:18px;flex-wrap:wrap}
.art2-body{margin-top:40px}
.art2-body>p:first-child{font-size:19px;line-height:1.7;color:rgba(248,248,248,.85)}
.art2-body h2{font-size:clamp(24px,3vw,31px);margin:48px 0 14px;color:#F8F8F8;letter-spacing:-.4px;line-height:1.25}
.art2-body h3{font-size:20px;margin:30px 0 10px;color:#F8F8F8}
.art2-body p{font-size:17px;line-height:1.75;color:rgba(248,248,248,.8);margin:0 0 18px}
.art2-body ul,.art2-body ol{margin:0 0 20px;padding-left:24px}
.art2-body li{font-size:17px;line-height:1.7;color:rgba(248,248,248,.8);margin:0 0 11px}
.art2-body li::marker{color:#00C6D2}
.art2-body strong{color:#F8F8F8;font-weight:600}
.art2-body a{color:#00C6D2;text-decoration:none;border-bottom:1px solid rgba(0,198,210,.4)}
.art2-note{margin:26px 0;padding:22px 26px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.art2-note p{margin:0;font-size:16px;line-height:1.65;color:rgba(248,248,248,.82)}
.art2-faq{margin-top:18px}
.art2-faq details{border-top:1px solid rgba(255,255,255,.1);padding:18px 0}
.art2-faq summary{cursor:pointer;color:#F8F8F8;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.art2-faq summary::-webkit-details-marker{display:none}
.art2-faq summary::after{content:"+";color:#00C6D2;font-size:24px;line-height:1;flex:0 0 auto}
.art2-faq details[open] summary::after{content:"\2212"}
.art2-faq details p{margin:14px 0 0;font-size:16px;line-height:1.7;color:rgba(248,248,248,.74)}
.art2-cta{margin:52px 0 0;padding:34px 36px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);position:relative;overflow:hidden}
.art2-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 0 0,rgba(0,198,210,.12),transparent 55%);pointer-events:none}
.art2-cta b{display:block;color:#F8F8F8;font-size:22px;margin:0 0 8px;letter-spacing:-.3px;position:relative}
.art2-cta p{margin:0 0 18px;color:rgba(248,248,248,.74);font-size:16px;position:relative}
.art2-cta .btn{position:relative}
.art2-rel{margin-top:62px}
.art2-rel__t{font-size:22px;color:#F8F8F8;margin:0 0 22px}
.art2-rel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.art2-rel__card{display:block;padding:24px 24px 26px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-decoration:none!important;transition:transform .35s,border-color .35s}
.art2-rel__card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2)}
.art2-rel__card span{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:#00C6D2;font-weight:700}
.art2-rel__card div{margin-top:10px;font-size:17px;line-height:1.3;color:#F8F8F8;font-weight:600}
@media(max-width:600px){.art2-body p,.art2-body li{font-size:16px}.art2-body>p:first-child{font-size:17.5px}}
/* ===================== END Blog design ===================== */

/* Blog article H1 — серебряный перелив как у .section__title (2026-06-23) */
.art2-h1{
  background:linear-gradient(165deg,#ffffff 0%,#d2d2da 42%,#969aa4 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* Fix: hover-подъём карточек в каруселях (клиенты/кейсы) не должен обрезаться верхним краем swiper (overflow:hidden) — 2026-07-02 */
.slider-clients.swiper, .slider-cases.swiper{ padding-top:14px; margin-top:-14px; }
.h-top{position:relative}

/* ===== f-menu hit-area fix 2026-07-07 =====
   Простые пункты меню футера растягивались до высоты пунктов с подменю
   и невидимой нижней частью перекрывали кнопки мессенджеров (hover/click).
   Область наведения = только текст ссылки. Подчёркивание только по a:hover. */
.f-menu .menu-items{align-items:flex-start;}
.f-menu .menu-items li a{display:inline-block;}
.f-menu .menu-items li:hover a{text-decoration:none;}
.f-menu .menu-items li a:hover{text-decoration:underline;}
.f-menu .menu-items li.is-active a{text-decoration:underline;}
/* ===== /f-menu hit-area fix ===== */
@media only screen and (max-width:990px){
  .f-menu .menu-items{align-items:center;}
  .f-menu .menu-items li a{display:block;}
}
/* ===== /f-menu mobile restore ===== */

/* ===== f-menu pointer-events fix 2026-07-07 =====
   Широкий контейнер меню футера (.f-menu, flex-grow) невидимо накрывал
   верх кнопок мессенджеров справа. Пустая область меню пропускает курсор
   насквозь; интерактивны только сами ссылки. */
.f-menu,.f-menu .main-menu,.f-menu .menu-items,.f-menu .menu-items>li{pointer-events:none;}
.f-menu .menu-items li a{pointer-events:auto;}
/* ===== /f-menu pointer-events fix ===== */

/* callback link: подчёркивание только по наведению (убрана статичная подложка) 2026-07-07 */
.h-callback-text:hover{text-decoration:underline;}

/* lang switcher: наведение делает текст видимым (не сливается) 2026-07-07 */
.lang-sw a{transition:color .15s ease;}
.lang-sw a:hover{color:#fff !important;}

/* ===== Хедер мобилка: переключатель+callback 2026-07-07 =====
   На мобильных кнопка "Оставить заявку" скрыта -> абсолютные callback и
   lang-sw ломали вёрстку (вылезали за край). Callback прячем, переключатель
   делаем статичным в потоке рядом с бургером. */
@media (max-width:1200px){
  .h-callback-text{display:none !important;}
  .lang-sw{position:static !important;top:auto !important;right:auto !important;left:auto !important;transform:none !important;margin:0 !important;}
}
/* ===== /Хедер мобилка ===== */


/* блоки в статьях блога - как блоки по всему сайту: без бирюзового свечения и стекла (2026-09-23) */
.art2-cta::before { display: none; }
.art2-cta,
.art2-note,
.art2-rel__card {
    background: rgba(248,248,248,0.04);
    border: 1px solid rgba(248,248,248,0.12);
    border-radius: var(--brdr-radius);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.art2-rel__card { border-color: rgba(248,248,248,0.1); }
.art2-rel__card:hover { border-color: rgba(248,248,248,0.25); }


/* .btn1 при наведении: раньше фон уходил в transparent, а текст оставался тёмным -
   на тёмном фоне кнопка пропадала целиком. Кнопка не должна пропадать (2026-09-23) */
.btn.btn1:is(:hover, :active, :focus-visible) {
    background-color: #e9e9e9 !important;
    color: var(--dark-gray-color) !important;
    border-color: transparent !important;
}

/* ===== Прилипшая шапка: «RU / EN» и «Заказать звонок» не упираются в нижнюю линию (2026-09-30) =====
   Подписи висят под телефоном и кнопкой. В стеклянном состоянии даём шапке чуть больше воздуха
   и приподнимаем правый блок, чтобы пары «кнопка + RU/EN» и «телефон + Заказать звонок»
   стояли по центру полосы. Только там, где подписи висят (шире 1200px). */
@media (min-width:1201px){
  .h-right > div{transition:transform .35s ease !important;}
  header.itq-glass .h-top{padding-top:16px !important;padding-bottom:16px !important;}
  header.itq-glass .h-right > div{transform:translateY(-8px);}
  header.itq-glass .lang-sw{margin-top:6px !important;}
}
@media (min-width:1201px) and (prefers-reduced-motion:reduce){
  .h-right > div{transition:none !important;}
}

/* ── Виджет Битрикс24: порядок в кнопках (2026-10-08) ──
   Каналы Qonnect на той же открытой линии попадали в виджет лишними кнопками и вели
   на qonnect.itquantum.ru, а не в чат - скрываем. Telegram приводим к размеру остальных значков. */
.b24-widget-button-social-item[class*="ui-icon-service-qonnect_"] { display: none !important; }
.b24-widget-button-social-item.ui-icon-service-telegram i {
    background-size: 82% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 12.10.2026: страницы не шире экрана телефона */
@media (max-width:767px){.callback__img2{right:0 !important}}
@media (max-width:640px){.b24-ptable-title--promo{flex-wrap:wrap}}
.article.container h1{overflow-wrap:break-word}
.article.container p,.article.container li,.article.container a{overflow-wrap:anywhere}
.article.container img,.article.container table{max-width:100%}
@media (max-width:480px){.article.container h1{font-size:28px;line-height:1.2;letter-spacing:0}}
/* 12.10.2026: «Заказать звонок» в шапке без тёмной плашки на светлом фоне */
.h-top .h-right a.h-callback-text{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;text-shadow:0 0 8px rgba(20,20,20,.55)}
.article.container p{overflow-x:clip}
@media (max-width:480px){.b24-plan-cards{grid-template-columns:1fr !important}}
.contacts-data__val a{overflow-wrap:anywhere}
@media (max-width:380px){.blogx__grid{grid-template-columns:minmax(0,1fr) !important}.blogx__card{min-width:0 !important;max-width:100% !important;flex-basis:100% !important}}
.article.container td,.article.container th,.article.container h2,.article.container h3{overflow-wrap:anywhere}
@media (max-width:480px){.article.container table{display:block;overflow-x:auto}}

/* End */
/* /bitrix/templates/infoquantum/libs/bootstrap/css/bootstrap-grid.min.css?176184444956464 */
/* /bitrix/templates/infoquantum/libs/swiper/swiper-bundle.min.css?176184441818452 */
/* /bitrix/templates/infoquantum/css/style.css?177972732959089 */
/* /bitrix/templates/infoquantum/css/custom.css?1791795022145284 */