/* Start:/local/templates/main/assets/fancybox_rutube_v3.5.7/jquery.fancybox.min.css?173937079413213*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/main/assets/css/main.css?1752494126508042*/
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
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, menu, 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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}

body {
    line-height: 1;
}

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

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: "swiper-icons";
    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") format("woff");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}

.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
}

.carousel {
    position: relative;
    box-sizing: border-box;
}

.carousel *, .carousel *:before, .carousel *:after {
    box-sizing: inherit;
}

.carousel.is-draggable {
    cursor: move;
    cursor: grab;
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing;
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
}

.carousel__track {
    display: flex;
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: 0.25;
    transition: opacity 0.15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1;
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity 0.15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel__button.is-prev {
    left: 10px;
}

.carousel__button.is-next {
    right: 10px;
}

.carousel__button[disabled] {
    cursor: default;
    opacity: 0.3;
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none;
}

html.with-fancybox {
    scroll-behavior: auto;
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none;
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
    box-sizing: inherit;
}

.fancybox__container :focus {
    outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width:48px;
        --carousel-button-height:48px;
        --carousel-button-svg-width:27px;
        --carousel-button-svg-height:27px;
    }
}
.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10;
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default;
}

.fancybox__track {
    display: flex;
    height: 100%;
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto;
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px;
    }
}
.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    box-shadow: none;
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
    visibility: hidden;
}

.fancybox__container > .carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
    z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
    right: 8px;
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px;
    }
}
.fancybox__nav .carousel__button.is-prev {
    left: 8px;
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px;
    }
}
.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40;
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px;
    }
}
.fancybox__content > .carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff);
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none;
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053;
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    animation: 0.15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
    animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
    animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
    animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
    animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
    animation: 0.15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
    animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
    animation: 0.15s ease both fancybox-throwOutDown;
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fancybox-fadeOut {
    to {
        opacity: 0;
    }
}
@keyframes fancybox-zoomInUp {
    from {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fancybox-zoomOutDown {
    to {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }
}
@keyframes fancybox-throwOutUp {
    to {
        transform: translate3d(0, -30%, 0);
        opacity: 0;
    }
}
@keyframes fancybox-throwOutDown {
    to {
        transform: translate3d(0, 30%, 0);
        opacity: 0;
    }
}
.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__image {
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: none;
}

.has-image .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
}

.is-closing .has-image .fancybox__content {
    overflow: visible;
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto;
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

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

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0px 3px;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0;
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    transition: opacity 0.15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px;
    }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0;
}

.fancybox__toolbar__items {
    display: flex;
}

.fancybox__toolbar__items--left {
    margin-right: auto;
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
    margin-left: auto;
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none;
    }
}
.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
    display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block;
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
    transform: scale(0.6);
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0);
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100;
    src: url("/local/templates/main/assets/fonts/Montserrat-Thin.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 200;
    src: url("/local/templates/main/assets/fonts/Montserrat-ExtraLight.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: url("/local/templates/main/assets/fonts/Montserrat-Light.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("/local/templates/main/assets/fonts/Montserrat-Regular.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("/local/templates/main/assets/fonts/Montserrat-Medium.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("/local/templates/main/assets/fonts/Montserrat-SemiBold.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url("/local/templates/main/assets/fonts/Montserrat-Bold.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    src: url("/local/templates/main/assets/fonts/Montserrat-ExtraBold.woff");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 900;
    src: url("/local/templates/main/assets/fonts/Montserrat-Black.woff");
}
@keyframes zom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zom-in {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
* {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
}

html {
    height: 100%;
}

body {
    height: -moz-max-content;
    height: max-content;
    min-height: 100%;
    font-family: "Montserrat", sans-serif;
    color: #0b1023;
    background-color: #f5f7fc;
}
body.white {
    background: #fff;
}

img,
svg,
a {
    display: block;
}

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

button {
    width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    font: inherit;
    line-height: normal;
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
}

input,
textarea {
    font-family: inherit;
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

b {
    font-weight: bold;
}

[data-simplebar]::-webkit-scrollbar {
    display: none;
}
[data-simplebar] *::-webkit-scrollbar {
    display: none;
}

video {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

input::-webkit-contacts-auto-fill-button {
    opacity: 0;
}

.about-body {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(12, 1fr);
    margin-top: 56px;
}
@media (max-width: 1023px) {
    .about-body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .about-body {
        grid-template-columns: repeat(6, 1fr);
    }
}

.about-card {
    background: #FFFFFF;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 6px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    position: relative;
}
@media (max-width: 767px) {
    .about-card {
        padding: 16px;
    }
}
.about-card--pad {
    padding: 24px 114px 24px 24px;
}
@media (max-width: 767px) {
    .about-card--pad {
        padding: 16px;
    }
}
.about-card__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .about-card__title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
.about-card__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .about-card__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.about-card__svg {
    width: 125px;
    height: 125px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.about-card__svg--big {
    width: 125px;
    height: 125px;
}
@media (max-width: 767px) {
    .about-card__svg {
        display: none;
    }
}

.about-desc__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #5c5e68;
    margin-top: 8px;
}
@media (max-width: 1023px) {
    .about-desc__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        width: 100%;
    }
}

.about-dev {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}
@media (max-width: 1024px) {
    .about-dev {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-dev {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.about-dev__title {
    width: 60%;
}
@media (max-width: 1023px) {
    .about-dev__title {
        width: 100%;
    }
}
.about-dev .about-card {
    grid-column: span 6;
}
@media (max-width: 1023px) {
    .about-dev .about-card {
        grid-column: span 12;
    }
}
@media (max-width: 1023px) {
    .about-dev .about-card {
        grid-column: span 6;
    }
}

.about-founders-card {
    grid-column: span 4;
}
@media (max-width: 1023px) {
    .about-founders-card {
        grid-column: span 6;
    }
}
.about-founders-card__img {
    width: 100%;
    aspect-ratio: 372/440;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    margin-bottom: 16px;
}
.about-founders-card__name {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
}
.about-founders-card__info {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #2B2C2C;
}
.about-founders-card .tooltype {
    display: inline-block;
    padding-bottom: 8px;
}

.about-founders {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}
@media (max-width: 1024px) {
    .about-founders {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-founders {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.about-founders__title {
    margin-bottom: 56px;
}

.about-path {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #f5f7fc;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .about-path {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-path {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.about-path__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
    text-align: center;
}
@media (max-width: 1023px) {
    .about-path__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.about-path__title-sub {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
    text-align: center;
}
.about-path__body {
    margin-top: 56px;
}
@media (max-width: 1023px) {
    .about-path__body {
        margin-top: 40px;
    }
}

.about-preview {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
    position: relative;
}

.cisk .about-preview {
    padding-bottom: 0;
}

@media (max-width: 1024px) {
    .about-preview {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-preview {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.about-preview__background {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1199px) {
    .about-preview__background {
        opacity: 0.48;
    }
}
@media (max-width: 767px) {
    .about-preview__background {
        position: absolute;
        top: 5%;
    }
}
.about-preview__body {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-100%);
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%;
}
@media (max-width: 1199px) {
    .about-preview__body {
        transform: translateY(-50%);
    }
}
@media (max-width: 767px) {
    .about-preview__body {
        position: relative;
        transform: none;
    }
}
.about-preview__shell {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    max-width: 805px;
}
@media (max-width: 1199px) {
    .about-preview__shell {
        width: 80%;
    }
}
.about-preview__sub-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #2B2C2C;
}
@media (max-width: 767px) {
    .about-preview__sub-title {
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.01em;
        margin-bottom: 8px;
    }
}
.about-preview__title {
    font-size: 42px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: unset;
    text-align: center;
}
@media (max-width: 1199px) {
    .about-preview__title {
        font-size: 32px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
@media (max-width: 767px) {
    .about-preview__title {
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}

.about-share {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}
@media (max-width: 1024px) {
    .about-share {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-share {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.about-share .about-card {
    grid-column: span 4;
}

.about-share .about-card.about-card--pad {
    grid-column: span 6;
}
@media (max-width: 1023px) {
    .about-share .about-card {
        grid-column: span 12;
    }
}
@media (max-width: 1023px) {
    .about-share .about-card {
        grid-column: span 6;
    }
}

.about-smi-card {
    background: #fff;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    grid-column: span 4;
    border-radius: 6px;
    transition: 200ms box-shadow linear;
}
@media (max-width: 1199px) {
    .about-smi-card {
        grid-column: span 6;
    }
}
.about-smi-card:hover {
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.06);
}
.about-smi-card__header {
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-smi-card__img {
    width: 100%;
    max-width: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}
.about-smi-card__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    padding: 0 24px 16px 24px;
    color: #0b1023;
}
@media (max-width: 1023px) {
    .about-smi-card__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
@media (max-width: 1023px) {
    .about-smi-card__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        padding: 16px;
    }
}

.about-smi {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #f5f7fc;
}
@media (max-width: 1024px) {
    .about-smi {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-smi {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.about-smi__button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
}
@media (max-width: 1023px) {
    .about-smi__button {
        width: 100%;
        margin-top: 40px;
    }
}
.about-smi__green {
    color: #4dad33;
}

.about-title__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    width: 60%;
}
@media (max-width: 1023px) {
    .about-title__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        width: 100%;
    }
}

.about-why-card {
    padding: 24px;
    border: 1px solid #b6b8c2;
    border-radius: 6px;
    grid-column: span 4;
}
@media (max-width: 1023px) {
    .about-why-card {
        grid-column: span 12;
    }
}
@media (max-width: 766px) {
    .about-why-card {
        grid-column: span 6;
    }
}
.about-why-card__shell {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
}
.about-why-card__shell-inner {
    display: flex;
    gap: 4px;
}
.about-why-card__number {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
}
.about-why-card__text {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
}
.about-why-card__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 1023px) {
    .about-why-card__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}

.about-why {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}
@media (max-width: 1024px) {
    .about-why {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .about-why {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.about-why__title {
    margin-bottom: 30px;
}
.about-why__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
    margin-top: 0;
    max-width: 700px;
}
@media (max-width: 1023px) {
    .about-why__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        max-width: 100%;
        margin-top: 0;
    }
}

.advertising-main {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .advertising-main {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .advertising-main {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.advertising-main__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.advertising-main__wrapper {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .advertising-main__wrapper {
        flex-direction: column-reverse;
        row-gap: 40px;
    }
}
.advertising-main__block {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.interactive-plan-page .advertising-main__block {
    width: 58.5%;
}

.advertising-main__block:nth-child(1){
    width: 470px;
}
@media (max-width: 768px) {
    .advertising-main__block {
        width: 100%;
    }

    .advertising-main__block:nth-child(1) {
        width: 100%;
    }
}
.advertising-main__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .advertising-main__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.advertising-main__block-text {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 56px;

    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2b2c2c;
}
@media (max-width: 768px) {
    .advertising-main__block-text {
        margin-bottom: 30px;
    }
}
.advertising-main__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #898c9a;
}
@media (max-width: 768px) {
    .advertising-main__block-text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
@media (max-width: 768px) {
    .interactive-plan-page .advertising-main__block {
        width: 100%;
    }
    .advertising-main__img {
        max-width: 585px;
    }
}
@media (max-width: 768px) {
    .advertising-main__btn {
        width: 100% !important;
        justify-content: center;
    }
}

.any-industry {
    background-color: #fff;
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1200px) {
    .any-industry {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.any-industry__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.any-industry__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    margin-bottom: 56px;
    margin-inline: auto;
    width: -moz-max-content;
    width: max-content;
}
@media (max-width: 1200px) {
    .any-industry__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .any-industry__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        width: initial;
    }
}
.any-industry__wrapper {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
    .any-industry__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(6, 1fr);
    }
}
@media (max-width: 768px) {
    .any-industry__wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }
}
.any-industry__block {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
    border-radius: 6px;
    border: 1px solid #daebcb;
    background-color: #fff;
    transition: border-color 200ms linear;
}
@media (max-width: 1200px) {
    .any-industry__block {
        padding: 16px;
    }
}
.any-industry__block--last {
    background-color: #4dad33;
    border: 1px solid #4dad33;
    transition: background-color 200ms linear, border-color 200ms linear;
}
.any-industry__block--last:hover {
    background-color: #60c843;
    border-color: #60c843;
}
.any-industry__block:hover {
    border: 1px solid #4dad33;
}
.any-industry__block:hover .any-industry__bottom-img {
    transform: translateX(6px);
}
.any-industry__block:hover .any-industry__title-block {
    color: #4dad33;
}
.any-industry__top {
    display: flex;
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
.any-industry__img {
    width: 24px;
    height: 24px;
}
.any-industry__title-block {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    transition: color 200ms linear;
}
.any-industry__title-last {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #fff;
}
.any-industry__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.any-industry__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #898c9a;
}
@media (max-width: 768px) {
    .any-industry__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.any-industry__text--last {
    color: #fff;
}
.any-industry__bottom {
    display: flex;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    margin-top: auto;
    color: #4dad33;
}
.any-industry__bottom--last {
    color: #fff;
}
.any-industry__bottom-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
}
.any-industry__bottom-img {
    color: inherit;
    width: 10px;
    height: 5px;
    transition: transform 200ms linear;
}

.application-control {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .application-control {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .application-control {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.application-control__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .application-control__container {
        flex-direction: column;
    }
}
.application-control__box-picture {
    position: relative;
    width: 625px;
    max-width: 100%;
}
.application-control__box-picture::before {
    display: block;
    content: "";
    padding-top: 50.88%;
}
.application-control__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 89.28%;
}
.application-control__main img {
    width: 100%;
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    border-radius: 5px;
}
@media (max-width: 767px) {
    .application-control__main img {
        filter: drop-shadow(54px 69px 35px rgba(0, 0, 0, 0.01)) drop-shadow(30px 39px 29px rgba(0, 0, 0, 0.03)) drop-shadow(13px 17px 22px rgba(0, 0, 0, 0.05)) drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    }
}
.application-control__sub {
    width: 17.6%;
    position: absolute;
    right: 0;
    top: 17%;
    animation-name: bounce;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.application-control__sub img {
    width: 100%;
    filter: drop-shadow(54px 69px 35px rgba(0, 0, 0, 0.01)) drop-shadow(30px 39px 29px rgba(0, 0, 0, 0.03)) drop-shadow(13px 17px 22px rgba(0, 0, 0, 0.05)) drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    border-radius: 3px;
}
.application-control__right {
    width: 469px;
    margin-left: 40px;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .application-control__right {
        margin-left: 0;
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .application-control__right {
        text-align: left;
    }
}

.application-helpers-swiper {
    display: block;
    background-color: #f5f7fc;
    border-radius: 6px;
}
.application-helpers-swiper__slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    padding: 40px;
}
@media (max-width: 1024px) {
    .application-helpers-swiper__slide {
        flex-direction: column-reverse;
        padding: 32px;
    }
}
@media (max-width: 767px) {
    .application-helpers-swiper__slide {
        padding: 16px 24px 32px 24px;
    }
}
.application-helpers-swiper__left {
    flex-shrink: 0;
    width: 354px;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .application-helpers-swiper__left {
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
        text-align: center;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .application-helpers-swiper__left {
        text-align: left;
    }
}
.application-helpers-swiper__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .application-helpers-swiper__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 16px;
    }
}
@media (max-width: 767px) {
    .application-helpers-swiper__title {
        font-size: 16px!important;
        font-weight: bold;
        line-height: 120%!important;
        letter-spacing: -0.02em!important;
    }
}
.application-helpers-swiper__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
    color: #2B2C2C;
}
@media (max-width: 1024px) {
    .application-helpers-swiper__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.application-helpers-swiper__link {
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    padding: 4px;
    margin: -4px;
    color: #4dad33;
    cursor: pointer;
}
@media (max-width: 1024px) {
    .application-helpers-swiper__link {
        margin-right: auto;
        margin-left: auto;
        margin-top: auto;
    }
}
@media (max-width: 767px) {
    .application-helpers-swiper__link {
        margin-right: unset;
        margin-left: unset;
    }
}
.application-helpers-swiper__link:hover .application-helpers-swiper__link-arrow {
    transform: translateX(5px);
}
.application-helpers-swiper__link-arrow {
    width: 12px;
    height: 6px;
    transition: 200ms transform linear;
}
.application-helpers-swiper__link-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-right: 8px;
}
.application-helpers-swiper__wrap-video {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .application-helpers-swiper__wrap-video {
        width: 900px;
        margin-top: -40px;
    }
}
@media (max-width: 767px) {
    .application-helpers-swiper__wrap-video {
        margin-top: 0;
        max-width: calc(100% + 64px);
    }
}
.application-helpers-swiper__wrap-video::before {
    display: block;
    content: "";
    padding-top: 58.273381295%;
}
.application-helpers-swiper__video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.application-helpers {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}

.application-helpers .simplebar-content {
    overflow-x: scroll;
}
@media (max-width: 1024px) {
    .application-helpers {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .application-helpers {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.application-helpers__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 19px;
    padding-left: 19px;
    margin: 0 auto;
}
.application-helpers .application-helpers__desc {
    margin-bottom: 60px;
}
@media (max-width: 1024px) {
    .application-helpers .application-helpers__desc {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .application-helpers .application-helpers__desc {
        margin-bottom: 30px;
    }
    .ticketing-page .section-col.transparent.application-okdesk__cont{
        padding-bottom:39px!important;
    }
}

.application-okdesk {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .application-okdesk {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .application-okdesk {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.application-okdesk__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .application-okdesk__container {
        flex-direction: column-reverse;
    }
}
.application-okdesk__left {
    flex-shrink: 0;
    width: 470px;
    margin-right: 32px;
}
@media (max-width: 1024px) {
    .application-okdesk__left {
        width: 100%;
        margin-right: 0;
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .application-okdesk__left {
        text-align: left;
    }
}
.application-okdesk__box-image {
    width: 642px;
    position: relative;
    max-width: 100%;
}
.application-okdesk__box-image::before {
    display: block;
    content: "";
    padding-top: 80.9968847352%;
}
.application-okdesk__pct-main {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(83.1775700935% + 0px);
}
.application-okdesk__pct-main img {
    width: 100%;
    border-radius: 5px;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.application-okdesk__pct-check {
    position: absolute;
    right: 0;
    top: 7.5%;
    width: calc(48.5981308411% + 0px);
}
.application-okdesk__pct-check img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    border-radius: 3px;
}
.application-okdesk__pct-repeat {
    position: absolute;
    right: 1.9%;
    bottom: 16.7%;
    width: calc(26.9470404984% + 0px);
    transition-delay: 300ms;
}
.application-okdesk__pct-repeat img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    border-radius: 3px;
}
.application-okdesk__pct-calendar {
    position: absolute;
    bottom: 0;
    left: 18.8%;
    width: calc(34.8909657321% + 0px);
    transition-delay: 600ms;
}
.application-okdesk__pct-calendar img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    border-radius: 3px;
}

.application-preview {
    padding: 120px 0 160px 0;
}
@media (max-width: 1024px) {
    .application-preview {
        padding: 40px 0 60px 0;
    }
}
@media (max-width: 767px) {
    .application-preview {
        padding-bottom: 40px;
    }
}
.application-preview__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .application-preview__container {
        flex-direction: column-reverse;
    }
}
.application-preview__left {
    flex-shrink: 0;
    width: 372px;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .application-preview__left {
        width: 100%;
        margin-top: 40px;
        margin-right: 0;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .application-preview__left {
        margin-top: 30px;
        text-align: left;
    }
}
.application-preview__picture-box {
    position: relative;
    width: 735px;
    max-width: 100%;
}
.application-preview__picture-box::before {
    display: block;
    content: "";
    padding-top: 64.5170068027%;
}
.application-preview__main {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 90.8843537415%;
}
.application-preview__main img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    border-radius: 5px;
}
.application-preview__sub {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 18.231292517%;
}
.application-preview__sub img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    border-radius: 3px;
    animation-name: bounce;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.application-preview__sub--not-animation img {
    animation: unset;
}
@media (max-width: 1024px) {
    .application-preview .application-preview__btn {
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 767px) {
    .application-preview .application-preview__btn {
        width: 100%;
    }
}

.application-quiz {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .application-quiz {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .crm-page .section-col__container.section-col__container--mob-column .price-list-mokap {
        width: 91%!important;
    }
    .crm-page .section-col__container.section-col__container--mob-column .price-list__body {
        margin-top: 10px !important;
    }

    .documents-page .section-col__container.section-col__container--mob-column .price-list__body {
        margin-top: 10px !important;
    }
    .sklad-page .section-col{
        padding-top:20px;
    }
    .application-quiz {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .multichannel-page .section-col.transparent.css-edit-1 .section-col__image{
        width:100%!important;
    }
    .multichannel-page .section-col.transparent.css-edit-1 .section-col__body.section-col__body--mr{
        padding:0 15px;
    }
    .control-page .pay-control-swiper .swiper{
        width:100%!important;
    }
    .report-page .section-col.css-edit-1 .section-col__image{
        width:100%!important;
        margin-right:0px!important;
    }
    .crm-page .prev-work-mokap__middle{
        left:0px!important;
    }
    .crm-hist__cont .plus-work-mokap{
        top:unset!important;
    }
    .crm-page .section-col.crm-control-mok .price-list__body{
        padding:0 20px;
    }
    .equipment-page .section-col.application-okdesk__box-img.transparent .price-list__body{
        width:100%!important;
        padding:0 16px;
    }
    .automation-page .advertising-main .advertising-main__block.advertising-main__img{
        width:100%!important;
    }
    .jobpricing-page .container.prev-work__container .prev-work-mokap__middle.aos-init.aos-animate{
        top:unset!important;
    }
    .jobpricing-page .price-list__body{
        margin-left:0px!important;
    }
    .sklad-page .advertising-main__block:nth-child(1){
        width:100%!important;
    }
    .sklad .section-col__container.section-col__container--mob-column .section-col__body{
        margin-top:0px!important;
    }
    .sp-complex.sp-complex_section_col_include .application-quiz{
        padding-bottom:0px;
    }
    .sp-complex.sp-complex_section_col_include .application-quiz .application-quiz__right{
        padding-bottom:40px;
    }
    .crm-page .section-col__container.section-col__container--mob-revers .price-list__body{
        padding-left:0px!important;
        margin-top:0px!important;
        margin-bottom:30px;
        margin-top:20px!important;
    }
}
.application-quiz__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 1024px) {
    .application-quiz__container {
        display: block;
    }
}
.application-quiz__left {
    width: 100%;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .application-quiz__left {
        margin-right: 0;
        margin-bottom: 40px;
        background-color: #f5f7fc;
        padding: 24px;
        border-radius: 6px;
    }
}
@media (max-width: 767px) {
    .application-quiz__left {
        margin-left: -20px;
        width: calc(100% + 20px + 20px);
    }
}
.application-quiz__right {
    width: 100%;
}
@media (max-width: 1024px) {
    .application-quiz__right br {
        display: none;
    }
}
.application-quiz__l-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    display: flex;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .application-quiz__l-title {
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
    }
}
.application-quiz__l-title-sub {
    color: #898c9a;
    margin-right: 16px;
}
@media (max-width: 767px) {
    .application-quiz__l-title-sub {
        margin-right: 8px;
    }
}
.application-quiz__list-toggler {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .application-quiz__list-toggler {
        gap: 16px;
    }
}
.application-quiz__wrap {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
@media (max-width: 767px) {
    .application-quiz__wrap {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(166px, 1fr));
        gap: 12px;
    }
}
.application-quiz__box {
    background-color: #fff;
    padding: 16px;
    box-shadow: 0 0 11px rgba(81, 85, 131, 0.08);
    border-radius: 8px;
    border: 1px solid #e9ecfc;
}
@media (max-width: 767px) {
    .application-quiz__box {
        padding: 8px;
    }
}
.application-quiz .application-quiz__checkbox:not(:last-child) {
    margin-bottom: 11px;
}

.application-template {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .application-template {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .application-template {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.application-template__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .application-template__container {
        flex-direction: column-reverse;
    }
}
.application-template__left {
    width: 490px;
    flex-shrink: 0;
    margin-right: 40px;
}
@media (max-width: 1024px) {
    .application-template__left {
        width: 100%;
        margin-right: 0;
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .application-template__left {
        text-align: left;
    }
}
.application-template__box-image {
    width: 612px;
    max-width: 100%;
    position: relative;
}
.application-template__box-image::before {
    display: block;
    content: "";
    padding-top: 53.2679738562%;
}
.application-template__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.application-template__main img {
    width: 100%;
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    border-radius: 5px;
}
@media (max-width: 767px) {
    .application-template__main img {
        filter: drop-shadow(19px 20px 11px rgba(0, 0, 0, 0.01)) drop-shadow(11px 11px 9px rgba(0, 0, 0, 0.02)) drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.04)) drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
    }
}
.application-template__sub {
    position: absolute;
    right: 2%;
    bottom: 0;
    width: 22.5490196078%;
    animation-name: bounce;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.application-template__sub img {
    width: 100%;
    filter: drop-shadow(19px 20px 11px rgba(0, 0, 0, 0.01)) drop-shadow(11px 11px 9px rgba(0, 0, 0, 0.02)) drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.04)) drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
    border-radius: 0 0 3px 3px;
}

.application-time-work {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .application-time-work {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .application-time-work {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.application-time-work__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .application-time-work__container {
        flex-direction: column-reverse;
    }
}
.application-time-work__left {
    flex-shrink: 0;
    width: 469px;
    margin-right: 30px;
}
@media (max-width: 1024px) {
    .application-time-work__left br {
        display: none;
    }
}
@media (max-width: 1024px) {
    .application-time-work__left {
        width: 100%;
        margin-right: 0;
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .application-time-work__left {
        text-align: left;
    }
}
.application-time-work__box-picture {
    position: relative;
    width: 656px;
    min-width: 0;
    max-width: 100%;
}
.application-time-work__main {
    width: 100%;
}
.application-time-work__main img {
    border-radius: 5px;
    width: 100%;
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
}
@media (max-width: 767px) {
    .application-time-work__main img {
        filter: drop-shadow(54px 69px 35px rgba(0, 0, 0, 0.01)) drop-shadow(30px 39px 29px rgba(0, 0, 0, 0.03)) drop-shadow(13px 17px 22px rgba(0, 0, 0, 0.05)) drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    }
}
.application-time-work__calendar {
    position: absolute;
    top: 12.5%;
    left: 38.5%;
    width: 19.2073170732%;
}
.application-time-work__calendar img {
    filter: drop-shadow(0 0 15px rgba(81, 85, 131, 0.2));
    width: 100%;
    border-radius: 3px;
}
.application-time-work__dropdown {
    position: absolute;
    right: 6.7%;
    top: 6.7%;
    width: 5.1829268293%;
}
.application-time-work__dropdown img {
    filter: drop-shadow(0px 0px 15px rgba(81, 85, 131, 0.2));
    border-radius: 3px;
    width: 100%;
}

.applications {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .applications {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .applications {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.applications__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .applications__container {
        flex-direction: column-reverse;
    }
}
.applications__left {
    width: 568px;
}
@media (max-width: 1024px) {
    .applications__left {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .applications__left {
        width: 100%;
    }
}
.applications__item-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #4dad33;
}
.applications__item-desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
.applications__grid {
    display: grid;
    grid-template-columns: 200px 200px;
    grid-gap: 40px 94px;
    margin-top: 50px;
}
@media (max-width: 1024px) {
    .applications__grid {
        grid-template-columns: 140px 180px;
        grid-gap: 20px 62px;
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .applications__grid {
        grid-template-columns: 160px 160px;
        grid-gap: 25px 20px;
        justify-content: space-around;
    }
}
@media (max-width: 370px) {
    .applications__grid {
        grid-template-columns: 1fr;
    }
}
.applications__video {
    width: 452px;
    min-width: 0;
    margin-left: 30px;
}
@media (max-width: 1024px) {
    .applications__video {
        width: 360px;
    }
}
@media (max-width: 1023px) {
    .applications__video {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .applications__video {
        width: 100%;
        margin-bottom: 40px;
        margin-left: 0;
    }
}
.applications__video--medicine {
    margin-left: 20px;
}
@media (max-width: 767px) {
    .applications__video--medicine {
        margin-left: 0;
    }
}
.applications--reverse .applications__container {
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    .applications--reverse .applications__container {
        flex-direction: column-reverse;
    }
}
.applications--reverse .applications__video {
    margin-left: 0;
    margin-right: 20px;
}
@media (max-width: 767px) {
    .applications--reverse .applications__video {
        margin-right: 0;
    }
}

.area-author {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    display: flex;
    align-items: flex-start;
    padding: 24px;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 6px;
    gap: 24px;
}
@media (max-width: 767px) {
    .area-author {
        display: block;
    }
}
.area-author__img {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .area-author__img {
        margin-bottom: 24px;
    }
}
.area-author__right {
    width: 100%;
}
.area-author__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    color: #5c5e68;
}
.area-author__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.area-banner-big {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    padding: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 40px;
}
@media (max-width: 767px) {
    .area-banner-big {
        flex-direction: column-reverse;
        align-items: unset;
        gap: 0;
    }
}
.area-banner-big__right {
    width: 100%;
}
@media (max-width: 767px) {
    .area-banner-big__right {
        margin-bottom: 24px;
    }
}
.area-banner-big__pct {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.area-banner-big__left {
    width: 100%;
}
.area-banner-big__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .area-banner-big__title {
        margin-bottom: 16px;
    }
}
.area-banner-big__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5c5e68;
}
@media (max-width: 767px) {
    .area-banner-big__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.area-banner-big__desc--mb-small {
    margin-bottom: 8px;
}
.area-banner-big__desc--mb-big {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .area-banner-big__desc--mb-big {
        margin-bottom: 16px;
    }
}
.area-banner-big .area-banner-big__input {
    width: 100%;
}
.area-banner-big .area-banner-big__btn {
    width: 100%;
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
}
.area-banner-big__pol {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
    color: #767676;
}
@media (max-width: 767px) {
    .area-banner-big__pol {
        font-size: 9px;
        font-weight: 500;
        line-height: 150%;
        text-align: left;
    }
}

.area-banner-fill {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 6px;
    padding: 24px;
    text-align: center;
}
.area-banner-fill .area-banner-fill__btn {
    width: 292px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .area-banner-fill .area-banner-fill__btn {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.area-banner-fill__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
}
.area-banner-fill__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2b2c2c;
    margin: 0 auto 25px auto;
    max-width: 600px;
}
@media (max-width: 767px) {
    .area-banner-fill__desc {
        margin-bottom: 24px;
    }
}
.area-banner-fill--green {
    background-color: #4dad33;
    color: #fff;
}
.area-banner-fill--green .area-banner-fill__desc {
    color: #fff;
}

.area-banner-small {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 6px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 767px) {
    .area-banner-small {
        display: block;
    }
}
.area-banner-small__left {
    width: 100%;
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .area-banner-small__left {
        margin-bottom: 24px;
    }
}
.area-banner-small__right {
    width: 100%;
}
.area-banner-small__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
.area-banner-small__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 40px;
}
.area-banner-small .area-banner-small__btn {
    width: 250px;
}
@media (max-width: 767px) {
    .area-banner-small .area-banner-small__btn {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.area-banner-small__pct {
    max-width: 100%;
    width: 234px;
}

.area-social {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    padding: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .area-social {
        display: block;
    }
}
.area-social__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 767px) {
    .area-social__title {
        text-align: center;
        margin-bottom: 40px;
    }
}
.area-social__list {
    display: flex;
    gap: 24px;
    justify-content: center;
}
@media (max-width: 767px) {
    .area-social__list {
        gap: 16px;
    }
}

.aside-article-list {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    padding: 24px 24px 8px 24px;
    border-radius: 6px;
}
@media (max-width: 1024px) {
    .aside-article-list {
        width: calc(100% + 20px + 20px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.aside-article-list__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
.aside-article-list__list {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: 1fr;
}
.aside-article-list__item {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
}
.aside-article-list__item:not(:last-child) {
    border-bottom: 1px solid #e9ecfc;
}
.aside-article-list__item-sub {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
    color: #4dad33;
}
.aside-article-list__item-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 16px;
}
.aside-article-list__item-date {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-top: auto;
    color: #b6b8c2;
}

.aside-banner {
    width: 100%;
}
.aside-banner__image {
    width: 100%;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 6px;
}

/*
.aside-banner {
  @include shadow-blog-normal;

  padding: 60px 24px;
  border-radius: 6px;
  background-color: $green-light;

  &__main {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 22px;
  }

  &__title {
    @include heading-h5;

    text-align: center;
    margin-bottom: 16px;
  }

  & &__btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
*/
.aside-form {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 6px;
    padding: 24px;
}
.aside-form__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}
.aside-form__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5c5e68;
}
.aside-form__desc--mb-small {
    margin-bottom: 8px;
}
.aside-form__desc--mb-big {
    margin-bottom: 40px;
}
.aside-form .aside-form__send {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 16px;
}
.aside-form__pol {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
    color: #767676;
}

.block-of-advantages {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1023px) {
    .block-of-advantages {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 500px) {
    .block-of-advantages {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.block-of-advantages__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.block-of-advantages__wrapper {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
@media (max-width: 767px) {
    .block-of-advantages__wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }
}
.block-of-advantages__block-img {
    width: 100%;
}
@media (max-width: 767px) {
    .block-of-advantages__block-img {
        order: -1;
    }
}
.block-of-advantages__block-img--reverse {
    order: -1;
}
.block-of-advantages__header {
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #898C9A;
    margin-bottom: 15px;
}
.block-of-advantages__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .block-of-advantages__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.block-of-advantages__list {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    color: #5c5e68;
    margin-left: 23px;
}
@media (max-width: 767px) {
    .block-of-advantages__list {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.block-of-advantages__li {
    position: relative;
}
.block-of-advantages__li:before {
    position: absolute;
    left: -24px;
    top: 7px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #4dad33;
}
.block-of-advantages__wrapper-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    color: #5c5e68;
}
@media (max-width: 767px) {
    .block-of-advantages__wrapper-text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}

.block-of-possibilities {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: white;
}
@media (max-width: 1024px) {
    .block-of-possibilities {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .block-of-possibilities {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.block-of-possibilities__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.block-of-possibilities__wrapper {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    align-items: center;
}
@media (max-width: 1024px) {
    .block-of-possibilities__wrapper {
        flex-direction: column;
        row-gap: 40px;
    }
}
@media (max-width: 768px) {
    .block-of-possibilities__wrapper {
        row-gap: 20px;
    }
}
.block-of-possibilities__block-reading {
    width: 465px;
}
@media (max-width: 1024px) {
    .block-of-possibilities__block-reading {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .block-of-possibilities__block-reading {
        text-align: left;
    }
}
.block-of-possibilities__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .block-of-possibilities__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 16px;
    }
}
.block-of-possibilities__block-text {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 24px;
}
.block-of-possibilities__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 1024px) {
    .block-of-possibilities__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.block-of-possibilities__block-img {
    width: 667px;
    max-width: 100%;
    min-width: 0;
}

.blog-banner-sub {
    background: center no-repeat;
    background-size: cover;
    background-image: url("/local/templates/main/assets/images/not-border.svg");
    border-top: 1px solid #eceff9;
    padding: 100px 0;
}
@media (max-width: 1024px) {
    .blog-banner-sub {
        padding: 40px 0;
    }
}
.blog-banner-sub__container {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1024px) {
    .blog-banner-sub__container {
        display: block;
    }
}
.blog-banner-sub__body {
    width: 470px;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .blog-banner-sub__body {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .blog-banner-sub__body {
        margin-bottom: 24px;
        text-align: left;
    }
}
.blog-banner-sub__title {
    font-size: 28px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .blog-banner-sub__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 24px;
    }
}
@media (max-width: 767px) {
    .blog-banner-sub__title {
        margin-bottom: 8px;
    }
}
.blog-banner-sub__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #5c5e68;
}
.blog-banner-sub__form {
    width: 100%;
}
.blog-banner-sub__control {
    width: 100%;
    position: relative;
}
.blog-banner-sub .blog-banner-sub__control-input {
    width: 100%;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .blog-banner-sub .blog-banner-sub__control-input {
        padding-right: 40%;
    }
}
@media (min-width: 768px) {
    .blog-banner-sub .blog-banner-sub__control-btn {
        position: absolute;
        padding: 0;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 40%;
    }
}
@media (max-width: 767px) {
    .blog-banner-sub .blog-banner-sub__control-btn {
        width: 100%;
        margin-top: 8px;
    }
}
.blog-banner-sub__pol {
    font-size: 9px;
    font-weight: 500;
    line-height: 150%;
    color: #5c5e68;
}
@media (max-width: 1024px) {
    .blog-banner-sub__pol {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .blog-banner-sub__pol {
        margin-top: 8px;
        text-align: left;
    }
}

.blog-body {
    --gap-inner: 90px;
    padding-top: var(--gap-inner);
    background-color: #fff;
}
@media (max-width: 1024px) {
    .blog-body {
        --gap-inner: 60px;
    }
}
@media (max-width: 768px) {
    .blog-body {
        --gap-inner: 40px;
    }
}
.blog-body__inner {
    display: flex;
    gap: 20px;
    padding-bottom: var(--gap-inner);
}
@media (max-width: 1024px) {
    .blog-body__inner {
        display: block;
    }
}
.blog-body__left {
    width: 100%;
    min-width: 0;
}
.blog-body__right {
    width: 372px;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .blog-body__right {
        width: 100%;
        margin-top: var(--gap-inner);
    }
}
.blog-body .blog-body__control {
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .blog-body .blog-body__control {
        display: none;
    }
}
.blog-body .blog-body__form {
    margin-top: 20px;
}
@media (max-width: 1024px) {
    .blog-body .blog-body__form {
        display: none;
    }
}
.blog-body .blog-body__banner {
    position: sticky;
    top: 92px;
    margin-top: 20px;
}
@media (max-width: 1024px) {
    .blog-body .blog-body__banner {
        display: none;
    }
}
.blog-body__last-detail-sect {
    margin-bottom: var(--gap-inner);
}

.blog-detail-preview {
    background-color: #30333d;
    padding: 32px 0 60px 0;
}
@media (max-width: 1024px) {
    .blog-detail-preview {
        padding-bottom: 48px;
    }
}
.blog-detail-preview__title {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: normal;
}
@media (max-width: 1024px) {
    .blog-detail-preview__title {
        font-size: 28px;
        font-weight: bold;
        line-height: 150%;
        letter-spacing: -0.01em;
        letter-spacing: normal;
    }
}
@media (max-width: 767px) {
    .blog-detail-preview__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        text-align: left;
        letter-spacing: normal;
    }
}
.blog-detail-preview .blog-detail-preview__bread {
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .blog-detail-preview .blog-detail-preview__bread {
        margin-bottom: 30px;
    }
}
.blog-detail-preview__info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.blog-detail-preview__itm {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #b6b8c2;
    display: flex;
    align-items: center;
    gap: 8px;
}
.blog-detail-preview__itm::before {
    display: block;
    content: "";
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background-color: #5c5e68;
}
.blog-detail-preview__itm:first-child::before {
    display: none;
}

.blog-fluid-sub {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    width: 100%;
    padding: 24px 40px;
    border-radius: 6px;
    grid-column: 2 span;
}
@media (max-width: 1024px) {
    .blog-fluid-sub {
        padding: 24px;
    }
}
@media (max-width: 767px) {
    .blog-fluid-sub {
        grid-column: unset;
    }
}
.blog-fluid-sub__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .blog-fluid-sub__title {
        text-align: left;
    }
}
.blog-fluid-sub__desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .blog-fluid-sub__desc {
        text-align: left;
    }
}
.blog-fluid-sub__control {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    position: relative;
}
@media (min-width: 768px) {
    .blog-fluid-sub .blog-fluid-sub__input {
        padding-right: 30%;
    }
}
.blog-fluid-sub .blog-fluid-sub__send {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 768px) {
    .blog-fluid-sub .blog-fluid-sub__send {
        position: absolute;
        width: 30%;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .blog-fluid-sub .blog-fluid-sub__send {
        width: 100%;
        margin-top: 8px;
    }
}
.blog-fluid-sub__pol {
    font-size: 9px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px;
    color: #5c5e68;
}

.blog-link-info {
    background-color: #f5f7fc;
    border: 1px solid #e9ecfc;
    border-radius: 6px;
    box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.06);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.blog-link-info__panel {
    cursor: pointer;
    padding: 16px 24px;
    border-bottom: 1px solid #e9ecfc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 200ms border linear;
}
.blog-link-info__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
.blog-link-info__arrow {
    width: 22px;
    height: 12px;
    color: #30333d;
    transition: 200ms transform linear;
}
.blog-link-info__body {
    --gap-li: 12px;
    overflow: hidden;
    display: block;
    box-sizing: content-box;
    transition: 200ms padding linear, 200ms height linear, 200ms opacity linear;
    padding: 24px 24px 24px 42px;
}
@media (max-width: 1024px) {
    .blog-link-info__body {
        --gap-li: 16px;
    }
}
.blog-link-info__body ul {
    list-style: decimal;
}
.blog-link-info__body ul ul {
    padding-left: 19px;
    margin-top: var(--gap-li);
    list-style: upper-roman;
}
.blog-link-info__body ul ul ul {
    list-style: lower-alpha;
}
.blog-link-info__body li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
    cursor: pointer;
    word-break: break-word;
}
@media (max-width: 767px) {
    .blog-link-info__body li a {
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
.blog-link-info__body li a:hover {
    text-decoration-line: underline;
    color: #4dad33;
}
.blog-link-info__body li:not(:last-child) {
    margin-bottom: var(--gap-li);
}
.blog-link-info--close .blog-link-info__arrow {
    transform: rotate(180deg);
}
.blog-link-info--close .blog-link-info__body {
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}
.blog-link-info--close .blog-link-info__panel {
    border-bottom-width: 0;
}

.blog-listing__grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-auto-rows: 1fr;
}
@media (max-width: 767px) {
    .blog-listing__grid {
        grid-template-columns: 1fr;
    }
}
.blog-listing .blog-listing__pagination {
    margin-top: var(--gap-inner);
}
.blog-listing .blog-listing__mobile-search {
    margin-bottom: 40px;
    display: none;
}
@media (max-width: 1024px) {
    .blog-listing .blog-listing__mobile-search {
        display: block;
    }
}

.blog-preview {
    padding: 80px 0;
}
@media (max-width: 767px) {
    .blog-preview {
        padding: 40px 0;
    }
}
.blog-preview__title {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .blog-preview__title {
        font-size: 28px;
        font-weight: bold;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
@media (max-width: 767px) {
    .blog-preview__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 8px;
    }
}
.blog-preview__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-align: center;
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .blog-preview__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 40px;
    }
}
.blog-preview__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
@media (max-width: 1024px) {
    .blog-preview__list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .blog-preview__list {
        grid-template-columns: 1fr 1fr;
    }
}
.blog-preview .blog-preview__btn {
    width: 100%;
    text-align: center;
}

.blog-rec .card-blog {
    box-shadow: none;
}
.blog-rec .card-blog:hover {
    box-shadow: none;
}
.blog-rec .card-blog__body {
    border: 1px solid #e9ecfc;
    margin-top: 0;
}
@media (max-width: 767px) {
    .blog-rec .swiper {
        margin-left: -20px;
        width: calc(100% + 20px + 20px);
        padding-left: 20px;
        padding-right: 20px;
    }
}
.blog-rec__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .blog-rec__title {
        font-size: 28px;
        font-weight: bold;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
@media (max-width: 767px) {
    .blog-rec__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.blog-rec .blog-rec__pagination {
    margin-top: 40px;
}

.blog-tags__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    display: block;
}
.blog-tags__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.blog-tags__tag {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    padding: 8px;
    border-radius: 6px;
    background-color: #e9ecfc;
    transition: 200ms background-color linear;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.blog-tags__tag:hover {
    background-color: #daebcb;
}

.blog-total {
    padding: 24px;
    background-color: #e9ecfc;
    border-radius: 6px;
    word-break: break-word;
}
.blog-total strong,
.blog-total b {
    font-weight: bold;
}
.blog-total em {
    font-style: italic;
}
.blog-total u {
    text-decoration: underline;
}
.blog-total__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .blog-total__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.blog-total p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
    .blog-total p {
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
@media (max-width: 767px) {
    .blog-total p {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.blog-total p:not(:last-child) {
    margin-bottom: 8px;
}
.blog-total__sub-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
    .blog-total__sub-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
@media (max-width: 767px) {
    .blog-total__sub-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
.blog-total__sub-title:not(:first-child) {
    margin-top: 32px;
}
.blog-total__sub-title:not(:last-child) {
    margin-bottom: 8px;
}
@media (max-width: 1024px) {
    .blog-total__sub-title:not(:last-child) {
        margin-bottom: 16px;
    }
}
@media (max-width: 767px) {
    .blog-total__sub-title:not(:last-child) {
        margin-bottom: 8px;
    }
}
.blog-total__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
    margin: 32px 0;
}
.blog-total__grid:first-child {
    margin-top: 0;
}
.blog-total__grid:last-child {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .blog-total__grid {
        gap: 40px;
        margin: 40px 0;
    }
}
@media (max-width: 767px) {
    .blog-total__grid {
        grid-template-columns: 100%;
        gap: 24px 0;
        margin: 24px 0;
    }
}
.blog-total__item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
@media (max-width: 1024px) {
    .blog-total__item-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
@media (max-width: 767px) {
    .blog-total__item-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
@media (max-width: 1024px) {
    .blog-total__item-title {
        margin-bottom: 16px;
    }
}
@media (max-width: 767px) {
    .blog-total__item-title {
        margin-bottom: 8px;
    }
}
.blog-total__item-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
    .blog-total__item-desc {
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
@media (max-width: 767px) {
    .blog-total__item-desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.blog-total li {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
    display: flex;
    gap: 8px;
    align-items: baseline;
}
@media (max-width: 1024px) {
    .blog-total li {
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
@media (max-width: 767px) {
    .blog-total li {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.blog-total li * {
    display: contents;
}
.blog-total li:not(:last-child) {
    margin-bottom: 4px;
}
.blog-total li::before {
    display: block;
    content: "";
    transform: translateY(-2px);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #4dad33;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .blog-total li::before {
        transform: translateY(0);
    }
}

.blog-use {
    background: center no-repeat;
    background-size: cover;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 40px;
    text-align: center;
}
@media (max-width: 1024px) {
    .blog-use {
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .blog-use {
        margin-left: -20px;
        width: calc(100% + 20px + 20px);
        box-shadow: none;
        border-top: 1px solid #eceff9;
    }
}
.blog-use__tilte {
    font-size: 28px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
    display: block;
}
.blog-use__tilte span {
    color: #4dad33;
}
.blog-use__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #5c5e68;
    margin-bottom: 40px;
}
.blog-use .blog-use__btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.breadcrumbs__item {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    padding: 4px;
    margin: -4px;
    color: #898c9a;
    transition: 200ms color linear;
}
.breadcrumbs__item:hover {
    color: #4dad33;
}
.breadcrumbs__slash {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #898c9a;
}

.btn-blog {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 16px;
    border-radius: 32px;
    background-color: #e9ecfc;
    word-break: break-word;
    color: #898c9a;
    transition: 200ms background-color linear, 200ms color linear;
}
@media (max-width: 767px) {
    .btn-blog {
        padding: 12px 12px;
    }
}
.btn-blog:hover {
    background-color: #60c843;
    color: #fff;
}
.btn-blog:active {
    background-color: #42962b;
    color: #fff;
}
.btn-blog--active {
    background-color: #4dad33;
    color: #fff;
}

.button {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: -moz-max-content;
    width: max-content;
    padding: 22px 53px;
    color: #fff;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #4dad33;
    border-radius: 32px;
    transition: 200ms background-color linear, 200ms color linear, 200ms border-color linear;
}
.button:hover {
    background-color: #60c843;
}
.button:active {
    background-color: #42962b;
}
.button__arrow {
    width: 12px;
    height: 9px;
}
.button--small {
    padding: 16px 24px;
}
.button--ghost {
    background-color: transparent;
    color: #4dad33;
    border: 2px solid currentColor;
}
.button--ghost:hover {
    border-color: #60c843;
    color: #fff;
}
.button--ghost:active {
    border-color: #42962b;
    color: #fff;
}
.button--white {
    background-color: #fff;
    color: #4dad33;
}
.button--white:hover {
    color: #fff;
}
.button--white:active {
    color: #fff;
}
.button--center {
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .button--mobile-fluid {
        width: 100%;
    }
}

.card-blog {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    width: 100%;
    min-height: 564px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: 200ms box-shadow linear;
}
@media (max-width: 1024px) {
    .card-blog {
        height: 524px;
    }
}
.card-blog:hover {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.card-blog.swiper-slide {
    height: auto;
}
.card-blog__image {
    width: 100%;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom;
    flex-shrink: 0;
}
.card-blog__body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
@media (max-width: 767px) {
    .card-blog__body {
        padding: 20px;
    }
}
.card-blog__top {
    width: 100%;
}
.card-blog__sub {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #4dad33;
    margin-bottom: 16px;
}
.card-blog__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
@media (max-width: 1024px) {
    .card-blog__title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.card-blog__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #5c5e68;
    margin-bottom: 24px;
}
.card-blog__desc b {
    color: #4dad33;
    font-weight: 600;
}
@media (max-width: 1024px) {
    .card-blog__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.card-blog__footer {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}
.card-blog__info {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #b6b8c2;
}
@media (max-width: 767px) {
    .card-blog__info {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
    }
}

.card-tar {
    width: 100%;
    box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    background-color: #fff;
    border-top: 8px solid #e9ecfc;
    padding: 40px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1360px) {
    .card-tar {
        padding: 40px 16px;
    }
}
@media (max-width: 1023px) {
    .card-tar {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 767px) {
    .card-tar {
        padding-left: 22px;
        padding-right: 22px;
    }
}
.card-tar .index-ul__li {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #0b1023;
}
@media (max-width: 1360px) {
    .card-tar .index-ul__li {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
.card-tar .index-ul {
    margin-bottom: 40px;
    margin-top: 0;
}
.card-tar__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}
@media (max-width: 1360px) {
    .card-tar__title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 15px;
    }
}
.card-tar__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
    margin-bottom: 24px;
}
@media (max-width: 1360px) {
    .card-tar__desc {
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.01em;
        width: 180px;
    }
}
@media (max-width: 767px) {
    .card-tar__desc {
        width: 100%;
    }
}
.card-tar__price {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
    display: inline-block;
}
@media (max-width: 1360px) {
    .card-tar__price {
        font-size: 36px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.card-tar__price--main {
    display: none;
}
.card-tar__info {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}
.card-tar__info-count {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    display: inline-block;
}
@media (max-width: 1360px) {
    .card-tar__info-count {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
.card-tar__info-rub {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
    position: absolute;
    bottom: 100%;
    left: 0;
}
@media (max-width: 1360px) {
    .card-tar__info-rub {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
.card-tar__total {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 32px;
}
@media (max-width: 1360px) {
    .card-tar__total {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 24px;
    }
}
.card-tar .card-tar__btn {
    margin-top: auto;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.card-tar__hot {
    position: absolute;
    top: 16px;
    right: 24px;
}
@media (max-width: 1360px) {
    .card-tar__hot {
        top: 8px;
        right: 16px;
    }
}
.card-tar__price-old {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #b6b8c2;
    text-decoration: line-through;
}
.card-tar--not-sale .card-tar__price-old {
    display: none;
}
.card-tar--not-sale .card-tar__price--sale {
    display: none;
}
.card-tar--not-sale .card-tar__price--main {
    display: inline-block;
}
.card-tar--not-sale .hide-block{
    display:none;
}
.none-price {
    display: none;
    line-height:35px;
}
.card-tar--not-sale .none-price {
    display: block;
}
.cases-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px;
    background: #fff;
    border-radius: 6px;
    transition: 200ms transform linear;
}
.cases-item:hover {
    transform: translateY(-10px);
}
.cases-item:hover .ui-read__icon {
    transform: translateX(6px);
}
.cases-item__top {
    margin-bottom: 15px;
}
.cases-item__top--review {
    margin-bottom: 10px;
}
.cases-item__logo {
    max-height: 37px;
    margin-bottom: 30px;
}
.cases-item__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .cases-item__title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 25px;
    }
}
.cases-item__desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    -webkit-line-clamp: 11;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #2B2C2C;
}
.cases-item .cases-item__ui-read {
    margin-top: auto;
}
.cases-item .cases-item__ui-read--review {
    margin-top: 0;
    margin-bottom: 20px;
}
.cases-item__info {
    margin-top: auto;
}
.cases-item__review-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 4px;
}
.cases-item__review-desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #5c5e68;
}

.cases {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .cases {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .cases {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.cases .swiper {
    padding-top: 10px;
    margin-top: 42px;
}
@media (max-width: 1024px) {
    .cases .swiper {
        width: calc(100% + 20px + 20px);
        padding-right: 20px;
        padding-left: 20px;
        margin-top: 30px;
        margin-left: -20px;
    }
}
@media (max-width: 767px) {
    .cases .swiper {
        margin-top: 20px;
    }
}
.cases .swiper-slide {
    height: auto;
}
.cases__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.cases__sub-title {
    text-align: center;
}
.cases__title {
    text-align: center;
}
.cases__footer {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .cases__footer {
        margin-top: 30px;
    }
}
.cases .cases__desc {
    margin-top: 20px;
    text-align: center;
}
@media (max-width: 767px) {
    .cases .cases__desc br {
        display: none;
    }
}

.checkbox {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}
.checkbox:hover .checkbox__icon {
    color: #898c9a;
    opacity: 1;
}
.checkbox:hover .checkbox__box--error {
    border-color: #4dad33;
}
.checkbox__inner {
    display: flex;
    align-items: center;
    padding: 4px;
    margin: -4px;
}
.checkbox__text {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    padding-top: 2px;
    color: #898c9a;
    margin-left: 8px;
    transition: 200ms color linear;
}
@media (max-width: 1024px) {
    .checkbox__text {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
.checkbox__area {
    margin-left: 8px;
}
.checkbox__icon {
    color: #fff;
    width: 10px;
    height: 7px;
    opacity: 0;
    transition: 200ms opacity linear, 200ms color linear;
}
.checkbox__box {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.5px;
    height: 16.5px;
    border: 1px solid #898c9a;
    transition: 200ms background-color linear, 200ms border-color linear;
}
.checkbox__box--error {
    border-color: #ff421d;
}

.checkbox__box--error + .checkbox__text {
    color: red;
}

.checkbox__box--error + .checkbox__text a {
    color: #a40000;
}

.checkbox a {
    display: inline;
    color: #4dad33;
}
.checkbox__input:checked + .checkbox__inner:hover .checkbox__box {
    background-color: #4dad33;
    border: 1px solid #4dad33;
}
.checkbox__input:checked + .checkbox__inner:hover .checkbox__icon {
    opacity: 1;
    color: #fff;
}
.checkbox__input:checked + .checkbox__inner .checkbox__box {
    background-color: #4dad33;
    border: 1px solid #4dad33;
}
.checkbox__input:checked + .checkbox__inner .checkbox__icon {
    opacity: 1;
    color: #fff;
}

.container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}

.content-blog__area ul:not(:last-child),
.content-blog__area ol:not(:last-child), .content-blog__area p:not(:last-child) {
    margin-bottom: 16px;
}

.content-blog__area li:not(:last-child) {
    margin-bottom: 10px;
}

.content-blog__definition-desc, .content-blog__area blockquote, .content-blog__area p,
.content-blog__area li {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
}
.content-blog__area blockquote a {
    display:inline-block;
    color: #4dad33;
    border-bottom: 1px solid #4dad33;
}
@media (max-width: 767px) {
    .content-blog__definition-desc, .content-blog__area blockquote, .content-blog__area p,
    .content-blog__area li {
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}

.content-blog__banner:not(:first-child), .content-blog__definition:not(:first-child), .content-blog__area iframe:not(:first-child), .content-blog__area p img:not(:first-child), .content-blog__area > img:not(:first-child), .content-blog__area blockquote:not(:first-child), .content-blog__preview-info:not(:first-child) {
    margin-top: 25px;
}
.content-blog__banner:not(:last-child), .content-blog__definition:not(:last-child), .content-blog__area iframe:not(:last-child), .content-blog__area p img:not(:last-child), .content-blog__area > img:not(:last-child), .content-blog__area blockquote:not(:last-child), .content-blog__preview-info:not(:last-child) {
    margin-bottom: 25px;
}

.content-blog__wrap-table:not(:first-child) {
    margin-top: 24px;
}
.content-blog__wrap-table:not(:last-child) {
    margin-bottom: 24px;
}

.content-blog__area p a,
.content-blog__area li a {
    display: inline;
    color: #4dad33;
    border-bottom: 1px solid #4dad33;
}
.content-blog__area p a:hover,
.content-blog__area li a:hover {
    border-bottom: none;
}

.content-blog__area p img, .content-blog__area > img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    cursor: pointer;
}

.content-blog .content-blog__last-banner {
    margin-top: var(--gap-inner);
}
.content-blog__area {
    word-break: break-word;
}
.content-blog__area strong,
.content-blog__area b {
    font-weight: bold;
}
.content-blog__area em {
    font-style: italic;
}
.content-blog__area u {
    text-decoration: underline;
}
.content-blog__area h2,
.content-blog__area h3,
.content-blog__area h4,
.content-blog__area h5,
.content-blog__area h6 {
    margin-top: 40px;
    margin-bottom: 24px;
    word-break: break-word;
}
.content-blog__area h2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 767px) {
    .content-blog__area h2 {
        font-size: 30px;
    }
}
.content-blog__area h3 {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 767px) {
    .content-blog__area h3 {
        font-size: 26px;
    }
}
.content-blog__area h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
}
@media (max-width: 767px) {
    .content-blog__area h4 {
        font-size: 22px;
    }
}
.content-blog__area h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
.content-blog__area h6 {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
}
.content-blog__area ul,
.content-blog__area ol {
    padding-left: 40px;
    display: block;
}
@media (max-width: 767px) {
    .content-blog__area ul,
    .content-blog__area ol {
        padding-left: 34px;
    }
}
.content-blog__area ul {
    list-style: circle;
}
.content-blog__area ul li::marker {
    color: #4dad33;
}
.content-blog__area ol {
    list-style: decimal;
}
.content-blog__area blockquote {
    border-radius: 6px;
    padding: 24px 75px 24px 24px;
    border: 1px solid #e9ecfc;
    background-color: #f5f7fc;
    position: relative;
}
@media (max-width: 767px) {
    .content-blog__area blockquote {
        padding-top: 40px;
        padding-right: 24px;
    }
}
.content-blog__area blockquote::before {
    display: block;
    content: "";
    position: absolute;
    right: 16px;
    top: 0;
    width: 40px;
    height: 31px;
    background-position: center;
    background-size: cover;
    background-image: url("/local/templates/main/assets/images/quote.svg");
}
.content-blog__area iframe {
    max-width: 100%;
    border-radius: 6px;
    height: auto;
    aspect-ratio: 16/9;
    display: block;
}
.content-blog__definition {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    padding: 24px;
    border-radius: 6px;
}
.content-blog__definition--green {
    background-color: #daebcb;
}
.content-blog__definition--red {
    background-color: #FFE3E3;
}
.content-blog__definition--purple {
    background-color: #e9ecfc;
}
.content-blog__definition-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .content-blog__definition-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.content-blog table {
    border-collapse: unset;
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
    text-align: left;
    border: 1px solid #f5f7fc;
    border-radius: 6px;
}
.content-blog table p {
    all: unset;
}
.content-blog table thead td, .content-blog table thead th {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    color: #4dad33;
}
.content-blog table tbody td, .content-blog table tbody th {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
}
.content-blog table td, .content-blog table th {
    padding: 16px 24px;
}
.content-blog table:not(.vc-table-border) tbody tr:nth-child(even) {
    background-color: #f5f7fc;
}
.content-blog table.vc-table-border thead tr td {
    border-bottom: 1px solid #f5f7fc;
}
.content-blog table.vc-table-border tbody tr:not(:first-child) td {
    border-top: 1px solid #f5f7fc;
}
.content-blog__wrap-table {
    display: block;
    width: 100%;
    overflow: auto;
}
@media (max-width: 767px) {
    .content-blog__wrap-table {
        margin-left: -20px;
        width: calc(100% + 20px + 20px);
        padding-left: 20px;
        padding-right: 20px;
    }
    .content-blog__wrap-table::-webkit-scrollbar {
        display: none;
    }
}
.crm-control-mokap {
    width: 636px;
    min-width: 0;
    max-width: 100%;
    position: relative;
}
.crm-control-mokap::before {
    display: block;
    content: "";
    padding-top: 63.8364779874%;
}
.crm-control-mokap picture img {
    width: 100%;
}
.crm-control-mokap__main {
    position: absolute;
    left: 0;
    top: 3.4482758621%;
    width: 92.4528301887%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-control-mokap__bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 19.1823899371%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-control-mokap__top {
    position: absolute;
    top: 0;
    right: 2.358490566%;
    width: 68.5534591195%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-control-mokap__label {
    position: absolute;
    right: 0;
    width: 23.5849056604%;
    top: 2.4630541872%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.crm-control {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .crm-control {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .crm-control {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.crm-control__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .crm-control__container {
        flex-direction: column;
        gap: 0;
    }
}
.crm-control__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .crm-control__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .crm-control__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .crm-control__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .crm-control__body {
        width: 100%;
    }
}

.crm-hist-mokap {
    position: relative;
    width: 666px;
    max-width: 100%;
    min-width: 0;
}
.crm-hist-mokap::before {
    display: block;
    content: "";
    padding-top: 78.5285285285%;
}
.crm-hist-mokap picture img {
    width: 100%;
}
.crm-hist-mokap__main {
    position: absolute;
    width: 87.987987988%;
    top: 6.6921606119%;
    left: 5.2552552553%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-hist-mokap__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70.5705705706%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-hist-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 60.5105105105%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-hist-mokap__label {
    width: 24.9249249249%;
    position: absolute;
    top: 5.3537284895%;
    left: 38.1381381381%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.crm-hist {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .crm-hist {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .crm-hist {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.crm-hist__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .crm-hist__container {
        flex-direction: column;
        gap: 0;
    }
}
.crm-hist__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .crm-hist__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .crm-hist__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .crm-hist__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .crm-hist__body {
        width: 100%;
    }
}

.crm-last-1 {
    position: relative;
    max-width: 100%;
    min-width: 0;
    width: 666px;
}
.crm-last-1::before {
    display: block;
    content: "";
    padding-top: 55%;
}
.crm-last-1 picture img {
    width: 100%;
}
.crm-last-1__main {
    position: absolute;
    top: 0;
    width: 88.2882882883%;
    left: 6.006006006%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-last-1__label {
    position: absolute;
    left: 0;
    top: 84.1365461847%;
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.crm-last-2 {
    position: relative;
    max-width: 100%;
    min-width: 0;
    width: 666px;
}
.crm-last-2::before {
    display: block;
    content: "";
    padding-top: 60%;
}
.crm-last-2 picture img {
    width: 100%;
}
.crm-last-2__main {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 30px;
    width: 93.8438438438%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-last-2__label {
    position: absolute;
    left: 0;
    top: 19.3763919822%;
    width: 36.036036036%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.crm-last {
    padding-top: 90px;
    padding-bottom: 90px;
}

.crm-last .crm-last-1::before {
    padding-top: 50%;
}
@media (max-width: 1024px) {
    .crm-last {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .crm-last {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.crm-last__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    align-items: unset;
}
@media (max-width: 1024px) {
    .crm-last__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
@media (max-width: 1024px) {
    .crm-last__container {
        align-items: center;
    }
}
.crm-last__body {
    width: 470px;
    position: sticky;
    top: 200px;
    height: -moz-max-content;
    height: max-content;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .crm-last__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .crm-last__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .crm-last__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .crm-last__body {
        width: 100%;
    }
}
.crm-last__right {
    display: grid;
    grid-template-columns: 100%;
    gap: 80px;
    min-width: 0;
    max-width: 100%;
}
@media (max-width: 1023px) {
    .crm-last__right {
        gap: 20px;
    }
}

.crm-work {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .crm-work {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .crm-work {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.crm-work picture img {
    width: 100%;
}
.crm-work__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .crm-work__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.crm-work__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .crm-work__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .crm-work__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .crm-work__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .crm-work__body {
        width: 100%;
    }
}
.crm-work__mokap {
    width: 666px;
    max-width: 100%;
    min-width: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.demo-stand-site .demo-stand-site__logo {
    display: block;
    margin: 24px auto 80px;
    max-width: 121px;
    height: 28px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .demo-stand-site .demo-stand-site__logo {
        max-width: 87px;
        height: 20px;
        margin: 24px auto 25px;
    }
}
.demo-stand-site__wrapper-info {
    display: flex;
    align-items: center;
    -moz-column-gap: 60px;
    column-gap: 60px;
}
@media (max-width: 1199px) {
    .demo-stand-site__wrapper-info {
        row-gap: 45px;
        flex-direction: column;
    }
}
.demo-stand-site__title {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 24px;
    color: #222222;
}
@media (max-width: 767px) {
    .demo-stand-site__title {
        font-size: 28px;
    }
}
.demo-stand-site__text {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #828282;
}
@media (max-width: 767px) {
    .demo-stand-site__text {
        font-size: 16px;
    }
}
.demo-stand-site__text:last-child {
    margin-top: 8px;
}
.demo-stand-site__wrapper-img {
    border-radius: 16px;
    border: 16px solid #F4F4F4;
    background-color: #F4F4F4;
}
@media (max-width: 1199px) {
    .demo-stand-site__wrapper-img {
        order: -1;
    }
}
@media (max-width: 767px) {
    .demo-stand-site__wrapper-img {
        border-radius: 8px;
        border: 8px solid #F4F4F4;
    }
}
.demo-stand-site__img {
    max-width: 638px;
    border-radius: 8px;
}
@media (max-width: 767px) {
    .demo-stand-site__img {
        max-width: 100%;
    }
}
.demo-stand-site__secondary-title {
    margin-bottom: 32px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: #222222;
}
@media (max-width: 767px) {
    .demo-stand-site__secondary-title {
        font-size: 20px;
    }
}
.demo-stand-site__list-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.demo-stand-site__box-link {
    display: flex;
    -moz-column-gap: 40px;
    column-gap: 40px;
    list-style-type: none;
}
@media (max-width: 767px) {
    .demo-stand-site__box-link {
        flex-direction: column;
        row-gap: 8px;
    }
}
.demo-stand-site__name-link {
    width: 400px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #222222;
}
@media (max-width: 1199px) {
    .demo-stand-site__name-link {
        width: 300px;
    }
}
@media (max-width: 767px) {
    .demo-stand-site__name-link {
        font-size: 16px;
    }
}
.demo-stand-site__link {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    cursor: pointer;
    color: #828282;
}
@media (max-width: 767px) {
    .demo-stand-site__link {
        font-size: 16px;
    }
}
.demo-stand-site__gap--80 {
    height: 80px;
}
@media (max-width: 1199px) {
    .demo-stand-site__gap--80 {
        height: 64px;
    }
}
.demo-stand-site__gap--140 {
    height: 140px;
}
@media (max-width: 767px) {
    .demo-stand-site__gap--140 {
        height: 80px;
    }
}

.doc-doc-mokap {
    width: 666px;
    position: relative;
    max-width: 100%;
    min-width: 0;
}
.doc-doc-mokap::before {
    display: block;
    content: "";
    padding-top: 72.5225225225%;
}
.doc-doc-mokap__main {
    position: absolute;
    top: 5.7971014493%;
    left: 9.3093093093%;
    width: 81.3813813814%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-doc-mokap__main img {
    width: 100%;
}
.doc-doc-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 25.8258258258%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-doc-mokap__top img {
    width: 100%;
}
.doc-doc-mokap__bottom {
    width: 46.996996997%;
    left: 0;
    bottom: 0;
    position: absolute;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-doc-mokap__bottom img {
    width: 100%;
}

.doc-doc {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .doc-doc {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .doc-doc {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.doc-doc__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .doc-doc__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.doc-doc__body {
    width: 370px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .doc-doc__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .doc-doc__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .doc-doc__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .doc-doc__body {
        width: 100%;
    }
}

.doc-list-mokap {
    min-width: 0;
    max-width: 100%;
    width: 764px;
    position: relative;
}
.doc-list-mokap::before {
    display: block;
    content: "";
    padding-top: 54.9738219895%;
}
.doc-list-mokap__main {
    position: absolute;
    left: 0;
    width: 94.7643979058%;
    top: 12.380952381%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-list-mokap__main img {
    width: 100%;
}
.doc-list-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 99.0837696335%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-list-mokap__top img {
    width: 100%;
}
.doc-list-mokap__bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 95.6806282723%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-list-mokap__bottom img {
    width: 100%;
}

.doc-list {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .doc-list {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .doc-list {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.doc-list__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .doc-list__container {
        flex-direction: column;
        gap: 0;
    }
}
.doc-list__body {
    width: 370px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .doc-list__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .doc-list__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .doc-list__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .doc-list__body {
        width: 100%;
    }
}

.doc-refresh-mokap {
    position: relative;
    width: 666px;
    max-width: 100%;
    min-width: 0;
}
.doc-refresh-mokap::before {
    display: block;
    content: "";
    padding-top: 62.6126126126%;
}
.doc-refresh-mokap__main {
    position: absolute;
    top: 4.0767386091%;
    left: 4.8048048048%;
    width: 90.5405405405%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-refresh-mokap__main img {
    width: 100%;
}
.doc-refresh-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 37.2372372372%;
}
.doc-refresh-mokap__top img {
    width: 100%;
}
.doc-refresh-mokap__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 35.2852852853%;
}
.doc-refresh-mokap__bottom img {
    width: 100%;
}

.doc-refresh {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .doc-refresh {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .doc-refresh {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.doc-refresh__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .doc-refresh__container {
        flex-direction: column;
        gap: 0;
    }
}
.doc-refresh__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .doc-refresh__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .doc-refresh__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .doc-refresh__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .doc-refresh__body {
        width: 100%;
    }
}

.doc-to-do-mokap {
    position: relative;
    width: 666px;
    min-width: 0;
    max-width: 100%;
}
.doc-to-do-mokap::before {
    display: block;
    content: "";
    padding-top: 77.6276276276%;
}
.doc-to-do-mokap__main {
    position: absolute;
    left: 0;
    top: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 85.2852852853%;
}
.doc-to-do-mokap__main img {
    width: 100%;
}
.doc-to-do-mokap__sub {
    position: absolute;
    right: 0;
    bottom: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 48.048048048%;
}
.doc-to-do-mokap__sub img {
    width: 100%;
}

.doc-to-do {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .doc-to-do {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .doc-to-do {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.doc-to-do__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .doc-to-do__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.doc-to-do__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .doc-to-do__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .doc-to-do__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .doc-to-do__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .doc-to-do__body {
        width: 100%;
    }
}

.dropdown-list {
    position: relative;
}
.dropdown-list[data-state=active] .dropdown-list__select-container {
    opacity: 1;
    pointer-events: initial;
    transform: translateY(0);
    z-index:100;
}
.dropdown-list[data-state=active] .dropdown-list__btn {
    border-color: #4dad33;
}
.dropdown-list[data-state=active] .dropdown-list__btn:hover .dropdown-list__img {
    color: #4dad33;
}
.dropdown-list[data-state=active] .dropdown-list__img {
    color: #4dad33;
}
.dropdown-list__title {
    text-align: left;
}
.dropdown-list__title--color {
    color: #0b1023;
}
.dropdown-list__btn {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 32px;
    padding: 12px 14px;
    width: 100%;
    height: 100%;
    border: 1px solid #E9ECFC;
    transition: 200ms border-color linear;
    cursor: pointer;
    color: #64677A;
}
@media (max-width: 767px) {
    .dropdown-list__btn {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
    }
}
.dropdown-list__btn:hover {
    border-color: #4dad33;
}
.dropdown-list__btn:hover .dropdown-list__img {
    color: #4dad33;
}
.dropdown-list__btn:hover .dropdown-list__img--error {
    color: #ff421d;
}
.dropdown-list__btn--open {
    border-color: #4dad33;
}
.dropdown-list__btn--active {
    border-color: #4dad33;
}
.dropdown-list__btn--error {
    border-color: #ff421d;
}
.dropdown-list__btn--error:not(:-moz-placeholder-shown) {
    border-color: #ff421d;
}
.dropdown-list__btn--error:focus, .dropdown-list__btn--error:hover, .dropdown-list__btn--error:not(:placeholder-shown) {
    border-color: #ff421d;
}
.dropdown-list__img {
    width: 16px;
    height: 16px;
    transition: 200ms transform linear, 200ms color linear;
    color: #64677A;
}
.dropdown-list__img--turn {
    transform: rotate(180deg);
}
.dropdown-list__img--error {
    color: #ff421d;
}
.dropdown-list__img--selected {
    color: #4dad33;
}
.dropdown-list__select-container {
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    border: 1px solid #4dad33;
    background-color: #fff;
    border-radius: 24px;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-5px);
    transition: 200ms transform linear, 200ms opacity linear;
}
.dropdown-list__select-wrapper {
    overflow: auto;
    max-height: 140px;
    height: -moz-max-content;
    height: max-content;
    padding: 12px 21px 12px 8px;
}
.dropdown-list__select-input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none;
}
.dropdown-list__select-input:checked + .dropdown-list__text {
    background-color: #F0FFF4;
}
.dropdown-list__select-label {
    cursor: pointer;
}
.dropdown-list__text {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #0b1023;
    padding: 4px 14px;
    margin-block: 4px;
    border-radius: 32px;
    transition: 200ms background-color linear;
}
.dropdown-list__text:hover {
    background-color: #F0FFF4;
}

.efficiency {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .efficiency {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .efficiency {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.efficiency__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .efficiency__container {
        flex-direction: column-reverse;
    }
}
.efficiency__left {
    flex-shrink: 0;
    width: 49%;
    margin-right: 20px;
}
@media (max-width: 767px) {
    .efficiency__left {
        width: 100%;
        margin-right: 0;
    }
}
.efficiency__image {
    width: 100%;
    min-width: 0;
}
@media (min-width: 1360px) {
    .efficiency__image {
        margin-right: -60px;
    }
}
@media (max-width: 767px) {
    .efficiency__image {
        margin-bottom: 40px;
    }
}

.error-form-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #ef4747;
    margin-top: 2px;
    margin-bottom: 12px;
    opacity: 0;
    pointer-events: none;
    transition: 200ms opacity linear;
}

.error-page {
    padding: 100px 0 100px 0;
    background-color: #fff;
}
@media (max-width: 1023px) {
    .error-page {
        padding-top: 60px;
    }
}
@media (max-width: 766px) {
    .error-page {
        padding-top: 40px;
    }
}
.error-page__body {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}
@media (max-width: 1023px) {
    .error-page__body {
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
    }
}
.error-page__left {
    align-self: center;
    display: flex;
    flex-direction: column;
    grid-column: span 6;
}
@media (max-width: 1023px) {
    .error-page__left {
        order: 2;
        margin-top: 80px;
    }
}
@media (max-width: 767px) {
    .error-page__left {
        margin-top: 20px;
    }
}
.error-page__title {
    font-weight: 700;
    font-size: 100px;
    line-height: 120%;
    color: #DDE1F9;
    margin-bottom: 16px;
}
@media (max-width: 1023px) {
    .error-page__title {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .error-page__title {
        font-size: 80px;
        margin-bottom: 20px;
    }
}
.error-page__sub-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
}
@media (max-width: 1023px) {
    .error-page__sub-title {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .error-page__sub-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.error-page__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 40px;
}
@media (max-width: 1023px) {
    .error-page__desc {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .error-page__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.error-page__desc a {
    display: inline;
    color: #4dad33;
}
.error-page__right {
    width: 100%;
    height: 100%;
    display: flex;
}
@media (max-width: 1023px) {
    .error-page__right {
        order: 1;
        grid-column: span 6 !important;
        justify-self: center;
    }
}
.error-page__right--404 {
    grid-column: 8/span 5;
}
.error-page__right--505 {
    grid-column: 7/span 6;
}
.error-page__img {
    min-width: 0;
}
@media (max-width: 1023px) {
    .error-page__img {
        max-width: 400px;
        max-height: 280px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1023px) {
    .error-page__button {
        margin-left: auto;
        margin-right: auto;
    }
}

.facility-control {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .facility-control {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .facility-control {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.facility-control__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .facility-control__container {
        flex-direction: column-reverse;
    }
}
.facility-control__image {
    min-width: 0;
    margin-left: 20px;
}
@media (max-width: 1024px) {
    .facility-control__image {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .facility-control__image {
        margin-bottom: 40px;
        margin-left: 0;
    }
}
.facility-control__body {
    width: 49.2%;
}
@media (max-width: 1024px) {
    .facility-control__body {
        width: 100%;
    }
}

.facility-counter {
    padding-top: 90px;
    padding-bottom: 90px;
    background: center no-repeat;
    background-size: cover;
    background-color: #fff;
    background-image: url("/local/templates/main/assets/images/use.svg");
    border-top: 1px solid #eceff9;
}
@media (max-width: 1024px) {
    .facility-counter {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .facility-counter {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .facility-counter {
        background-color: #f5f7fc;
        background-image: unset;
        border-top: none;
    }
}
.facility-counter__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .facility-counter__container {
        display: block;
    }
}
.facility-counter__left {
    width: 100%;
    max-width: 469px;
}
@media (max-width: 1023px) {
    .facility-counter__left {
        max-width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .facility-counter__left {
        text-align: left;
    }
}
.facility-counter .facility-counter__btn {
    margin-top: 70px;
}
@media (max-width: 1023px) {
    .facility-counter .facility-counter__btn {
        display: none;
    }
}
.facility-counter__right {
    width: 100%;
    max-width: 568px;
    margin-left: 20px;
}
@media (max-width: 1023px) {
    .facility-counter__right {
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 767px) {
    .facility-counter__right {
        max-width: 100%;
    }
}
.facility-counter__text {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    margin-top: 64px;
    color: #2B2C2C;
}
@media (max-width: 1023px) {
    .facility-counter__text {
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .facility-counter__text {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        text-align: left;
    }
}
.facility-counter__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px 20px;
    width: 100%;
}
@media (max-width: 1023px) {
    .facility-counter__grid {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .facility-counter__grid {
        text-align: left;
    }
}
@media (max-width: 370px) {
    .facility-counter__grid {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.facility-counter__item-title {
    font-size: 74px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
}
@media (max-width: 767px) {
    .facility-counter__item-title {
        font-size: 42px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.facility-counter__item-desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-top: 16px;
    color: #2B2C2C;
}
@media (max-width: 767px) {
    .facility-counter__item-desc {
        font-size: 14px;
    }
    .facility-counter__item-desc br {
        display: none;
    }
}
.facility-counter .facility-counter__btn-mobile {
    display: none;
}
@media (max-width: 1023px) {
    .facility-counter .facility-counter__btn-mobile {
        display: flex;
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 767px) {
    .facility-counter .facility-counter__btn-mobile {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}

.facility-deadline {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .facility-deadline {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .facility-deadline {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.facility-deadline__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .facility-deadline__container {
        flex-direction: column;
    }
}
.facility-deadline__body {
    width: 49.2%;
}
@media (max-width: 1024px) {
    .facility-deadline__body {
        width: 100%;
    }
}
.facility-deadline__image {
    min-width: 0;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .facility-deadline__image {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .facility-deadline__image {
        margin-right: 0;
        margin-bottom: 40px;
    }
}

.facility-level-up {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .facility-level-up {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .facility-level-up {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.facility-level-up__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .facility-level-up__container {
        flex-direction: column-reverse;
    }
}
.facility-level-up__body {
    width: 100%;
}
.facility-level-up__image {
    width: 100%;
    min-width: 0;
    margin-left: 20px;
}
@media (max-width: 767px) {
    .facility-level-up__image {
        margin-bottom: 40px;
        margin-left: 0;
    }
}

.facility-mobility {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}

.mobility .section-col__body {
    flex-shrink: 0;
    width: 41%;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .facility-mobility {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .facility-mobility {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .mobility .section-col__body {
        width: 100%;
        margin-right: 0;
    }
}
.facility-mobility__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
@media (max-width: 767px) {
    .facility-mobility__container {
        flex-direction: column;
        gap: 0;
    }
}
.facility-mobility__image {
    min-width: 0;
    max-width: 600px;
}
@media (max-width: 1024px) {
    .facility-mobility__image {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .facility-mobility__image {
        margin-bottom: 40px;
    }
}
.facility-mobility__body {
    width: 49.2%;
}
@media (max-width: 1024px) {
    .facility-mobility__body {
        width: 100%;
    }
}
.facility-mobility--reverse .facility-mobility__container {
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    .facility-mobility--reverse .facility-mobility__container {
        flex-direction: column;
    }
}

.footer {
    padding: 90px 0;
    background-color: #30333d;
}
@media (max-width: 1200px) {
    .footer {
        padding: 60px 0;
    }
}
@media (max-width: 767px) {
    .footer {
        padding: 40px 0;
    }
}
.footer__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .footer__logo {
        display: none;
    }
}
.footer__logo img {
    width: 123px;
}
.footer__logo--media {
    display: none;
}
@media (max-width: 1200px) {
    .footer__logo--media {
        margin-bottom: 30px;
        grid-column: span 12;
        display: block;
    }
}
@media (max-width: 767px) {
    .footer__logo--media {
        grid-column: span 6;
        margin-bottom: 24px;
    }
}
.footer__store {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    background: #5c5e68;
    border-radius: 32px;
}
.footer__download-simple {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    display: flex;
    align-items: flex-end;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #b6b8c2;
    width: -moz-max-content;
    width: max-content;
    transition: 200ms color linear;
}
.footer__download-simple:hover {
    color: #fff;
}
.footer__download-img {
    width: 24px;
    height: 24px;
}
.footer__list-store {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer__title-store {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 16px;
    color: #898C9A;
}
@media (max-width: 767px) {
    .footer__title-store {
        width: 100%;
        margin-bottom: 20px;
    }
}
.footer__title-store--separation {
    max-width: 182px;
}
@media (max-width: 1200px) {
    .footer__title-store--separation {
        max-width: initial;
    }
}
.footer__unification-block {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}
@media (max-width: 1200px) {
    .footer__unification-block {
        row-gap: 32px;
        width: 100%;
        transform: translateY(-117px);
        max-height: 308px;
    }
}
@media (max-width: 768px) {
    .footer__unification-block {
        row-gap: 40px;
        max-height: initial;
        transform: translateY(0);
    }
}
.footer__fixed {
    flex-shrink: 0;
    grid-column: span 3;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 1200px) {
    .footer__fixed {
        margin-top: 40px;
        order: 3;
        grid-column: span 12;
        flex-direction: row;
        justify-content: space-between;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .footer__fixed {
        margin-top: 30px;
        grid-column: span 6;
        flex-direction: column;
        gap: 16px;
    }
}
.footer__interlayer {
    display: contents;
}
@media (max-width: 767px) {
    .footer__interlayer {
        display: flex;
        flex-wrap: wrap;
        -moz-column-gap: 16px;
        gap: 10px;
    }
    .footer__store {
        width: 115px;
    }
    .footer__store img,
    .footer__store svg {
        width: 80%;
        height: auto;
        padding: 0 5px;
        object-fit: contain;
    }
}
.footer__fixed-col {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.footer__bottom {
    padding-top: 40px;
    display: grid;
    align-items: baseline;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 16px;
    column-gap: 16px;
}
@media (max-width: 1200px) {
    .footer__bottom {
        padding-top: 32px;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 16px;
    }
}
@media (max-width: 767px) {
    .footer__bottom {
        grid-template-columns: repeat(6, 1fr);
    }
}
.footer__bottom .language {
    grid-column: span 1;
}
@media (max-width: 1200px) {
    .footer__bottom .language {
        grid-column: span 2;
    }
}
@media (max-width: 767px) {
    .footer__bottom .language {
        grid-column: span 3;
    }
}
.footer a.footer__description {
    transition: 200ms color linear;
}
.footer a.footer__description:hover {
    color: #fff;
}
.footer__description {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    grid-column: span 2;
    color: #898C9A;
}
.footer__description:nth-child(2) {
    grid-column: span 5;
}
.footer__description:nth-child(4) {
    grid-column: span 4;
}
@media (max-width: 1200px) {
    .footer__description {
        grid-column: span 3;
    }
    .footer__description:nth-child(2) {
        grid-column: span 12;
        order: 3;
    }
    .footer__description:nth-child(4) {
        grid-column: span 7;
    }
}
@media (max-width: 767px) {
    .footer__description {
        grid-column: span 3;
    }
    .footer__description:nth-child(2) {
        grid-column: span 6;
        border-top: 1px solid #5C5E68;
        padding-top: 16px;
    }
    .footer__description:nth-child(4) {
        grid-column: span 6;
    }
    .footer__description:nth-child(3) {
        grid-column: span 6;
    }
}
.footer__top {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #5c5e68;
}
@media (max-width: 1200px) {
    .footer__top {
        padding-bottom: 32px;
    }
}
@media (max-width: 767px) {
    .footer__top {
        grid-template-columns: repeat(6, 1fr);
        padding-bottom: 40px;
    }
}
.footer__list {
    grid-column: span 9;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    width: 100%;
}
@media (max-width: 1200px) {
    .footer__list {
        grid-column: span 12;
        order: 2;
    }
}
@media (max-width: 767px) {
    .footer__list {
        grid-column: span 6;
        grid-template-columns: repeat(6, 1fr);
    }
}
.footer__col {
    grid-column: span 4;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 1200px) {
    .footer__col {
        grid-column: span 6;
        order: 3;
    }
}
@media (max-width: 1200px) {
    .footer__col:nth-child(3) {
        grid-column: span 12;
        order: 3;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
    }
    .footer__col:nth-child(3) .footer__col-item {
        grid-column: span 3;
    }
    .footer__col:nth-child(3) .footer__col-item:nth-child(2) {
        order: 3;
    }
    .footer__col:nth-child(3) .footer__col-item:nth-child(3) {
        order: 2;
    }
}
@media (max-width: 767px) {
    .footer__col:nth-child(3) {
        grid-column: span 6;
    }
    .footer__col:nth-child(3) .footer__col-item {
        grid-column: span 6;
    }
    .footer__col:nth-child(3) .footer__col-item:nth-child(2) {
        order: 2;
    }
    .footer__col:nth-child(3) .footer__col-item:nth-child(3) {
        order: 3;
    }
}
.footer__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px;
    color: #b6b8c2;
}
.footer__links {
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.footer__links .footer__title {
    margin-bottom: 0;
}
.footer__link {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    padding: 4px;
    margin: -4px;
    color: #898C9A;
    transition: 200ms color linear;
}
.footer__link:hover {
    color: #fff;
}
.footer__contact {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    padding: 4px;
    margin: -4px;
    color: #898C9A;
    transition: 200ms color linear;
}
.footer__contact:hover {
    color: #fff;
}
.footer__social-list {
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .footer__social-list {
        width: 100%;
    }
}
.footer__location {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #898C9A;
}
.footer__location--reestr {
    margin-bottom: 16px;
    transition: 200ms color linear;
}
.footer__location--reestr:hover {
    color: #fff;
}
.footer__location--mobile {
    margin-top: 32px;
}
@media (min-width: 1201px) {
    .footer__location--mobile {
        display: none;
    }
}
.footer__icon {
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 10px;
}

.for-companies {
    position: relative;
    background-color: #fff;
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1200px) {
    .for-companies {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.for-companies__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.for-companies__circle-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 800px;
    height: 800px;
    border-radius: 800px;
    background: rgba(128, 255, 0, 0.3);
    filter: blur(200px);
    transform: translate(35%, -40%);
    z-index: -1;
}
.for-companies__top-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1200px) {
    .for-companies__top-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }
}
.for-companies__left {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    grid-column-start: 1;
    grid-column-end: 6;
}
@media (max-width: 1200px) {
    .for-companies__left {
        align-items: center;
    }
}
@media (max-width: 768px) {
    .for-companies__left {
        align-items: flex-start;
    }
}
.for-companies__right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 18px;
    grid-column-start: 7;
    grid-column-end: 13;
}
.for-companies__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
}
@media (max-width: 768px) {
    .for-companies__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.for-companies__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #898c9a;
}
@media (max-width: 1200px) {
    .for-companies__text {
        max-width: 780px;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .for-companies__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        text-align: left;
        max-width: initial;
    }
}
.for-companies__numbers-title {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
}
@media (max-width: 767px) {
    .for-companies__numbers-title {
        font-size: 28px;
        font-weight: bold;
        line-height: 150%;
        letter-spacing: -0.01em;
        width: -moz-max-content;
        width: max-content;
    }
}
.for-companies__numbers-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #5c5e68;
    max-width: 267px;
}
@media (max-width: 767px) {
    .for-companies__numbers-text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.for-companies__numbers-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
.for-companies__bottom-wrapper {
    position: relative;
    margin-top: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    padding: 40px;
    background-color: #4dad33;
    z-index: 1;
    overflow: hidden;
}
@media (max-width: 1200px) {
    .for-companies__bottom-wrapper {
        flex-direction: column;
        row-gap: 40px;
        margin-top: 40px;
        padding: 24px;
    }
}
.for-companies__bottom-left {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
@media (max-width: 1200px) {
    .for-companies__bottom-left {
        align-items: center;
    }
}
.for-companies__bottom-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #fff;
}
@media (max-width: 1200px) {
    .for-companies__bottom-title {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .for-companies__bottom-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.for-companies__bottom-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 1200px) {
    .for-companies__bottom-text {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .for-companies__bottom-text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
@media (max-width: 1200px) {
    .for-companies__button {
        width: 100%;
    }
}
.for-companies__button:hover {
    background-color: #050612;
}

.form-info {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 2px;
    margin-bottom: 12px;
    opacity: 0;
    pointer-events: none;
    transition: 200ms opacity linear;
}

.header-menu {
    position: absolute;
    top: 98px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    display: flex;
    pointer-events: none;
    opacity: 0;
    transition: 200ms opacity linear, 200ms top linear;
}
.header-menu:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    bottom: 100%;
    left: 0;
    height: 40px;
}
.header-menu__box {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: grid;
    grid-auto-rows: 1fr;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 16px;
    padding: 32px;
    transition: 200ms transform linear;
    grid-template-columns: repeat(4, 1fr);
}
.header-menu__item {
    grid-column: span 1;
    display: flex;
    padding: 8px;
    transition: 200ms background linear;
    gap: 0 16px;
    border-radius: 6px;
}
.header-menu__item.header-menu__item--custom:hover {
    background: #F0FFF4;
}
.header-menu__item.header-menu__item--custom.collored .header-menu__icon,
.header-menu__item.header-menu__item--custom.collored .header-menu__text {
    color:#4DAD33;
}
.header-menu__item.header-menu__item--custom.collored:hover .header-menu__icon,
.header-menu__item.header-menu__item--custom.collored:hover .header-menu__text {
    color:#0b1023;
}
.header-menu__item.header-menu__item--custom.collored:hover,
.header-menu__item.header-menu__item--custom.collored:hover {
    background:#fff;
}
/*.header-menu__item--custom .header-menu__icon,*/
/*.header-menu__item--custom .header-menu__text {*/
/*    color: #4DAD33;*/
/*}*/
.header-menu__item--custom:hover .header-menu__icon,
.header-menu__item--custom:hover .header-menu__text {
    color: #0B1023;
}
.header-menu__icon {
    color: #0b1023;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: 200ms color linear;
}
.header-menu__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 4px;
    display: flex;
    gap: 4px;
    align-items: flex-start;
    color: #0b1023;
    transition: 200ms color linear;
}

.header-menu__text-small {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #898c9a;
}
.header-menu__left {
    grid-column: span 3;
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    padding-right: 7px;
    height: -moz-max-content;
    height: max-content;
}
.header-menu__right {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 7px;
    border-left: 1px solid #e9ecfc;
}
a.header-menu__item .header-menu__arrow {
    width: 10px;
    height: 10px;
}
.header-menu__img {
    width: 100%;
    pointer-events: none;
}

.header-wrap {
    height: 96px;
}
@media (max-width: 1200px) {
    .header-wrap {
        height: 64px;
    }
}
.header-wrap--white {
    background-color: #fff;
}
.header-wrap--dark {
    background-color: #30333d;
}
.header-wrap--grey {
    background-color: #f5f7fc;
}

.header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    padding: 24px 0;
    transition: 200ms background-color linear, 200ms box-shadow linear, 200ms padding linear;
}
@media (max-width: 1200px) {
    .header {
        padding: 0;
    }
}
.header__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1200px) {
    .header__container {
        height: 64px;
    }
}
@media (max-width: 1200px) {
    .header__logo-image {
        width: 127px;
        height: 19px;
    }
}
.header__right {
    z-index: 88;
    display: flex;
    align-items: center;
    gap: 0 30px;
}
@media (max-width: 1200px) {
    .header__right {
        gap: 0 24px;
    }
}
.header .header__btn {
    padding: 16px 24px;
}
@media (max-width: 1200px) {
    .header .header__btn {
        display: none;
    }
}
.header__nav {
    display: flex;
    align-items: center;
    gap: 0 24px;
}
@media (max-width: 1200px) {
    .header__nav {
        display: none;
    }
}
.header__burger {
    padding: 8px;
    margin: -8px;
    color: #4dad33;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 1201px) {
    .header__burger {
        display: none;
    }
}
.header__burger-icon {
    width: 22px;
    height: 14px;
}
.header__item:hover .header-menu {
    opacity: 1;
    pointer-events: unset;
}
.header__item:hover .header-link__icon {
    transform: rotate(-180deg);
}
.header__item:hover .header-link {
    color: #42962B;
}
.header--white {
    background-color: #fff;
}
.header--dark {
    background-color: #30333d;
}
.header--dark:not(.header--shadow) .header-link {
    color: #f5f7fc;
}
.header--shadow {
    background-color: #fff;
    box-shadow: 0 4px 35px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1201px) {
    .header--shadow {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.header--shadow .header-menu {
    top: 68px;
}
.header--shadow .header-menu:before {
    height: 22px;
}

.ind-preview {
    padding-top: 116px;
}
@media (max-width: 1024px) {
    .ind-preview {
        padding-top: 30px;
    }
}
.ind-preview .index-ul {
    margin-bottom: 60px;
}
@media (max-width: 1024px) {
    .ind-preview .index-ul {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .ind-preview .index-ul {
        margin-bottom: 30px;
    }
}
.ind-preview__container {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
@media (max-width: 767px) {
    .ind-preview__container {
        grid-template-columns: 100%;
        gap: 30px;
    }
}
.ind-preview__picture {
    width: 100%;
}
.ind-preview__left {
    width: 100%;
}
@media (max-width: 767px) {
    .ind-preview__left {
        order: 2;
    }
}
@media (max-width: 767px) {
    .ind-preview .ind-preview__btn {
        width: 100%;
    }
}

.input-new {
    position: relative;
}
.input-new--label {
    display: flex;
}
.input-new__input {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    background-color: #fff;
    color: #0b1023;
    border-radius: 32px;
    padding: 12px 14px;
    width: 100%;
    height: 100%;
    border: 1px solid #E9ECFC;
    transition: 200ms border-color linear;
}
@media (max-width: 767px) {
    .input-new__input {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
    }
}
.input-new__input:not(:-moz-placeholder-shown) {
    border-color: #4dad33;
}
.input-new__input:focus, .input-new__input:hover, .input-new__input:not(:placeholder-shown) {
    border-color: #4dad33;
}
.input-new__input:not(:-moz-placeholder-shown) + .input-new__right {
    color: #4dad33;
}
.input-new__input:focus + .input-new__right, .input-new__input:hover + .input-new__right, .input-new__input:not(:placeholder-shown) + .input-new__right {
    color: #4dad33;
}
.input-new__input:not(:-moz-placeholder-shown) + .input-new__right--error {
    color: #ff421d;
}
.input-new__input:focus + .input-new__right--error, .input-new__input:hover + .input-new__right--error, .input-new__input:not(:placeholder-shown) + .input-new__right--error {
    color: #ff421d;
}
.input-new__input::-moz-placeholder {
    color: #64677A;
}
.input-new__input::placeholder {
    color: #64677A;
}
.input-new__input--error {
    border-color: #ff421d;
    padding-right: 33px !important;
}
.input-new__input--error:not(:-moz-placeholder-shown) {
    border-color: #ff421d;
}
.input-new__input--error:focus, .input-new__input--error:hover, .input-new__input--error:not(:placeholder-shown) {
    border-color: #ff421d;
}
.input-new__input--right {
    padding: 12px 8px 12px 14px;
    border-radius: 32px 0 0 32px;
}
.input-new__icon {
    position: absolute;
    right: 13px;
    top: 12px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    opacity: 0;
    transition: 200ms opacity linear, 200ms transform linear;
    transform: translateY(-5px);
}
@media (max-width: 767px) {
    .input-new__icon {
        top: 10px;
    }
}
.input-new__icon--error {
    opacity: 1;
    transform: translateY(0);
    pointer-events: initial;
    z-index:10
}
.input-new__icon:hover + .input-new__text-mistake {
    opacity: 1;
    transform: translateY(0);
}
.input-new__icon--right {
    right: 105px;
}
@media (max-width: 767px) {
    .input-new__icon--right {
        right: 85px;
    }
}
.input-new__text-mistake {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    position: absolute;
    right: 4px;
    top: 40px;
    padding: 12px 16px;
    color: #0b1023;
    background-color: #fff;
    border-radius: 8px;
    z-index: 15;
    pointer-events: none;
    border: 1px solid #E9ECFC;
    opacity: 0;
    transition: 200ms opacity linear, 200ms transform linear;
    transform: translateY(-5px);
}
@media (max-width: 767px) {
    .input-new__text-mistake {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
    }
}
.input-new__text-mistake--right {
    right: 96px;
}
.input-new__right {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 0 32px 32px 0;
    background-color: #EBEBEB;
    color: #898C9A;
    border: 1px solid #E9ECFC;
    transition: 200ms color linear;
}
@media (max-width: 767px) {
    .input-new__right {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        padding: 0 8px;
    }
}

.input {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    --padding-x: 16px;
    width: 100%;
    height: 52px;
    border: 1px solid #e9ecfc;
    border-radius: 6px;
    padding: 0 var(--padding-x) 0 var(--padding-x);
    background-color: #fff;
    transition: 200ms border linear;
}
.input::-moz-placeholder {
    color: #9d9d9d;
}
.input::placeholder {
    color: #9d9d9d;
}

.label {
    display: block;
    position: relative;
    padding-bottom: 16px;
    height: 100%;
}
.label__error {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    margin-top: 4px;
    width: 100%;
    color: #ef4747;
    transition: 200ms transform linear, 200ms opacity linear;
}
.label--error .input {
    border: 1px solid #ef4747;
}

.language-box {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 28px;
    pointer-events: none;
    opacity: 0;
    transition: 200ms opacity linear;
    transform: translateX(-50%);
    color: #898C9A;
}
@media (max-width: 1199px) {
    .language-box {
        left: 25px;
        right: unset;
    }
}
.language-box__box {
    background-color: #30333d;
    border: 1px solid #5C5E68;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    transition: 200ms transform linear;
    transform: translateY(10px);
}
.language-box__item {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    padding: 8px 16px;
    transition: 200ms color linear;
}
.language-box__item:hover {
    color: #4dad33;
}
.language-box__item:first-child {
    padding-top: 13px;
}
.language-box__item:last-child {
    padding-bottom: 13px;
}

.language {
    position: relative;
}
.language__link {
    display: flex;
    gap: 9px;
    align-items: center;
    color: #898c9a;
    cursor: pointer;
    transition: 200ms color linear;
}
.language__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
}
.language__icon {
    width: 10px;
    height: 10px;
    transition: 200ms transform linear;
}
.language:hover .language-box {
    pointer-events: unset;
    opacity: 1;
}
.language:hover .language-box__box {
    transform: translateY(0);
}
.language:hover .language__link {
    color: #4dad33;
}
.language:hover .language__icon {
    transform: rotate(-180deg);
}

.link-to {
    color: #4dad33;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    margin-top: 24px;
    width: -moz-max-content;
    width: max-content;
}
@media (max-width: 1024px) {
    .link-to {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 767px) {
    .link-to {
        margin-left: unset;
    }
}
.link-to:hover .link-to__icon {
    transform: translateX(5px);
}
.link-to__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
}
.link-to__icon {
    width: 11px;
    height: 5px;
    transition: 200ms transform linear;
}

.link {
    display: flex;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    margin-top: auto;
}
.link:hover .link__text {
    color: #60c843;
}
.link:hover .link__svg {
    color: #60c843;
}
.link__text {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    font-weight: 500;
    color: #4dad33;
    transition: 200ms color linear;
}
.link__svg {
    width: 10px;
    height: 5px;
    color: #4dad33;
    transition: 200ms color linear;
}

.main-blog-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.main-blog-card:hover .main-blog-card__read-icon {
    transform: translateX(6px);
}
.main-blog-card__picture {
    flex-shrink: 0;
    width: 100%;
    border-radius: 6px 6px 0 0;
}
.main-blog-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 32px 24px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}
.main-blog-card__title {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 16px;
}
.main-blog-card__title--big {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 767px) {
    .main-blog-card__title--big {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.main-blog-card__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 16px;
}
@media (max-width: 1023px) {
    .main-blog-card__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.main-blog-card__read {
    display: flex;
    align-items: baseline;
    margin-top: auto;
    color: #4dad33;
    gap: 0 8px;
}
.main-blog-card__read-icon {
    width: 12px;
    height: 7px;
    transition: 200ms transform linear;
}
.main-blog-card__read-txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    line-height: unset;
}

.main-blog {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .main-blog {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-blog {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px) {
    .main-blog .swiper {
        width: calc(100% + 20px + 20px);
        padding-right: 20px;
        padding-left: 20px;
        margin-left: -20px;
    }
}
.main-blog__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-blog .main-blog__title {
    margin-bottom: 20px;
    text-align: center;
}
@media (max-width: 767px) {
    .main-blog .main-blog__title {
        text-align: left;
    }
}
.main-blog .main-blog__sub-title {
    text-align: center;
}
.main-blog .main-blog__desc {
    margin-bottom: 60px;
    text-align: center;
}
@media (max-width: 1200px) {
    .main-blog .main-blog__desc {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .main-blog .main-blog__desc {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .main-blog .main-blog__desc br {
        display: none;
    }
}
.main-blog .main-blog__pagination {
    margin-top: 40px;
}

.main-database {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .main-database {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-database {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.main-database__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 0 40px;
}
@media (max-width: 1200px) {
    .main-database__container {
        gap: 0 20px;
    }
}
@media (max-width: 767px) {
    .main-database__container {
        flex-direction: column;
        gap: 40px 0;
    }
}
.main-database__gap-text {
    height: 20px;
}
.main-database__picture {
    width: 47.491349481%;
    min-width: 0;
}
@media (max-width: 1200px) {
    .main-database__picture {
        width: 100%;
    }
}
.main-database__right {
    width: 49.1349480969%;
}
@media (max-width: 1200px) {
    .main-database__right {
        width: 100%;
    }
}

.main-history-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px;
    overflow: hidden;
    border: 1px solid #e9ecfc;
    border-radius: 6px;
    background-color: #fff;
    transition: 200ms box-shadow linear, 200ms border linear;
}
.main-history-card:hover {
    border-color: transparent;
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.06);
}
.main-history-card:hover .main-history-card__read-icon {
    transform: translateX(6px);
}
.main-history-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
    margin-bottom: 24px;
}
.main-history-card__icon {
    width: 28px;
    height: 28px;
}
.main-history-card__logo {
    max-height: 100%;
}
.main-history-card__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 58px;
    margin-bottom: 24px;
}
@media (max-height: 1200px) {
    .main-history-card__title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
        height: 51px;
    }
}
.main-history-card__title--motel {
    max-width: 366px;
}
@media (max-width: 1200px) {
    .main-history-card__title--motel {
        max-width: 100%;
    }
}
.main-history-card__sub {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 4px;
    color: #2B2C2C;
}
.main-history-card__state {
    display: flex;
    align-items: baseline;
    margin-top: auto;
    margin-bottom: 26px;
    gap: 0 8px;
}
.main-history-card__state-value {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 1200px) {
    .main-history-card__state-value {
        font-size: 28px;
        font-weight: bold;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
.main-history-card__read {
    display: flex;
    align-items: baseline;
    color: #4dad33;
    gap: 0 4px;
}
.main-history-card__read-icon {
    width: 12px;
    height: 7px;
    transition: 200ms transform linear;
}
.main-history-card__read-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    line-height: unset;
}
.main-history-card__picture {
    position: absolute;
}
@media (max-width: 1200px) {
    .main-history-card__picture {
        display: none;
    }
}
.main-history-card__picture--motel {
    right: 20px;
    bottom: -50px;
}
@media (max-width: 1200px) {
    .main-history-card__picture--motel {
        right: 10px;
        width: 260px;
    }
}
.main-history-card__picture--mks {
    right: 24px;
    bottom: 17px;
}

.main-history {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .main-history {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-history {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.main-history__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-history__sub-title {
    text-align: center;
}
.main-history__title {
    margin-bottom: 20px;
    text-align: center;
}
.main-history__desc {
    margin-bottom: 60px;
    text-align: center;
}
@media (max-width: 767px) {
    .main-history__desc br {
        display: none;
    }
}
.main-history__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 20px;
}
@media (max-width: 1200px) {
    .main-history__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .main-history__grid {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
}
.main-history__grid > *:first-child, .main-history__grid > *:last-child {
    grid-column: span 2;
}
@media (max-width: 1200px) {
    .main-history__grid > *:first-child, .main-history__grid > *:last-child {
        grid-column: unset;
    }
}
.main-history--dark {
    background-color: #f5f7fc;
}

.main-integration-card {
    width: 100%;
}
.main-integration-card__top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 85px;
    padding: 8px 18px;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
}
@media (max-width: 767px) {
    .main-integration-card__top {
        height: 57px;
        padding: 8px 18px;
    }
}
.main-integration-card__logo {
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
}
.main-integration-card__body {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    width: 100%;
    padding: 10px 0;
    color: #30333d;
    text-align: center;
    background-color: #e9ecfc;
    border-radius: 0 0 6px 6px;
}
@media (max-width: 1200px) {
    .main-integration-card__body {
        font-size: 12px;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}

.main-integration {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .main-integration {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-integration {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.main-integration__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-integration .main-integration__sub-title {
    text-align: center;
}
@media (max-width: 767px) {
    .main-integration .main-integration__sub-title {
        text-align: left;
    }
}
.main-integration .main-integration__title {
    margin-bottom: 20px;
    text-align: center;
}
@media (max-width: 767px) {
    .main-integration .main-integration__title {
        text-align: left;
    }
}
.main-integration .main-integration__desc {
    margin-bottom: 60px;
    text-align: center;
}
@media (max-width: 1200px) {
    .main-integration .main-integration__desc {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .main-integration .main-integration__desc {
        margin-bottom: 30px;
        text-align: left;
    }
    .main-integration .main-integration__desc br {
        display: none;
    }
}
.main-integration__content {
    display: none;
    padding: 40px;
    background-color: #f5f7fc;
    border-radius: 6px;
}
@media (max-width: 1200px) {
    .main-integration__content {
        padding: 24px 16px;
    }
}
.main-integration__content--active {
    display: block;
}
.main-integration__content-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
    text-align: center;
}
@media (max-width: 1200px) {
    .main-integration__content-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 16px;
    }
}
.main-integration__list-company {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 16px;
}
@media (max-width: 767px) {
    .main-integration__list-company {
        grid-template-columns: repeat(auto-fit, minmax(134px, 1fr));
    }
}
.main-integration__list-company--column-4 {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
    .main-integration__list-company--column-4 {
        grid-template-columns: repeat(auto-fit, minmax(134px, 1fr));
    }
}

.main-lore {
    padding-top: 90px;
    padding-bottom: 90px;
    background: url("/local/templates/main/assets/images/use-custom.svg") no-repeat center;
    background-size: cover;
}
@media (max-width: 1024px) {
    .main-lore {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-lore {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 1200px) {
    .main-lore {
        padding: 60px 0;
    }
}
.main-lore__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
@media (max-width: 1200px) {
    .main-lore__container {
        display: block;
    }
}
.main-lore__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .main-lore__text {
        margin-bottom: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .main-lore__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 30px;
        text-align: left;
    }
}
.main-lore__left {
    width: 469px;
}
@media (max-width: 1200px) {
    .main-lore__left {
        width: 100%;
    }
}
@media (max-width: 1200px) {
    .main-lore__sub-title {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .main-lore__sub-title {
        text-align: left;
    }
}
@media (max-width: 1200px) {
    .main-lore__title {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .main-lore__title {
        text-align: left;
    }
}
.main-lore__grid {
    display: grid;
    grid-template-columns: 274px 274px;
    grid-gap: 56px 20px;
}
@media (max-width: 1200px) {
    .main-lore__grid {
        display: flex;
        grid-gap: 0 0;
        justify-content: space-between;
    }
}
@media (max-width: 767px) {
    .main-lore__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
}
@media (max-width: 359px) {
    .main-lore__grid {
        grid-template-columns: 1fr;
    }
}
.main-lore__item-title {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
    color: #4dad33;
}
@media (max-width: 1200px) {
    .main-lore__item-title {
        font-size: 28px;
        font-weight: bold;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
.main-lore__item-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 500px) {
    .main-lore__item-text {
        max-width: 180px;
    }
}
@media (max-width: 359px) {
    .main-lore__item-text {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .main-lore__item-text br {
        display: none;
    }
}
@media (min-width: 1201px) {
    .main-lore__br-tablet {
        display: none;
    }
}

.main-milti {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .main-milti {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-milti {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.main-milti__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-milti__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 90px;
    text-align: center;
}
@media (max-width: 1200px) {
    .main-milti__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .main-milti__title {
        margin-bottom: 40px;
    }
}
.main-milti__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0 20px;
}
@media (max-width: 767px) {
    .main-milti__inner {
        flex-direction: column-reverse;
        gap: 40px 0;
    }
}
.main-milti__left {
    width: 568px;
}
@media (max-width: 1200px) {
    .main-milti__left {
        align-items: center;
        width: 100%;
    }
}
.main-milti__video {
    width: 452px;
    min-width: 0;
}
@media (max-width: 1200px) {
    .main-milti__video {
        width: 100%;
        max-width: 392px;
    }
}
@media (max-width: 767px) {
    .main-milti__video {
        max-width: 100%;
    }
}

.main-preview-new {
    padding-top: 93px;
    overflow: hidden;
    background-color: #fff;
}
@media (max-width: 1200px) {
    .main-preview-new {
        padding-top: 30px;
    }
}
.main-preview-new__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 0 20px;
}
@media (max-width: 767px) {
    .main-preview-new__container {
        flex-direction: column-reverse;
    }
}
.main-preview-new__left {
    flex-shrink: 0;
    width: 372px;
}
@media (max-width: 1200px) {
    .main-preview-new__left {
        width: 230px;
    }
}
@media (max-width: 767px) {
    .main-preview-new__left {
        width: 100%;
        margin-top: 30px;
    }
}
.main-preview-new__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
}
@media (max-width: 1200px) {
    .main-preview-new__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.main-preview-new__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #5c5e68;
}
@media (max-width: 1200px) {
    .main-preview-new__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.main-preview-new .main-preview-new__button {
    padding-right: 44px;
    padding-left: 44px;
    margin-bottom: 16px;
}
@media (max-width: 1200px) {
    .main-preview-new .main-preview-new__button {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .main-preview-new .main-preview-new__button {
        margin-bottom: 0;
    }
}
.main-preview-new__video {
    width: 100%;
    min-width: 0;
    margin-right: -5%;
    aspect-ratio: 1726/1030;
}
@media (max-width: 1200px) {
    .main-preview-new__video {
        margin-top: -3%;
    }
}
@media (max-width: 767px) {
    .main-preview-new__video {
        margin-top: 0;
        margin-right: 0;
    }
}
.main-preview-new__video--desktop {
    display: block;
}
@media (max-width: 767px) {
    .main-preview-new__video--desktop {
        display: none;
    }
}
.main-preview-new__video--mobile {
    display: none;
}
@media (max-width: 767px) {
    .main-preview-new__video--mobile {
        display: block;
    }
}
.main-preview-new__left-wrapper {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #5c5e68;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 56px;
}
@media (max-width: 767px) {
    .main-preview-new__left-wrapper {
        margin-bottom: 40px;
        row-gap: 8px;
    }
}
.main-preview-new__list {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-left: 24px;
}
.main-preview-new__item {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    position: relative;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .main-preview-new__item {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.main-preview-new__item::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #4dad33;
}

.main-preview {
    padding-top: 93px;
    padding-bottom: 94px;
    overflow: hidden;
    background-color: #fff;
}

.main-preview-link {
    color: #4dad33;
    font-weight: 500;
    cursor: pointer;
    max-width: max-content;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: none;
    letter-spacing: normal;
}

@media (max-width: 1200px) {
    .main-preview {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .main-preview-link {
        font-size: 15px;
    }
}
.main-preview__container {
    width: 100%;
    max-width: calc(1260px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 0 20px;
}
.button-demo.mobile,
.main-preview__button.mobile-preview-button{
    display: none;
}
.main-video-block-preview{
    width: 100%;
    min-width: 0;
    margin-right: -5%;
    aspect-ratio: 1726 / 1030;
    display:flex;
    justify-content: center;
    align-items: center;
}
.main-video-block-preview img {
    width: 100%;
}
.main-video-block-preview .play-button{
    position: absolute;
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
    cursor:pointer;
}
.main-video-block-preview .play-button:before{
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);

}
@media (max-width: 767px) {
    .main-preview__container {
        flex-direction: column;
    }
    .button-block .button-demo,
    .main-preview.new-page .main-preview__button{
        display:none;
    }
    .button-demo.mobile,
    .main-preview__button.mobile-preview-button{
        display: flex!important;
    }
    a.button.main-preview__button.mobile-preview-button + .button-demo.mobile {
        margin-top: 15px;
    }
    .button-demo.mobile {
        padding: 22px 53px;
    }
    .button-block.inner {
        flex-direction: column;
    }
    .button-block.inner .button-demo {
        width: 100%;
        display: flex;
        padding: 22px 53px;
    }
    .button-block.inner .button.preview__button {
        width: 100%;
    }
}
.main-preview__left {
    flex-shrink: 0;
    width: 500px;
}
@media (max-width: 1200px) {
    .main-preview__left {
        width: 230px;
    }
}
@media (max-width: 767px) {
    .main-preview__left {
        width: 100%;
        margin-top: 30px;
    }
}
.main-preview__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
}
@media (max-width: 1200px) {
    .main-preview__title {
        font-size: 24px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.main-preview__text {
    font-size: 18px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 56px;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .main-preview__text {
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 30px;
    }
}
.main-preview .main-preview__button {
    padding-right: 44px;
    padding-left: 44px;
    margin-bottom: 16px;
}
@media (max-width: 1200px) {
    .main-preview .main-preview__button {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .main-preview .main-preview__button {
        margin-bottom: 0;
    }
}
.main-preview__info {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #767676;
}
@media (max-width: 1200px) {
    .main-preview__info {
        font-size: 9px;
        font-weight: 500;
        line-height: 150%;
    }
}
@media (max-width: 767px) {
    .main-preview__info {
        display: none;
    }
}
.main-preview__video {
    width: 100%;
    min-width: 0;
    margin-right: -5%;
    aspect-ratio: 1726/1030;
}
@media (max-width: 1200px) {
    .main-preview__video {
        margin-top: -3%;
    }
}
@media (max-width: 767px) {
    .main-preview__video {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
    }
    .section-col.crm-hist__cont .section-col__container.section-col__container--mob-revers{
        flex-direction: column;
    }
}

.main-reports {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .main-reports {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-reports {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.main-reports .swiper {
    width: 480px;
    margin-right: unset;
    margin-left: unset;
    filter: drop-shadow(-5px 0 14px rgba(0, 0, 0, 0.1));
}
@media (max-width: 1200px) {
    .main-reports .swiper {
        width: 100%;
        max-width: 580px;
        margin-bottom: 32px;
    }
}
.main-reports .swiper-slide {
    overflow: hidden;
    border-radius: 6px;
}
.main-reports__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-reports__sub-title {
    text-align: center;
}
@media (max-width: 767px) {
    .main-reports__sub-title {
        text-align: left;
    }
}
.main-reports__title {
    margin-bottom: 20px;
    text-align: center;
}
@media (max-width: 767px) {
    .main-reports__title {
        text-align: left;
    }
}
.main-reports__desc {
    margin-bottom: 60px;
    text-align: center;
}
@media (max-width: 1200px) {
    .main-reports__desc {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .main-reports__desc {
        margin-bottom: 30px;
        text-align: left;
    }
}
.main-reports__content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 40px;
    background-color: #fff;
    border-radius: 6px;
}
@media (max-width: 1200px) {
    .main-reports__content {
        flex-direction: column-reverse;
        padding: 40px 32px;
    }
}
@media (max-width: 767px) {
    .main-reports__content {
        padding: 0;
        background-color: transparent;
    }
}
.main-reports__box {
    display: none;
    max-width: 392px;
}
@media (max-width: 1200px) {
    .main-reports__box {
        max-width: 100%;
        text-align: center;
    }
}
.main-reports__box--active {
    display: block;
}
.main-reports__box-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
}
@media (max-width: 1200px) {
    .main-reports__box-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 16px;
    }
}
@media (max-width: 767px) {
    .main-reports__box-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        text-align: left;
    }
}
.main-reports__box-desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .main-reports__box-desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
@media (max-width: 767px) {
    .main-reports__box-desc {
        text-align: left;
    }
}

.main-select-section-mobile {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .main-select-section-mobile {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-select-section-mobile {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .edit_1_ticketing .plus-work-mokap__main.aos-init.aos-animate {
        width: 100%;
        height: auto;
        left: 0px;
    }
    .edit_1_ticketing .plus-work-mokap::before {
        padding-top: 49.513514%;
    }
}
@media (min-width: 768px) {
    .main-select-section-mobile {
        display: none;
    }

}
.main-select-section-mobile__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-select-section-mobile .main-select-section-mobile__title {
    margin-bottom: 30px;
}
.main-select-section-mobile .main-select-section-mobile__main-tab {
    margin-bottom: 32px;
}
.main-select-section-mobile__content {
    display: none;
}
.main-select-section-mobile__content--active {
    display: block;
}
.main-select-section-mobile__picture {
    width: 100%;
    margin-bottom: 32px;
}
.main-select-section-mobile__content-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 15px;
}
.main-select-section-mobile__content-desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #5c5e68;
}

.main-select-section {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .main-select-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-select-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .main-select-section {
        display: none;
    }
}
.main-select-section__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-select-section__inner {
    display: flex;
    align-items: flex-end;
    gap: 0 20px;
}
@media (max-width: 1023px) {
    .main-select-section__inner {
        align-items: center;
    }
}
@media (max-width: 767px) {
    .main-select-section__inner {
        flex-direction: column-reverse;
        gap: 40px 0;
    }
}
.main-select-section__inner--reverse {
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    .main-select-section__inner--reverse {
        flex-direction: column-reverse;
    }
}
.main-select-section__right {
    position: relative;
}
.main-select-section__picture {
    display: none;
    width: 100%;
}
.main-select-section__picture--active {
    display: block;
}
.main-select-section__left {
    width: 100%;
}
.main-select-section__right {
    width: 100%;
}
.main-select-section__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 20px 0;
    width: 100%;
}
@media (max-width: 1200px) {
    .main-select-section__list {
        grid-gap: 16px 0;
    }
}
@media (max-width: 1200px) {
    .main-select-section__list {
        grid-gap: 20px 0;
    }
}
.main-select-section__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 15px 32px 32px;
    cursor: pointer;
    border-left: 8px solid transparent;
    border-radius: 6px;
    transition: 200ms border linear, 200ms box-shadow linear, 200ms background-color linear;
}
@media (max-width: 1200px) {
    .main-select-section__item {
        padding: 24px 32px 24px 24px;
    }
}
@media (max-width: 767px) {
    .main-select-section__item {
        padding: 24px 24px 24px 24px;
        background: #f5f7fc;
    }
}
.main-select-section__item--active {
    background-color: #fff;
    border-color: #daebcb;
    box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.07);
}
.main-select-section__item-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
@media (max-width: 1200px) {
    .main-select-section__item-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
    .main-select-section__item-title br {
        display: none;
    }
}
.main-select-section__item-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .main-select-section__item-text {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
@media (max-width: 1200px) {
    .main-select-section .main-select-section__title {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .main-select-section .main-select-section__title {
        margin-bottom: 40px;
    }
}
.main-select-section__mobile-head {
    display: none;
}
@media (max-width: 767px) {
    .main-select-section__mobile-head {
        display: block;
    }
}
.main-select-section__head--mobile {
    display: none;
}
@media (max-width: 767px) {
    .main-select-section__head--mobile {
        display: block;
    }
}
@media (max-width: 767px) {
    .main-select-section__head--desktop {
        display: none;
    }
}

.main-service {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .main-service {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-service {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 1200px) {
    .main-service__picture {
        width: 105px;
    }
}
@media (max-width: 767px) {
    .main-service__picture {
        width: 146px;
        margin-right: auto;
        margin-bottom: 32px;
        margin-left: auto;
    }
}
.main-service__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-service__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    text-align: center;
}
@media (max-width: 1200px) {
    .main-service__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.main-service__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 60px;
    color: #2B2C2C;
    text-align: center;
}
@media (max-width: 1200px) {
    .main-service__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 34px;
    }
}
.main-service__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
@media (max-width: 767px) {
    .main-service__grid {
        grid-template-columns: 1fr;
    }
}
.main-service__item {
    display: flex;
    align-items: center;
    gap: 0 32px;
    width: 100%;
    padding: 32px;
    background: #fff;
    border-radius: 6px;
    transition: 200ms box-shadow linear, 200ms transform linear;
}
.main-service__item:hover {
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.06);
    transform: scale(0.97);
}
@media (max-width: 1200px) {
    .main-service__item {
        padding: 24px 24px 24px 0;
        gap: 0 20px;
    }
}
@media (max-width: 767px) {
    .main-service__item {
        display: block;
        padding: 32px 24px;
    }
}
.main-service__item-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
@media (max-width: 1200px) {
    .main-service__item-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
@media (max-width: 767px) {
    .main-service__item-title {
        margin-bottom: 10px;
    }
}
.main-service__item-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .main-service__item-text {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}

.media-section-frame {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .media-section-frame {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .media-section-frame {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.media-section-frame__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.media-section-frame__inner {
    display: flex;
    margin-top: 76px;
}
@media (max-width: 1024px) {
    .media-section-frame__inner {
        margin-bottom: 58px;
    }
}
@media (max-width: 1023px) {
    .media-section-frame__inner {
        flex-direction: column-reverse;
    }
}
@media (max-width: 767px) {
    .media-section-frame__inner {
        margin-bottom: 40px;
    }
}
.media-section-frame__left {
    width: 100%;
    margin-right: 20px;
}
@media (max-width: 1023px) {
    .media-section-frame__left {
        margin-top: 30px;
        margin-right: 0;
    }
}
.media-section-frame__right {
    width: 100%;
}
.media-section-frame__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
    color: #898c9a;
}
@media (max-width: 1023px) {
    .media-section-frame__desc {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 15px;
    }
}
.media-section-frame__wrap-frame {
    position: relative;
    display: none;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    border-radius: 8px;
}
.media-section-frame__wrap-frame--active {
    display: block;
}
.media-section-frame__frame {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.media-section-frame__item {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    padding: 32px;
    margin-bottom: 40px;
    cursor: pointer;
    border-left: 8px solid transparent;
    border-radius: 6px;
}
@media (max-width: 1023px) {
    .media-section-frame__item {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
        padding: 24px;
        margin-bottom: 25px;
    }
}
.media-section-frame__item:last-child {
    margin-bottom: 0;
}
.media-section-frame__item--active {
    background-color: #fff;
    border-left-color: #daebcb;
}

.media-section-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    cursor: pointer;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.07);
}
.media-section-item:hover .media-section-item__player-oval {
    background-color: #daebcb;
}
.media-section-item__top {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 278px;
    padding: 32px;
}
@media (max-width: 1024px) {
    .media-section-item__top {
        height: 194px;
        padding: 24px;
    }
}
.media-section-item__image {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
.media-section-item__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 32px 32px 32px;
}
@media (max-width: 1024px) {
    .media-section-item__body {
        padding: 0 24px 24px 24px;
    }
}
@media (max-width: 767px) {
    .media-section-item__body {
        padding-bottom: 32px;
    }
}
.media-section-item__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .media-section-item__title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
        margin-bottom: 9px;
    }
}
@media (max-width: 767px) {
    .media-section-item__title {
        margin-bottom: 12px;
    }
}
.media-section-item__info {
    margin-top: auto;
}
.media-section-item__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 32px;
    color: #2B2C2C;
}
@media (max-width: 1024px) {
    .media-section-item__desc {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 22px;
    }
}
@media (max-width: 767px) {
    .media-section-item__desc {
        margin-bottom: 32px;
    }
}
.media-section-item__player {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.media-section-item__player-oval {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    background-color: transparent;
    border: 1px solid #daebcb;
    border-radius: 50%;
    transition: 200ms background-color linear;
}
.media-section-item__player-icon {
    position: relative;
    right: -1px;
    width: 15px;
    height: 17px;
    color: #42962b;
}
.media-section-item__player-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 16px;
    color: #42962b;
}

.media-section {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #f5f7fc;
}
@media (max-width: 1024px) {
    .media-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .media-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.media-section__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.media-section__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(229px, 1fr));
    grid-gap: 20px;
    width: 100%;
    margin-top: 60px;
}
@media (max-width: 767px) {
    .media-section__grid {
        margin-top: 40px;
    }
}

.medicine-calendar {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .medicine-calendar {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .medicine-calendar {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.medicine-calendar__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .medicine-calendar__container {
        flex-direction: column-reverse;
    }
}
.medicine-calendar__img {
    width: 100%;
    min-width: 0;
    margin-left: 20px;
}
@media (max-width: 767px) {
    .medicine-calendar__img {
        margin-bottom: 40px;
        margin-left: 0;
    }
}
.medicine-calendar__left {
    width: 100%;
}

.medicine-document {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .medicine-document {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .medicine-document {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.medicine-document__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .medicine-document__container {
        flex-direction: column-reverse;
    }
}
.medicine-document__left {
    width: 100%;
}
.medicine-document__image {
    width: 100%;
    min-width: 0;
    margin-left: 20px;
}
@media (max-width: 767px) {
    .medicine-document__image {
        margin-bottom: 40px;
        margin-left: 0;
    }
}

.medicine-dop {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .medicine-dop {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .medicine-dop {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.medicine-dop__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.medicine-dop__box {
    position: relative;
    width: 100%;
    height: 410px;
    margin-top: 120px;
    background-image: url("/local/templates/main/assets/images/medicine-dop.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 290px 290px;
}
@media (max-width: 1200px) {
    .medicine-dop__box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px 32px;
        width: 100%;
        height: -moz-max-content;
        height: max-content;
        margin-top: 40px;
        background: unset;
    }
}
@media (max-width: 767px) {
    .medicine-dop__box {
        grid-template-columns: 1fr;
        grid-gap: 20px 0;
    }
}

.medicine-mobility {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .medicine-mobility {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .medicine-mobility {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.medicine-mobility__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .medicine-mobility__container {
        flex-direction: column;
    }
}
.medicine-mobility__img {
    width: 100%;
    min-width: 0;
    margin-right: 20px;
}
@media (max-width: 767px) {
    .medicine-mobility__img {
        margin-right: 0;
        margin-bottom: 40px;
    }
}
.medicine-mobility__right {
    width: 71%;
}
@media (max-width: 1023px) {
    .medicine-mobility__right {
        width: 100%;
    }
}

.menu-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 20px;
}
.menu-header__logo {
    width: 127px;
    height: 19px;
}
.menu-header__box {
    padding: 8px;
    margin: -8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.menu-header__close {
    width: 18px;
    height: 18px;
    color: #4dad33;
}

.menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.menu-item__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    color: #5c5e68;
    transition: 200ms color linear;
}
.menu-item__arrow {
    width: 12px;
    height: 7px;
    color: #b6b8c2;
    transition: 200ms color linear, 200ms transform linear;
}
.menu-item--open .menu-item__title,
.menu-item--open .menu-item__arrow {
    color: #4dad33;
}
.menu-item--open .menu-item__arrow {
    transform: rotate(-180deg);
}

.menu-submenu {
    box-sizing: content-box;
    height: 0;
    padding: 8px 0 32px 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 200ms height linear, 200ms padding linear, 200ms opacity linear;
    will-change: height, padding, opacity;
}
.menu-submenu__item {
    display: flex;
    align-items: center;
    padding: 8px 20px 8px 20px;
    margin: -8px 0 -8px 0;
    cursor: pointer;
    gap: 0 10px;
}
.menu-submenu__item:not(:last-child) {
    margin-bottom: 24px;
}
.menu-submenu__title {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    display: flex;
}
.menu-submenu__icon {
    width: 13px;
    height: 13px;
}
.menu-submenu--close {
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}

.menu {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    background-color: #fff;
    opacity: 1;
    transition: 200ms opacity linear, 200ms transform linear;
    transform: translateX(-100%);
}
.menu__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    border-top: 1px solid #f5f7fc;
}
.menu__bottom {
    padding: 32px 20px;
    margin-top: auto;
}
.menu__section {
    border-bottom: 1px solid #f5f7fc;
}
.menu .menu__send {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 1200px) {
    .menu--open {
        pointer-events: unset;
        opacity: 1;
        transform: translateX(0);
    }
}

.mobile-complex-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
}
@media (max-width: 1024px) {
    .mobile-complex-slide {
        flex-direction: column-reverse;
    }
}
@media (max-width: 767px) {
    .mobile-complex-slide {
        padding: 32px 12px;
    }
}
.mobile-complex-slide__body {
    width: 500px;
    margin-right: 40px;
    padding-bottom: 82px;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .mobile-complex-slide__body {
        margin-right: 0;
        width: 100%;
        margin-top: 40px;
        text-align: center;
        padding-bottom: 0;
    }
}
@media (max-width: 767px) {
    .mobile-complex-slide__body {
        text-align: left;
    }
}
.mobile-complex-slide__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .mobile-complex-slide__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 16px;
    }
}
@media (max-width: 767px) {
    .mobile-complex-slide__title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.mobile-complex-slide__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
@media (max-width: 1024px) {
    .mobile-complex-slide__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.mobile-complex-slide__right {
    width: 500px;
    min-width: 0;
    max-width: 100%;
}
.mobile-complex-slide__slide {
    width: 100%;
}
.mobile-complex-slide__slide img {
    width: 100%;
}
.mobile-complex-slide__swiper {
    width: 100%;
    filter: drop-shadow(18.4133px 19.3824px 10.6603px rgba(0, 0, 0, 0.01)) drop-shadow(10.6603px 10.6603px 8.72208px rgba(0, 0, 0, 0.02)) drop-shadow(4.8456px 4.8456px 6.78384px rgba(0, 0, 0, 0.04)) drop-shadow(0.96912px 0.96912px 3.87648px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
}
@media (max-width: 767px) {
    .mobile-complex-slide__swiper {
        margin-left: -12px;
        width: calc(100% + 12px + 12px);
        padding-left: 12px;
        padding-right: 12px;
    }
}
.mobile-complex-slide__pagination {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .mobile-complex-slide__pagination {
        margin-top: 32px;
    }
}

.mobile-complex {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .mobile-complex {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .mobile-complex {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.mobile-complex__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.mobile-complex__swiper {
    background-color: #f5f7fc;
    border-radius: 6px;
}

.mobile-preview-pct {
    position: relative;
    width: 716px;
    max-width: 100%;
}
.mobile-preview-pct::before {
    display: block;
    content: "";
    padding-top: 67.5977653631%;
}
.mobile-preview-pct__main {
    width: 79.3296089385%;
    position: absolute;
    right: 0;
    top: 0;
}
.mobile-preview-pct__main img {
    width: 100%;
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
}
@media (max-width: 767px) {
    .mobile-preview-pct__main img {
        filter: drop-shadow(54px 69px 35px rgba(0, 0, 0, 0.01)) drop-shadow(30px 39px 29px rgba(0, 0, 0, 0.03)) drop-shadow(13px 17px 22px rgba(0, 0, 0, 0.05)) drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    }
}
.mobile-preview-pct__mobile img {
    width: 100%;
    filter: drop-shadow(54px 69px 35px rgba(0, 0, 0, 0.01)) drop-shadow(30px 39px 29px rgba(0, 0, 0, 0.03)) drop-shadow(13px 17px 22px rgba(0, 0, 0, 0.05)) drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
}
.mobile-preview-pct__panel {
    width: 87%;
    position: absolute;
}
.mobile-preview-pct__panel--1 {
    left: 29.96648%;
    top: 7.5%;
}
.mobile-preview-pct__panel--2 {
    left: -16%;
    top: 58.6%;
}
.mobile-preview-pct__animation {
    width: 31.1452513966%;
    position: absolute;
    left: 4.8882681564%;
    top: 10.7438016529%;
}

.mobile-preview {
    display: block;
    padding: 120px 0 90px 0;
}
@media (max-width: 1024px) {
    .mobile-preview {
        padding: 40px 0 60px 0;
    }
}
@media (max-width: 767px) {
    .mobile-preview {
        padding-bottom: 40px;
    }
}
.mobile-preview__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .mobile-preview__container {
        flex-direction: column-reverse;
    }
}
.mobile-preview__left {
    width: 540px;
    flex-shrink: 0;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .mobile-preview__left {
        margin-right: 0;
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .mobile-preview__left {
        text-align: left;
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .mobile-preview__btn {
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 767px) {
    .mobile-preview__btn {
        width: 100%;
    }
}

.mobility {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .mobility {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .mobility {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.mobility__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .mobility__container {
        flex-direction: column-reverse;
    }
}
.mobility__left {
    flex-shrink: 0;
    width: 41%;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .mobility__left {
        width: 49%;
    }
}
@media (max-width: 767px) {
    .mobility__left {
        width: 100%;
        margin-top: 40px;
        margin-right: 0;
    }
}
.mobility__image {
    width: 100%;
    min-width: 0;
}

.mokap-crm {
    position: relative;
    width: 470px;
}
@media (max-width: 1024px) {
    .mokap-crm {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}
.mokap-crm::before {
    display: block;
    content: "";
    padding-top: 58.2978723404%;
}
.mokap-crm picture img {
    width: 100%;
}
.mokap-crm__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 93.1914893617%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-crm__sub {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.mokap-map {
    position: relative;
    width: 470px;
    position: relative;
}
@media (max-width: 1024px) {
    .mokap-map {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}
.mokap-map::before {
    display: block;
    content: "";
    padding-top: 63.829787234%;
}
.mokap-map picture img {
    width: 100%;
}
.mokap-map__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 93.1914893617%;
}
.mokap-map__wrap {
    position: absolute;
    bottom: 0;
    width: 31.0638297872%;
    right: 2.5531914894%;
}
.mokap-map__panel-1, .mokap-map__panel-2 {
    position: absolute;
    width: 85.6164383562%;
}
.mokap-map__panel-1 {
    top: 8%;
    left: 23%;
}
.mokap-map__panel-2 {
    bottom: 32%;
    right: 24%;
}
.mokap-map__mobile {
    width: 100%;
}

.mokap-po {
    position: relative;
    width: 470px;
}
@media (max-width: 1024px) {
    .mokap-po {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}
.mokap-po::before {
    display: block;
    content: "";
    padding-top: 58.2978723404%;
}
.mokap-po picture img {
    width: 100%;
}
.mokap-po__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 93.1914893617%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-po__sub {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 64.2553191489%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.mokap-report {
    position: relative;
}
@media (max-width: 1024px) {
    .mokap-report {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}
.mokap-report::before {
    display: block;
    content: "";
    padding-top: 60.6382978723%;
}
.mokap-report picture img {
    width: 100%;
}
.mokap-report__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 48.9361702128%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-report__bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56.3829787234%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-report__left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 22.1276595745%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-report__main {
    position: absolute;
    width: 90%;
    top: 5.6140350877%;
    left: 4.6808510638%;
}

.mokap-support {
    position: relative;
    width: 488px;
    position: relative;
}
@media (max-width: 1024px) {
    .mokap-support {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}
.mokap-support::before {
    display: block;
    content: "";
    padding-top: 61.4754098361%;
}
.mokap-support__card-1, .mokap-support__card-2 {
    position: absolute;
    width: 38%;
    right: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-support__card-1 {
    bottom: 0;
}
.mokap-support__card-2 {
    bottom: 26%;
}
.mokap-support__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 95.2868852459%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-support__main img {
    width: 100%;
}

.mokap-work {
    position: relative;
    width: 470px;
}
@media (max-width: 1024px) {
    .mokap-work {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}
.mokap-work::before {
    display: block;
    content: "";
    padding-top: 60.6382978723%;
}
.mokap-work picture img {
    width: 100%;
}
.mokap-work__main {
    position: absolute;
    left: 0;
    top: 5.6140350877%;
    width: 90%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.mokap-work__sub {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 77.2340425532%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.monetization {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .monetization {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .monetization {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.monetization__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .monetization__container {
        flex-direction: column;
    }
}
.monetization__right {
    flex-shrink: 0;
    width: 49%;
}
@media (max-width: 767px) {
    .monetization__right {
        width: 100%;
    }
}
.monetization__image {
    width: 100%;
    min-width: 0;
    margin-right: 20px;
}
@media (max-width: 767px) {
    .monetization__image {
        margin-bottom: 40px;
        margin-right: 0;
    }
}
.monetization--white {
    background-color: #fff;
}
.monetization--reverse .monetization__container {
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    .monetization--reverse .monetization__container {
        flex-direction: column;
    }
}
.monetization--reverse .monetization__image {
    margin-right: 0;
    margin-left: 20px;
}
@media (max-width: 767px) {
    .monetization--reverse .monetization__image {
        margin-left: 0;
    }
}

.opportunity-block {
    background-color: #fff;
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1023px) {
    .opportunity-block {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 500px) {
    .opportunity-block {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.opportunity-block__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.opportunity-block__opportunities {
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #898C9A;
    text-align: center;
    margin-bottom: 15px;
}
.opportunity-block__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    text-align: center;
    margin-bottom: 56px;
}
.interactive-plan-page .opportunity-block__title {
    margin-bottom: 20px;
}
.interactive-plan-page .opportunity-block .opportunity-block__description {
    margin-bottom: 30px;
    color: #2B2C2C;
}
.opportunity-block__tetx {
    color: #2B2C2C;
}
.interactive-plan-page .section-col.video.left .index-title,
.interactive-plan-page .section-col.video.left .index-desc {
    text-align: left;
}
.interactive-plan-page .section-col.video.left .section-col__body {
    max-width: 700px;
    margin-left: 50px;
}
.interactive-plan-page .section-col.video .section-col__body {
    max-width: 700px;
    margin-left: 0;
}
a.header-menu__item svg {
    color: #0b1023;
    flex-shrink: 0;
    width: 24px;
    transition: 200ms color linear;
}
@media (max-width: 767px) {
    .opportunity-block__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 40px;
    }
}
.opportunity-block__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}
@media (max-width: 1200px) {
    .opportunity-block__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
    .opportunity-block__wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr);
    }
}
.opportunity-block__block {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 2px 3px 20px 0 rgba(104, 104, 104, 0.1);
    color: #0b1023;
}
@media (max-width: 767px) {
    .opportunity-block__block {
        row-gap: 16px;
        padding: 16px;
    }
}
.opportunity-block__img {
    width: 40px;
    height: 40px;
}

.over-form-sub {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #daebcb;
    z-index: 199;
    transition: 200ms opacity linear, 200ms transform linear;
}
.over-form-sub .error-form-text {
    position: absolute;
    margin: 0;
    top: calc(100% + 2px);
}
@media (max-width: 1024px) {
    .over-form-sub .error-form-text {
        position: static;
        margin-top: 2px;
    }
}
.over-form-sub__inner {
    position: relative;
    padding: 24px 44px 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .over-form-sub__inner {
        display: block;
        padding-right: 24px;
    }
}
.over-form-sub__icon {
    padding: 4px;
    margin: -4px;
    right: 0;
    top: 24px;
    color: #0b1023;
    cursor: pointer;
    position: absolute;
}
.over-form-sub__icon-close {
    width: 20px;
    height: 20px;
}
.over-form-sub__left {
    display: flex;
    align-items: flex-start;
    margin-right: 20px;
    width: 56%;
    flex-shrink: 0;
    transition: 200ms opacity linear;
}
@media (max-width: 1024px) {
    .over-form-sub__left {
        display: block;
        width: 50%;
    }
}
@media (max-width: 767px) {
    .over-form-sub__left {
        margin-bottom: 24px;
        width: 100%;
    }
}
.over-form-sub__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-right: 18px;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .over-form-sub__title {
        margin-right: 0;
        margin-bottom: 8px;
    }
}
@media (max-width: 767px) {
    .over-form-sub__title {
        font-size: 18px;
    }
}
.over-form-sub__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
}
@media (max-width: 767px) {
    .over-form-sub__desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
    }
}
.over-form-sub__form {
    position: relative;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    transition: 200ms opacity linear;
}
.over-form-sub__form-input {
    width: 100%;
    padding-right: 40%;
    height: 40px;
    border-radius: 32px;
}
@media (max-width: 1024px) {
    .over-form-sub__form-input {
        padding-right: var(--padding-x);
    }
}
.over-form-sub__form-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 40px;
    width: 40%;
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 1024px) {
    .over-form-sub__form-button {
        position: static;
        height: 40px;
        width: 100%;
        margin-top: 16px;
    }
}
@media (max-width: 767px) {
    .over-form-sub__form-button {
        margin-top: 8px;
    }
}
.over-form-sub__successful, .over-form-sub__error {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: 200ms opacity linear;
}
@media (max-width: 1024px) {
    .over-form-sub__successful, .over-form-sub__error {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
@media (max-width: 767px) {
    .over-form-sub__successful, .over-form-sub__error {
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: -moz-max-content;
        height: max-content;
    }
}
.over-form-sub--suc .over-form-sub__left, .over-form-sub--error-ajax .over-form-sub__left, .over-form-sub--error-mail .over-form-sub__left {
    opacity: 0;
    pointer-events: none;
}
.over-form-sub--suc .over-form-sub__form, .over-form-sub--error-ajax .over-form-sub__form, .over-form-sub--error-mail .over-form-sub__form {
    opacity: 0;
    pointer-events: none;
}
.over-form-sub--suc .over-form-sub__successful {
    opacity: 1;
    pointer-events: unset;
}
.over-form-sub--error-ajax {
    background-color: #FFE3E3;
}
.over-form-sub--error-ajax .over-form-sub__error--ajax {
    opacity: 1;
    pointer-events: unset;
}
.over-form-sub--error .error-form-text {
    opacity: 1;
}
.over-form-sub--hidden {
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);
}

.pagination__inner {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.pagination__link {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #898c9a;
    cursor: pointer;
    border-radius: 4px;
    transition: 200ms color linear;
}
@media (max-width: 767px) {
    .pagination__link {
        width: 36px;
        height: 36px;
    }
}
.pagination__link:hover {
    color: #60c843;
}
.pagination__link--active {
    color: #4dad33;
    background-color: #fff;
}
.pagination__arrow-one {
    width: 8px;
    height: 12px;
}
.pagination__arrow-two {
    width: 13px;
    height: 12px;
}

.pay-control-swiper {
    width: 636px;
    max-width: 100%;
    min-width: 0;
}
.pay-control-swiper .swiper {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.pay-control-swiper .swiper-wrapper {
    height: auto;
}
.pay-control-swiper .swiper-slide {
    width: 100%;
}
.pay-control-swiper .swiper-slide img {
    width: 100%;
}
.pay-control-swiper__pagination {
    margin-top: 40px;
}
@media (max-width: 1023px) {
    .pay-control-swiper__pagination {
        margin-top: 30px;
    }
}

.pay-control {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .pay-control {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .pay-control {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.pay-control__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .pay-control__container {
        gap: 0;
        flex-direction: column;
    }
}
.pay-control__body {
    width: 470px;
    padding-bottom: 82px;
}
@media (max-width: 1024px) {
    .pay-control__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .pay-control__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .pay-control__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .pay-control__body {
        width: 100%;
        padding-bottom: 0;
    }
}
@media (max-width:768px) {
    .facility-page .section-col__container.section-col__container--mob-column {
        gap:20px;
    }
}
.facility-page .section-col__container.section-col__container--mob-column {
    gap:90px;
}
.plus-work-mokap {
    position: relative;
    width: 636px;
    max-width: 100%;
}
.plus-work-mokap::before {
    display: block;
    content: "";
    padding-top: 63.5135135135%;
}
.plus-work-mokap__main {
    position: absolute;
    right: 0;
    top: 14.1843971631%;
    width: 95.4954954955%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.plus-work-mokap__main img {
    width: 100%;
}
.plus-work-mokap__top {
    position: absolute;
    top: 0;
    right: 2.2522522523%;
    width: 20.5705705706%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.plus-work-mokap__top img {
    width: 100%;
}
.plus-work-mokap__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44.4444444444%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.plus-work-mokap__bottom img {
    width: 100%;
}
.doc-doc__container .plus-work-mokap__main {
    position: absolute;
    top: 5.7971014493%;
    left: 9.3093093093%;
    width: 81.3813813814%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.doc-doc__container .plus-work-mokap::before {
    padding-top: 72.5225225225%;
}

.doc-doc__container .plus-work-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 25.8258258258%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-doc__container .plus-work-mokap__bottom {
    width: 46.996996997%;
    left: 0;
    bottom: 0;
    position: absolute;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-to-do__container .plus-work-mokap__main{
    position: absolute;
    left: 0;
    top: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 85.2852852853%;
}

.doc-to-do__container .plus-work-mokap::before {
    padding-top: 77.6276276276%;
}

.doc-to-do__container .plus-work-mokap__top{
    position: absolute;
    right: 0;
    bottom: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 48.048048048%;
    top:inherit;
}
.application-okdesk__box-img .plus-work-mokap__main{
    position: absolute;
    left: 0;
    top: 0;
    width: calc(83.1775700935% + 0px);
}
.application-okdesk__box-img .plus-work-mokap__top{
    position: absolute;
    right: 0;
    top: 7.5%;
    width: calc(48.5981308411% + 0px);
}
.application-okdesk__box-img .plus-work-mokap__bottom{
    position: absolute;
    bottom: 0;
    left: 18.8%;
    width: calc(34.8909657321% + 0px);
    transition-delay: 600ms;
}

.application-okdesk__box-img .plus-work-mokap__repeat {
    position: absolute;
    right: 1.9%;
    bottom: 15.7%;
    width: calc(26.9470404984% + 0px);
    transition-delay: 300ms;
}

.application-okdesk__box-img .plus-work-mokap::before {
    padding-top: 80%;
}

.application-okdesk__box-img .plus-work-mokap__repeat img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    border-radius: 3px;
}


.plus-work {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .plus-work {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .plus-work {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.plus-work__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .plus-work__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.plus-work__body {
    width: 470px;
}
@media (max-width: 1024px) {
    .plus-work__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .plus-work__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .plus-work__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .plus-work__body {
        width: 100%;
    }
}

.poss-main-list {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .poss-main-list {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .poss-main-list {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.poss-main-list__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .poss-main-list__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.poss-main-list__body {
    width: 465px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .poss-main-list__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .poss-main-list__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .poss-main-list__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .poss-main-list__body {
        width: 100%;
    }
}

.poss-main-sla {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .poss-main-sla {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .poss-main-sla {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.poss-main-sla__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .poss-main-sla__container {
        flex-direction: column;
        gap: 0;
    }
}
.poss-main-sla__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .poss-main-sla__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .poss-main-sla__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .poss-main-sla__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .poss-main-sla__body {
        width: 100%;
    }
}

.poss-main-tiket {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .poss-main-tiket {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .poss-main-tiket {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.poss-main-tiket .application-preview__picture-box::before {
    padding-top: 54.2857142857%;
}
.poss-main-tiket__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .poss-main-tiket__container {
        flex-direction: column;
        gap: 0;
    }
}
.poss-main-tiket__body {
    width: 370px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .poss-main-tiket__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .poss-main-tiket__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .poss-main-tiket__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .poss-main-tiket__body {
        width: 100%;
    }
}

.poss-smart-sect {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .poss-smart-sect {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .poss-smart-sect {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px) {
    .poss-smart-sect .index-title br {
        display: none;
    }
}
.poss-smart-sect__left {
    width: 666px;
    max-width: 100%;
    min-width: 0;
}
.poss-smart-sect__left--small {
    width: 588px;
}
.poss-smart-sect__left--636 {
    width: 636px;
}
.poss-smart-sect .swiper {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.poss-smart-sect .swiper-slide {
    width: 100%;
}
.poss-smart-sect .swiper-slide img {
    width: 100%;
}
.poss-smart-sect__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .poss-smart-sect__container {
        flex-direction: column;
        gap: 0;
    }
}
.poss-smart-sect__container--reverse {
    flex-direction: row-reverse;
}
@media (max-width: 1024px) {
    .poss-smart-sect__container--reverse {
        flex-direction: column;
    }
}
.poss-smart-sect__body {
    width: 470px;
    padding-bottom: 82px;
}
@media (max-width: 1024px) {
    .poss-smart-sect__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .poss-smart-sect__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .poss-smart-sect__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .poss-smart-sect__body {
        width: 100%;
        padding-bottom: 0;
    }
}
.poss-smart-sect__pagination {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .poss-smart-sect__pagination {
        margin-top: 30px;
    }
}
.poss-smart-sect--gray {
    background-color: unset;
}

.prev-crm-mokap {
    width: 763px;
    max-width: 100%;
    min-width: 0;
    position: relative;
}
.prev-crm-mokap::before {
    display: block;
    content: "";
    padding-top: 59.8951507208%;
}
.prev-crm-mokap picture img {
    width: 100%;
}
.prev-crm-mokap__main {
    position: absolute;
    width: 87.5491480996%;
    top: 7.4398249453%;
    left: 7.3394495413%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-crm-mokap__top {
    position: absolute;
    left: 0;
    top: 0;
    width: 54.7837483617%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-crm-mokap__bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 64.0891218873%;
}

.prev-crm {
    padding-bottom: 90px;
    padding-top: 116px;
}
@media (max-width: 1024px) {
    .prev-crm {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-crm {
        padding-bottom: 40px;
    }
}
.prev-crm__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-crm__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.prev-crm__body {
    width: 372px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .prev-crm__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .prev-crm__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-crm__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-crm__body {
        width: 100%;
    }
}

.prev-doc-mokap {
    position: relative;
    width: 667px;
    max-width: 100%;
    min-width: 0;
}
.prev-doc-mokap::before {
    display: block;
    content: "";
    padding-top: 70.3148425787%;
}
.prev-doc-mokap__main {
    position: absolute;
    width: 100%;
    left: 0;
    top: 13.0063965885%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-doc-mokap__main img {
    width: 100%;
}
.prev-doc-mokap__top {
    position: absolute;
    top: 0;
    right: 2.9985007496%;
    width: 46.4767616192%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-doc-mokap__top img {
    width: 100%;
}
.prev-doc-mokap__bottom {
    position: absolute;
    bottom: 0;
    right: 2.9985007496%;
    width: 85.6071964018%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-doc-mokap__bottom img {
    width: 100%;
}

.prev-doc {
    padding-bottom: 90px;
    padding-top: 116px;
}

.prev-doc-mokap .prev-work-mokap__main{
    position: absolute;
    width: 100%;
    left: 0;
    top: 13.0063965885%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-doc-mokap .prev-work-mokap__main img {
    width: 100%;
}
.prev-doc-mokap .prev-work-mokap__middle{
    position: absolute;
    top: 0;
    right: 2.9985007496%;
    width: 46.4767616192%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-doc-mokap .prev-work-mokap__middle img{
    width: 100%;
}
.prev-work-mokap.prev-work__mokap.prev-doc-mokap::before{
    display: block;
    content: "";
    padding-top: 70.3148425787%;
}
.prev-doc-mokap .prev-work-mokap__sub{
    position: absolute;
    bottom: 0;
    right: 2.9985007496%;
    width: 85.6071964018%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-doc-mokap .prev-work-mokap__sub img{
    width:100%;
}
.crm-header .prev-work-mokap__middle{
    position: absolute;
    left: -36px;
    top: -36px;
    width: 54.7837483617%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.crm-header .prev-work-mokap__sub{
    position: absolute;
    right: 0;
    bottom: -36px;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 64.0891218873%;
}
.prev-work__mokap.crm-header{
    width: 763px;
    max-width: 100%;
    min-width: 0;
    position: relative;
}
.crm-control-mok .price-list-mokap__bottom {
    position: absolute;
    left: inherit;
    bottom: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 19.98051%;
    right: 0;
}
@media (max-width: 1024px) {
    .prev-doc {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-doc {
        padding-bottom: 40px;
    }
}
.prev-doc__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-doc__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.prev-doc__body {
    width: 460px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .prev-doc__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .prev-doc__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-doc__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-doc__body {
        width: 100%;
    }
}

.prev-main {
    padding-bottom: 90px;
    padding-top: 116px;
}
@media (max-width: 1024px) {
    .prev-main {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-main {
        padding-bottom: 40px;
    }
}
.prev-main__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-main__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.prev-main__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .prev-main__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .prev-main__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-main__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-main__body {
        width: 100%;
    }
}

.prev-po-mokap {
    max-width: 100%;
    min-width: 0;
    width: 722px;
    position: relative;
}
.prev-po-mokap::before {
    display: block;
    content: "";
    padding-top: 56.648199446%;
}
.prev-po-mokap picture img {
    width: 100%;
}
.prev-po-mokap__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 96.675900277%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-po-mokap__sub {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65.0969529086%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}

.prev-po {
    padding-bottom: 90px;
    padding-top: 116px;
}
@media (max-width: 1024px) {
    .prev-po {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-po {
        padding-bottom: 40px;
    }
}
.prev-po__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-po__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.prev-po__body {
    width: 402px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .prev-po__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .prev-po__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-po__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-po__body {
        width: 100%;
    }
}

.prev-proc {
    padding-bottom: 90px;
    padding-top: 116px;
}
@media (max-width: 1024px) {
    .prev-proc {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-proc {
        padding-bottom: 40px;
    }
}
.prev-proc__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-proc__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.prev-proc__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .prev-proc__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .prev-proc__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-proc__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-proc__body {
        width: 100%;
    }
}
.prev-proc__img {
    width: 630px;
    min-width: 0;
    max-width: 100%;
    aspect-ratio: 666/486;
}

.prev-report-mokap {
    width: 666px;
    min-width: 0;
    max-width: 100%;
    position: relative;
}
.prev-report-mokap::before {
    display: block;
    content: "";
    padding-top: 62.012012012%;
}
.prev-report-mokap__main {
    position: absolute;
    width: 89.4894894895%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: -moz-max-content;
    height: max-content;
    margin: auto;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-report-mokap__main img {
    width: 100%;
}
.prev-report-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 49.6996996997%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-report-mokap__top img {
    width: 100%;
}
.prev-report-mokap__right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56.7567567568%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-report-mokap__right img {
    width: 100%;
}
.prev-report-mokap__left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 22.3723723724%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-report-mokap__left img {
    width: 100%;
}

.prev-report {
    padding-bottom: 90px;
    padding-top: 116px;
}
@media (max-width: 1024px) {
    .prev-report {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-report {
        padding-bottom: 40px;
    }
}
.prev-report__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-report__container {
        gap: 0;
        flex-direction: column-reverse;
    }
}
.prev-report__body {
    width: 470px;
}
@media (max-width: 1024px) {
    .prev-report__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-report__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-report__body {
        width: 100%;
    }
}

.prev-sla-mokap {
    position: relative;
    width: 581px;
    max-width: 100%;
    min-width: 0;
}
.prev-sla-mokap:before {
    display: block;
    content: "";
    padding-top: 90.7056798623%;
}
.prev-sla-mokap__main {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 97.7624784854%;
}
.prev-sla-mokap__main img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-sla-mokap__top {
    position: absolute;
    left: 0;
    top: 0;
    width: 46.8158347676%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-sla-mokap__top img {
    width: 100%;
}
.prev-sla-mokap__middle {
    position: absolute;
    left: 0;
    top: 12.5237191651%;
    width: 46.8158347676%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-sla-mokap__middle img {
    width: 100%;
}

.prev-sla {
    padding-bottom: 90px;
    padding-top: 116px;
}
@media (max-width: 1024px) {
    .prev-sla {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-sla {
        padding-bottom: 40px;
    }
}
.prev-sla__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-sla__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.prev-sla__body {
    width: 470px;
}
@media (max-width: 1024px) {
    .prev-sla__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-sla__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-sla__body {
        width: 100%;
    }
}

.prev-work-mokap {
    width: 696px;
    max-width: 100%;
    position: relative;
}
.prev-work-mokap::before {
    display: block;
    content: "";
    padding-top: 54.1666666667%;
}
.prev-work-mokap__main {
    position: absolute;
    left: 0;
    top: 0;
    width: 95.9770114943%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-work-mokap__main img {
    width: 100%;
}
.prev-work-mokap__middle {
    position: absolute;
    bottom: 0;
    right: 1.4367816092%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 71.5517241379%;
}
.prev-work-mokap__middle img {
    width: 100%;
}
.prev-work-mokap__sub {
    position: absolute;
    right: 0;
    bottom: 20%;
    width: 77.2988505747%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.prev-work-mokap__sub img {
    width: 100%;
}
.mobile-support .prev-work-mokap__main{
    width: 79.3296089385%;
    position: absolute;
    right: 0;
    top: 0;
}
.mobile-support .prev-work-mokap__middle{
    width: 31.1452513966%;
    position: absolute;
    left: 4.8882681564%;
    top: 10.7438016529%;
}
.ticketing-block .prev-work-mokap__main{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 90.8843537415%;
}
.ticketing-block .prev-work-mokap__middle{
    position: absolute;
    bottom: -75px;
    left: 0;
    display: block;
    width: 28.231293%;
}
.ticketing-block .prev-work-mokap__middle img {
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    border-radius: 3px;
    /*animation-name: bounce;*/
    animation-name: none;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.prev-work {
    padding-bottom: 90px;
    padding-top: 116px;
}

.prev-work .prev-work-mokap__middle {
    bottom: 0;
}
@media (max-width: 1024px) {
    .prev-work {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .prev-work {
        padding-bottom: 40px;
    }
    .prev-work .prev-work-mokap__middle {
        bottom: 0;
    }
    .ticketing-page .prev-work{
        padding-top:88px!important;
    }
    .ticketing-page .prev-work-mokap__middle{
        left:0px!important;
    }
    .ticketing-page .section-col.application-control-container.edit-css-1 .price-list__body{
        width:100%!important;
    }
    .ticketing-page .section-col__body.section-col__body--mr{
        margin-right:0px!important;
    }
    .ticketing-page .application-okdesk__cont .price-list-mokap__main{
        top: -482px!important;
        width: 100px!important;
        left: 96px!important;
    }
    .ticketing-page .section-col.transparent.application-okdesk__cont .plus-work-mokap__bottom{
        top:206px!important;
    }
    .ticketing-page .section-col.transparent.application-okdesk__cont .price-list__body {
        margin-top: 70px !important;
    }
    .section-col.css-edit-1 .section-col__container.section-col__container--mob-column .index-title {
        margin-top:30px!important;
    }
    .crm-page .prev-work-mokap__main {
        position: absolute;
        left: 0;
        top: 13px;
        width: 86.977011%;
        filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
        margin-left: 21px;
    }
    .crm-page .prev-work-mokap__sub {
        bottom:-17px!important;
    }
    .crm-page .prev-work__body {
        margin-top:50px;
    }
    .plus-work-mokap__main.aos-init.aos-animate {
        width: 77px;
        right: 40px;
    }

    .section-col.crm-hist__cont .price-list-mokap__bottom.aos-init.aos-animate {
        width:223px;
        bottom:-10px;
    }

}
@media (max-width: 1024px) {
    .prev-work .preview-title br {
        display: none;
    }
}
.prev-work .prev-work__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .prev-work .prev-work__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.prev-work__body {
    width: 400px;
}
@media (max-width: 1024px) {
    .prev-work__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .prev-work__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .prev-work__body {
        width: 100%;
    }
}

.preview {
    padding: 116px 0 0 0;
}

.preview.small-gap {
    padding: 40px 0 0 0;
}

.preview.small-gap .ind-preview__container {
    display: flex;
    grid-template-columns: none;
}

.preview.tsb .ind-preview__picture {
    width: 100%;
    min-width: 0;
    height: auto;
    margin-left: -16px;
    aspect-ratio: 4 / 3;
}


.preview.small-gap.tsb  .ind-preview__container {
    gap: 0;
}
.preview__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .preview__container {
        flex-direction: column-reverse;
    }
}
.preview__image {
    width: 100%;
    min-width: 0;
    height: auto;
    margin-left: -16px;
    aspect-ratio: 4/3;
}
@media (max-width: 767px) {
    .preview__image {
        margin-bottom: 30px;
        margin-left: 0 !important;
    }

    .preview {
        padding: 30px 0 0 0;
    }
}
.preview__image--medicine {
    margin-left: 23px;
}
.preview__image--trc {
    margin-left: 20px;
    aspect-ratio: 1.23/1;
}
.preview__image--facility {
    margin-left: 20px;
    aspect-ratio: 1.06/1;
}
.preview__image--serviced {
    max-width: 100%;
    margin-right: 68px;
    margin-left: 20px;
    aspect-ratio: 1/1.1;
}
@media (max-width: 1024px) {
    .preview__image--serviced {
        width: 100%;
        margin-right: 0;
    }
}
.preview__body {
    flex-shrink: 0;
    width: 470px;
}
@media (max-width: 767px) {
    .preview__body {
        width: 100%;
    }
}
.preview__body--medicine {
    width: 563px;
}
@media (max-width: 1024px) {
    .preview__body--medicine {
        width: 49%;
    }
}
@media (max-width: 767px) {
    .preview__body--medicine {
        width: 100%;
    }
}
.preview__body--trc {
    width: 568px;
}
@media (max-width: 1024px) {
    .preview__body--trc {
        flex-shrink: unset;
        width: 100%;
    }
}
.preview__body--facility {
    flex-shrink: unset;
    width: 100%;
}
.preview__body--serviced {
    width: 49.2%;
}
@media (max-width: 1024px) {
    .preview__body--serviced {
        flex-shrink: 1;
        width: 100%;
    }
}
.preview__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .preview__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.preview__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 66px;
    color: #2b2c2c;
}

.preview__body ul {
    margin-bottom: 60px;
    margin-top: -34px;
}

.preview__body ul li {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    display: flex;
    align-items: baseline;
    margin-bottom: 15px;
    color: #2B2C2C;
}

.preview__body ul li:before {
    display: block;
    content: "";
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    background-color: #fff;
    border: 2px solid #4dad33;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .preview__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .preview__desc {
        margin-bottom: 30px;
    }
}
.preview__desc--serviced {
    width: 100%;
    max-width: 470px;
}

.preview .ind-preview__left {
    width: 570px;
    flex-shrink: 0;
}

.preview .preview-desc {
    margin: 20px 0 66px;
}
@media (max-width: 767px) {
    .preview__desc--medicine, .preview__desc--serviced {
        max-width: 100%;
    }

    .preview.small-gap .ind-preview__container {
        flex-direction: column;
    }

    .preview .ind-preview__left {
        width: 100%;
    }

    .preview .preview-desc {
        margin-bottom: 30px;
    }

    .preview .button {
        width: 100%;
    }
}
.preview .preview__button {
    padding-right: 44px;
    padding-left: 44px;
}
@media (max-width: 767px) {
    .preview .preview__button {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}

.price-list-mokap {
    position: relative;
    width: 667px;
    max-width: 100%;
}
.price-list-mokap::before {
    display: block;
    content: "";
    padding-top: 72.8635682159%;
}
.price-list-mokap__main {
    position: absolute;
    width: calc(91.7541229385% + 0px);
    left: 4.9475262369%;
    bottom: 0;
    top: 0;
    height: -moz-max-content;
    height: max-content;
    margin-top: auto;
    margin-bottom: auto;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.price-list-mokap__main img {
    width: 100%;
}


.price-list-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 62.2188905547%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.price-list-mokap__top img {
    width: 100%;
}
.application-control-container .price-list-mokap__top, .application-control-container .plus-work-mokap__top{
    width: 17.6%;
    position: absolute;
    right: 0;
    top: 17%;
    /*animation-name: bounce;*/
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.application-control-container .price-list-mokap__top {
    top: 30%;
}

.application-control-container .plus-work-mokap__top {
    right: 10px;
    top: 60%;
}

.price-list-mokap__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 38.9805097451%;
}
.price-list-mokap__bottom img {
    width: 100%;
}

.crm-hist__cont .price-list-mokap__bottom  {
    width: 62%;
}

.crm-hist__cont .section-col__container {
    position: relative;
}

.crm-hist__cont .plus-work-mokap {
    position: absolute;
    width: 166px;
    top: 10px;
    left: 21%;
}

.doc-refresh__container .price-list-mokap__main{
    position: absolute;
    top: 4.0767386091%;
    left: 4.8048048048%;
    width: 90.5405405405%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-refresh__container .price-list-mokap__top{
    position: absolute;
    right: 0;
    top: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 37.2372372372%;
}
.doc-refresh__container .price-list-mokap__bottom{
    position: absolute;
    left: 0;
    bottom: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    width: 35.2852852853%;
}

.doc-list__container .price-list-mokap__main {
    position: absolute;
    left: 0;
    width: 94.7643979058%;
    top: 12.380952381%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    bottom:auto;
}
.doc-list__container .price-list-mokap__main img {
    width: 100%;
}
.doc-list__container .price-list-mokap__top {
    position: absolute;
    right: 0;
    top: 0;
    width: 99.0837696335%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.doc-list__container .price-list-mokap__top img {
    width: 100%;
}
.doc-list__container .price-list-mokap__bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 95.6806282723%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    left:inherit;
}
.doc-list__container .price-list-mokap__bottom img {
    width: 100%;
}
.doc-list__container .price-list-mokap{
    min-width: 0;
    max-width: 100%;
    width: 764px;
    position: relative;
}

.doc-list__container .price-list-mokap::before {
    padding-top: 54.9738219895%;
}

.doc-list__container .price-list__body {
    width: 370px;
}
.price-list {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .price-list {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .price-list {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .doc-list__container .price-list__body {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .price-list .index-title br {
        display: none;
    }
}
.price-list__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .price-list__container {
        flex-direction: column;
    }
}
.price-list__body {
    width: 475px;
}
@media (max-width: 1024px) {
    .price-list__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .price-list__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .price-list__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .price-list__body {
        width: 100%;
    }
}

.problem-solving {
    margin-top: 90px;
}
.problem-solving__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.problem-solving__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    width: -moz-max-content;
    width: max-content;
    color: #0b1023;
    margin-inline: auto;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .problem-solving__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 8px;
        margin-inline: initial;
    }
}
.problem-solving__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    width: -moz-max-content;
    width: max-content;
    color: #898c9a;
    margin-inline: auto;
    margin-bottom: 56px;
}
@media (max-width: 1200px) {
    .problem-solving__text {
        width: 100%;
        max-width: 510px;
        text-align: center;
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .problem-solving__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        max-width: initial;
        text-align: initial;
        margin-inline: initial;
    }
}
.problem-solving__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    margin-bottom: 56px;
}
@media (max-width: 1200px) {
    .problem-solving__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .problem-solving__wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        gap: 16px;
    }
}
.problem-solving__block {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    background-color: #fff;
    padding: 24px;
    box-shadow: 2px 3px 20px 0 rgba(104, 104, 104, 0.1);
    border-radius: 6px;
}
@media (max-width: 768px) {
    .problem-solving__block {
        row-gap: 16px;
    }
}
.problem-solving__img {
    width: 40px;
    height: 40px;
}
.problem-solving__block-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
.problem-solving__block-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
}
.problem-solving__block-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #898c9a;
}
@media (max-width: 768px) {
    .problem-solving__block-text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.problem-solving__button {
    margin-inline: auto;
    margin-bottom: 90px;
}
@media (max-width: 1200px) {
    .problem-solving__button {
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .problem-solving__button {
        width: 100%;
    }
}

.process {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .process {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .process {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.process__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.process .process__sub-title {
    text-align: center;
}
.process .process__title {
    margin-bottom: 60px;
    text-align: center;
}
.process__list {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1200px) {
    .process__list {
        display: block;
    }
}
.process__col {
    width: 47%;
}
@media (max-width: 1200px) {
    .process__col {
        width: 100%;
        margin-bottom: 30px;
    }
}
.process__col:last-child {
    margin-bottom: 0;
}

.rate {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .rate {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .rate {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.rate__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.rate .rate__sub-title {
    text-align: center;
}
.rate .rate__title {
    margin-bottom: 60px;
    text-align: center;
}
@media (max-width: 1024px) {
    .rate .rate__title {
        margin-bottom: 40px;
    }
}
.rate__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-top: 40px;
    color: #5c5e68;
    text-align: center;
}
@media (max-width: 1024px) {
    .rate__desc {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 30px;
    }
}
.rate__list {
    display: flex;
}
@media (max-width: 1023px) {
    .rate__list {
        display: block;
    }
}
.rate--medicine {
    background-color: #fff;
}
.rate--medicine .rate-item {
    box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.07);
}

.read-all {
    width: -moz-max-content;
    width: max-content;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    color: #4dad33;
}
@media (max-width: 767px) {
    .read-all {
        margin-top: 30px;
    }
}
.read-all:hover .read-all__icon {
    transform: translateX(6px);
}
.read-all__inner {
    display: flex;
    align-items: baseline;
    width: -moz-max-content;
    width: max-content;
    padding: 8px;
    margin: -8px;
    gap: 0 8px;
}
.read-all__icon {
    width: 12px;
    height: 7px;
    transition: 200ms transform linear;
}
.read-all__text {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    line-height: unset;
}

.registration-new {
    display: flex;
    height: -moz-max-content;
    height: max-content;
    min-height: calc(var(--vh) * 100);
    padding: 40px 0;
    margin-inline: 20px;
}
@media (max-width: 767px) {
    .registration-new {
        padding: 24px 0;
    }
}
.registration-new__form {
    display: flex;
    flex-direction: column;
    max-width: 585px;
    border-radius: 24px;
    background-color: #F5F7FC;
    margin: auto;
    padding: 40px;
    font-family: 'Montserrat', sans-serif;
}
@media (max-width: 767px) {
    .registration-new__form {
        padding: 24px 16px;
        max-width: 100%;
        width: 100%;
        margin: initial;
    }
}
.registration-new__logo {
    margin-inline: auto;
    width: 182px;
    height: 35px;
    margin-bottom: 24px;
}
.registration-new__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #0b1023;
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .registration-new__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.registration-new__text {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #5c5e68;
    margin-bottom: 32px;
}
.registration-new__form .registration-new__text {
    margin-bottom: 20px;
    font-size: 16px;
}
.registration-new__steps {
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #898C9A;
    margin-bottom: 24px;
}
.registration-new__button {
    width: 100%;
    border-radius: 32px;
    margin-top: auto;
}
.registration-new__button--hidden {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
}
.registration-new__wrapper {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    margin-bottom: 32px;
    opacity: 1;
}
.registration-new__form .registration-new__wrapper {
    margin-bottom: 32px;
}
.registration-new__wrapper--hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
.registration-new__wrapper-two {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    margin-bottom: 32px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
.registration-new__wrapper-two--active {
    opacity: 1;
    pointer-events: initial;
    position: relative;
}
.registration-new__button-link {
    border-radius: 32px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: 200ms opacity linear;
    /*margin-top: 20px;*/
}
.registration-new__button-link--active {
    width: 100%;
    position: relative;
    opacity: 1;
    pointer-events: initial;
}
.registration-new__checkbox {
    margin-bottom: 24px;
}

.registration {
    padding: 24px 0;
    display: flex;
    height: -moz-max-content;
    height: max-content;
    min-height: 100vh;
    background: #FFF;
}
.registration img {
    margin-inline: auto;
    margin-bottom: 18px;
}
@media (max-width: 767px) {
    .registration input {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        padding: 14px 8px;
    }
}
.registration input:hover {
    border: 1px solid #4dad33;
}
.registration input:focus {
    border: 1px solid #4dad33;
}
.registration__body {
    padding: 40px;
    margin: auto;
    border-radius: 2px;
    background: #f5f7fc;
    width: 568px;
}
@media (max-width: 1022px) {
    .registration__body {
        width: calc(100% - 40px);
        margin: auto 20px;
        padding: 24px;
    }
}
@media (max-width: 767px) {
    .registration__body {
        padding: 40px 16px;
    }
}
.registration__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .registration__title {
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.registration__desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #5c5e68;
    margin-bottom: 32px;
}
.registration__label {
    display: flex;
}
.registration__label input {
    border-radius: 6px 0 0 6px;
}
.registration__address {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: #EBEBEB;
    color: #898c9a;
}
@media (max-width: 767px) {
    .registration__address {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
    }
}
.registration__checkbox {
    padding-top: 12px;
}
.registration__capcha {
    width: 100px;
    margin-top: 16px;
}
@media (max-width: 374px) {
    .registration__capcha {
        width: 100%;
    }
}
.registration__button {
    margin-top: 32px;
    width: 100%;
}
.registration__wrap-nick {
    display: flex;
    width: 100%;
}
.registration__wrap-nick input {
    border-radius: 6px 0 0 6px;
}
.registration__last-label {
    padding-bottom: 0;
}

.regulators {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .regulators {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .regulators {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.regulators__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .regulators__container {
        flex-direction: column;
    }
}
.regulators__right {
    flex-shrink: 0;
    width: 49%;
    margin-left: 50px;
}
@media (max-width: 1024px) {
    .regulators__right {
        margin-left: 20px;
    }
}
@media (max-width: 767px) {
    .regulators__right {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
}
.regulators__image {
    width: 100%;
    min-width: 0;
}
.regulators--medicine {
    background-color: #fff;
}
.regulators--reverse .regulators__container {
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    .regulators--reverse .regulators__container {
        flex-direction: column;
    }
}
.regulators--reverse .regulators__right {
    margin-right: 50px;
    margin-left: 0;
}
@media (max-width: 1024px) {
    .regulators--reverse .regulators__right {
        margin-right: 20px;
    }
}
@media (max-width: 767px) {
    .regulators--reverse .regulators__right {
        margin-right: 0;
    }
}

.report-create-mokap {
    width: 666px;
    max-width: 100%;
    min-width: 0;
    position: relative;
}
.report-create-mokap:before {
    display: block;
    content: "";
    padding-top: 63.963963964%;
}
.report-create-mokap__back {
    position: absolute;
    width: 53.4534534535%;
    top: 6.338028169%;
    left: 23.1231231231%;
}
.report-create-mokap__top {
    position: absolute;
    left: 0;
    top: 0;
    width: 70.5705705706%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.report-create-mokap__top img {
    width: 100%;
}
.report-create-mokap__bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70.5705705706%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.report-create-mokap__bottom img {
    width: 100%;
}
.report-create-mokap__right {
    position: absolute;
    top: 16.4319248826%;
    right: 7.5075075075%;
    width: 18.1681681682%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.report-create-mokap__right img {
    width: 100%;
}
.report-create-mokap__left {
    position: absolute;
    width: 18.018018018%;
    left: 8.4084084084%;
    bottom: 22.3004694836%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.report-create-mokap__left img {
    width: 100%;
}

.report-create {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .report-create {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .report-create {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.report-create__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .report-create__container {
        flex-direction: column;
        gap: 0;
    }
}
.report-create__body {
    width: 470px;
}
@media (max-width: 1024px) {
    .report-create__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .report-create__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .report-create__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .report-create__body {
        width: 100%;
    }
}

.report-process {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .report-process {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .report-process {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.report-process__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .report-process__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.report-process__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .report-process__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .report-process__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .report-process__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .report-process__body {
        width: 100%;
    }
}
.report-process__picture {
    width: 666px;
    min-width: 0;
    max-width: 100%;
}
.report-process__picture img {
    width: 100%;
}

.report-servis {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .report-servis {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .report-servis {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.report-servis__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .report-servis__container {
        flex-direction: column;
        gap: 0;
    }
}
.report-servis__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .report-servis__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .report-servis__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .report-servis__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .report-servis__body {
        width: 100%;
    }
}
.report-servis__mokap {
    max-width: 100%;
    min-width: 0;
    width: 636px;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
}
.report-servis__mokap img {
    width: 100%;
}

.reviews-new {
    background-color: #fff;
    padding-top: 57px;
    padding-bottom: 72px;
}
@media (max-width: 767px) {
    .reviews-new {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}
.reviews-new .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    filter: grayscale(100%);
    transition: 200ms filter linear;
    transform: translateZ(0);
}
@media (max-width: 767px) {
    .reviews-new .swiper-slide {
        margin-left: 20px;
    }
    .reviews-new .swiper-slide img {
        max-width: 100%;
        transform: translateZ(0);
    }
}
.reviews-new .swiper-slide:hover {
    filter: grayscale(0%);
}
.reviews-new__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}

.reviews-page-listing-card {
    grid-column: span 6;
    border-radius: 6px;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    padding: 24px;
    cursor: pointer;
}
@media (max-width: 1023px) {
    .reviews-page-listing-card {
        padding: 16px 16px 18px 16px;
    }
}
.reviews-page-listing-card:hover .reviews-page-listing-card__arrow {
    transform: translateX(5px);
}
.reviews-page-listing-card--big {
    grid-column: span 12;
}
@media (max-width: 1022px) {
    .reviews-page-listing-card--big .reviews-page-listing-card__button {
        display: flex;
    }
}
@media (max-width: 767px) {
    .reviews-page-listing-card--big {
        grid-column: span 6;
    }
}
.reviews-page-listing-card__upper {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*margin-bottom: 20px;*/
    /*gap: 16px;*/
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 16px;
}
}
@media (max-width: 1023px) {
    .reviews-page-listing-card__upper {
        margin-bottom: 10px;
    }
}
.reviews-page-listing-card__left {
    display: flex;
    flex-direction: column;
    z-index:2;
}
.reviews-page-listing-card__logo {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    height: 40px;
    margin-bottom: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
}
@media (max-width: 1023px) {
    .reviews-page-listing-card__logo {
        width: 100px;
        margin-bottom: 16px;
    }
}
@media (max-width: 767px) {
    .reviews-page-listing-card__logo {
        margin-bottom: 8px;
    }
}
.reviews-page-listing-card__logo--big {
    width: 200px;
    height: 40px;
}
@media (max-width: 1023px) {
    .reviews-page-listing-card__logo--big {
        width: 100px;
        height: 20px;
    }
}
.reviews-page-listing-card__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
}
@media (max-width: 1023px) {
    .reviews-page-listing-card__title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.reviews-page-listing-card__desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #898c9a;
}
.reviews-page-listing-card__desc--big {
    display: none;
}
@media (max-width: 767px) {
    .reviews-page-listing-card__desc--big {
        display: block;
    }
}
.reviews-page-listing-card__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-top: 8px;
}
@media (max-width: 1023px) {
    .reviews-page-listing-card__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.reviews-page-listing-card__text span {
    display: inline;
    color: #4dad33;
}
.reviews-page-listing-card__right {
    flex-shrink: 0;
    width: auto;
}
@media (max-width: 1023px) {

}
@media (max-width: 767px) {
    .reviews-page-listing-card__right {
        display: none;
    }
}
.reviews-page-listing-card__svg {
    width: 100%;
    position: absolute;
    max-width: 230px;
    right: 0;
    top: 0;
}
.reviews-page-listing-card__lower {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    gap: 22px;
}
@media (max-width: 767px) {
    .reviews-page-listing-card__lower {
        flex-direction: column-reverse;
        align-items: start;
        gap: 0;
    }
}
.reviews-page-listing-card__user-shell {
    display: flex;
    align-items: center;
    gap: 12px;
}
.reviews-page-listing-card__user-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
.reviews-page-listing-card__user-name {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
}
.reviews-page-listing-card__button {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    flex-shrink: 0;
}
@media (max-width: 1022px) {
    .reviews-page-listing-card__button {
        display: none;
        margin-bottom: 20px;
    }
}
.reviews-page-listing-card__read {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #60c843;
}
.reviews-page-listing-card__arrow {
    position: relative;
    bottom: -5px;
    width: 12px;
    height: 7px;
    color: #60c843;
    transition: 200ms transform linear;
}

.reviews-page-listing {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .reviews-page-listing {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .reviews-page-listing {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.reviews-page-listing__pag {
    margin-top: 28px;
}
@media (max-width: 1199px) {
    .reviews-page-listing__pag {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .reviews-page-listing__pag {
        width: 100%;
    }
}

.reviews-page-preview {
    padding: 100px 0;
}
@media (max-width: 1023px) {
    .reviews-page-preview {
        padding: 40px 0 80px 0;
    }
}
@media (max-width: 767px) {
    .reviews-page-preview {
        padding: 60px 0 80px 0;
    }
}
@media (max-width: 767px) {
    .reviews-page-preview br {
        display: none;
    }
}
.reviews-page-preview__body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.reviews-page-preview__sub-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-align: center;
}
.reviews-page-preview__title {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    text-align: center;
}
@media (max-width: 767px) {
    .reviews-page-preview__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.reviews-page-preview__title span {
    color: #4dad33;
}
.reviews-page-preview__desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
    text-align: center;
}
@media (max-width: 767px) {
    .reviews-page-preview__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.reviews-page-preview__desc .gray-hack {
    color: #64677a;
}
.reviews-page-preview__desc a {
    display: inline;
    color: #4dad33;
}
.reviews-page-preview--width {
    max-width: 748px;
    margin: auto;
}

.reviews {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (max-width: 1024px) {
    .reviews .swiper {
        width: calc(100% + 20px + 20px);
        padding-right: 20px;
        padding-left: 20px;
        margin-left: -20px;
    }
}
.reviews .swiper-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}
.reviews .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    filter: grayscale(100%);
    transition: 200ms filter linear;
    transform: translateZ(0);
}
@media (max-width: 767px) {
    .reviews .swiper-slide {
        width: 197px;
        height: 80px;
        padding-right: 8px;
        padding-left: 8px;
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0 0 34px rgba(0, 0, 0, 0.09);
    }
    .reviews .swiper-slide img {
        max-width: 100%;
        transform: translateZ(0);
    }
}
.reviews .swiper-slide:hover {
    filter: grayscale(0%);
}
.reviews__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.reviews__container img.reviews__logo{
    max-height:55px;
}
.reviews__placeholder {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    margin-bottom: 32px;
    color: #5c5e68;
    text-align: center;
}
@media (max-width: 1200px) {
    .reviews__placeholder {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .reviews__placeholder {
        display: none;
    }
}
.reviews--industry {
    margin-top: 80px;
}
@media (max-width: 1024px) {
    .reviews--industry {
        margin-top: 50px;
    }
}
.reviews--medicine {
    margin-top: 80px;
}
@media (max-width: 1024px) {
    .reviews--medicine {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .reviews--medicine {
        margin-top: 0;
    }
}
.reviews--padding-none .swiper {
    margin-top: -40px;
}
.reviews--main {
    background-color: #fff;
}
.reviews--main .swiper {
    margin-top: -40px;
}
.reviews--main .swiper-wrapper {
    padding-top: 40px;
    padding-bottom: 90px;
}
@media (max-width: 1200px) {
    .reviews--main .swiper-wrapper {
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .reviews--main .swiper-wrapper {
        padding-bottom: 40px;
    }
}

.rise {
    padding-top: 90px;
    padding-bottom: 90px;
    background: center no-repeat;
    background-size: cover;
    background-color: #fff;
    background-image: url("/local/templates/main/assets/images/use.svg");
}
@media (max-width: 1024px) {
    .rise {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .rise {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .rise {
        background-image: unset;
    }
}
.rise__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .rise__container {
        display: block;
    }
}
.rise__left {
    width: 42%;
}
@media (max-width: 767px) {
    .rise__left {
        width: 100%;
        text-align: center;
    }
}
.rise .rise__button--desktop {
    margin-top: 50px;
}
@media (max-width: 767px) {
    .rise .rise__button--desktop {
        display: none;
    }
}
.rise .rise__button--mobile {
    display: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .rise .rise__button--mobile {
        display: flex;
    }
}
.rise__right {
    width: 48%;
}
@media (max-width: 767px) {
    .rise__right {
        width: 100%;
        margin-top: 30px;
    }
}
.rise__info-desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    margin-top: 20px;
    color: #2B2C2C;
}
@media (max-width: 1024px) {
    .rise__info-desc {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
@media (max-width: 767px) {
    .rise__info-desc {
        font-size: 9px;
        font-weight: bold;
        line-height: 150%;
        letter-spacing: 0.08em;
        margin-top: 10px;
        text-align: center;
    }
}
.rise__state {
    width: 100%;
    box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.07);
}

.search-control {
    display: block;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    position: relative;
}
.search-control__input {
    padding-right: calc(30px + var(--padding-x));
}
.search-control__send {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: -moz-max-content;
    width: max-content;
    padding-right: 24px;
    padding-left: 12px;
    color: #b6b8c2;
    cursor: pointer;
    transition: 200ms color linear;
}
.search-control__send:hover {
    color: #4dad33;
}
.search-control__icon {
    width: 18px;
    height: 18px;
}

.sect-account-create {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .sect-account-create {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .sect-account-create {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.sect-account-create .main-blog-card {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
}
@media (max-width: 1023px) {
    .sect-account-create br {
        display: none;
    }
}
.sect-account-create .index-desc {
    margin-bottom: 24px;
}
@media (max-width: 766px) {
    .sect-account-create .index-desc {
        margin-bottom: 16px;
    }
}
.sect-account-create__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 60px;
}
@media (max-width: 1023px) {
    .sect-account-create__grid {
        margin-bottom: 40px;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .sect-account-create__grid {
        grid-template-columns: 1fr;
    }
}

.sect-client {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .sect-client {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .sect-client {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.sect-client__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .sect-client__container {
        flex-direction: column;
        gap: 0;
    }
}
.sect-client__body {
    width: 568px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .sect-client__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .sect-client__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .sect-client__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .sect-client__body {
        width: 100%;
    }
}
.sect-client__box {
    width: 568px;
    background-color: #f5f7fc;
    border-radius: 8px;
    padding: 40px 48px;
}
@media (max-width: 767px) {
    .sect-client__box {
        padding: 32px 20px;
        width: calc(100% + 20px + 20px);
    }
}
.sect-client__list {
    display: grid;
    grid-template-columns: 100%;
    gap: 24px;
    margin-bottom: 32px;
}
@media (max-width: 767px) {
    .sect-client__list {
        gap: 16px;
    }
}
.sect-client__conf {
    display: grid;
    grid-template-columns: 100%;
    gap: 12px 0;
}
@media (max-width: 767px) {
    .sect-client__conf {
        gap: 16px;
    }
}

.sect-comp {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .sect-comp {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .sect-comp {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.sect-comp__desc a {
    color: #4dad33;
    display: inline;
}
.sect-comp__desc a:hover {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .sect-comp__desc br {
        display: none;
    }
}
.sect-comp__content {
    margin-top: 60px;
}
.sect-comp__sub-info {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #2B2C2C;
    margin-top: 20px;
}

.sect-is-to {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .sect-is-to {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .sect-is-to {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.sect-is-to__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .sect-is-to__container {
        flex-direction: column;
        gap: 0;
    }
}
.sect-is-to__body {
    width: 470px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .sect-is-to__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .sect-is-to__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .sect-is-to__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .sect-is-to__body {
        width: 100%;
    }
}
.sect-is-to__box {
    background-color: #f5f7fc;
    border-radius: 8px;
    padding: 40px 14px;
    width: 666px;
    min-width: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: 117px 1fr 1fr;
    gap: 24px 20px;
}
@media (max-width: 767px) {
    .sect-is-to__box {
        padding: 0;
        background-color: transparent;
        grid-template-columns: 100%;
        width: 100%;
        gap: 16px;
    }
}
.sect-is-to__direct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 54px;
    background: #4dad33;
    border-radius: 8px;
    color: #fff;
    padding: 0 20px;
}
.sect-is-to__direct--light {
    background-color: #60c843;
}
@media (max-width: 767px) {
    .sect-is-to__direct {
        width: 124px;
        margin-bottom: 8px;
    }
    .sect-is-to__direct:not(:first-child) {
        margin-top: 16px;
    }
}
.sect-is-to__direct-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
}
.sect-is-to__direct-icon {
    width: 15px;
    height: 16px;
}
.sect-is-to__die {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    padding: 0 20px;
    width: 100%;
    background-color: #4dad33;
    border-radius: 8px;
}

.sect-plans {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .sect-plans {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .sect-plans {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.sect-plans__list {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .sect-plans__list {
        gap: 12px;
    }
}
@media (max-width: 767px) {
    .sect-plans__list {
        gap: 6px;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
    }
}
.sect-plans__itm {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    width: -moz-max-content;
    width: max-content;
    padding: 4px 8px;
    border-radius: 60px;
    background-color: #f5f7fc;
}
.sect-plans .sect-plans__toggler {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}
@media (max-width: 767px) {
    .sect-plans .sect-plans__toggler {
        margin-bottom: 60px;
    }
}
.sect-plans__container {
    width: 100%;
    max-width: calc(1460px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.sect-plans__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    grid-auto-rows: 1fr;
}
@media (max-width: 1023px) {
    .sect-plans__grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .sect-plans__grid {
        grid-template-columns: 1fr;
    }
}
.sect-plans__link-to {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #4dad33;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .sect-plans__link-to {
        margin-top: 22px;
    }
}
.sect-plans__link-to:hover {
    text-decoration: none;
}

.sect-toggler-form {
    background-color: #fff;
    border-radius: 8px;
}
.sect-toggler-form__header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e9ecfc;
}
@media (max-width: 767px) {
    .sect-toggler-form__header {
        display: none;
    }
}
.sect-toggler-form__label {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    width: 230px;
    flex-shrink: 0;
    color: #898c9a;
    padding: 16px 0 16px 14px;
}
@media (max-width: 767px) {
    .sect-toggler-form__label br {
        display: none;
    }
}
@media (max-width: 767px) {
    .sect-toggler-form__label {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        width: 100%;
        border-bottom: 1px solid #e9ecfc;
        margin-bottom: 16px;
    }
}
.sect-toggler-form__h-cell {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #64677a;
    width: 100%;
    text-align: center;
    padding: 16px 0;
}
@media (max-width: 1024px) {
    .sect-toggler-form__h-cell {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
.sect-toggler-form__l-cell {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .sect-toggler-form__l-cell {
        justify-content: space-between;
        padding: 0 24px;
    }
    .sect-toggler-form__l-cell:last-child {
        border-bottom: 1px solid #e9ecfc;
        padding-bottom: 16px;
    }
    .sect-toggler-form__l-cell:not(:last-child) {
        margin-bottom: 16px;
    }
}
.sect-toggler-form__line {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .sect-toggler-form__line {
        display: block;
    }
}
.sect-toggler-form__mobile-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    display: none;
    color: #898c9a;
}
@media (max-width: 767px) {
    .sect-toggler-form__mobile-label {
        display: block;
    }
}
.sect-toggler-form--hide {
    display: none;
}

.sect-toggler {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .sect-toggler {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .sect-toggler {
        padding-top: 40px;
        padding-bottom: 0px;
    }
}
.sect-toggler__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .sect-toggler__container {
        flex-direction: column-reverse;
        gap: 0;
    }
}
.sect-toggler__body {
    width: 372px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .sect-toggler__body {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .sect-toggler__body {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .sect-toggler__body {
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .sect-toggler__body {
        width: 100%;
    }
}
.sect-toggler__box {
    width: 764px;
    min-width: 0;
    max-width: 100%;
}
.sect-toggler__header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .sect-toggler__header {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .sect-toggler__header {
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }
}
.sect-toggler__tg {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e9ecfc;
    border-radius: 32px;
    color: #898c9a;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 200ms color linear, 200ms background linear;
}
@media (max-width: 1024px) {
    .sect-toggler__tg {
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.01em;
    }
}
@media (max-width: 767px) {
    .sect-toggler__tg {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        height: 34px;
        padding: 0 10px;
    }
}
.sect-toggler__tg--active {
    background-color: #4dad33;
    color: #fff;
}

.sklad-helpers {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .sklad-helpers {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .sklad-helpers {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.sklad-helpers--snow {
    background-color: white;
}
.sklad-helpers__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.sklad-helpers__wrapper {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
@media (max-width: 768px) {
    .sklad-helpers__wrapper {
        flex-direction: column;
        row-gap: 40px;
    }
}
.sklad-helpers__wrapper--direction {
    flex-direction: row-reverse;
}
@media (max-width: 768px) {
    .sklad-helpers__wrapper--direction {
        flex-direction: column;
    }
}
.sklad-helpers__block {
    width: 50%;
}
@media (max-width: 768px) {
    .sklad-helpers__block {
        width: 100%;
    }
}
.sklad-helpers__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b1023;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .sklad-helpers__title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 20px;
    }
}
.sklad-helpers__block-text {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.sklad-helpers__text {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #898c9a;
}
.sklad-page .section-col .index-desc{
    color: #2B2C2C;
}
@media (max-width: 768px) {
    .sklad-helpers__text {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}

.smart-col {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .smart-col {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .smart-col {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px) {
    .smart-col .index-title br {
        display: none;
    }
}
.smart-col__container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1024px) {
    .smart-col__container {
        display: block;
    }
}
.smart-col__col {
    width: 470px;
}
@media (max-width: 1024px) {
    .smart-col__col {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .smart-col__col:first-child {
        margin-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .smart-col__col:first-child {
        margin-top: 30px;
    }
}
.smart-col__body {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .smart-col__body {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .smart-col__body {
        margin-top: 20px;
        text-align: left;
    }
}

.smart-mokap {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .smart-mokap {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .smart-mokap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px) {
    .smart-mokap .index-title br {
        display: none;
    }
}
.smart-mokap__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 1024px) {
    .smart-mokap__container {
        flex-direction: column;
        gap: 40px;
    }
}
.smart-mokap__container--reverse {
    flex-direction: row-reverse;
}
@media (max-width: 1024px) {
    .smart-mokap__container--reverse {
        flex-direction: column;
    }
}
.smart-mokap__body {
    width: 470px;
    min-width: 0;
    max-width: 100%;
}
@media (max-width: 1024px) {
    .smart-mokap__body {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .smart-mokap__body {
        text-align: left;
    }
}
.smart-mokap__list {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
@media (max-width: 1200px) {
    .smart-mokap__list {
        gap: 16px;
    }
}
@media (max-width: 1024px) {
    .smart-mokap__list {
        gap: 20px;
        justify-content: center;
        min-width: -moz-max-content;
        min-width: max-content;
    }
}
@media (max-width: 767px) {
    .smart-mokap__list {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.smart-mokap__mokap {
    min-width: 0;
    filter: drop-shadow(18.4133px 19.3824px 10.6603px rgba(0, 0, 0, 0.01)) drop-shadow(10.6603px 10.6603px 8.72208px rgba(0, 0, 0, 0.02)) drop-shadow(4.8456px 4.8456px 6.78384px rgba(0, 0, 0, 0.04)) drop-shadow(0.96912px 0.96912px 3.87648px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
}
.smart-mokap__mokap--mobile-service {
    width: 654px;
}
@media (max-width: 1024px) {
    .smart-mokap__mokap--mobile-service {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .smart-mokap__mokap--mobile-service {
        width: calc(100% + 20px + 20px);
    }
}
.smart-mokap__mokap--mobile-gsm {
    width: 644px;
}
@media (max-width: 1024px) {
    .smart-mokap__mokap--mobile-gsm {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .smart-mokap__mokap--mobile-gsm {
        width: calc(100% + 20px + 20px);
    }
}
.smart-mokap__mokap--mobile-big {
    width: 665px;
}
@media (max-width: 1024px) {
    .smart-mokap__mokap--mobile-big {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .smart-mokap__mokap--mobile-big {
        width: calc(100% + 20px + 20px);
    }
}
.smart-mokap__mokap--poss-po {
    width: 636px;
}
@media (max-width: 1024px) {
    .smart-mokap__mokap--poss-po {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .smart-mokap__mokap--poss-po {
        width: calc(100% + 20px + 20px);
    }
}
.smart-mokap__pct img {
    width: 100%;
}
.smart-mokap.mobile-support .smart-mokap__pct img {
    max-height: 400px;
    height: 100%;
}
.smart-mokap__list.complex .smart-mokap__pct img {
    height: auto;
    object-fit: contain;
    max-height: 410px;
}
.smart-mokap__pct--mobile-service:nth-child(1) {
    width: 240px;
}
@media (max-width: 1024px) {
    .smart-mokap__pct--mobile-service:nth-child(1) {
        width: 245px;
    }
}
.smart-mokap__pct--mobile-service:nth-child(2) {
    width: 210px;
    padding-top: 42px;
}
@media (max-width: 1024px) {
    .smart-mokap__pct--mobile-service:nth-child(2) {
        padding-top: 0;
    }
}
.smart-mokap__pct--mobile-service:nth-child(3) {
    width: 218px;
    padding-top: 84px;
}
@media (max-width: 1024px) {
    .smart-mokap__pct--mobile-service:nth-child(3) {
        padding-top: 0;
        width: 230px;
    }
}
.smart-mokap__pct--mobile-gsm {
    width: 200px;
}
.smart-mokap__pct--mobile-gsm:nth-child(2) {
    padding-top: 25px;
    width: 240px;
}
@media (max-width: 1024px) {
    .smart-mokap__pct--mobile-gsm:nth-child(2) {
        padding-top: 0;
        width: 225px;
    }
}
.smart-mokap__pct--mobile-gsm:nth-child(3) {
    padding-top: 80px;
    width: 180px;
    margin-left: 40px;
}
@media (max-width: 1024px) {
    .smart-mokap__pct--mobile-gsm:nth-child(3) {
        padding-top: 0;
        width: 180px;
    }
}
.smart-mokap__pct--mobile-big:nth-child(1) {
    width: 180px;
    /*padding-top: 40px;*/
}
@media (max-width: 1024px) {
    .smart-mokap__pct--mobile-big:nth-child(1) {
        padding-top: 0;
    }
}
.smart-mokap__pct--mobile-big:nth-child(2) {
    width: 230px;
}
.smart-mokap__pct--mobile-big:nth-child(3) {
    width: 200px;
    /*padding-top: 40px;*/
}
@media (max-width: 1024px) {
    .smart-mokap__pct--mobile-big:nth-child(3) {
        padding-top: 0;
    }
}
.smart-mokap__pct--poss-po {
    width: 200px;
}
.smart-mokap--white {
    background-color: #fff;
}

.smart-process-item {
    background-color: #fff;
    padding: 16px 24px 16px 10px;
    border-radius: 6px;
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 2;
}
.smart-process-item:first-child .smart-process-item__motion {
    display: none !important;
}
@media (max-width: 1200px) {
    .smart-process-item {
        gap: 16px;
    }
}
.smart-process-item__icon {
    flex-shrink: 0;
}
@media (max-width: 1200px) {
    .smart-process-item__icon {
        width: 90px;
    }
}
.smart-process-item__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #64677a;
    margin-bottom: 4px;
}
@media (max-width: 1200px) {
    .smart-process-item__title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
.smart-process-item__desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #2B2C2C;
}
.smart-process-item__motion {
    display: none;
    position: absolute;
    left: 60px;
    bottom: 100%;
}
@media (max-width: 1200px) {
    .smart-process-item__motion {
        display: block;
    }
}

.smart-process {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .smart-process {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .smart-process {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.smart-process__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 98px;
    grid-auto-rows: 1fr;
    position: relative;
    margin-top: 60px;
}
@media (max-width: 1200px) {
    .smart-process__grid {
        grid-template-columns: 1fr;
        gap: 32px 0;
    }
}
@media (max-width: 1200px) {
    .smart-process__grid > .smart-process-item:nth-child(1) {
        order: 1;
    }
    .smart-process__grid > .smart-process-item:nth-child(2) {
        order: 4;
    }
    .smart-process__grid > .smart-process-item:nth-child(3) {
        order: 2;
    }
    .smart-process__grid > .smart-process-item:nth-child(4) {
        order: 5;
    }
    .smart-process__grid > .smart-process-item:nth-child(5) {
        order: 3;
    }
    .smart-process__grid > .smart-process-item:nth-child(6) {
        order: 6;
    }
}
.smart-process__line-y {
    position: absolute;
}
@media (max-width: 1200px) {
    .smart-process__line-y {
        display: none;
    }
}
.smart-process__line-y--1 {
    left: 75px;
    top: 131px;
}
.smart-process__line-y--2 {
    left: 75px;
    top: 330px;
}
.smart-process__line-y--3 {
    top: 131px;
    left: 704px;
}
.smart-process__line-y--4 {
    top: 330px;
    left: 704px;
}
.smart-process__line-x {
    position: absolute;
    bottom: 62px;
    left: 529px;
}
@media (max-width: 1200px) {
    .smart-process__line-x {
        display: none;
    }
}

@media (max-width: 1024px) {
    .smart-tab {
        margin-right: -20px;
        margin-left: -20px;
    }
}
.smart-tab .simplebar-horizontal {
    top: calc(100% + 16px);
    bottom: unset;
}
.smart-tab__inner {
    display: flex;
    min-width: -moz-max-content;
    min-width: max-content;
}
@media (max-width: 1024px) {
    .smart-tab__inner {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.smart-tab__inner--center {
    justify-content: center;
}
.smart-tab__tab {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 15px 24px;
    color: #898c9a;
    cursor: pointer;
    background-color: #f5f7fc;
    border-radius: 32px;
    transition: 200ms color linear, 200ms background linear;
}
.smart-tab__tab:not(.smart-tab__tab--active):hover {
    background-color: #e9ecfc;
}
.smart-tab__tab:not(:last-child) {
    margin-right: 32px;
}
@media (max-width: 1024px) {
    .smart-tab__tab:not(:last-child) {
        margin-right: 16px;
    }
}
.smart-tab__tab--active {
    color: #fff;
    background-color: #4dad33;
}
.smart-tab__tab--fluid {
    width: 100%;
}
.smart-tab--mb-def {
    margin-bottom: 40px;
}

.social-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    cursor: pointer;
    height: 42px;
    border-radius: 50%;
    background-color: #4dad33;
    transition: 200ms background-color linear;
}
.social-item:hover {
    background-color: #60c843;
}
.social-item:active {
    background-color: #42962b;
}
.social-item__icon {
    width: 25px;
    height: 25px;
    color: #fff;
}

.social-list {
    display: flex;
    gap: 0 8px;
}
.social-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #b6b8c2;
    background-color: #64677a;
    border-radius: 50%;
}
.social-list__item:hover {
    color: #fff;
}
.social-list__icon {
    transition: 200ms color linear;
}
.social-list__icon--fb {
    width: 10px;
    height: 20px;
}
.social-list__icon--yt {
    width: 21px;
    height: 15px;
}
.social-list__item:hover .social-list__icon--rt {
    filter: brightness(0) invert(1);
}
.social-list__icon--rt {
    width: 21px;
    height: 15px;
}
.social-list__icon--tg {
    width: 19px;
    height: 16px;
}
.social-list__icon--vk {
    width: 19px;
    height: 11px;
}

.special-enter {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
    padding-top: 0 !important;
}
@media (max-width: 1024px) {
    .special-enter {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .special-enter {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.special-enter__inner {
    overflow: hidden;
    display: flex;
    width: 100%;
    background-color: #fff;
    box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
}
@media (max-width: 767px) {
    .special-enter__inner {
        flex-direction: column-reverse;
    }
}
.special-enter__image {
    flex-shrink: 0;
    margin-top: auto;
    margin-left: -20px;
    margin-bottom: -15px;
}
@media (max-width: 767px) {
    .special-enter__image {
        width: 212px;
        margin-left: auto;
        margin-right: auto;
    }
}
.special-enter__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    padding: 40px 30px 40px 40px;
}
@media (max-width: 1024px) {
    .special-enter__body {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .special-enter__body {
        padding: 40px 16px 40px 16px;
    }
}
.special-enter__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
.special-enter__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
.special-enter .special-enter__button {
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .special-enter .special-enter__button {
        width: 100%;
    }
}

.support-caller {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
    display: block;
}
@media (max-width: 1024px) {
    .support-caller {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .support-caller {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.support-caller__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .support-caller__container {
        flex-direction: column-reverse;
    }
}
.support-caller__left {
    width: 470px;
    margin-right: 20px;
}
@media (max-width: 1024px) {
    .support-caller__left br {
        display: none;
    }
}
@media (max-width: 1024px) {
    .support-caller__left {
        width: 100%;
        margin-right: 0;
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .support-caller__left {
        text-align: left;
    }
}
.support-caller__right {
    min-width: 0;
}
.support-caller__sticky {
    position: sticky;
    top: 140px;
}
.support-caller__one {
    width: 660px;
    max-width: 100%;
    position: relative;
    margin-bottom: 85px;
}
@media (max-width: 1024px) {
    .support-caller__one {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1024px) {
    .support-caller__one {
        margin-bottom: 62px;
    }
}
@media (max-width: 767px) {
    .support-caller__one {
        margin-bottom: 32px;
    }
}
.support-caller__one::before {
    display: block;
    content: "";
    padding-top: 54.5454545455%;
}
.support-caller__one-main {
    width: 91.5151515152%;
    position: absolute;
    left: 0;
    top: 0;
}
.support-caller__one-main img {
    width: 100%;
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.06));
    border-radius: 5px;
}
.support-caller__one-card {
    position: absolute;
    right: 0;
    width: 29.3939393939%;
    border-radius: 3px;
    filter: drop-shadow(19px 20px 11px rgba(0, 0, 0, 0.01)) drop-shadow(11px 11px 9px rgba(0, 0, 0, 0.02)) drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.04)) drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
    border: 1px solid #f5f7fc;
}
.support-caller__one-card--one {
    bottom: -22px;
}
.support-caller__one-card--two {
    bottom: 58px;
}
.support-caller__two {
    width: 660px;
    max-width: 100%;
    position: relative;
}
@media (min-width: 1024px) {
    .cases .swiper{
        min-height:508px;
    }
}
@media (max-width: 1024px) {
    .support-caller__two {
        margin-left: auto;
        margin-right: auto;
    }

}
.support-caller__two::before {
    display: block;
    content: "";
    padding-top: 60.9090909091%;
}
.support-caller__two-main {
    width: 91.6666666667%;
    position: absolute;
    left: 0;
    top: 0;
}
.support-caller__two-main img {
    width: 100%;
    border-radius: 5px;
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.06));
}



.support-caller__two-itm {
    position: absolute;
    border-radius: 3px;
    filter: drop-shadow(19px 20px 11px rgba(0, 0, 0, 0.01)) drop-shadow(11px 11px 9px rgba(0, 0, 0, 0.02)) drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.04)) drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
    transition: 200ms opacity linear, 200ms transform linear;
}
.support-caller__two-itm--1 {
    bottom: 0;
    left: 11%;
    width: 46.9696969697%;
    border: 1px solid #fff;
}
.support-caller__two-itm--2 {
    right: 0;
    top: 18%;
    width: 38.4848484848%;
}
.support-caller__two-itm--2 img {
    width: 100%;
}
.support-caller__two-itm--3 {
    right: 3%;
    top: 32%;
    width: 9.0909090909%;
}
.support-caller__two-itm--3 img {
    width: 100%;
}

.support-client {
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
    background-color: #fff;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .support-client {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .support-client {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.support-client__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .support-client__container {
        flex-direction: column-reverse;
    }
}
.support-client__left {
    width: 490px;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .support-client__left {
        width: 100%;
        text-align: center;
        position: relative;
        z-index: 8;
        margin-top: -7%;
    }
}
@media (max-width: 767px) {
    .support-client__left {
        text-align: left;
    }
}
.support-client__video {
    width: 100%;
    min-width: 0;
    margin-right: -98px;
}
@media (max-width: 1024px) {
    .support-client__video {
        margin-right: -7%;
        margin-top: -8%;
    }
}

.support-connect {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .support-connect {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .support-connect {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.support-connect .swiper {
    width: 100%;
    filter: drop-shadow(18.4133px 19.3824px 10.6603px rgba(0, 0, 0, 0.01)) drop-shadow(10.6603px 10.6603px 8.72208px rgba(0, 0, 0, 0.02)) drop-shadow(4.8456px 4.8456px 6.78384px rgba(0, 0, 0, 0.04)) drop-shadow(0.96912px 0.96912px 3.87648px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
}
@media (max-width: 767px) {
    .support-connect .swiper {
        margin-left: -20px;
        width: calc(100% + 20px + 20px);
        padding-left: 20px;
        padding-right: 20px;
    }
}
.support-connect .swiper img {
    width: 100%;
}
.support-connect__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .support-connect__container {
        flex-direction: column-reverse;
    }
}
.support-connect__left {
    width: 470px;
    margin-right: 40px;
}
@media (max-width: 1024px) {
    .support-connect__left {
        margin-right: 0;
        margin-top: 40px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .support-connect__left {
        text-align: left;
    }
}
.support-connect__right {
    width: 610px;
    min-width: 0;
    max-width: 100%;
}
.support-connect .support-connect__pagination {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .support-connect .support-connect__pagination {
        margin-top: 32px;
    }
}

.support-message {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .support-message {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .support-message {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.support-message__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
@media (max-width: 1024px) {
    .support-message__container {
        flex-direction: column;
        gap: 0;
    }
}
.support-message__container--reverse {
    flex-direction: row-reverse;
}
@media (max-width: 1024px) {
    .support-message__container--reverse {
        flex-direction: column;
    }
}
.support-message__right {
    width: 470px;
}
@media (max-width: 1024px) {
    .support-message__right br {
        display: none;
    }
}
@media (max-width: 1024px) {
    .support-message__right {
        margin-top: 40px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .support-message__right {
        text-align: left;
    }
}
.support-message__box-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 638px;
    max-width: 100%;
}
.support-message__box-image::before {
    display: block;
    content: "";
    padding-top: 71.1598746082%;
}
.support-message__card {
    position: absolute;
}
.support-message__card img {
    border-radius: 6px;
    width: 100%;
    box-shadow: 85.7151px 108.512px 55.6236px rgba(0, 0, 0, 0.01), 48.3287px 61.0948px 46.505px rgba(0, 0, 0, 0.03), 21.8847px 27.3559px 34.6508px rgba(0, 0, 0, 0.05), 5.47118px 6.38304px 19.1491px rgba(0, 0, 0, 0.06), 0px 0px 0px rgba(0, 0, 0, 0.06);
}
.support-message__card--1 {
    left: 0;
    top: 0;
    width: 64.263322884%;
}
.support-message__card--2 {
    right: 0;
    bottom: 0;
    width: 64.263322884%;
}
.support-message__panel {
    position: absolute;
}
.support-message__panel img {
    width: 100%;
    box-shadow: 15.6379px 16.461px 9.05355px rgba(0, 0, 0, 0.01), 9.05355px 9.05355px 7.40745px rgba(0, 0, 0, 0.02), 4.11525px 4.11525px 5.76135px rgba(0, 0, 0, 0.04), 0.82305px 0.82305px 3.2922px rgba(0, 0, 0, 0.04), 0px 0px 0px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
}
.support-message__panel--1 {
    width: 40.5956112853%;
    right: 9%;
    top: 11%;
}
.support-message__panel--2 {
    width: 40.5956112853%;
    right: 0;
    top: 29%;
}
.support-message__panel--3 {
    width: 44.0438871473%;
    bottom: 12%;
    left: 9%;
}
.support-message__panel--4 {
    width: 41.3793103448%;
    bottom: 29%;
    left: 0;
}
.support-message__back {
    position: absolute;
    width: 56.1128526646%;
}
.support-message__back.int-plan {
    width: 100%;
}
.support-message--white {
    background-color: #fff;
}

.support-preview {
    display: block;
    padding: 120px 0 160px 0;
}
@media (max-width: 1024px) {
    .support-preview {
        padding: 40px 0 60px 0;
    }
}
@media (max-width: 767px) {
    .support-preview {
        padding-bottom: 40px;
    }
}
.support-preview__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .support-preview__container {
        flex-direction: column-reverse;
    }
}
.support-preview__left {
    width: 500px;
    margin-right: 32px;
}
@media (max-width: 1024px) {
    .support-preview__left br {
        display: none;
    }
}
@media (max-width: 1024px) {
    .support-preview__left {
        width: 100%;
        margin-right: 0;
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .support-preview__left {
        text-align: left;
    }
}
.support-preview__box-right {
    position: relative;
    width: 602px;
    max-width: 100%;
}
.support-preview__main {
    width: 100%;
}
.support-preview__main img {
    width: 100%;
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    border-radius: 5px;
}
@media (max-width: 767px) {
    .support-preview__main img {
        filter: drop-shadow(54px 69px 35px rgba(0, 0, 0, 0.01)) drop-shadow(30px 39px 29px rgba(0, 0, 0, 0.03)) drop-shadow(13px 17px 22px rgba(0, 0, 0, 0.05)) drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    }
}
.support-preview__top {
    display: flex;
    justify-content: space-between;
}
.support-preview__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
    position: relative;
}
@media (max-width: 767px) {
    .support-preview__col-icon {
        width: 34px;
        height: auto;
    }
}
.support-preview__col-line {
    margin-top: 4px;
    width: 1px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    flex-grow: 1;
    display: flex;
    justify-content: center;
}
.support-preview__col-border {
    width: 100%;
    height: calc(100% + 40px);
    border-left: 1px dashed #4dad33;
}
.support-preview__col-rds {
    --size: 7px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #4dad33;
    position: absolute;
    top: 0;
    will-change: top;
}
@media (max-width: 767px) {
    .support-preview__col-rds {
        --size: 5px;
    }
}
@keyframes infusion {
    0% {
        transform: translateY(calc(-1 * var(--size)));
    }
    100% {
        transform: translateY(calc(var(--size) + var(--length)));
    }
}
.support-preview__col-rds--is-animation {
    animation-name: infusion;
    animation-duration: 2600ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.support-preview__col-text {
    font-size: 9px;
    font-weight: 500;
    line-height: 150%;
    color: #64677a;
    margin-top: 8px;
    text-align: center;
}
@media (max-width: 767px) {
    .support-preview__col-text {
        font-size: 6px;
    }
}
@media (max-width: 1024px) {
    .support-preview .support-preview__btn {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 767px) {
    .support-preview .support-preview__btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

.support-tg-bot {
    padding-top: 90px;
    padding-bottom: 90px;
    overflow: hidden;
    display: block;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .support-tg-bot {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .support-tg-bot {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.support-tg-bot__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .support-tg-bot__container {
        display: block;
    }
}
.support-tg-bot__right {
    width: 470px;
    margin-left: 20px;
}
@media (max-width: 1024px) {
    .support-tg-bot__right br {
        display: none;
    }
}
@media (max-width: 1024px) {
    .support-tg-bot__right {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .support-tg-bot__right {
        text-align: left;
    }
}
.support-tg-bot__left {
    filter: drop-shadow(18.4133px 19.3824px 10.6603px rgba(0, 0, 0, 0.01)) drop-shadow(10.6603px 10.6603px 8.72208px rgba(0, 0, 0, 0.02)) drop-shadow(4.8456px 4.8456px 6.78384px rgba(0, 0, 0, 0.04)) drop-shadow(0.96912px 0.96912px 3.87648px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
    width: 644px;
    min-width: 0;
}
@media (max-width: 1024px) {
    .support-tg-bot__left {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .support-tg-bot__left {
        margin-left: -20px;
        width: calc(100% + 20px + 20px);
    }
}
.support-tg-bot__list-pct {
    width: 100%;
    display: flex;
    gap: 20px;
    min-width: -moz-max-content;
    min-width: max-content;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .support-tg-bot__list-pct {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .support-tg-bot__list-pct {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.support-tg-bot__picture {
    width: 200px;
    max-width: 100%;
    min-width: 0;
}
@media (max-width: 767px) {
    .support-tg-bot__picture {
        min-width: 200px;
    }
}
.support-tg-bot__picture:nth-child(2) {
    padding-top: 40px;
}
@media (max-width: 1024px) {
    .support-tg-bot__picture:nth-child(2) {
        padding-top: 0;
    }
}
.support-tg-bot__picture:nth-child(3) {
    padding-top: 80px;
}
@media (max-width: 1024px) {
    .support-tg-bot__picture:nth-child(3) {
        padding-top: 0;
    }
}
.support-tg-bot__picture img {
    width: 100%;
    border-radius: 8px;
}

.swiper-cust__shell {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 28px;
    border-bottom: 1px solid #4dad33;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
}
@media (max-width: 1023px) {
    .swiper-cust__shell {
        padding-bottom: 16px;
    }
}
.swiper-cust__arrows {
    display: flex;
    gap: 24px;
}
@media (max-width: 767px) {
    .swiper-cust__arrows {
        display: none;
    }
}
.swiper-cust__circle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 41px;
    height: 41px;
    border: 1px solid #daebcb;
    border-radius: 50%;
    cursor: pointer;
    transition: 200ms background linear, 200ms border linear;
}
.swiper-cust__circle:hover {
    background: #daebcb;
    border: #daebcb;
}
.swiper-cust__arrow {
    height: 10px;
    width: 5px;
    color: #4dad33;
    flex-shrink: 0;
    cursor: pointer;
}
.swiper-cust__pagination {
    display: flex;
    gap: 24px;
}
.swiper-cust__button-pag {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #b6b8c2;
    cursor: pointer;
    transition: 200ms color linear;
}
@media (max-width: 1023px) {
    .swiper-cust__button-pag {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.swiper-cust__button-pag--active {
    color: #4dad33;
}
.swiper-cust__button-pag:hover {
    color: #4dad33;
}

.swiper-slide-cust {
    padding-top: 28px;
}
@media (max-width: 1023px) {
    .swiper-slide-cust {
        padding-top: 16px;
    }
}
.swiper-slide-cust a {
    display: inline;
    color: #4dad33;
    border-bottom: 1px solid #4dad33;
}
.swiper-slide-cust a:hover {
    border-bottom: none;
}
.swiper-slide-cust__header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 30px;
    margin-bottom: 32px;
}
.swiper-slide-cust__shell {
    width: 75%;
}
@media (max-width: 767px) {
    .swiper-slide-cust__shell {
        width: 100%;
    }
}
.swiper-slide-cust__title {
    font-size: 28px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 16px;
}
@media (max-width: 1023px) {
    .swiper-slide-cust__title {
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 8px;
    }
}
.swiper-slide-cust__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
    .swiper-slide-cust__desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.swiper-slide-cust__year {
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    color: #4dad33;
}
@media (max-width: 1023px) {
    .swiper-slide-cust__year {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .swiper-slide-cust__year {
        display: none;
    }
}
.swiper-slide-cust__img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
}

.tab-slider .swiper-button-disabled {
    display: none;
}
.tab-slider__tab {
    height: 42px;
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    color: #898c9a;
    border-radius: 32px;
    background: #f5f7fc;
    cursor: pointer;
    transition: 200ms background-color linear, 200ms color linear, 200ms opacity linear;
}
.tab-slider__tab:hover {
    background: #4dad33;
    color: #fff;
}
.tab-slider__tab--active {
    background: #4dad33;
    color: #fff;
}
.tab-slider__slide {
    display: none;
    opacity: 0;
    margin-top: 80px;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px 20px;
    padding-bottom: 20px;
    transition: 200ms opacity linear;
}
@media (max-width: 1359px) {
    .tab-slider__slide {
        margin-top: 40px;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .tab-slider__slide {
        grid-template-columns: repeat(6, 1fr);
    }
}
.tab-slider__slide--active {
    display: grid;
    opacity: 1;
}
.tab-slider__arrow {
    position: absolute;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    width: 78px;
    display: flex;
    justify-content: flex-end;
    padding: 5px 0;
    z-index: 2;
}
.tab-slider__arrow--next {
    right: 0;
}
.tab-slider__arrow--prev {
    left: 0;
    transform: rotate(180deg);
}
.tab-slider__circle {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #daebcb;
    background: #fff;
    border-radius: 50%;
    color: #4dad33;
    cursor: pointer;
    transition: 200ms background-color linear;
}
.tab-slider__circle:hover {
    background: #daebcb;
}
.tab-slider__circle svg {
    width: 6px;
    height: 10px;
}

.table-i-head {
    width: 100%;
}
.table-i-head__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 4px;
}
@media (max-width: 767px) {
    .table-i-head__title {
        font-size: 12px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .table-i-head__title span:first-child {
        display: none;
    }
    .table-i-head__title span:last-child {
        display: none;
    }
}
.table-i-head__desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #2B2C2C;
    margin-bottom: 16px;
    text-align: center;
}
@media (max-width: 767px) {
    .table-i-head__desc {
        display: none;
    }
}
.table-i-head .table-i-head__btn {
    width: 100%;
    padding: 0;
    height: 38px;
    margin-top: auto;
}
@media (max-width: 767px) {
    .table-i-head .table-i-head__btn {
        display: none;
    }
}

.table-price-header {
    position: sticky;
    top: 66px;
    background-color: #fff;
    z-index: 12;
}
@media (max-width: 767px) {
    .table-price-header {
        top: 60px;
    }
}
.table-price-header__fixed-width {
    width: var(--width-label);
    border-bottom: 1px solid transparent;
}
@media (max-width: 1023px) {
    .table-price-header__fixed-width {
        display: none;
    }
}
.table-price-header__head {
    padding: 20px 22px;
    border: 1px solid #e9ecfc;
    border-bottom-color: transparent;
    width: 18%;
}
@media (max-width: 767px) {
    .table-price-header__head {
        padding: 12px 4px;
        width: 25%;
    }
}
.table-price-header__head:not(:last-child) {
    border-right: none;
}
.table-price-header__head:nth-child(2) {
    border-radius: 5px 0 0 0;
}
.table-price-header__head:last-child {
    border-radius: 0 4px 0 0;
}
.table-price-header--sticky-on .table-price-header__head {
    border-bottom-color: #e9ecfc;
}
.table-price-header--sticky-on .table-price-header__fixed-width {
    border-bottom-color: #e9ecfc;
}

.table-price-panel:first-of-type .table-price-panel__panel {
    border-radius: 4px 0 0 0;
    border-top: 1px solid #e9ecfc;
}
@media (max-width: 1023px) {
    .table-price-panel:first-of-type .table-price-panel__panel {
        border-radius: 0;
    }
}
.table-price-panel__panel {
    background-color: #D9D9D9;
    padding: 21px;
    border: 1px solid #e9ecfc;
    border-top: none;
    cursor: pointer;
}
@media (max-width: 767px) {
    .table-price-panel__panel {
        padding: 16px 16px;
    }
}
.table-price-panel__arrow {
    width: 16px;
    height: 16px;
}
@media (max-width: 767px) {
    .table-price-panel__arrow {
        width: 14px;
        height: 14px;
    }
}
.table-price-panel__text {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 767px) {
    .table-price-panel__text {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
.table-price-panel__inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table-price-panel--hide .table-price-panel__arrow {
    transform: rotate(180deg);
}

.table-price-info {
    width: 15px;
    height: 15px;
    color: #b6b8c2;
    display: inline-block;
    margin-left: 2px;
    transform: translateY(2px);
    transition: 200ms color linear;
    cursor: help;
    outline: none;
}
.table-price-info:hover {
    color: #5c5e68;
}

.table-price-tooltip {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    background-color: #f5f7fc;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    padding: 10px;
    max-width: 250px;
    width: -moz-max-content;
    width: max-content;
    color: #64677a;
    display: none;
    z-index: 12;
}
.table-price-tooltip[data-show] {
    display: block;
}

@media (min-width: 1024px) {
    .table-price-row:nth-child(odd) {
        background-color: #f5f7fc;
    }
}
.table-price-row a {
    color: #4dad33;
    display: inline;
}
.table-price-row a:hover {
    text-decoration: underline;
}
.table-price-row__cell {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    border: 1px solid #e9ecfc;
    border-top: none;
    padding: 20px;
    vertical-align: middle;
    text-align: center;
    width: 18%;
}
.table-price-row__cell:not(:last-child) {
    border-right: none;
}
@media (max-width: 767px) {
    .table-price-row__cell {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        padding: 16px 4px;
        width: 25%;
    }
}
.table-price-row__cell img {
    display: inline-block;
    max-width: 15px;
}
.table-price-row__cell--tooltip {
    padding-left: 12px;
    padding-right: 12px;
}
.table-price-row__cell--tooltip .table-price-info {
    display: inline-block;
}
.table-price-row__label {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    border: 1px solid #e9ecfc;
    border-top: none;
    padding: 20px;
    vertical-align: middle;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
}
.table-price-row__label:not(:last-child) {
    border-right: none;
}
.table-price-row__label--desktop {
    width: var(--width-label);
}
@media (max-width: 1023px) {
    .table-price-row__label--desktop {
        display: none;
    }
}
.table-price-row__label--mobile {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .table-price-row__label--mobile {
        padding: 16px;
    }
}
.table-price-row--mobile {
    display: none;
    background-color: #f5f7fc;
}
@media (max-width: 1023px) {
    .table-price-row--mobile {
        display: revert;
    }
}

.table-price {
    --width-label: 384px;
    width: 100%;
    border-collapse: initial;
}
@media (max-width: 500px) {
    .table-price {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
    }
}
.table-price tbody:last-child .table-price-row__label--desktop {
    border-radius: 0 0 0 4px;
}
.table-price tbody:last-child .table-price-row__cell:last-child {
    border-radius: 0 0 4px 0;
}
@media (max-width: 1023px) {
    .table-price tbody:last-child .table-price-row__cell:nth-of-type(2) {
        border-radius: 0 0 0 4px;
    }
}

.tarif-create {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .tarif-create {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .tarif-create {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.tarif-create__flex {
    display: flex;
    gap: 20px;
}
@media (max-width: 1023px) {
    .tarif-create__flex {
        display: grid;
        grid-template-columns: 100%;
        gap: 40px;
    }
}
.tarif-create__form {
    background-color: #fff;
    border-radius: 6px;
    width: 100%;
}
.tarif-create__form-body {
    padding: 34px;
}
@media (max-width: 1023px) {
    .tarif-create__form-body {
        padding: 20px 16px;
    }
}
@media (min-width: 1024px) {
    .tarif-create__form-body:first-child {
        padding-bottom: 24px;
        padding-right: 14px;
    }
}
.tarif-create__form-body:last-child {
    border-top: 1px solid #e9ecfc;
}
@media (min-width: 1024px) {
    .tarif-create__form-body:last-child {
        padding-top: 24px;
    }
}
.tarif-create__form-top {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
}
@media (max-width: 1023px) {
    .tarif-create__form-top {
        display: block;
        margin-bottom: 10px;
    }
}
.tarif-create__form-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
    .tarif-create__form-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.tarif-create__card, .tarif-create__plug {
    width: 274px;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 6px;
}
@media (max-width: 1023px) {
    .tarif-create__card, .tarif-create__plug {
        width: 100%;
        flex-shrink: unset;
    }
}
.tarif-create__plug {
    position: relative;
}
@media (max-width: 767px) {
    .tarif-create__plug {
        display: none;
    }
}
.tarif-create__plug-body {
    padding: 34px 24px;
}
@media (max-width: 1023px) {
    .tarif-create__plug-body {
        padding: 20px 16px;
    }
}
.tarif-create .tarif-create__form-control {
    width: 58px;
    text-align: center;
}
@media (min-width: 1024px) {
    .tarif-create .tarif-create__form-control {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1023px) {
    .tarif-create .tarif-create__form-control {
        width: 100%;
        margin-top: 20px;
        text-align: left;
    }
}
.tarif-create .tarif-create__form-control::-moz-placeholder {
    color: #D9D9D9;
}
.tarif-create .tarif-create__form-control::placeholder {
    color: #D9D9D9;
}
.tarif-create__form-des {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #5c5e68;
    margin-bottom: 40px;
}
@media (max-width: 1023px) {
    .tarif-create__form-des {
        margin-bottom: 24px;
    }
}
.tarif-create__grid-options {
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
}
@media (max-width: 1023px) {
    .tarif-create__grid-options {
        margin-top: 20px;
        grid-template-columns: 100%;
        gap: 15px;
    }
}
.tarif-create__chk-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
}
.tarif-create__chk-desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #2B2C2C;
    margin-top: 8px;
}
@media (max-width: 1023px) {
    .tarif-create__chk-desc {
        display: none;
    }
}
.tarif-create__plug-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #30333d;
    margin-bottom: 24px;
}
.tarif-create__plug-desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #2B2C2C;
}
.tarif-create__plug-img {
    position: absolute;
    width: 100%;
    height: calc(100% - 218px);
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 44px top;
    object-position: 44px top;
}
@media (max-width: 1023px) {
    .tarif-create .tarif-create__form-send {
        width: 100%;
    }
}
.tarif-create__card {
    padding: 24px;
    flex-direction: column;
    display: none;
}
.tarif-create__card .index-ul {
    margin-top: 0;
    margin-bottom: auto;
}
@media (max-width: 1023px) {
    .tarif-create__card .index-ul {
        display: none;
    }
}
.tarif-create__card .index-ul__li {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2B2C2C;
}
.tarif-create__card-sub {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #5c5e68;
    margin-bottom: 12px;
    text-align: center;
}
@media (max-width: 1023px) {
    .tarif-create__card-sub {
        text-align: left;
    }
}
.tarif-create__card-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 1023px) {
    .tarif-create__card-title {
        text-align: left;
    }
}
.tarif-create__card-wrap {
    margin-bottom: 24px;
}
.tarif-create__card-price {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    display: inline-block;
    color: #4dad33;
}
.tarif-create__card-price--small {
    font-size: 24px;
    text-align: center;
    display: block;
}
.tarif-create__card-info {
    display: inline-block;
    position: relative;
}
.tarif-create__card-info-count {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
}
.tarif-create__card-info-rub {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
}
.tarif-create__card-txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 4px;
}
.tarif-create__card-txt--grey {
    color: #898c9a;
}
.tarif-create__card-txt--mb-big {
    margin-bottom: 24px;
}
@media (max-width: 1023px) {
    .tarif-create__card-txt--mb-big {
        margin-bottom: 0;
    }
}
.tarif-create__card-txt--mb-middle {
    margin-bottom: 10px;
}
@media (max-width: 1023px) {
    .tarif-create__card-txt--mobile-hidden {
        display: none;
    }
}
.tarif-create .tarif-create__card-btn {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1023px) {
    .tarif-create .tarif-create__card-btn {
        margin-top: 40px;
    }
}
.tarif-create__card-last {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    color: #898c9a;
}
.tarif-create__error {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #ef4747;
    display: none;
}
@media (max-width: 1023px) {
    .tarif-create__error {
        margin-top: 12px;
    }
}
@media (max-width: 1023px) {
    .tarif-create__error br {
        display: none;
    }
}
.tarif-create--error .tarif-create__error {
    display: block;
}
.tarif-create--error .tarif-create__form-control {
    border-color: #ef4747;
}
.tarif-create--active .tarif-create__plug {
    display: none;
}
.tarif-create--active .tarif-create__card {
    display: flex;
}

.tariff-faq-item {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #b6b8c2;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    transition: 200ms background-color linear, 200ms border linear;
}
.tariff-faq-item a {
    display: inline;
    color: #4dad33;
}
.tariff-faq-item a:hover {
    text-decoration: underline;
}
.tariff-faq-item__panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 24px;
    cursor: pointer;
}
.tariff-faq-item__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
.tariff-faq-item__icon {
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    transition: 200ms transform linear;
    flex-shrink: 0;
}
.tariff-faq-item__body {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    padding: 0 24px 24px 24px;
    overflow: hidden;
    box-sizing: content-box;
    transition: 200ms height linear, 200ms opacity linear, 200ms padding linear;
}
.tariff-faq-item--close {
    background-color: #f5f7fc;
    border-color: transparent;
}
.tariff-faq-item--close:hover {
    background-color: #e9ecfc;
}
.tariff-faq-item--close .tariff-faq-item__body {
    padding-bottom: 0;
    opacity: 0;
    height: 0;
}
.tariff-faq-item--close .tariff-faq-item__icon {
    transform: rotate(0);
}

.tariff-faq {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .tariff-faq {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .tariff-faq {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.tariff-faq__flex {
    --gap-inner: 20px;
    display: flex;
    align-items: flex-start;
    gap: var(--gap-inner);
}
@media (max-width: 1023px) {
    .tariff-faq__flex {
        flex-direction: column;
    }
}
.tariff-faq__col {
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    gap: var(--gap-inner);
}

.toggle-btn {
    width: -moz-max-content;
    width: max-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}
.toggle-btn__inner {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #898c9a;
    padding: 15px 24px;
    border-radius: 32px;
    border: 1px solid #4dad33;
    transition: 200ms color linear, 200ms background linear;
}
@media (max-width: 1024px) {
    .toggle-btn__inner {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        padding: 8px 16px;
    }
}
.toggle-btn__input:checked + * {
    background-color: #4dad33;
    color: #fff;
}

.toggler-subscribe {
    border: 1px solid #4dad33;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    border-radius: 58px;
}
@media (max-width: 767px) {
    .toggler-subscribe {
        width: 100%;
    }
}
.toggler-subscribe__itm {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    color: #2B2C2C;
    height: 53px;
    border-radius: 58px;
    cursor: pointer;
    transition: 200ms color linear, 200ms font-weight linear, 200ms background linear;
}
.mobilesupport-page .preview-desc--mb-def {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .toggler-subscribe__itm {
        width: 100%;
    }
}
.toggler-subscribe__itm--active {
    background-color: #4dad33;
    color: #fff;
}
.toggler-subscribe__itm--sale {
    position: relative;
}
.toggler-subscribe__itm--sale::before {
    display: block;
    content: "";
    font-size: 12px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    content: "выгода до 25%";
    color: #fff;
    padding: 4px 8px;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    background-color: #0b1023;
    left: 0;
    right: 0;
}

.tooltype {
    position: relative;
}
.tooltype__icon {
    color: #898c9a;
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    cursor: pointer;
    outline: none;
    transition: 200ms color linear;
}
.tooltype__card {
    width: 372px;
    max-width: 100vw;
    z-index: 500;
    background: #FFFFFF;
    border: 1px solid #E9ECFC;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 4px;
    padding: 10px;
    pointer-events: none;
    opacity: 0;
    transition: 200ms opacity linear;
}
.tooltype__card[data-message=true] {
    opacity: 1;
}
.tooltype__desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: #64677a;
}

.twin {
    padding-top: 90px;
    padding-bottom: 90px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .twin {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .twin {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.twin__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .twin__container {
        display: block;
    }
}
.twin__image {
    width: 100%;
    min-width: 0;
    margin-right: -22%;
}
@media (max-width: 767px) {
    .twin__image {
        width: calc(100% + 180px);
        margin-right: 0;
    }
}
.twin__right {
    flex-shrink: 0;
    width: 49%;
}
@media (max-width: 767px) {
    .twin__right {
        width: 100%;
    }
}
.twin--medicine {
    background-color: #fff;
}
.page .twin--medicine{
    background-color:transparent;
}
.page .twin--medicine, .page .section-col, .page .rate--medicine{
    background-color:transparent!important;
}

.ui-dropdown {
    min-width: 0;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    position: relative;
}
.ui-dropdown__panel {
    width: 100%;
    height: 54px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #898c9a;
    cursor: pointer;
    background-color: #e9ecfc;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    gap: 14px;
}
.ui-dropdown__arrow {
    width: 12px;
    height: 12px;
    transition: 200ms transform linear;
}
.ui-dropdown__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-dropdown__body {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    border: 1px solid #e9ecfc;
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    border-radius: 8px;
    background-color: #fff;
    z-index: 12;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: 200ms opacity linear, 200ms transform linear;
}
.ui-dropdown__item {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #64677a;
    padding: 12px 12px 12px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.ui-dropdown__item:not(:last-child) {
    border-bottom: 1px solid #e9ecfc;
}
.ui-dropdown--open .ui-dropdown__body {
    opacity: 1;
    transform: translateY(0);
    pointer-events: unset;
}
.ui-dropdown--open .ui-dropdown__arrow {
    transform: rotate(180deg);
}

.ui-read {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    margin-top: auto;
    color: #4dad33;
    transition: 200ms color linear;
}
.ui-read:hover {
    color: #60c843;
}
.ui-read:active {
    color: #42962b;
}
.ui-read__icon {
    width: 12px;
    height: 6px;
    margin-left: 5px;
    transition: 200ms transform linear;
}

.ui-toggler {
    display: contents;
}
.ui-toggler__input:checked + .ui-toggler__inner .ui-toggler__slider {
    background-color: #4dad33;
}
.ui-toggler__input:checked + .ui-toggler__inner .ui-toggler__slider::before {
    transform: translateX(16px);
}
.ui-toggler__input:checked + .ui-toggler__inner .ui-toggler__lbl--off {
    color: #b6b8c2;
}
.ui-toggler__input:checked + .ui-toggler__inner .ui-toggler__lbl--on {
    color: #64677a;
}
.ui-toggler__inner {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.ui-toggler__lbl {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #b6b8c2;
    transition: 200ms color linear;
}
@media (max-width: 767px) {
    .ui-toggler__lbl {
        display: none;
    }
}
.ui-toggler__lbl--off {
    color: #64677a;
}
.ui-toggler__slider {
    display: flex;
    align-items: center;
    width: 32px;
    height: 16px;
    border-radius: 30px;
    background-color: #898c9a;
    padding: 0 2px;
    transition: 200ms background-color linear;
}
.ui-toggler__slider::before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: 200ms transform linear;
}

.use {
    padding-top: 90px;
    padding-bottom: 90px;
    background: center no-repeat;
    background-size: cover;
    background-color: #fff;
    background-image: url("/local/templates/main/assets/images/use.svg");
}

.use.use-max-width  .use__desc {
    max-width: 515px;
}
@media (max-width: 1024px) {
    .use {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .use {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.use__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.use .use__title {
    margin-bottom: 32px;
    text-align: center;
}
@media (max-width: 1024px) {
    .use .use__title {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .use .use__title br {
        display: none;
    }
}
.use .use__title--mb-big {
    margin-bottom: 50px;
}
@media (max-width: 1200px) {
    .use .use__title--mb-big {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .use .use__title--mb-big {
        margin-bottom: 30px;
    }
}
.use .use__desc {
    width: 100%;
    /*max-width: 502px;*/
    max-width: 632px;
    margin-right: auto;
    margin-bottom: 57px;
    margin-left: auto;
    text-align: center;
}

.use.medicine .use__desc, {
    max-width: 502px;
}
@media (max-width: 1024px) {
    .use .use__desc {
        max-width: 634px;
        margin-bottom: 39px;
    }
}
@media (max-width: 767px) {
    .use .use__desc {
        margin-bottom: 30px;
    }
    .medicine-mobility .section-col__container.section-col__container--mob-column .section-col__body{
        width:100%!important;
    }
}
@media (max-width: 767px) {
    .use .use__desc br {
        display: none;
    }
}
.use .use__desc--start-now {
    max-width: 515px;
}
.use .use__desc--main-one {
    max-width: 550px;
}
.use .use__desc--tarif {
    max-width: 100%;
}
.use .use__desc--process {
    max-width: 100%;
}
.use .use__desc--fluid {
    max-width: 100%;
}
.use__colleagues {
    color: #4dad33;
}
.use .use__button {
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 1024px) {
    .use .use__button {
        padding-right: 44px;
        padding-left: 44px;
    }
}
@media (max-width: 767px) {
    .use .use__button {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}
.use--border {
    border-top: 1px solid #eceff9;
}

.form-subscribe {
    position: relative;
    overflow: hidden;
}
.form-subscribe--succ .form-info {
    opacity: 1;
    pointer-events: unset;
    color: #4dad33;
}
.form-subscribe--error .input {
    border-color: #ff421d;
}
.form-subscribe--error .form-info {
    color: #ef4747;
    opacity: 1;
    pointer-events: unset;
}

.header-link {
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 0 -8px;
    cursor: pointer;
    transition: 200ms color linear;
    gap: 0 8px;
    color: #0b1023;
}
@media (max-width: 1200px) {
    .header-link {
        margin: -8px;
    }
}
.header-link__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
}
.header-link__icon {
    width: 8px;
    height: 5px;
    transition: 200ms transform linear;
}

.index-desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2b2c2c;
}
@media (max-width: 1024px) {
    .index-desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.index-desc--center {
    text-align: center;
}
.index-desc--mb-def {
    margin-bottom: 60px;
}
@media (max-width: 1024px) {
    .index-desc--mb-def {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .index-desc--mb-def {
        margin-bottom: 30px;
    }
}
.index-desc--mb-middle {
    margin-bottom: 40px;
}

.index-middle-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 10px;
}
@media (max-width: 1200px) {
    .index-middle-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .index-middle-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}

.index-sub-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
    color: #898c9a;
}
.index-sub-title--center {
    text-align: center;
}

img[data-fancybox] {
    cursor: pointer;
}

.index-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.smart-process .index-title {
    margin-bottom: 60px;
}
@media (max-width: 1024px) {
    .index-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 20px;
    }

    .price-list__body .index-title br {
        display: none;
    }
}
.index-title--mb-unset {
    margin-bottom: unset;
}
.index-title--center {
    text-align: center;
}
.index-title--mb-small {
    margin-bottom: 20px;
}
.index-title--mb-big {
    margin-bottom: 60px;
}
@media (max-width: 1023px) {
    .index-title--mb-big {
        margin-bottom: 40px;
    }
}

.index-ul {
    margin-top: 32px;
    list-style: none;
}
@media (max-width: 1024px) {
    .index-ul {
        margin-top: 15px;
    }
}
.index-ul__li {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    display: flex;
    align-items: baseline;
    margin-bottom: 15px;
    color: #2B2C2C;
}
@media (max-width: 1024px) {
    .index-ul__li {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 10px;
    }
}
.index-ul__li:last-child {
    margin-bottom: 0;
}
.index-ul__li::before {
    display: block;
    content: "";
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    background-color: #fff;
    border: 2px solid #4dad33;
    border-radius: 50%;
}

.main-tab {
    position: relative;
    margin-bottom: 32px;
    overflow: hidden;
}
@media (max-width: 1200px) {
    .main-tab {
        width: calc(100% + 20px + 20px);
        margin-bottom: 40px;
        margin-left: -20px;
    }
}
.main-tab__scroll {
    width: 100%;
}
.main-tab__inner {
    display: flex;
    width: 100%;
    gap: 0 24px;
}
@media (max-width: 1200px) {
    .main-tab__inner {
        width: -moz-max-content;
        width: max-content;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
        gap: 0 16px;
    }
}
.main-tab__tab {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    color: #2B2C2C;
    cursor: pointer;
    background-color: #f5f7fc;
    border-radius: 2px;
    transition: 200ms color linear, 200ms background linear;
}
@media (max-width: 1200px) {
    .main-tab__tab {
        flex-shrink: 0;
        width: -moz-max-content;
        width: max-content;
        min-width: 116px;
        padding: 0 24px;
    }
}
.main-tab__tab--dark {
    background-color: #e9ecfc;
}
.main-tab__tab--active {
    color: #fff;
    background-color: #4dad33;
}

.medicine-dop-item {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
}
@media (max-width: 1200px) {
    .medicine-dop-item {
        position: static !important;
        display: flex;
        align-items: center;
        width: 100%;
        transform: unset !important;
    }
}
.medicine-dop-item__box {
    width: 372px;
    padding: 24px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.06);
    transition: 200ms transform linear, 200ms box-shadow linear;
}
@media (max-width: 1200px) {
    .medicine-dop-item__box {
        width: 100%;
    }
}
.medicine-dop-item__box:hover {
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.18);
    transform: scale(1.04);
}
.medicine-dop-item__box--left {
    padding-left: 0;
    text-align: right;
}
@media (max-width: 1200px) {
    .medicine-dop-item__box--left {
        padding-left: 24px;
        text-align: left;
    }
}
.medicine-dop-item__box--right {
    text-align: left;
}
@media (max-width: 1200px) {
    .medicine-dop-item__box--right {
        text-align: left;
    }
}
.medicine-dop-item__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
    color: #64677a;
}
@media (max-width: 1200px) {
    .medicine-dop-item__title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
.medicine-dop-item__desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .medicine-dop-item__desc br {
        display: none;
    }
}
.medicine-dop-item__image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 1200px) {
    .medicine-dop-item__image {
        position: static !important;
        flex-shrink: 0;
        width: 80px;
        height: 80px;
        margin-right: 8px;
        transform: unset !important;
    }
}
@media (max-width: 767px) {
    .medicine-dop-item__image {
        width: 64px;
        height: 64px;
    }
}
.medicine-dop-item__image--left {
    left: calc(100% + 38px);
}
.medicine-dop-item__image--right {
    right: calc(100% + 38px);
}
.medicine-dop-item--1 {
    top: 0;
    left: 83px;
}
.medicine-dop-item--2 {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.medicine-dop-item--3 {
    bottom: 0;
    left: 83px;
}
.medicine-dop-item--4 {
    top: 0;
    right: 73px;
}
.medicine-dop-item--5 {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.medicine-dop-item--6 {
    right: 73px;
    bottom: 0;
}

@media (max-width: 767px) {
    .preview-btn {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .preview-btn--mokap {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.preview-desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2b2c2c;
}

.ind-preview .preview-title {
    margin-bottom: 20px;
}

.ind-preview .preview-desc {
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .ind-preview .preview-desc {
        margin-bottom: 30px;
    }
    .edit_1_ticketing .plus-work-mokap__top{
        left:60%;
        top:30px!important;
    }
}
@media (max-width: 1024px) {
    .preview-desc {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
    }
}
.preview-desc--mb-def {
    margin-bottom: 60px;
}
@media (max-width: 1024px) {
    .preview-desc--mb-def {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .preview-desc--mb-def {
        margin-bottom: 30px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .preview-desc--mokap {
        text-align: center;
    }
}

.preview-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
    .preview-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.preview-title--mb-def {
    margin-bottom: 20px;
}
.preview-title--big-size {
    font-size: 42px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: unset;
}
@media (max-width: 1024px) {
    .preview-title--big-size {
        font-size: 20px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .preview-title--mokap {
        text-align: center;
    }
}

.process-item {
    position: relative;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    margin-bottom: 70px;
}
@media (max-width: 1200px) {
    .process-item {
        width: 100%;
        margin-bottom: 30px;
    }
}
.process-item:last-child {
    margin-bottom: 0;
}
.process-item__body {
    position: relative;
    z-index: 18;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 24px 22px 24px 42px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.06);
}
.process-item__number {
    width: 85px;
    height: 46px;
    margin-right: 14px;
}
.process-item__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
    color: #64677a;
}
@media (max-width: 1200px) {
    .process-item__title {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
@media (max-width: 370px) {
    .process-item__title {
        font-size: 14px;
    }
}
.process-item__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #2B2C2C;
}
.process-item__icon {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 12;
    transform: translateY(-50%);
}
.process-item__line {
    position: absolute;
    z-index: 2;
    color: #4dad33;
}
.process-item__line--1 {
    top: calc(100% - 9px);
    left: 87px;
}
@media (max-width: 1200px) {
    .process-item__line--1 {
        display: none;
    }
}
.process-item__line--2 {
    bottom: 46px;
    left: calc(100% - 9px);
}
@media (max-width: 1200px) {
    .process-item__line--2 {
        display: none;
    }
}
.process-item__line--3 {
    top: calc(100% - 9px);
    left: 87px;
    display: none;
}
@media (max-width: 1200px) {
    .process-item__line--3 {
        display: block;
    }
}
.process-item__dot {
    position: absolute;
    z-index: 8;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: 2px solid #4dad33;
    border-radius: 50%;
}
.process-item__dot--1 {
    top: calc(100% - 9px);
    left: 83px;
}
@media (max-width: 1200px) {
    .process-item__dot--1 {
        display: none;
    }
}
.process-item__dot--2 {
    bottom: 369px;
    left: calc(100% - 13px);
}
@media (max-width: 1200px) {
    .process-item__dot--2 {
        display: none;
    }
}
.process-item__dot--3 {
    top: calc(100% - 9px);
    left: 83px;
}

.rate-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 52px 40px 40px 40px;
    margin-right: 20px;
    background-color: #fff;
    border-top: 8px solid transparent;
    border-radius: 6px;
}
@media (max-width: 1200px) {
    .rate-item {
        padding-top: 38px;
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media (max-width: 1023px) {
    .rate-item {
        width: 100%;
        max-width: 520px;
        margin-right: auto !important;
        margin-bottom: 30px;
        margin-left: auto;
    }
}
.rate-item:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.rate-item .index-ul__li {
    margin-bottom: 15px;
}
@media (max-width: 1200px) {
    .rate-item .index-ul__li {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
.rate-item .index-ul__li:last-child {
    margin-bottom: 0;
}
.rate-item__top {
    margin-bottom: 40px;
}
@media (max-width: 1200px) {
    .rate-item__top {
        margin-bottom: 29px;
    }
}
.rate-item__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}
@media (max-width: 1200px) {
    .rate-item__title {
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
        margin-bottom: 16px;
    }
}
.rate-item__desc {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-bottom: 23px;
    color: #2B2C2C;
}
@media (max-width: 1200px) {
    .rate-item__desc {
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.01em;
        margin-bottom: 26px;
    }
}
@media (max-width: 1200px) {
    .rate-item__desc br {
        display: none;
    }
}
.rate-item__old-price {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #b6b8c2;
    text-decoration: line-through;
}
.rate-item__wrap-price {
    display: flex;
    align-items: baseline;
}
.rate-item__price {
    font-size: 42px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4dad33;
}
@media (max-width: 1200px) {
    .rate-item__price {
        font-size: 36px;
        font-weight: bold;
        line-height: 120%;
        letter-spacing: -0.02em;
    }
}
.rate-item__price-info {
    position: relative;
    top: 2px;
    margin-left: 11px;
}
@media (max-width: 1200px) {
    .rate-item__price-info {
        top: -2px;
        margin-left: 8px;
    }
}
.rate-item__price-info-icon {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    position: absolute;
    bottom: 100%;
    color: #4dad33;
}
@media (max-width: 1200px) {
    .rate-item__price-info-icon {
        font-size: 14px;
        font-weight: bold;
        line-height: 120%;
    }
}
.rate-item__price-info-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
@media (max-width: 1200px) {
    .rate-item__price-info-text {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }
}
.rate-item__count {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
    margin-top: -4px;
    margin-bottom: 40px;
}
@media (max-width: 1200px) {
    .rate-item__count {
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 1px;
        margin-bottom: 25px;
    }
}
.rate-item__dop-info {
    padding-left: 8px;
    font-weight: bold;
    color: #4dad33;
}
.rate-item__li-primary {
    color: #4dad33;
}
.rate-item .rate-item__button {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: auto;
}
.rate-item--profi {
    border-top-color: #daebcb;
}
.rate-item--all {
    border-top-color: #e9ecfc;
}
.rate-item--dark {
    background-color: #30333d;
    border-top-color: #4dad33;
}
.rate-item--dark .index-ul__li {
    color: #b6b8c2;
}
.rate-item--dark .rate-item__title {
    color: #4dad33;
}
.rate-item--dark .rate-item__desc {
    color: #b6b8c2;
}
.rate-item--dark .rate-item__price {
    color: #fff;
}
.rate-item--dark .rate-item__price-info-text {
    color: #fff;
}
.rate-item--dark .rate-item__price-info-icon {
    color: #fff;
}
.rate-item--dark .rate-item__count {
    color: #fff;
}

.section-col {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}

.section-col p {
    margin-bottom: 10px;
}

.facility .preview-desc p {
    margin-bottom: 20px;
}

.section-col.transparent{
    background-color:transparent;
}

.preview.business-center,
.facility {
    padding-top: 40px;
}

.preview.business-center .preview-title,
.facility .preview-title {
    margin-bottom: 20px;
}

.preview.business-center .preview-desc  {
    max-width: 470px;
    margin-bottom: 66px;
}

.facility .preview-desc {
    margin-bottom: 66px;
}

@media (max-width: 1024px) {
    .section-col {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section-col p {
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .section-col {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.section-col__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .section-col__container--mob-column {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .section-col__container--mob-revers {
        flex-direction: column-reverse;
    }

    .sklad .section-col__container--mob-revers {
        flex-direction: column;
    }

    .sklad .section-col__container--mob-column {
        flex-direction: column-reverse;
    }

    .sklad .section-col__container.section-col__container--mob-column .section-col__body {
        margin-left: 0;
    }
}
.section-col__image {
    width: 100%;
    min-width: 0;
}
.section-col__body {
    width: 100%;
}
@media (max-width: 767px) {
    .section-col__body {
        margin-top: 0px;
    }
}
.section-col__body--ml {
    margin-left: 20px;
}
@media (max-width: 767px) {
    .section-col__body--ml {
        margin-left: 0;
    }
}
.section-col__body--mr {
    margin-right: 20px;
}
@media (max-width: 767px) {
    .section-col__body--mr {
        margin-right: 0;
    }
}

.slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (max-width: 767px) {
    .slider-pagination {
        justify-content: space-between;
    }
}
.slider-pagination__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #4dad33;
    cursor: pointer;
    border: 1px solid #daebcb;
    border-radius: 50%;
    transition: 200ms color linear, 200ms border linear, 200ms background-color linear;
}
.slider-pagination__btn:hover {
    background-color: #daebcb;
    border-color: #daebcb;
}
.slider-pagination__btn:active {
    color: #42962b;
}
.slider-pagination__icon {
    width: 7px;
    height: 11px;
    color: currentColor;
}
.slider-pagination__counter {
    margin: 0 15px;
}
.slider-pagination__counter .swiper-pagination-current {
    font-size: 24px;
    font-weight: 600;
}
.slider-pagination__counter .swiper-pagination-total,
.slider-pagination__counter .swiper-pagination-slash {
    font-size: 14px;
    font-weight: 600;
}


.page .section-col.block-of-advantages--ghost {
    background-color: #fff !important;
}

.trc-hovered {
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .trc-hovered {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .trc-hovered {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.trc-hovered__container {
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.trc-hovered .trc-hovered__title {
    margin-bottom: 60px;
    text-align: center;
}
@media (max-width: 1024px) {
    .trc-hovered .trc-hovered__title {
        margin-bottom: 40px;
    }
}
.trc-hovered__body {
    position: relative;
    width: 100%;
    height: 410px;
}
@media (max-width: 1200px) {
    .trc-hovered__body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px 20px;
        height: auto;
    }
}
@media (max-width: 767px) {
    .trc-hovered__body {
        grid-template-columns: 1fr;
    }
}
.trc-hovered__box-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 290px;
    height: 290px;
    border: 1px solid #a6ec94;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
    .trc-hovered__box-image {
        display: none;
    }
}
.trc-hovered__picture {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 200ms opacity linear;
}
.trc-hovered__picture--active {
    opacity: 1;
}
.trc-hovered__panel {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    align-items: center;
    width: 372px;
    height: 112px;
    padding: 0 24px;
    color: #898c9a;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.06);
    transition: 200ms color linear, 200ms box-shadow linear, 200ms transform linear;
}
@media (max-width: 1200px) {
    .trc-hovered__panel {
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .trc-hovered__panel {
        padding: 0 16px;
    }
}
@media (max-width: 767px) {
    .trc-hovered__panel {
        height: 116px;
    }
}
@media (max-width: 350px) {
    .trc-hovered__panel {
        padding-right: 12px;
        padding-left: 12px;
    }
}
@media (min-width: 1201px) {
    .trc-hovered__panel--active {
        color: #2B2C2C;
        box-shadow: 10px 5px 40px rgba(0, 0, 0, 0.18);
        transform: scale(1.01);
    }
}
.trc-hovered__panel-icon {
    display: none;
    flex-shrink: 0;
}
@media (max-width: 1200px) {
    .trc-hovered__panel-icon {
        display: block;
    }
}
@media (max-width: 767px) {
    .trc-hovered__panel-icon {
        width: 64px;
        height: 64px;
    }
}
.trc-hovered__wrap-panel {
    position: absolute;
}
@media (max-width: 1200px) {
    .trc-hovered__wrap-panel {
        position: static;
        display: flex;
        align-items: center;
    }
}
.trc-hovered__wrap-panel--1 {
    top: 0;
    left: 80px;
    text-align: right;
}
@media (max-width: 1200px) {
    .trc-hovered__wrap-panel--1 {
        text-align: left;
    }
}
.trc-hovered__wrap-panel--2 {
    top: 0;
    right: 80px;
    text-align: left;
}
.trc-hovered__wrap-panel--3 {
    top: 50%;
    left: 0;
    text-align: right;
    transform: translateY(-50%);
}
@media (max-width: 1200px) {
    .trc-hovered__wrap-panel--3 {
        text-align: left;
        transform: unset;
    }
}
.trc-hovered__wrap-panel--4 {
    top: 50%;
    right: 0;
    text-align: left;
    transform: translateY(-50%);
}
@media (max-width: 1200px) {
    .trc-hovered__wrap-panel--4 {
        transform: unset;
    }
}
.trc-hovered__wrap-panel--5 {
    bottom: 0;
    left: 80px;
    text-align: right;
}
@media (max-width: 1200px) {
    .trc-hovered__wrap-panel--5 {
        text-align: left;
    }
}
.trc-hovered__wrap-panel--6 {
    right: 80px;
    bottom: 0;
    text-align: left;
}

.ui-simplebar-abs::-webkit-scrollbar {
    display: none;
}
.ui-simplebar-abs .simplebar-vertical {
    width: 4px;
    background-color: #daebcb;
    border-radius: 2px;
    right: 10px;
    top: 12px;
    bottom: 12px;
}
@media (max-width: 1200px) {
    .ui-simplebar-abs .simplebar-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
.ui-simplebar-abs .simplebar-vertical .simplebar-scrollbar::before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #4dad33;
    border-radius: 4px;
    opacity: 1;
}
.ui-simplebar-abs .simplebar-horizontal {
    height: 4px;
    background-color: #e9ecfc;
    border-radius: 2px;
}
@media (max-width: 1200px) {
    .ui-simplebar-abs .simplebar-horizontal {
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media (max-width:768px){
    .ui-simplebar-abs .simplebar-horizontal{
        visibility:visible!important;
    }
    .section-col__body.section-col__body--mr .index-title br{
        display:none!important;
    }
}
.ui-simplebar-abs .simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    bottom: 0;
    height: 100%;
}
.ui-simplebar-abs .simplebar-horizontal .simplebar-scrollbar::before {
    right: 0;
    left: 0;
    background-color: #b6b8c2;
    border-radius: 2px;
    opacity: 1;
}

.ui-simplebar-hidden .simplebar-track {
    display: none;
}

.ui-simplebar-tabs .simplebar-horizontal {
    position: relative;
    height: 4px;
    margin-top: 20px;
    background-color: #e9ecfc;
    border-radius: 2px;
}
@media (max-width: 1200px) {
    .ui-simplebar-tabs .simplebar-horizontal {
        margin-right: 20px;
        margin-left: 20px;
    }
}
.ui-simplebar-tabs .simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    bottom: 0;
    height: 100%;
}
.ui-simplebar-tabs .simplebar-horizontal .simplebar-scrollbar::before {
    right: 0;
    left: 0;
    background-color: #b6b8c2;
    border-radius: 2px;
    opacity: 1;
}

.fancybox__thumb {
    background-size: contain;
}

.link-text {
    display: inline;
    transition: 200ms color linear;
    color: #4dad33;
}
.link-text:hover {
    text-decoration: underline;
}

[data-fancybox][data-src] {
    cursor: pointer;
}

.swiper-wrapper {
    height: auto;
}
/*# sourceMappingURL=styles.css.map */
.section-col__container.section-col__container--mob-column .section-col__body{
    margin-right:0px;
    margin-left:50px;
}

.medicine-mobility .section-col__container.section-col__container--mob-column .section-col__body {
    width: 71%;
}

body.page {
    background-color: #f5f7fc;
}
.page_color_light-blue {
    background-color: #f5f7fc;
}
.page {
    background-color: #f0f0f0;
}
.contacts {
    padding-top: 50px
}

.contacts #faq {
    scroll-margin-top: 40px
}

.contacts .contacts__title {
    font-size: 45px;
    line-height: 1.4em;
    letter-spacing: -0.015em;
    margin-bottom: 9px;
    text-align: center;
    font-weight: bold;
}

.contacts .contacts__info {
    font-size: 16px;
    line-height: 1.4em;
    margin: 9px;
    text-align: center;
    color: #666
}

.contacts .contacts__channels-blocks-holder {
    margin: 60px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.contacts .contacts__channels-blocks-holder .channel-block {
    height: 240px;
    background-color: #fff;
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    border-radius: 5px;
    text-decoration: none
}

.contacts .contacts__channels-blocks-holder .channel-block:hover {
    height: 250px;
    width: calc(32% + 10px);
    margin: 0;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1)
}

.contacts .contacts__channels-blocks-holder .channel-block:hover .channel-url {
    text-decoration: underline
}

.contacts .contacts__channels-blocks-holder .channel-block .channel-icon {
    width: 80px;
    height: 80px;
    border: 1px solid #f5f7fa;
    border-radius: 45px;
    background-repeat: no-repeat;
    display: inline-block
}

.contacts .contacts__channels-blocks-holder .channel-block .channel-icon.icon-telegram {
    background-image: url(/local/templates/main/assets/img/telegram-0dd6595a0f7b6f373ab8e18ca5e758fde84a6f396b9a43eed5933d4e0ca93a93.png);
    background-position: 20px
}

.contacts .contacts__channels-blocks-holder .channel-block .channel-icon.icon-mail {
    background-image: url(/local/templates/main/assets/img/mail-7ae4bd40faf8ebf59f3830df29764bab9f6866db80375401a3654b503ff37df7.png);
    background-position: 20px 7px
}

.contacts .contacts__channels-blocks-holder .channel-block .channel-icon.icon-profile {
    background-image: url(/local/templates/main/assets/img/profile-e8ff0cade5519e65b9a25cb898f8885d2f22ff9c2e8f0b702be3f9f21c0ead75.png);
    background-position: 22px 24px
}

.contacts .contacts__channels-blocks-holder .channel-block .channel-text {
    text-transform: uppercase;
    font-weight: 600;
    line-height: 50px;
    font-size: 14px;
    color: #000
}

.contacts .contacts__channels-blocks-holder .channel-block .channel-url {
    color: #4dad33
}

.contacts .contacts__channels-blocks-holder .channel-block .channel-description {
    display: none;
    margin: 20px 50px;
    text-align: center;
    max-width: 400px;
    color: #666
}

.contacts .contacts__monitoring {
    padding: 60px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.contacts .contacts__monitoring .monitoring-image,.contacts .contacts__monitoring .monitoring-content {
    width: 45%
}

.contacts .contacts__monitoring .monitoring-image p,.contacts .contacts__monitoring .monitoring-content p {
    line-height: 25px;
    margin-bottom: 2em
}

.contacts .contacts__useful-links {
    padding: 60px 0;
    background: #fff
}

.contacts .contacts__useful-links .useful-links-title {
    font-size: 45px;
    line-height: 1.4em;
    letter-spacing: -0.015em;
    font-weight:bold;
}

.contacts .contacts__useful-links .useful-links-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 40px 0
}

.contacts .contacts__useful-links .useful-links-holder .useful-link-block {
    flex-basis: 33.2%;
    border-right: 1px solid #ecf0f4;
    border-bottom: 1px solid #ecf0f4;
    height: 110px
}

.contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-child(3n) {
    border-right: none
}

.contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-last-child(-n+3) {
    border-bottom: none
}

.contacts .contacts__useful-links .useful-links-holder .useful-link-block .link-with-icon {
    display: flex;
    align-items: center;
    height: 30px;
    margin: 40px 25px
}

.contacts .contacts__useful-links .useful-links-holder .useful-link-block .link-with-icon .icon {
    width: 45px;
    margin-right: 20px
}

.contacts .contacts__useful-links .useful-links-holder .useful-link-block .link-with-icon .link {
    color: #000;
    font-weight: 600;
    text-decoration: none
}

.contacts .contacts__useful-links .useful-links-holder .useful-link-block .link-with-icon .link:hover {
    color: #4dad33
}

.contacts .contacts__useful-links .social-block {
    padding: 30px 0
}

.contacts .contacts__useful-links .social-block p {
    margin-bottom: 20px
}

.contacts .contacts__useful-links .social-block .social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    opacity: 0.4
}

.contacts .contacts__useful-links .social-block .social-icon.icon-vk {
    background-size: 20px;
    background-image: url(/local/templates/main/assets/img/vk-4bcdd44c17e85f19590aafbbb08bb820483e8f2112e5bdcee94f5024fe9191ec.png);
    background-position: 10px
}

.contacts .contacts__useful-links .social-block .social-icon.icon-youtube {
    background-image: url(/local/templates/main/assets/img/youtube-9f1c1a7d4ebdedcea9c74f8593b945b7882bfdc6ea7e8418959b7d058000267f.png);
    background-position: 5px;
    margin-right: 10px
}

.contacts .contacts__useful-links .social-block .social-icon:hover {
    opacity: 1
}

.contacts .contacts__yandex-map {
    width: 100%;
    height: 600px;
    position: relative
}

.contacts .contacts__yandex-map .tab-content, .contacts .contacts__yandex-map .tab-input {
    display: none
}

.contacts .contacts__yandex-map #tab1:checked ~ #tab1-content,.contacts .contacts__yandex-map #tab2:checked ~ #tab2-content {
    display: block;
}

.contacts .contacts__yandex-map .tab-input+label {
    text-align: center;
    padding: 20px 42px;
    background-color: #e0e2e5
}

.contacts .contacts__yandex-map .tab-input:checked+label {
    background-color: white
}

.contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content {
    height: 320px;
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: 10;
    background-color: #fff
}

.contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content .tab-content {
    box-sizing: content-box;
    line-height: 1.2em;
    padding: 10px 40px 40px;
    width: 210px
}

.contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content .tab-content .placemark-address {
    font-size: 15px;
    white-space: normal;
}

.contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content .tab-content .placemark-title {
    font-weight: bold;
    font-size: 15px;
    margin: 30px 0 10px
}

.contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content .tab-content .placemark-email {
    color: #4dad33
}

.contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content .tab-content .placemark-phone {
    font-size: 20px;
    font-weight: 400;
    color: #000
}

@media screen and (max-width: 850px) {
    .contacts .contacts__monitoring {
        flex-wrap:wrap
    }

    .contacts .contacts__monitoring .monitoring-image,.contacts .contacts__monitoring .monitoring-content {
        width: 100%
    }

    .contacts .contacts__monitoring .monitoring-image {
        margin-bottom: 30px
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block {
        flex-basis: 49.5%
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-child(3n) {
        border-right: 1px solid #ecf0f4
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-last-child(-n+3) {
        border-bottom: 1px solid #ecf0f4
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-child(2n) {
        border-right: 0
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-last-child(-n+2) {
        border-bottom: 0
    }

    .contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content {
        left: 35px
    }
}

@media screen and (max-width: 670px) {
    .contacts .contacts__channels-blocks-holder {
        margin-bottom:0;
        flex-wrap: wrap
    }

    .contacts .contacts__channels-blocks-holder .channel-block {
        width: 100%;
        margin-bottom: 20px;
        height: auto;
        min-height: 200px;
        padding: 20px 0
    }

    .contacts .contacts__channels-blocks-holder .channel-block:hover {
        width: 100%;
        height: auto;
        margin: 10px 0 20px 0
    }

    .contacts .contacts__channels-blocks-holder .channel-block .channel-description {
        display: block
    }

    .contacts .channels-info {
        display: none
    }

    .contacts .contacts__yandex-map .contacts__yandex-maps-placemark-content {
        left: 50%;
        transform: translateX(-50%);
        top: 220px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 590px) {
    .contacts .contacts__useful-links .useful-links-holder {
        margin-top:0
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block {
        flex-basis: 100%;
        border-right: 0
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-last-child(-n+2) {
        border-bottom: 1px solid #ecf0f4
    }

    .contacts .contacts__useful-links .useful-links-holder .useful-link-block:nth-child(3n) {
        border-right: 0
    }
}
.center {
    margin: 0 auto;
    max-width: 1188px;
    padding: 0 15px;
    box-sizing: border-box;
}
body.legacy-changes .center a {
    text-decoration: none;
    color: #4dad33;
    outline-style: none;
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
}
.contacts #faq {
    scroll-margin-top: 40px
}
.faq {
    padding: 86px 0 98px 0
}

.faq__title {
    font-size: 45px;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    margin-bottom: 55px;
    text-align: center
}
.contacts .faq__title{
    font-weight:bold;
}
.faq__i {
    background-color: #fff;
    margin-bottom: 2px
}

.faq__subtitle {
    background: #e7ebef;
    padding: 25px 40px;
    font-weight: bold;
    font-size: 25px;
    margin-top: 25px;
    line-height: 30px
}

.faq__head {
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 500;
    padding: 36px 120px 36px 40px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase
}

.faq__head:hover {
    color: #4dad33
}

.faq__head:after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #f5f7fa;
    background: url(/local/templates/main/assets/img/faq_icons-cc9dc28ed9382aeb8663c6e66f80a9e7cfd85ee95d21dca6a44229cbe20f5242.png) right top no-repeat
}

.faq__i_state_current .faq__head:after {
    background-position: left top
}

.faq__i_state_current .faq__body {
    display: block;
    padding: 0 40px 46px 40px;
}

.faq__body {
    display: none;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.6em;
    color: #666666;
    transition:all .2s ease;
}

.faq__body-inside {
    margin-top: 0
}

.faq__help {
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    background-color: #d6d8de;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    cursor: help;
    border-radius: 50%;
    color: #fff
}

.faq__help:before {
    content: "?"
}

.faq__help:hover {
    background-color: #2c2f34
}

.faq__help:hover .faq__help-content {
    visibility: visible;
    opacity: 1
}

.faq__help-content {
    z-index: 30;
    background-color: #2c2f34;
    font-size: 13px;
    line-height: 1.5em;
    color: #999999;
    border-radius: 3px;
    width: 228px;
    position: absolute;
    left: -24px;
    bottom: 100%;
    margin-bottom: 12px;
    padding: 16px 20px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all linear 0.2s;
    text-align: left
}

.faq__help-content.cell_faq__help {
    width: 350px;
    left: -268px
}

.faq__help-content.cell_faq__help:after {
    left: 276px
}

.faq__help-content:after {
    top: 100%;
    left: 33px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(44,47,52,0);
    border-top-color: #2c2f34;
    border-width: 6px;
    margin-left: -6px
}

@media screen and (max-width: 600px) {
    .faq {
        padding:42px 0 48px 0
    }

    .faq__title {
        font-size: 28px;
        line-height: 1.45em;
        margin-bottom: 30px
    }

    .faq__head {
        padding: 23px 70px 23px 27px;
        font-size: 13px
    }

    .faq__head:after {
        right: 24px
    }

    .faq__body {
        padding: 0 27px 12px 27px;
        line-height: 1.5em
    }

    .faq__help-content {
        max-width: 300px
    }

    .faq__help-content.cell_faq__help:after {
        left: 277px
    }

    .section-col__container.section-col__container--mob-column .section-col__body {
        margin-left: 0;
    }
}
.white-background{
    background-color:white!important;
}
.section-col.transparent.application-okdesk__cont{

}

.section-col.transparent.application-okdesk__cont .price-list-mokap {
    position: absolute;
    width: 173px;
    right: 50px;
    z-index: 3;
    top: 73%;
}

.section-col.transparent.application-okdesk__cont .section-col__container{
    width: 100%;
    max-width: calc(1154px + 20px + 20px);
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.section-col.transparent.application-okdesk__cont .plus-work-mokap__top{
    position: absolute;
    right: 0;
    top: 7.5%;
    width: calc(48.5981308411% + 0px);
}
.section-col.transparent.application-okdesk__cont .plus-work-mokap__bottom{
    position: absolute;
    bottom: 0;
    left: 18.8%;
    width: calc(34.8909657321% + 0px);
    transition-delay: 600ms;
}
.section-col.transparent.application-okdesk__cont .plus-work-mokap__main{
    position: absolute;
    left: 0;
    top: 0;
    width: calc(83.1775700935% + 0px);
}
.sout-page {
    min-height: 400px;
}
.sout-page .sout-link {
    margin: 20px 0 20px;
    font-size: 17px;
    font-weight: bold;
}
.sout-page .sout-link a{
    text-decoration: none;
    color: #4dad33;
    outline-style: none;
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
}
body.apidoc.page {
    background-color: #f0f0f0;
}
body.legacy-register-form-page.page_color_white {
    background-color: #fff;
}
body.page .after-submit-text {
    display: none;
}
.docs__block ol {
    list-style: decimal;
    padding: 0 0 0 20px;
}
.docs__block {
    margin-bottom: 40px;
}
.result-window-license-count.mb64{
    margin-bottom: 24px;
}
.post__modern {
    font-size: 15px;
    line-height: 1.6
}
.post__modern li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.post__modern h1,.post__modern h2,.post__modern h3,.post__modern h4,.post__modern h5,.post__modern h6,.post__modern p,.post__modern ul,.post__modern ol {
    margin: 0 0 24px 0
}

.post__modern h1 {
    font-size: 50px;
    margin-bottom: 37px
}

.post__modern h2 {
    font-size: 32px;
    margin-bottom: 32px
}

.post__modern h3 {
    font-size: 28px;
    margin-bottom: 28px
}

.post__modern h4 {
    font-size: 22px;
    margin-bottom: 22px
}

.post__modern h5 {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 24px
}

.post__modern h6 {
    font-size: 10px;
    line-height: 1.2em;
    font-weight: 500
}

.post__modern h1,.post__modern h2,.post__modern h3,.post__modern h4 {
    font-weight: 600;
    line-height: 1.2em
}

.post__modern .big {
    font-size: 19px;
    line-height: 1.6em
}

.post__modern .small {
    font-size: 12px;
    line-height: 1.4em
}

.post__modern hr {
    border-style: none;
    border-top: 1px solid #d3d3d3;
    margin: 40px 0
}

.post__modern ul li {
    padding: 0 0 0 20px;
    background: transparent url(/assets/marker-aa19d7c55c61d942de653bbd7e72ef3ccc77675cc92045886a35c24143388175.png) 8px 10px no-repeat;
    list-style: none;
    margin-bottom: 6px
}

.post__modern ul li:last-child {
    margin-bottom: 0
}

.post__modern img {
    margin: 5px 10px 5px 0;
    max-width: 100%;
    height: auto !important
}

.post__modern img[align=right] {
    margin: 5px 0 5px 10px
}

.post__modern a {
    color: #4dad33;
    text-decoration: underline
}

.post__modern a:hover {
    text-decoration: none
}

.post__modern table {
    border-left: 1px solid #000;
    border-top: 1px solid #000
}

.post__modern td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
}

.post__modern th {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
}

.post__modern table.tbl {
    border-style: none;
    width: 100%
}

.post__modern .tbl td {
    border-style: none;
    padding: 27px 20px
}

.post__modern .tbl th {
    border-style: none;
    padding: 27px 20px
}

.post__modern .tbl__even td,.post__modern .tbl__even th {
    background-color: #e6e6e6
}

.post__modern .tbl__right {
    text-align: right
}

.post__modern b,.post__modern strong {
    font-weight: bold
}

.post__modern i,.post__modern em {
    font-weight: 500;
    font-style: italic
}

.post__modern .default,.post__modern .default th,.post__modern .default td {
    margin: 0;
    padding: 0;
    border-style: none
}

.post__modern .red {
    color: #ce2c02
}

.post__modern_type_paint {
    line-height: 21px;
    font-family: Georgia
}

.post__modern_type_goods {
    font-size: 13px;
    line-height: 22px
}

.post__modern_type_buy {
    font-size: 15px;
    line-height: 26px;
    font-family: Georgia
}

.post__modern blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding-left: 20px;
    padding-right: 8px;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    border-left-width: 5px
}

@media screen and (max-width: 600px) {
    .post__modern h3 {
        font-size:22px;
        margin-bottom: 17px
    }

    .post__modern h5 {
        font-size: 15px;
        line-height: 1.4em;
        margin-bottom: 13px
    }

    .post__modern iframe {
        width: 100%
    }

    .post__modern h1 {
        word-break: break-word
    }
}

.video-tag-wrapper .video-tag {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

.video-tag-wrapper .video-tag .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.video-tag-wrapper .video-tag .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.video-tag-wrapper .video-tag img {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

@media (max-width: 767px) {
    .main-preview-new__video--mobile {
        display: block;
    }
}
.preview.business-center img.ind-preview__picture{
    max-width: 100%;
    aspect-ratio: 1 / 1.1;
    width: 90%;
    min-width: 0;
    height: auto;
    max-height:548px;
}
.preview.business-center .container.ind-preview__container{
    gap:0px;
}
.preview.business-center .button.ind-preview__btn{
    padding-left:44px;
    padding-right:44px;
}
@media (max-width: 767px) {
    .preview.business-center img.ind-preview__picture{
        width:100%;
        margin-bottom:30px;
    }
    .preview.business-center .preview-desc{
        margin-bottom:30px;
    }
}
.facility-page .facility{
    padding-top:48px;
}
.facility-page .button.ind-preview__btn{
    padding-left:44px;
    padding-right:44px;
}
.tsb-page .button.ind-preview__btn{
    padding-left:44px;
    padding-right:44px;
}
.tsb-page .reviews.reviews--medicine{
    margin-top:0px;
}
.tsb-page .smart-process .index-sub-title.index-sub-title--center{

}
.features-page .support-message.support-message--white .index-title{
    margin-bottom:30px;
}
.ticketing-page .prev-work{
    padding-top:128px;
}
.ticketing-page .prev-work__body{
    width:440px;
}
.ticketing-page .prev-work-mokap__middle{
    left:562px;
}
.ticketing-page .prev-work-mokap__main{
    top: -48px;
    left: 28px;
    width: 96%;
}
.ticketing-page .section-col.transparent.edit-css-1 .section-col__image{
    border-radius: 5px;
    width: 100%;
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
}
.ticketing-page .section-col__body.section-col__body--mr{
    width:100%;
    max-width:469px;
    flex-shrink: 0;
    margin-right:30px;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .price-list-mokap__main{
    margin:0;
    left:0;
    width:100%;
    max-width:558px;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .price-list-mokap__main img{
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    border-radius: 5px;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .price-list-mokap{
    width:625px;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .price-list-mokap__top{
    top:50px;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .price-list-mokap__top img{
    width: 100%;
    filter: drop-shadow(54px 69px 35px rgba(0, 0, 0, 0.01)) drop-shadow(30px 39px 29px rgba(0, 0, 0, 0.03)) drop-shadow(13px 17px 22px rgba(0, 0, 0, 0.05)) drop-shadow(3px 4px 12px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    border-radius: 3px;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .price-list-mokap::before{
    padding-top:49.8%;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .price-list__body{
    width:469px;
}
.ticketing-page .section-col.application-control-container.edit-css-1 .index-title{
    margin-bottom:30px;
}
.ticketing-page .plus-work-mokap .plus-work-mokap__top img{
    width:138px;
}
.ticketing-page .plus-work-mokap .plus-work-mokap__main{
    top:0px;
}
.ticketing-page .plus-work-mokap .plus-work-mokap::before{
    padding-top:45px;
}
.ticketing-page .plus-work-mokap .plus-work-mokap__top.aos-init.aos-animate{
    top:150px;
}
.ticketing-page .plus-work-mokap .plus-work-mokap__main img{
    filter: drop-shadow(94px 119px 61px rgba(0, 0, 0, 0.01)) drop-shadow(53px 67px 51px rgba(0, 0, 0, 0.03)) drop-shadow(24px 30px 38px rgba(0, 0, 0, 0.05)) drop-shadow(6px 7px 21px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.06));
    border-radius: 5px;
}
.ticketing-page .plus-work-mokap .plus-work-mokap__top.aos-init.aos-animate img{
    filter: drop-shadow(19px 20px 11px rgba(0, 0, 0, 0.01)) drop-shadow(11px 11px 9px rgba(0, 0, 0, 0.02)) drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.04)) drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.04));
    border-radius: 0 0 3px 3px;
}
.ticketing-page .section-col.transparent.application-okdesk__cont{
    padding-bottom:129px;
}
.page.facility-page .section-col, .page.facility-page .rate.rate--medicine{
    background-color:#fff!important;
}
.ticketing-page .application-okdesk__cont .plus-work-mokap .plus-work-mokap__top img{
    width:100%;
}
.ticketing-page .application-okdesk__cont .plus-work-mokap .plus-work-mokap__top.aos-init.aos-animate{
    top:42px;
}
.ticketing-page .section-col.transparent.application-okdesk__cont .plus-work-mokap__bottom{
    top:382px;
}
.ticketing-page .application-okdesk__cont .plus-work-mokap::before{
    padding-top:75%;
}
.ticketing-page .application-okdesk__cont .price-list-mokap__main{
    top:-115px
}
.ticketing-page .application-okdesk__cont .index-title{
    margin-bottom:30px;
}
.control-page .advertising-main__block.advertising-main__img{
    width: 100%;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    max-width:590px;
}
.control-page .pay-control-swiper .swiper{
    /*width:665px;*/
}
.sklad-page .advertising-main__block:nth-child(1){
    width:557px;
}
.jobpricing-page .container.prev-work__container .prev-work-mokap__middle.aos-init.aos-animate{
    top:204px;
}
.jobpricing-page .price-list__body{
    margin-left:20px;
}
.automation-page .advertising-main .advertising-main__block.advertising-main__img{
    width:auto;
    pointer-events: none;
}
.equipment-page .section-col__container.section-col__container--mob-revers .price-list__body{
    margin-right:40px;
    flex-shrink: 0;
    width:470px;
}
.equipment-page .section-col__container.section-col__container--mob-column .pay-control-swiper{
    width:636px
}
.crm-page .section-col__container.section-col__container--mob-revers .price-list__body{
    padding-left:7px;
}
.crm-page .section-col.crm-control-mok .section-col__container{
    padding-left:0px;
    padding-right:0px;
}
.crm-page .section-col.crm-control-mok .price-list__body{

}
.mobilesupport-page .smart-mokap__body .index-title{
    margin-bottom:30px;
}
.report-page .section-col.css-edit-1 .section-col__image{
    width:636px;
    flex-shrink: 0;
    filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    margin-right:30px;
}
.documents-page .section-col.doc-refresh__container .section-col__container{
    padding-left:14px;
    padding-right:14px;
}
.multichannel-page .section-col.transparent.css-edit-1 .section-col__image{
    pointer-events: none;
    width:691px;
    flex-shrink: 0;
}
.multichannel-page .section-col.transparent.css-edit-1 .section-col__container.section-col__container--mob-column{
    padding-left:0px;
    padding-right:0px;
}

body.page .account-created-attention-block {
    max-width: 600px;
    background: #fff;
    border-radius: 15px;
    padding: 20px 0;
    margin: 15px auto;
}
body.page .account-created-attention-block .new-line-separator {
    margin-bottom: 15px;
    display: block;
}
strong{
    font-weight:bold!important;
}
.input-new__input--error {
    border-color: #ff421d;
    padding-right: 33px !important;
}
body.page .custom-error-text {
    color: #ff421d;
    font-size: 14px;
    margin-top: 3px;
}
.hidden{
    display:none!important;
}
.aside-banner__content{
    padding:58px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
.aside-banner__content-title{
    font-weight: bold;
    font-size:28px;
    line-height: 128%;
    letter-spacing: 1px;
    text-align: left;
    width:100%;
}
.aside-banner__content-data{
    width:100%;
}
.aside-banner__content-body{
    margin-top: 17px;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 134%;
    text-align: left;
    width:100%;
}
.aside-banner__content-btn{
    padding:18px 0;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #4dad33;
    border-radius: 32px;
    transition: 200ms background-color linear, 200ms color linear, 200ms border-color linear;
}
body.legacy-changes.page_color_b-gray {
    background-color: #ecf0f4;
}
.t-navi {
    padding: 43px 0 0 0;
    z-index: 20;
}
.t-navi_align_center {
    text-align: center;
}
.t-navi__header {
    padding-bottom: 37px;
}
body.legacy-changes .page__title, body.legacy-changes h2, body.legacy-changes h1 {
    font-weight: bold;
}
.page__title {
    font-size: 45px;
    line-height: 1.4em;
    letter-spacing: -0.015em;
}
.page__desc {
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 9px;
}
@media screen and (max-width: 600px) {
    .page__title {
        font-size: 28px;
        line-height: 1.45em;
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 600px) {
    .page__desc {
        font-size: 16px;
        line-height: 1.5em;
    }
}
.t-reports {
    padding: 88px 0 100px 0;
    text-align: center;
    overflow: hidden;
    background-color: #ffffff;
}
.t-reports.color_w-gray {
    background-color: #f5f7fa;
}
.page__subtitle {
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 9px;
    font-weight: bold;
}
.t-portal__preview {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border-radius: 3px 3px 0 0;
    margin-top: 65px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.no-shadow {
    box-shadow: none !important;
}
.t-reports__action {
    margin: 30px 0 43px 0;
}
body.legacy-changes .center .t-reports__link {
    font-weight: 500;
}
.t-reports__link {
    display: inline-block;
    color: #4dad33;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 500;
    padding-right: 54px;
    background: url(/assets/report_arrow-3618a8.png) right center no-repeat;
}
.page__desc-ul {
    text-align: left;
    display: inline-block;
}
.page__desc-ul ul {
    margin-top: 7px;
}
.page__desc-ul ul li {
    list-style-type: none;
    margin-bottom: 5px;
}
.page__desc-ul ul li:before {
    content: "—";
    margin-right: 10px;
}
.t-reports__action {
    margin: 30px 0 43px 0;
}

body.legacy-changes .center .btn {
    display: inline-block;
    background-color: #4dad33;
    color: #fff;
    font-weight: 600;
}

body.legacy-changes .center a {
    text-decoration: none;
    color: #4dad33;
    outline-style: none;
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
}
.btn:last-child {
    margin-right: 0;
}
.btn:first-child {
    margin-left: 0;
}
.btn_height_50 {
    line-height: 48px;
}
.btn {
    display: inline-block;
    cursor: pointer;
    background-color: #4dad33;
    border: 1px solid #4dad33;
    color: #fff;
    font-size: 15px;
    line-height: 59px;
    font-weight: bold;
    padding: 0 25px;
    border-radius: 3px;
    transition: all linear 0.15s;
    text-decoration: none;
    outline-style: none;
    text-align: center;
    box-sizing: border-box;
    margin: 7px;
    font-weight: 600;
}
.begin {
    background: #aee4bb url(/assets/begin_bg-863d08.jpg) center bottom no-repeat;
    min-height: 458px;
}
.begin__content {
    width: 560px;
    padding: 89px 0 92px 0;
}
.begin__title {
    font-size: 45px;
    line-height: 1.24em;
    letter-spacing: -0.015em;
    margin-bottom: 22px;
}
.begin__desc {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 36px;
}
.gps-glonass .section-col{
    padding-top:30px;
    padding-bottom:30px;
}
.gps-glonass .applications {
    padding-bottom:30px;
}
@media (max-width:768px){
    .orgtech .preview__body ul{
        margin-top:0px;
        margin-bottom:30px;
    }
    .orgtech .preview__body ul li{
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom: 10px;
    }
    .orgtech .preview .preview__body.preview__body--medicine .preview__desc.preview__desc--medicine{
        font-size: 14px;
        font-weight: normal;
        line-height: 150%;
        margin-bottom:15px;
    }
}
.orgtech .applications, .orgtech .twin twin--medicine, .orgtech .section-col{
    padding-top:30px;
    padding-bottom:30px;
}
@media(max-width: 768px){
    .automation-page .sect-client{
        padding-top:0px;
    }
    .ticketing-page .application-helpers__container h2 ,.ticketing-page .application-helpers__container p{
        text-align:left;
    }
    .ticketing-page .prev-work__body{
        width:100%;
    }
    .crm-page ..prev-work-mokap__main{
        position: absolute;
        width: 87.5491480996%;
        top: 7.4398249453%;
        left: 7.3394495413%;
        filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    }
    .crm-page .prev-work-mokap__middle {
        position: absolute;
        left: 0;
        top: 0;
        width: 54.7837483617%;
        filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
    }
    .crm-page .prev-work-mokap__sub {
        position: absolute;
        right: 0;
        bottom: 0;
        filter: drop-shadow(2px 3px 20px rgba(104, 104, 104, 0.1));
        width: 64.0891218873%;
    }
}
.main-preview.new-page .main-preview__text{
    margin-bottom:20px;
    margin-top:20px;
}
.main-preview.new-page .main-preview-new__list{
    margin-bottom: 30px;
}

.bx-flag-none {
    height: 24px;
    width: 24px;
    background: url("/local/templates/main/assets/img/empty-flag.png");
}

.awz_cookies_sett__bg3:hover {
    color: #fff;
}

.awz_cookies_sett__btn {
    border-radius: 50px;
}

.awz_cookies_sett__agr_link {
    display: inline;
}

.registration-new__form .tanais-yandexcaptcha.smart-captcha {
    height: auto !important;
}
/* End */


/* Start:/local/templates/main/components/bitrix/form.result.new/form/style.css?17484365951310*/
table.form-table {
    width: 100%;
    background-color: white;
    border-collapse: collapse;
    font-size: 100%;
    font-weight: normal;
    line-height: 160%;
}

table.form-table th, table.form-table td {
    border: 1px solid #ADC3D5;
    padding: 5px 5px;
    vertical-align: top;
}

table.form-table th {
    background-image: url(/local/templates/main/components/bitrix/form.result.new/form/images/table_head.gif);
    background-repeat: repeat-x;
    text-align: left;
    color: #25639A;
}


table.form-table td {
    padding: 15px 5px;
}

.form-required {
    color: red;
}

.error-fld {
    display: block;
    float: left;
    height: 13px;
    width: 15px;
    background-repeat: no-repeat;
    background-image: url(/local/templates/main/components/bitrix/form.result.new/form/images/icon_warn.gif);
}

.bx-calendar-cell.bx-calendar-weekend,
.bx-calendar-date-hidden.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

#flag {
    position: absolute;
    top: 9px;
    left: 14px;
}

#flag:before {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url("/local/templates/main/assets/img/arrow-down-svgrepo.svg") center center no-repeat;
    background-size: contain;
    margin-left: 22px;
    margin-top: 4px;
    opacity: 0.6;
}

.input-new__input.phone {
    padding-left: 55px;
}
/* End */


/* Start:/local/templates/main/components/bitrix/main.userconsent.request/consent/user_consent.min.css?17484365953754*/
.main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px 0;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@media(min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-text,.main-user-consent-request-popup-link{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media(max-width:768px){.main-user-consent-request-popup-cont{height:100%}}
/* End */


/* Start:/local/templates/main/styles.css?17524941267483*/
.content-blog__wrap-table{}
.blockquote{}
.content-blog__definition--green {
    background-color: #daebcb;
}
.content-blog__definition--red {
    background-color: #FFE3E3;
}
.content-blog__definition--purple {
    background-color: #e9ecfc;
}
.content-blog__definition {
    box-shadow: 2px 3px 20px rgba(104, 104, 104, 0.1);
    padding: 24px;
    border-radius: 6px;
}
.content-blog__definition-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
.content-blog__definition-desc, .content-blog__area blockquote, .content-blog__area p, .content-blog__area li {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
}
table:not(.vc-table-border) tbody tr:nth-child(even) {
    /*background-color: #f5f7fc;*/
}

/*
sprint.editor styles start
*/

.opportunity-block .opportunity-block__description {
    margin-bottom: 60px;
}

.opportunity-block .opportunity-block__description {
    text-align: center;
    letter-spacing: -0.01em;
    line-height: 150%;
}

.menu-submenu__item .new-status {
    width: 24px;
    transition: 200ms color linear;
    margin-left: 5px;
}

.section-col.video .section-col__container {
    display: flex;
    flex-direction: column-reverse;
}

.section-col.video.left .section-col__container {
    display: flex;
    flex-direction: row;
}

.section-col.video .sp-complex_video_text iframe {
    max-width: 100%;
}

.section-col.video .sp-complex_video_text {
    width: 100%;
    text-align: center;
}

.section-col.video.left .section-col__body {
    width: 50%;
}

.interactive-plan-page .section-col.video.left .sp-complex.sp-complex_video_text {
    width: 100%;
}

.section-col.video .index-title,
.section-col.video .index-desc {
    text-align: center;
}

.section-col.video .index-desc {
    margin-bottom: 60px;
}

.facility-mobility.transparent {
    background-color: transparent;
}
@media (max-width: 1024px) {
    .main-video-block {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .section-col.video.left .section-col__container {
        flex-direction: column-reverse;
    }

    .section-col.video.left .sp-complex_video_text {
        width: 100%;
    }

    .section-col.video.left .section-col__body {
        width: 100%;
    }

    .interactive-plan-page .section-col.video iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

    .interactive-plan-page .section-col.video.left .section-col__body {
        margin-left: 0;
    }

    .interactive-plan-page .section-col.video .index-desc {
        margin-bottom: 20px;
    }
}

.main-lore__text a {
    color: #4dad33;
}

.main-service__item .main-service__picture {
    max-width: 140px;
}

.regulators.transparent {
    background-color: transparent;
}

.about-desc a {
    color: #4dad33;
    text-decoration: underline;
}

.sendsay-block {
    padding-top: 15px;
}

.about-desc {
    max-width: 700px;
}

.about-desc p,
.regulators__right p {
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2b2c2c;
}

.about-desc p {
    padding-bottom: 15px;
}

.about-desc ul,
.regulators__right ul
{
    padding-bottom: 10px;
}

.main-service .sp-button_link, .main-service .sp-button_link:link, .main-service .sp-button_link:visited {
    background: none;
}

.main-service .sp-button_link:hover {
    color: #333;
}

.about-desc li,
.regulators__right li {
    display: flex;
    gap: 8px;
    align-items: baseline;
    font-size: 16px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #2b2c2c;
}

.about-desc li::before,
.regulators__right li::before {
    display: block;
    content: "";
    transform: translateY(-2px);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #4dad33;
    flex-shrink: 0;
}

.button-demo {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: -moz-max-content;
    width: max-content;
    padding: 16px 24px;
    color: #fff;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #fff;
    border-radius: 60px;
    border: 3px #4dad33 solid;
    color: #4dad33;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.button-demo:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 8px rgb(77 173 51 / 11%)
}


.button-demo.mobile {
    width: 100%;
}

.main-preview__container .button-demo {
    margin-bottom: 16px;
}

.preview__body--medicine .button-demo {}

.button-block {
    display: flex;
    gap: 15px;
}

.button-block.footer-btn .use__button {
    margin-right: unset;
}

.button-block.footer-btn a.button-demo {
    margin-right: auto;
}

.bitrix-popup .registration-new__form {
    padding: 0;
}

.popup-window-dark {
    display: flex;
    flex-direction: column;
    max-width: 585px;
    border-radius: 24px;
    background-color: #F5F7FC;
    margin: auto;
    padding: 40px;
    width: 100%;
}

.popup-window-dark .popup-window-close-icon:after {
    filter: invert(1);
}

.registration-new__form .input-new__input::placeholder {
    color: #747688;
}

.inputselect::placeholder{
    color: red;
}
label.main-user-consent-request {
    display: flex;
    align-items: center;
    padding: 4px;
    margin: -4px;
}

span.main-user-consent-request-announce {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    padding-top: 2px;
    color: #898c9a;
    margin-left: 8px;
    transition: 200ms color linear;
}

.successful-block {
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
}

.successful-block .registration-new__title {
    margin-bottom: 8px;
}

.successful-block .registration-new__text {
    margin-bottom: 0;
}

.registration-new__wrapper .inputselect {
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    background-color: #fff;
    color: #0b1023;
    border-radius: 32px;
    padding: 12px 14px;
    width: 100%;
    height: 100%;
    border: 1px solid #E9ECFC;
    transition: 200ms border-color linear;
}

.inputselect:focus, .inputselect:hover {
    border-color: #4dad33;
}

.registration-new__wrapper .main-user-consent-request-announce {
    display: flex;
}

.registration-new__wrapper .main-user-consent-request-announce a {
    color: #4dad33;
}

.bx-core-waitwindow{
   display: none !important;
}

/*div[id^="wait_comp_"]{ display: none !important;}*/

@media (max-width: 767px) {
    .button-block.footer-btn .button-demo {
        display: flex;
        width: 100%;
        padding: 22px 53px;
    }

    .button-block.footer-btn {
        display: flex;
        flex-direction: column;
    }
}
/*
sprint.editor styles end
*/

.registration-new__form .ag-countrymask.iti {
    display: block;
}

.registration-new__form .iti--separate-dial-code .iti__selected-flag {
    border-radius: 15px 0 0 15px;
}

.registration-new__form .iti__country-name {
    color: #5c5e68;
}
/* End */
/* /local/templates/main/assets/fancybox_rutube_v3.5.7/jquery.fancybox.min.css?173937079413213 */
/* /local/templates/main/assets/css/main.css?1752494126508042 */
/* /local/templates/main/components/bitrix/form.result.new/form/style.css?17484365951310 */
/* /local/templates/main/components/bitrix/main.userconsent.request/consent/user_consent.min.css?17484365953754 */
/* /local/templates/main/styles.css?17524941267483 */