/* line 4, app/assets/stylesheets/typography.scss */
span.strong {
  font-weight: bold;
}

/* line 8, app/assets/stylesheets/typography.scss */
.title_1,
h1 {
  font-weight: 600;
  font-size: 72px;
  line-height: 74px;
  color: #1C2130;
}

/* line 15, app/assets/stylesheets/typography.scss */
.title_1 span,
h1 span {
  color: var(--blue);
}

@media (max-width: 768px) {
  /* line 8, app/assets/stylesheets/typography.scss */
  .title_1,
h1 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
  }
}

/* line 25, app/assets/stylesheets/typography.scss */
.title_1 {
  margin-bottom: 40px;
  text-align: left;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 25, app/assets/stylesheets/typography.scss */
  .title_1 {
    margin-bottom: 32px;
  }
}

/* line 33, app/assets/stylesheets/typography.scss */
.title_2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  display: inline-block;
  vertical-align: middle;
  color: #1C2130;
}

/* line 41, app/assets/stylesheets/typography.scss */
.title_2 a {
  color: var(--blue);
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 33, app/assets/stylesheets/typography.scss */
  .title_2 {
    font-size: 36px;
    line-height: 44px;
  }
}

/* line 49, app/assets/stylesheets/typography.scss */
.title_2 span {
  color: var(--blue);
}

/* line 54, app/assets/stylesheets/typography.scss */
.title_2 {
  margin-bottom: 80px;
  text-align: left;
}

/* line 59, app/assets/stylesheets/typography.scss */
b {
  font-weight: 900;
}

/* line 63, app/assets/stylesheets/typography.scss */
.title_3 {
  font-weight: 600;
  font-size: 44px;
  line-height: 52px;
  color: #1C2130;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 63, app/assets/stylesheets/typography.scss */
  .title_3 {
    font-size: 32px;
    line-height: 40px;
  }
}

/* line 73, app/assets/stylesheets/typography.scss */
.title_3 span {
  color: var(--blue);
}

/* line 78, app/assets/stylesheets/typography.scss */
.title_3 {
  margin-bottom: 35px;
  text-align: left;
}

/* line 83, app/assets/stylesheets/typography.scss */
.text_1 {
  max-width: 960px;
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 83, app/assets/stylesheets/typography.scss */
  .text_1 {
    margin-bottom: 38px;
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 97, app/assets/stylesheets/typography.scss */
.text_2 {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  /* line 97, app/assets/stylesheets/typography.scss */
  .text_2 {
    font-size: 20px;
  }
}
/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

 @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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.modal.dark {
    color: white;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.in {
    opacity: 1;
}

.modal {
    position                  : fixed;
    top                       : 0;
    right                     : 0;
    bottom                    : 0;
    left                      : 0;
    z-index                   : 1050;
    display                   : none;
    overflow                  : hidden;
    -webkit-overflow-scrolling: touch;
    outline                   : 0;
}

.fade {
    opacity           : 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition     : opacity 0.15s linear;
    transition        : opacity 0.15s linear;
}

.modal.fade .modal-dialog {
    -webkit-transform : translate(0, -25%);
    -ms-transform     : translate(0, -25%);
    -o-transform      : translate(0, -25%);
    transform         : translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition   : -moz-transform 0.3s ease-out;
    -o-transition     : -o-transform 0.3s ease-out;
    transition        : transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform    : translate(0, 0);
    -o-transform     : translate(0, 0);
    transform        : translate(0, 0);
}
@media (min-width: 768px) {
    .modal-dialog {
        margin: 30px auto;
    }
}

.modal-backdrop.fade {
    opacity: 0;
}

.fade.in {
    opacity: 1;
}

.modal-backdrop.in {
    opacity: 0.5;
}

.modal-backdrop {
    position        : fixed;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 1040;
    background-color: #000;
}
@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow        : 0 5px 15px rgba(0,0,0,0.5);
    }
}
/* Magnific Popup CSS */
/* line 2, app/assets/stylesheets/magnific-popup.scss */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

/* line 13, app/assets/stylesheets/magnific-popup.scss */
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

/* line 23, app/assets/stylesheets/magnific-popup.scss */
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

/* line 33, app/assets/stylesheets/magnific-popup.scss */
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/magnific-popup.scss */
.mfp-align-top .mfp-container:before {
  display: none;
}

/* line 42, app/assets/stylesheets/magnific-popup.scss */
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

/* line 50, app/assets/stylesheets/magnific-popup.scss */
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

/* line 55, app/assets/stylesheets/magnific-popup.scss */
.mfp-ajax-cur {
  cursor: progress;
}

/* line 58, app/assets/stylesheets/magnific-popup.scss */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

/* line 63, app/assets/stylesheets/magnific-popup.scss */
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

/* line 69, app/assets/stylesheets/magnific-popup.scss */
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

/* line 72, app/assets/stylesheets/magnific-popup.scss */
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 80, app/assets/stylesheets/magnific-popup.scss */
.mfp-loading.mfp-figure {
  display: none;
}

/* line 83, app/assets/stylesheets/magnific-popup.scss */
.mfp-hide {
  display: none !important;
}

/* line 86, app/assets/stylesheets/magnific-popup.scss */
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

/* line 96, app/assets/stylesheets/magnific-popup.scss */
.mfp-preloader a {
  color: #CCC;
}

/* line 98, app/assets/stylesheets/magnific-popup.scss */
.mfp-preloader a:hover {
  color: #FFF;
}

/* line 101, app/assets/stylesheets/magnific-popup.scss */
.mfp-s-ready .mfp-preloader {
  display: none;
}

/* line 104, app/assets/stylesheets/magnific-popup.scss */
.mfp-s-error .mfp-content {
  display: none;
}

/* line 107, app/assets/stylesheets/magnific-popup.scss */
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

/* line 121, app/assets/stylesheets/magnific-popup.scss */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 125, app/assets/stylesheets/magnific-popup.scss */
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

/* line 140, app/assets/stylesheets/magnific-popup.scss */
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

/* line 143, app/assets/stylesheets/magnific-popup.scss */
.mfp-close:active {
  top: 1px;
}

/* line 146, app/assets/stylesheets/magnific-popup.scss */
.mfp-close-btn-in .mfp-close {
  color: #333;
}

/* line 149, app/assets/stylesheets/magnific-popup.scss */
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

/* line 157, app/assets/stylesheets/magnific-popup.scss */
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

/* line 166, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

/* line 176, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow:active {
  margin-top: -54px;
}

/* line 178, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

/* line 181, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

/* line 193, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

/* line 197, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

/* line 202, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow-left {
  left: 0;
}

/* line 204, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

/* line 207, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

/* line 211, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow-right {
  right: 0;
}

/* line 213, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

/* line 216, app/assets/stylesheets/magnific-popup.scss */
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

/* line 219, app/assets/stylesheets/magnific-popup.scss */
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 222, app/assets/stylesheets/magnific-popup.scss */
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

/* line 226, app/assets/stylesheets/magnific-popup.scss */
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

/* line 229, app/assets/stylesheets/magnific-popup.scss */
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

/* line 234, app/assets/stylesheets/magnific-popup.scss */
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
/* line 245, app/assets/stylesheets/magnific-popup.scss */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
/* line 256, app/assets/stylesheets/magnific-popup.scss */
.mfp-figure {
  line-height: 0;
}

/* line 258, app/assets/stylesheets/magnific-popup.scss */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

/* line 271, app/assets/stylesheets/magnific-popup.scss */
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

/* line 276, app/assets/stylesheets/magnific-popup.scss */
.mfp-figure figure {
  margin: 0;
}

/* line 279, app/assets/stylesheets/magnific-popup.scss */
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

/* line 287, app/assets/stylesheets/magnific-popup.scss */
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

/* line 294, app/assets/stylesheets/magnific-popup.scss */
.mfp-image-holder .mfp-content {
  max-width: 100%;
}

/* line 297, app/assets/stylesheets/magnific-popup.scss */
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  /* line 304, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 307, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  /* line 309, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  /* line 312, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  /* line 315, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  /* line 323, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  /* line 325, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  /* line 328, app/assets/stylesheets/magnific-popup.scss */
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  /* line 340, app/assets/stylesheets/magnific-popup.scss */
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  /* line 343, app/assets/stylesheets/magnific-popup.scss */
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  /* line 346, app/assets/stylesheets/magnific-popup.scss */
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  /* line 349, app/assets/stylesheets/magnific-popup.scss */
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 4, app/assets/stylesheets/header.scss */
header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  height: 120px;
  background-color: var(--white);
  transition-duration: 0.4s;
}

@media (max-width: 1280px) {
  /* line 4, app/assets/stylesheets/header.scss */
  header {
    height: 120px;
  }
}

@media (max-width: 992px) {
  /* line 4, app/assets/stylesheets/header.scss */
  header {
    height: 54px;
  }
}

/* line 20, app/assets/stylesheets/header.scss */
header.sticky {
  box-shadow: 0 1px 4px rgba(182, 183, 200, 0.3);
}

/* line 24, app/assets/stylesheets/header.scss */
header a {
  color: var(--grey);
  font-family: var(--fontMuseo), sans-serif;
  font-size: 18px;
}

/* line 30, app/assets/stylesheets/header.scss */
header .header_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 16px;
  animation-name: header_slide_down;
  animation-duration: 1.2s;
  transition: line-height ease;
  user-select: none;
}

@media screen and (max-width: 1279px) {
  /* line 30, app/assets/stylesheets/header.scss */
  header .header_wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
  }
}

/* line 46, app/assets/stylesheets/header.scss */
header .header_wrapper .logo-image {
  max-width: 170px;
}

@media (max-width: 992px) {
  /* line 46, app/assets/stylesheets/header.scss */
  header .header_wrapper .logo-image {
    width: 112px;
    max-height: 24px;
  }
}

/* line 54, app/assets/stylesheets/header.scss */
header .header_wrapper .logo-item {
  margin-right: 80px;
  display: inline-block;
}

@media screen and (max-width: 1440px) {
  /* line 54, app/assets/stylesheets/header.scss */
  header .header_wrapper .logo-item {
    margin-right: 42px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1919px) {
  /* line 54, app/assets/stylesheets/header.scss */
  header .header_wrapper .logo-item {
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  /* line 54, app/assets/stylesheets/header.scss */
  header .header_wrapper .logo-item {
    margin-right: 20px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 54, app/assets/stylesheets/header.scss */
  header .header_wrapper .logo-item {
    margin-right: 0;
    max-height: 40px;
    padding: 0;
  }
}

/* line 73, app/assets/stylesheets/header.scss */
header .header_wrapper .navs__menu {
  display: inline-block;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  /* line 73, app/assets/stylesheets/header.scss */
  header .header_wrapper .navs__menu {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 73, app/assets/stylesheets/header.scss */
  header .header_wrapper .navs__menu {
    display: none;
  }
}

/* line 83, app/assets/stylesheets/header.scss */
header .header_wrapper .navs-desktop {
  display: flex;
  align-items: center;
}

/* line 88, app/assets/stylesheets/header.scss */
header .header_wrapper .header__buttons {
  display: grid;
  gap: 24px;
  grid-template-columns: 24px 24px;
  align-items: center;
}

/* line 95, app/assets/stylesheets/header.scss */
header .header_wrapper .phone-contact {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/icons/icon_phone-dc025c0242cde260cd4738b7b08dfa582d837a4f0b5a4627995d295df924fd54.svg) no-repeat center center;
}

/* line 102, app/assets/stylesheets/header.scss */
header .header_wrapper .header__contacts {
  display: flex;
  align-items: center;
  margin-left: auto;
  min-width: 198px;
}

@media screen and (max-width: 1279px) {
  /* line 102, app/assets/stylesheets/header.scss */
  header .header_wrapper .header__contacts {
    display: none;
  }
}

/* line 113, app/assets/stylesheets/header.scss */
header .header-top {
  position: relative;
  z-index: 1;
  background-color: var(--dirtyWhite);
}

@media (max-width: 992px) {
  /* line 113, app/assets/stylesheets/header.scss */
  header .header-top {
    display: none;
  }
}

/* line 121, app/assets/stylesheets/header.scss */
header .header-top > .container-new {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
  animation-name: header_slide_down;
  animation-duration: 1.2s;
}

/* line 130, app/assets/stylesheets/header.scss */
header .header-top__item {
  margin-left: 40px;
  color: var(--deepBlack);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

/* line 137, app/assets/stylesheets/header.scss */
header .header-top__item:last-of-type {
  display: flex;
  align-items: center;
}

/* line 143, app/assets/stylesheets/header.scss */
header .header-top__link {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* line 152, app/assets/stylesheets/header.scss */
header .header-top__link.tg, header .header-top__link.wa {
  margin-right: 24px;
}

/* line 157, app/assets/stylesheets/header.scss */
header .header-top__link.tg {
  background-image: url(/assets/logo_tg_blue-a43297f928c4ad884fc46a0d9e8d9941f94c35cd4fc31deb80a6f0f50eb6807e.svg);
}

/* line 161, app/assets/stylesheets/header.scss */
header .header-top__link.wa {
  background-image: url(/assets/logo_whatsapp_blue-1aa884278027332b06fe030e88eb398e66e04f20b43f3b87786b988bee051587.svg);
}

/* line 165, app/assets/stylesheets/header.scss */
header .header-top__link.vk {
  background-image: url(/assets/logo_vk-40a77a22affbc5e3acc64670e2142165e097df36863a52c2edd6fb26a210155d.svg);
}

/* line 171, app/assets/stylesheets/header.scss */
header .header__block {
  display: block;
  position: relative;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 171, app/assets/stylesheets/header.scss */
  header .header__block {
    z-index: 300;
    left: auto;
    margin-left: auto;
  }
}

/* line 181, app/assets/stylesheets/header.scss */
header .menu_button {
  width: 24px;
  height: 24px;
  transition: all 0.4s;
  display: inline-block;
  position: relative;
}

/* line 188, app/assets/stylesheets/header.scss */
header .menu_button .burger-menu-piece {
  position: absolute;
  display: block;
  width: 17px;
  border-top: 2px solid var(--mainBlue);
  transform-origin: 50% 50%;
  transition: transform 400ms ease-out;
}

/* line 197, app/assets/stylesheets/header.scss */
header .menu_button #first {
  top: 4px;
  right: 0;
}

/* line 202, app/assets/stylesheets/header.scss */
header .menu_button #third {
  top: 20px;
  right: 0;
}

/* line 207, app/assets/stylesheets/header.scss */
header .menu_button #second {
  top: 12px;
  opacity: 1;
  width: 11px;
  right: 0;
}

/* line 215, app/assets/stylesheets/header.scss */
header .menu_button.active #first {
  animation: burger-open-top 400ms ease-out forwards;
}

/* line 219, app/assets/stylesheets/header.scss */
header .menu_button.active #second {
  opacity: 0;
  transition: transform 400ms ease-out, opacity 0 linear 200ms;
}

/* line 226, app/assets/stylesheets/header.scss */
header .menu_button.active #third {
  animation: burger-open-bot 400ms ease-out forwards;
}

/* line 232, app/assets/stylesheets/header.scss */
header .menu_button.closing #first {
  animation: burger-close-top 400ms ease-out forwards;
}

/* line 236, app/assets/stylesheets/header.scss */
header .menu_button.closing #third {
  animation: burger-close-bot 400ms ease-out forwards;
}

/* line 243, app/assets/stylesheets/header.scss */
.header__navs-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

@media (max-width: 992px) {
  /* line 248, app/assets/stylesheets/header.scss */
  .header__navs-item:last-of-type {
    margin-bottom: 24px;
  }
}

/* line 253, app/assets/stylesheets/header.scss */
.header__navs-item:not(:last-of-type) {
  margin-right: 32px;
}

@media (max-width: 1400px) {
  /* line 253, app/assets/stylesheets/header.scss */
  .header__navs-item:not(:last-of-type) {
    margin-right: 16px;
  }
}

@media (max-width: 1280px) {
  /* line 253, app/assets/stylesheets/header.scss */
  .header__navs-item:not(:last-of-type) {
    margin-right: 8px;
  }
}

/* line 263, app/assets/stylesheets/header.scss */
.header__navs-item > a, .header__navs-item > span {
  display: inline-block;
  padding: 8px 16px;
  color: var(--color);
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  border-radius: 10px;
}

@media (max-width: 1280px) {
  /* line 263, app/assets/stylesheets/header.scss */
  .header__navs-item > a, .header__navs-item > span {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 992px) {
  /* line 263, app/assets/stylesheets/header.scss */
  .header__navs-item > a, .header__navs-item > span {
    padding: 12px 16px;
  }
}

/* line 280, app/assets/stylesheets/header.scss */
.header__navs-item > a:hover, .header__navs-item > span:hover {
  background-color: var(--lightBlue);
}

/* line 284, app/assets/stylesheets/header.scss */
.header__navs-item > a.active, .header__navs-item > span.active {
  background-color: var(--middleBlue);
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  /* line 243, app/assets/stylesheets/header.scss */
  .header__navs-item {
    margin-right: 12px;
  }
  /* line 291, app/assets/stylesheets/header.scss */
  .header__navs-item a {
    font-size: 15px;
  }
  /* line 295, app/assets/stylesheets/header.scss */
  .header__navs-item--last {
    flex: 0;
  }
}

/* line 303, app/assets/stylesheets/header.scss */
.header-button.active span::after {
  transform: rotate(180deg);
}

/* line 307, app/assets/stylesheets/header.scss */
.header-button.active .header-button__dropdown {
  display: block;
}

/* line 312, app/assets/stylesheets/header.scss */
.header-button span {
  display: flex;
  align-content: center;
  gap: 4px;
  padding-right: 12px;
}

@media (max-width: 992px) {
  /* line 312, app/assets/stylesheets/header.scss */
  .header-button span {
    gap: 8px;
  }
}

/* line 321, app/assets/stylesheets/header.scss */
.header-button span::after {
  content: '';
  display: block;
  position: relative;
  top: 1px;
  width: 24px;
  height: 24px;
  background-image: url(/assets/ui/icon_arrow_down_black-96a28fd503d7fcbf3bc3b0a2a173cc0b66c260cc04adce5fd0cdc28d57b25155.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 334, app/assets/stylesheets/header.scss */
.header-button__dropdown {
  position: absolute;
  top: 48px;
  left: 0;
  display: none;
  padding: 5.5px 8px;
  width: 376px;
  border-radius: 12px;
  box-shadow: 0 6px 16px 0 #0000001a;
  background-color: var(--white);
}

@media (max-width: 992px) {
  /* line 334, app/assets/stylesheets/header.scss */
  .header-button__dropdown {
    padding: 8px 0 0;
    position: static;
    box-shadow: unset;
    width: unset;
  }
}

/* line 351, app/assets/stylesheets/header.scss */
.header-button__dropdown li {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  border-radius: 10px;
  list-style: none;
}

@media (max-width: 992px) {
  /* line 351, app/assets/stylesheets/header.scss */
  .header-button__dropdown li {
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 362, app/assets/stylesheets/header.scss */
.header-button__dropdown li:hover {
  background-color: var(--lightBlue);
}

/* line 366, app/assets/stylesheets/header.scss */
.header-button__dropdown li a {
  padding: 12px 4px 12px 16px;
  display: block;
  color: var(--black);
}

@media (max-width: 992px) {
  /* line 366, app/assets/stylesheets/header.scss */
  .header-button__dropdown li a {
    padding: 12px 16px 16px;
    text-align: start;
  }
}

/* line 379, app/assets/stylesheets/header.scss */
.mobile__navs_menu {
  position: fixed;
  display: block;
  overflow-y: scroll;
  top: -120vh;
  bottom: 120vh;
  left: 0;
  right: 0;
  padding: 0 16px 24px;
  background: var(--white);
  transition: top ease 0.5s, bottom ease 0.5s;
  z-index: 100;
}

/* line 394, app/assets/stylesheets/header.scss */
.mobile__navs_menu.active {
  top: 53px;
  bottom: 0;
}

@media (min-width: 1280px) {
  /* line 379, app/assets/stylesheets/header.scss */
  .mobile__navs_menu {
    display: none;
  }
}

/* line 402, app/assets/stylesheets/header.scss */
.mobile__navs_menu .close-menu {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 34px;
  height: 34px;
  padding: 10px;
}

/* line 410, app/assets/stylesheets/header.scss */
.mobile__navs_menu .close-menu:hover {
  background: var(--mainBlue);
}

/* line 413, app/assets/stylesheets/header.scss */
.mobile__navs_menu .close-menu:hover svg path {
  fill: var(--white);
  stroke: var(--white);
}

/* line 419, app/assets/stylesheets/header.scss */
.mobile__navs_menu .close-menu svg {
  width: 14px;
  height: 14px;
  vertical-align: top;
}

/* line 424, app/assets/stylesheets/header.scss */
.mobile__navs_menu .close-menu svg path {
  fill: var(--mainBlue);
  stroke: var(--mainBlue);
}

/* line 431, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper {
  width: 100%;
  padding-top: 32px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

/* line 439, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .navigation-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

/* line 445, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .button {
  margin-top: auto;
}

@media (min-width: 767px) {
  /* line 445, app/assets/stylesheets/header.scss */
  .mobile__navs_menu .wrapper .button {
    margin-top: 40px;
  }
}

/* line 452, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header__navs-item {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  color: var(--black);
  width: max-content;
  margin: 8px 0 0;
}

@media (max-width: 992px) {
  /* line 452, app/assets/stylesheets/header.scss */
  .mobile__navs_menu .wrapper .header__navs-item {
    width: fit-content;
  }
  /* line 463, app/assets/stylesheets/header.scss */
  .mobile__navs_menu .wrapper .header__navs-item > span {
    width: fit-content;
  }
}

/* line 468, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header__navs-item:first-of-type {
  margin-top: 24px;
}

@media (max-width: 992px) {
  /* line 468, app/assets/stylesheets/header.scss */
  .mobile__navs_menu .wrapper .header__navs-item:first-of-type {
    margin-top: 0;
  }
}

/* line 476, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header-contacts {
  margin-top: 32px;
}

/* line 479, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header-contacts__link {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 487, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header-contacts__link:not(:last-of-type) {
  margin-right: 24px;
}

/* line 491, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header-contacts__link.email {
  background-image: url(/assets/icon_mail_blue-d5fac81e6349bac246dcb48b5624d842a6942cf270e576b0f90601f5601e2d71.svg);
}

/* line 495, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header-contacts__link.tg {
  background-image: url(/assets/logo_tg_blue-a43297f928c4ad884fc46a0d9e8d9941f94c35cd4fc31deb80a6f0f50eb6807e.svg);
}

/* line 499, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header-contacts__link.wa {
  background-image: url(/assets/logo_whatsapp_blue-1aa884278027332b06fe030e88eb398e66e04f20b43f3b87786b988bee051587.svg);
}

/* line 503, app/assets/stylesheets/header.scss */
.mobile__navs_menu .wrapper .header-contacts__link.vk {
  background-image: url(/assets/logo_vk-40a77a22affbc5e3acc64670e2142165e097df36863a52c2edd6fb26a210155d.svg);
}

@keyframes burger-open-top {
  50% {
    transform: translate3d(0, 8px, 0);
  }
  100% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
}

@keyframes burger-open-bot {
  50% {
    transform: translate3d(0, -8px, 0);
  }
  100% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
}

@keyframes burger-close-top {
  0% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, 8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes burger-close-bot {
  0% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
  50% {
    transform: translate3d(0, -8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/* line 2, app/assets/stylesheets/snow.scss */
.happy-new-year #snow-container {
  position: absolute;
  z-index: 1;
  right: 0;
  height: 100%;
}

/* line 9, app/assets/stylesheets/snow.scss */
.happy-new-year .header_wrapper {
  position: relative;
  z-index: 2;
}

/* line 16, app/assets/stylesheets/snow.scss */
.welcome_header.happy-new-year {
  background: url(/assets/new-year-top-c010bd814dadf99be46bd7ace7cc6206204f44e343fd04e06a309918a8f207e5.png) no-repeat;
  background-size: cover;
}

/* line 23, app/assets/stylesheets/snow.scss */
.form-request.happy-new-year {
  background-color: #f6f6f8;
  background-image: url(/assets/new-year-bottom-a4bad7032c9a0f98d44e645e2abc5c63c0e2ec10dc7f67f3e9ffa1648ca308e4.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
/* line 1, app/assets/stylesheets/filter.scss */
div:not(.html-safe) > ul.filter_list {
  display: flex;
  align-self: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

@media (max-width: 1440px) {
  /* line 10, app/assets/stylesheets/filter.scss */
  div:not(.html-safe) > ul.filter_list {
    margin-bottom: 60px;
  }
}

@media (max-width: 768px) {
  /* line 16, app/assets/stylesheets/filter.scss */
  div:not(.html-safe) > ul.filter_list {
    margin-bottom: 50px;
    gap: 8px;
  }
  /* line 20, app/assets/stylesheets/filter.scss */
  div:not(.html-safe) > ul.filter_list.blog {
    display: none;
  }
}

/* line 25, app/assets/stylesheets/filter.scss */
div:not(.html-safe) > ul.filter_list .filter_item {
  display: flex;
  align-items: center;
}

/* line 30, app/assets/stylesheets/filter.scss */
div:not(.html-safe) > ul.filter_list .filter_item:not(.active):hover a,
div:not(.html-safe) > ul.filter_list .filter_item:not(.active):hover span {
  background-color: #A3C9E2;
  /* var(--middleBlue) */
}

/* line 35, app/assets/stylesheets/filter.scss */
div:not(.html-safe) > ul.filter_list .filter_item a,
div:not(.html-safe) > ul.filter_list .filter_item span {
  padding: 8px 16px;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #111111;
  /* var(--deepBlack) */
  cursor: pointer;
  border-radius: 4px;
  background-color: #E5F3FB;
  /* var(--lightBlue) */
}

/* line 47, app/assets/stylesheets/filter.scss */
div:not(.html-safe) > ul.filter_list .filter_item.active a,
div:not(.html-safe) > ul.filter_list .filter_item.active span {
  background-color: #007BFF;
  /* var(--blue) */
  color: #ffffff;
  /* var(--white) */
}

/* line 53, app/assets/stylesheets/filter.scss */
div:not(.html-safe) > ul.filter_list select#years {
  width: 100%;
  border: 1px solid;
  padding: 5px 25px;
  margin-top: 85px;
  border-radius: 0;
  background: #007BFF;
  /* var(--blue) */
  color: #fff;
  text-align: center;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (max-width: 768px) {
  /* line 69, app/assets/stylesheets/filter.scss */
  div:not(.html-safe) > ul.filter_list select#years {
    margin-top: 15px;
  }
}
@charset "UTF-8";
/*







 */
@keyframes header_slide_down {
  from {
    transform: translateY(-120px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes mobile_header_slide_down {
  from {
    transform: translateY(-80px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes header_slide_up {
  0% {
    transform: translateY(150px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide_right {
  0% {
    transform: translateX(-82px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes jump-block {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes check-animation {
  100% {
    background: unset;
    z-index: 0;
  }
}

@keyframes background-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .6;
  }
  100% {
    opacity: 1;
  }
}

@font-face {
  font-family: "MuseoSansCyrl-500";
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  src: local("MuseoSansCyrl-500"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-edaf1a4c712d0a921c99c70b51fbcd43f3fe774031d60b705b0c8b1f61fb0d3c.eot);
  src: local("MuseoSansCyrl-500"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-edaf1a4c712d0a921c99c70b51fbcd43f3fe774031d60b705b0c8b1f61fb0d3c.eot?#iefix) format("embedded-opentype"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-1592287f04cd233e67056fdde5ff10e5dacd6a06f53b75c4ec5ea5bb73cce497.woff) format("woff"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-aa7087b6557d15a0c17def99fa28a7f0c19005911ddcc1670fed21a7d18e2edb.ttf) format("truetype");
}

@font-face {
  font-family: "MuseoSansCyrl";
  font-display: swap;
  font-weight: 100;
  font-style: normal;
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansLight/MuseoSansLight-a674a91cf31f62449d6838ecbdefd95aad173a1ee88773d6ef89645df74a59fa.eot);
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansLight/MuseoSansLight-a674a91cf31f62449d6838ecbdefd95aad173a1ee88773d6ef89645df74a59fa.eot?#iefix) format("embedded-opentype"), url(/assets/MuseoSansLight/MuseoSansLight-7f7b3c27ff30ec1405f243977f4a5a03e11dfcbaad258adf119327e30d9a5024.woff) format("woff"), url(/assets/MuseoSansLight/MuseoSansLight-1f8fb24df173c3133caba2ecc549345d514c69ee26b5c64652b64d5e5a50059c.ttf) format("truetype");
}

@font-face {
  font-family: "MuseoSansCyrl";
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansRegular/MuseoSansCyrl-300-49b73c089b248ca320da3b1282cae657a89fa6980cb9e74ba8f6a5c8d005fa93.eot);
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansRegular/MuseoSansCyrl-300-49b73c089b248ca320da3b1282cae657a89fa6980cb9e74ba8f6a5c8d005fa93.eot?#iefix) format("embedded-opentype"), url(/assets/MuseoSansRegular/MuseoSansCyrl-300-4f9a68eba58b28498115e958f85a228f9ca597a09ddd21bd32dd0a220c49dbcf.woff) format("woff"), url(/assets/MuseoSansRegular/MuseoSansCyrl-300-aaa410a0edfc657ef4a006c72bf3b83e28703ee0fcb59ad674012b938a73007f.ttf) format("truetype");
}

@font-face {
  font-family: "MuseoSansCyrl";
  font-display: swap;
  font-weight: 900;
  font-style: normal;
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansBolder/MuseoSansCyrl-900-a99953c05b708afd8537784592428600fcc9fcd02c88a43bef44a06d9496281c.eot);
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansBolder/MuseoSansCyrl-900-a99953c05b708afd8537784592428600fcc9fcd02c88a43bef44a06d9496281c.eot?#iefix) format("embedded-opentype"), url(/assets/MuseoSansBolder/MuseoSansCyrl-900-85d8cbe514ab33aaba5709956db2a247516c4796b647b178de318f1821eb4f6e.woff) format("woff"), url(/assets/MuseoSansBolder/MuseoSansCyrl-900-aa649525094cda92cb3986964636aaf50168ffc7cf47316a7f160b1e83d945ef.ttf) format("truetype");
}

@font-face {
  font-family: "MuseoSansCyrl";
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-edaf1a4c712d0a921c99c70b51fbcd43f3fe774031d60b705b0c8b1f61fb0d3c.eot);
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-edaf1a4c712d0a921c99c70b51fbcd43f3fe774031d60b705b0c8b1f61fb0d3c.eot?#iefix) format("embedded-opentype"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-1592287f04cd233e67056fdde5ff10e5dacd6a06f53b75c4ec5ea5bb73cce497.woff) format("woff"), url(/assets/MuseoSansMedium/MuseoSansCyrl-500-aa7087b6557d15a0c17def99fa28a7f0c19005911ddcc1670fed21a7d18e2edb.ttf) format("truetype");
}

@font-face {
  font-family: "MuseoSansCyrl";
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansBold/MuseoSansCyrl-700-264ade32c0ce47b920f31c76f4d17b91cadda1f0b732dfb1b758985189cbe7ad.eot);
  src: local("MuseoSansCyrl"), url(/assets/MuseoSansBold/MuseoSansCyrl-700-264ade32c0ce47b920f31c76f4d17b91cadda1f0b732dfb1b758985189cbe7ad.eot?#iefix) format("embedded-opentype"), url(/assets/MuseoSansBold/MuseoSansCyrl-700-05c033a57ef4db8338c32810f68bd2cabc0dfa06032dd2c728b512c728b8432a.woff) format("woff"), url(/assets/MuseoSansBold/MuseoSansCyrl-700-d70c51b85483271d16930b554c058c2756236c085a0f72ac9544b034453095ca.ttf) format("truetype");
}

/* line 1, app/assets/stylesheets/utils/grid.scss */
.container-new {
  width: 1340px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1400px) {
  /* line 1, app/assets/stylesheets/utils/grid.scss */
  .container-new {
    width: 1140px;
  }
}

@media screen and (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/utils/grid.scss */
  .container-new {
    width: 1040px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/utils/grid.scss */
  .container-new {
    width: 960px;
  }
}

@media screen and (max-width: 992px) {
  /* line 1, app/assets/stylesheets/utils/grid.scss */
  .container-new {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }
}

@media screen and (max-width: 440px) {
  /* line 1, app/assets/stylesheets/utils/grid.scss */
  .container-new {
    padding-right: 16px;
    padding-left: 16px;
  }
}

/* line 1, app/assets/stylesheets/utils/layers.scss */
:root {
  --layer-decor: 80;
  --layer-dialog: 90;
  --layer-nav: 100;
  --layer-popup: 120;
  --layer-tooltip: 130;
}

/* line 1, app/assets/stylesheets/utils/vars-root.scss */
:root {
  --baseFontSize: 16px;
  --fontMuseo: MuseoSansCyrl, sans-serif;
  --white: #ffffff;
  --colorOpaque: #abadbe;
  --black: #353854;
  --mainTitleColor: #353854;
  --mainBlue: #0f8bfe;
  --blue: #1770eb;
  --platinumGray: #E1E3E9;
  --dirtyWhite: #f7f7f9;
  --grey: #99A6B9;
  --greyAlto: #D5D5D5;
  --light-gray: #f6f7fb;
  --dark-gray: #8689A2;
  --citron: #96BE1E;
  --deepBlack: #1c2130;
  --frost: #F4F8E8;
  --middleBlue: #D8E9FF;
  --lightBlue: #eef5ff;
  --dark-bg: #51557F;
  --sky-blue: #1866d1;
  --red: #F81732;
  --header-height: 120px;
}

/* line 1, app/assets/stylesheets/section/faq.scss */
.faq-section {
  background: #EEF5FF;
  font-family: var(--baseFontSize);
}

/* line 5, app/assets/stylesheets/section/faq.scss */
.faq-section .container-new {
  padding-top: 140px;
  padding-bottom: 140px;
  display: grid;
  gap: 90px;
  grid-template-columns: 480px 1fr;
}

@media screen and (max-width: 992px) {
  /* line 5, app/assets/stylesheets/section/faq.scss */
  .faq-section .container-new {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* line 20, app/assets/stylesheets/section/faq.scss */
.faq-section__title h2 {
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
}

@media screen and (max-width: 992px) {
  /* line 20, app/assets/stylesheets/section/faq.scss */
  .faq-section__title h2 {
    font-size: 30px;
    line-height: 36px;
  }
}

/* line 31, app/assets/stylesheets/section/faq.scss */
.faq-section__items {
  margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
  /* line 31, app/assets/stylesheets/section/faq.scss */
  .faq-section__items {
    margin-bottom: 32px;
  }
}

/* line 38, app/assets/stylesheets/section/faq.scss */
.faq-section__item {
  padding: 40px 0;
  border-bottom: 1.5px solid #99A6B9;
}

@media screen and (max-width: 992px) {
  /* line 38, app/assets/stylesheets/section/faq.scss */
  .faq-section__item {
    padding: 24px 0;
  }
}

/* line 45, app/assets/stylesheets/section/faq.scss */
.faq-section__item:first-child {
  padding-top: 0;
}

@media screen and (max-width: 992px) {
  /* line 45, app/assets/stylesheets/section/faq.scss */
  .faq-section__item:first-child {
    padding-top: 24px;
    border-top: 1.5px solid #99A6B9;
  }
}

/* line 53, app/assets/stylesheets/section/faq.scss */
.faq-section__item .name {
  position: relative;
  padding-right: 120px;
  font-weight: 600;
  font-size: 26px;
  line-height: 34px;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  /* line 53, app/assets/stylesheets/section/faq.scss */
  .faq-section__item .name {
    padding-right: 40px;
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 66, app/assets/stylesheets/section/faq.scss */
.faq-section__item .name i {
  width: 40px;
  height: 40px;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1.5px solid var(--blue);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 992px) {
  /* line 66, app/assets/stylesheets/section/faq.scss */
  .faq-section__item .name i {
    width: 24px;
    height: 24px;
  }
}

/* line 89, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content {
  overflow: hidden;
  height: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

/* line 96, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content * {
  font-size: 16px;
  line-height: 24px;
}

/* line 101, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content h1,
.faq-section__item .content h2,
.faq-section__item .content h3 {
  margin: 32px 0 16px;
  font-weight: bold;
}

/* line 108, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content h2 {
  margin: 32px 0 16px;
  font-size: 21px;
}

/* line 113, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content h3 {
  margin: 16px 0;
  font-size: 18px;
}

/* line 118, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content p {
  margin: 16px 0;
}

/* line 123, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ul li {
  position: relative;
  padding-left: 24px;
}

/* line 127, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ul li::before {
  content: '•';
  position: absolute;
  left: 10px;
  top: 0;
}

/* line 136, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ol {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
  counter-reset: li;
}

/* line 144, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ol li {
  padding-left: 32px;
  position: relative;
  counter-increment: li;
}

/* line 149, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ol li::before {
  font-weight: bold;
  content: counter(li) ".";
  color: var(--blue);
  position: absolute;
  left: 0;
}

/* line 162, app/assets/stylesheets/section/faq.scss */
.faq-section__item.active .name i {
  transform: translateY(-50%) rotate(180deg);
  background: var(--blue);
}

/* line 167, app/assets/stylesheets/section/faq.scss */
.faq-section__item.active .name i svg path {
  stroke: #ffffff;
}

/* line 174, app/assets/stylesheets/section/faq.scss */
.faq-section__item.active .content {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  /* line 174, app/assets/stylesheets/section/faq.scss */
  .faq-section__item.active .content {
    margin-top: 16px;
  }
}

/* line 184, app/assets/stylesheets/section/faq.scss */
.faq-section__link .link-ui {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
}

@media (max-width: 992px) {
  /* line 184, app/assets/stylesheets/section/faq.scss */
  .faq-section__link .link-ui {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 1, app/assets/stylesheets/section/footer.scss */
footer {
  background: var(--deepBlack);
  padding-top: 80px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/section/footer.scss */
  footer {
    padding-top: 32px;
  }
}

/* line 9, app/assets/stylesheets/section/footer.scss */
footer .footer_head {
  margin-bottom: 64px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 198px 306px 198px 203px;
}

@media (max-width: 992px) {
  /* line 9, app/assets/stylesheets/section/footer.scss */
  footer .footer_head {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 9, app/assets/stylesheets/section/footer.scss */
  footer .footer_head {
    grid-template-columns: 1fr;
  }
}

/* line 21, app/assets/stylesheets/section/footer.scss */
footer .footer_head a,
footer .footer_head p {
  color: #ffffff;
  transition: all 0.3s;
}

/* line 27, app/assets/stylesheets/section/footer.scss */
footer .footer_head a:hover {
  opacity: 0.8;
}

/* line 31, app/assets/stylesheets/section/footer.scss */
footer .footer_head .navigation {
  display: grid;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  /* line 31, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .navigation {
    margin-bottom: 32px;
  }
}

/* line 38, app/assets/stylesheets/section/footer.scss */
footer .footer_head .navigation a {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  /* line 38, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .navigation a {
    font-size: 18px;
    line-height: 24px;
  }
}

/* line 49, app/assets/stylesheets/section/footer.scss */
footer .footer_head .address {
  display: grid;
  align-content: flex-start;
  gap: 16px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  /* line 49, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .address {
    gap: 6px;
    margin-bottom: 32px;
  }
}

/* line 59, app/assets/stylesheets/section/footer.scss */
footer .footer_head .address a,
footer .footer_head .address p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 768px) {
  /* line 59, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .address a,
footer .footer_head .address p {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 70, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts {
  display: grid;
  gap: 4px;
  align-content: flex-start;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  /* line 70, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts {
    margin-bottom: 32px;
    gap: 12px;
    padding-bottom: 0;
  }
}

/* line 81, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email {
  display: grid;
  grid-template-columns: max-content;
  gap: 6px;
  margin-top: 12px;
}

@media (max-width: 768px) {
  /* line 81, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .email {
    margin-top: 0;
  }
}

/* line 90, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__copy {
  display: grid;
  min-width: 177px;
  grid-template-columns: 24px auto;
  gap: 10px;
  padding: 11px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: start;
  border-radius: 10px;
  border: 1.5px solid var(--blue);
  color: var(--blue);
  background-color: transparent;
}

/* line 107, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__copy.active::before {
  background-image: url(/assets/icons/icon_done-8ba155211d8c7a59b34e796683547069f55406611fb0cfb14a4b47792b55c4d6.svg);
}

/* line 112, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__copy::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(/assets/icon_mail_blue-d5fac81e6349bac246dcb48b5624d842a6942cf270e576b0f90601f5601e2d71.svg);
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  /* line 90, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .email__copy {
    display: none;
  }
}

/* line 126, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__link {
  display: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: white;
}

@media (max-width: 768px) {
  /* line 126, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .email__link {
    display: block;
  }
}

/* line 138, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(5, 24px);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 138, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .messengers {
    margin-top: 0;
  }
}

/* line 148, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a {
  width: 23px;
  height: 23px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 155, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.wa {
  background-image: url(/assets/logo_whatsapp-b62ede4723c78fc30585adb135a0b7d5c37701fcb81f01e7968537ca8e086094.svg);
}

/* line 159, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.tg {
  background-image: url(/assets/logo_tg-b4c4277803c67160b1faba012841f852c7e6b69992c628e40d36220fff9555a2.svg);
}

/* line 163, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.vk {
  background-image: url(/assets/icons/logo_vk_monochrome-43b4e9b28f2f288990f291cfb9eb2e76a3ce3817f91b8dd406d6ea9777b68a36.svg);
}

/* line 167, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.tenchat {
  background-image: url(/assets/icons/icon_logo_tenchat-832570bdc8f55e2bf4c5c58f9f4806cbc96195fd2560a975fc295c551fd58f2a.svg);
}

/* line 171, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.vc {
  background-image: url(/assets/icons/icon_logo_vc-e8cadb32b23be592257f7805f4ba31095830f9df2f8c6899cfeb83a8b8a5c3a7.svg);
}

/* line 178, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents {
  display: grid;
  gap: 24px;
  align-content: flex-start;
}

/* line 183, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .button {
  margin: 0;
}

/* line 187, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .files {
  display: grid;
  gap: 8px;
  align-content: flex-start;
}

/* line 192, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .files a {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--blue);
  padding-left: 26px;
  position: relative;
  letter-spacing: 0.01em;
}

/* line 201, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .files a:before {
  content: '';
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/assets/download-ca8d37666e7e7143c97a3c8e13d9140d5ffec410fa7d896b043a09c6b0d1aa2c.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 216, app/assets/stylesheets/section/footer.scss */
footer .political {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  /* line 216, app/assets/stylesheets/section/footer.scss */
  footer .political {
    flex-wrap: wrap;
  }
  /* line 223, app/assets/stylesheets/section/footer.scss */
  footer .political .sitemap {
    display: none;
  }
  /* line 227, app/assets/stylesheets/section/footer.scss */
  footer .political p {
    margin-bottom: 12px;
  }
}

/* line 232, app/assets/stylesheets/section/footer.scss */
footer .political a,
footer .political p {
  color: var(--grey);
  font-size: 14px;
  line-height: 20px;
  transition: color 0.3s;
}

/* line 240, app/assets/stylesheets/section/footer.scss */
footer .political a:hover {
  color: #ffffff;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

/* line 4, app/assets/stylesheets/section/project_preview.scss */
section.project-preview {
  padding-top: 160px;
  padding-bottom: 160px;
  background: var(--deepBlack);
  font-family: var(--baseFontSize);
  color: #ffffff;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 4, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview {
    padding: 64px 16px;
  }
}

/* line 14, app/assets/stylesheets/section/project_preview.scss */
section.project-preview a {
  font-family: inherit;
  color: inherit;
}

/* line 19, app/assets/stylesheets/section/project_preview.scss */
section.project-preview h2 {
  font-family: inherit;
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 19, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 32px;
  }
}

/* line 33, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 33, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview .project-preview__cards {
    gap: 32px 0;
  }
}

/* line 43, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card {
  width: 425px;
  cursor: pointer;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 43, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview .project-preview__cards .card {
    width: 100%;
  }
}

/* line 50, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__image {
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

/* line 55, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__image img {
  width: 100%;
  transition: 0.5s all ease-in-out;
  border-radius: 10px;
}

/* line 62, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
}

/* line 69, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__intro {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--grey);
}

/* line 78, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card:hover .card__image img {
  transform: scale(1.1);
}

/* line 86, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__link {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel {
  background: #ffffff;
  font-family: var(--baseFontSize);
  position: relative;
}

/* line 7, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel.main-services .carousel {
  margin-bottom: 80px;
}

/* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .container-new {
  padding: 160px 0;
}

@media screen and (max-width: 1400px) {
  /* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .container-new {
    padding: 140px 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .container-new {
    padding: 60px 24px;
  }
}

@media screen and (max-width: 440px) {
  /* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .container-new {
    padding: 40px 16px;
  }
}

/* line 25, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel a {
  font-family: inherit;
  color: inherit;
}

/* line 30, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel h2 {
  font-family: inherit;
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
  /* line 30, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel h2 {
    margin-bottom: 56px;
    font-size: 30px;
    line-height: 36px;
  }
}

@media (max-width: 440px) {
  /* line 30, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel h2 {
    margin-bottom: 32px;
  }
}

/* line 46, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .carousel {
  display: block;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 46, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1440px) {
  /* line 46, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel {
    padding: 0 100px;
  }
}

/* line 57, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .carousel__wrapper {
  overflow: hidden;
}

@media (max-width: 768px) {
  /* line 57, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel__wrapper {
    width: calc(100% - 328px);
    margin: 0 auto;
  }
}

@media (max-width: 440px) {
  /* line 57, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel__wrapper {
    width: unset;
  }
}

/* line 70, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage {
  display: flex;
  gap: 30px;
  position: relative;
  width: 100%;
}

/* line 76, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card {
  min-width: calc(100% / 3 - 21px);
  cursor: pointer;
  transition: all 0.4s;
}

@media screen and (max-width: 768px) {
  /* line 76, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .stage .card {
    min-width: 100%;
  }
}

/* line 84, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__image {
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
}

/* line 89, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__image img {
  width: 100%;
  transition: 0.5s all ease-in-out;
  border-radius: 10px;
}

/* line 96, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 8px;
}

/* line 103, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__intro {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: var(--grey);
}

/* line 116, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card:hover .card__image img {
  transform: scale(1.1);
}

/* line 122, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card_two {
  min-width: calc(100% / 2 - 21px);
}

@media screen and (max-width: 768px) {
  /* line 122, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .stage .card_two {
    min-width: 100%;
  }
}

/* line 128, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card_one {
  min-width: calc(100% - 21px);
}

@media screen and (max-width: 768px) {
  /* line 128, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .stage .card_one {
    min-width: 100%;
  }
}

/* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav {
  left: -100px;
  position: absolute;
  top: 113px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  width: calc(100% + 200px);
  pointer-events: none;
}

@media screen and (max-width: 1440px) {
  /* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav {
    top: 56px;
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav {
    position: absolute;
    left: 0;
    top: calc(50% - 50px);
    width: 100%;
  }
}

@media screen and (max-width: 440px) {
  /* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav {
    position: relative;
    left: 0;
    top: 0;
    width: 104px;
  }
}

/* line 164, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav:after, .project-preview-carousel .nav:before {
  content: none;
}

/* line 169, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav .next,
.project-preview-carousel .nav .prev {
  cursor: pointer;
  background: #ffffff;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(67, 67, 67, 0.1);
}

@media (max-width: 768px) {
  /* line 169, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next,
.project-preview-carousel .nav .prev {
    width: 64px;
    height: 64px;
  }
}

@media screen and (max-width: 440px) {
  /* line 169, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next,
.project-preview-carousel .nav .prev {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 188, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next svg,
.project-preview-carousel .nav .prev svg {
    width: 28px;
    height: 24px;
  }
}

@media screen and (max-width: 440px) {
  /* line 188, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next svg,
.project-preview-carousel .nav .prev svg {
    width: 17px;
    height: 15px;
  }
}

/* line 198, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav .next svg path,
.project-preview-carousel .nav .prev svg path {
  fill: var(--blue);
}

/* line 207, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav .next {
  transform: rotate(180deg);
}

/* line 212, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel__link {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 218, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .link-ui {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 992px) {
  /* line 218, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .link-ui {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
  }
  /* line 228, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .link-ui svg {
    top: 7px;
  }
}

@media screen and (max-width: 440px) {
  /* line 218, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .link-ui {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

/* line 3, app/assets/stylesheets/pages/projects/projects-carousel.scss */
.projects-carousel.light .project-preview-carousel {
  background-color: var(--white);
}

/* line 8, app/assets/stylesheets/pages/projects/projects-carousel.scss */
.projects-carousel .project-preview-carousel {
  background-color: var(--dirtyWhite);
}

@media (max-width: 768px) {
  /* line 11, app/assets/stylesheets/pages/projects/projects-carousel.scss */
  .projects-carousel .project-preview-carousel .container-new {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 440px) {
  /* line 17, app/assets/stylesheets/pages/projects/projects-carousel.scss */
  .projects-carousel .project-preview-carousel .container-new {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 991px) {
  /* line 23, app/assets/stylesheets/pages/projects/projects-carousel.scss */
  .projects-carousel .project-preview-carousel__link {
    justify-content: flex-start;
  }
}

/* line 29, app/assets/stylesheets/pages/projects/projects-carousel.scss */
.projects-carousel .project-preview-carousel h2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  /* line 29, app/assets/stylesheets/pages/projects/projects-carousel.scss */
  .projects-carousel .project-preview-carousel h2 {
    font-size: 30px;
    line-height: 38px;
  }
}

/* line 39, app/assets/stylesheets/pages/projects/projects-carousel.scss */
.projects-carousel .project-preview-carousel .nav {
  margin-top: 24px;
}

@media (max-width: 992px) {
  /* line 39, app/assets/stylesheets/pages/projects/projects-carousel.scss */
  .projects-carousel .project-preview-carousel .nav {
    margin-top: 0;
  }
}

@media (max-width: 440px) {
  /* line 39, app/assets/stylesheets/pages/projects/projects-carousel.scss */
  .projects-carousel .project-preview-carousel .nav {
    margin-top: 24px;
  }
}

/* line 50, app/assets/stylesheets/pages/projects/projects-carousel.scss */
.projects-carousel .carousel {
  margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
  /* line 50, app/assets/stylesheets/pages/projects/projects-carousel.scss */
  .projects-carousel .carousel {
    margin-bottom: 40px;
  }
}

/* line 1, app/assets/stylesheets/components/clients.scss */
.clients {
  height: 202px;
  background-color: #f0f1f4;
  overflow: hidden;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/components/clients.scss */
  .clients {
    padding: 48px 0;
    height: 238px;
  }
}

/* line 10, app/assets/stylesheets/components/clients.scss */
.clients .container-new {
  height: 100%;
}

/* line 14, app/assets/stylesheets/components/clients.scss */
.clients-content {
  display: grid;
  grid-template-columns: 242px max-content;
  align-items: center;
  gap: 72px;
  height: 100%;
}

@media (max-width: 992px) {
  /* line 14, app/assets/stylesheets/components/clients.scss */
  .clients-content {
    grid-template-columns: max-content;
    gap: 40px;
  }
}

/* line 26, app/assets/stylesheets/components/clients.scss */
.clients-slider {
  overflow: hidden;
  mix-blend-mode: multiply;
}

@media (max-width: 992px) {
  /* line 26, app/assets/stylesheets/components/clients.scss */
  .clients-slider {
    margin-left: -16px;
  }
}

/* line 33, app/assets/stylesheets/components/clients.scss */
.clients-slider-list {
  display: flex;
  animation: scroll-left 56s linear infinite;
}

/* line 37, app/assets/stylesheets/components/clients.scss */
.clients-slider-list__item {
  display: flex;
  align-items: center;
  max-width: 160px;
}

/* line 42, app/assets/stylesheets/components/clients.scss */
.clients-slider-list__item:not(:last-of-type) {
  margin-right: 96px;
}

@media (max-width: 992px) {
  /* line 42, app/assets/stylesheets/components/clients.scss */
  .clients-slider-list__item:not(:last-of-type) {
    margin-right: 48px;
  }
}

/* line 49, app/assets/stylesheets/components/clients.scss */
.clients-slider-list__item img {
  width: 100%;
  object-fit: cover;
}

/* line 1, app/assets/stylesheets/components/post-card.scss */
.post-card {
  max-width: 408px;
}

/* line 4, app/assets/stylesheets/components/post-card.scss */
.post-card .post_item {
  position: relative;
  z-index: 1;
  width: 100%;
  background: transparent;
}

@media (max-width: 992px) {
  /* line 4, app/assets/stylesheets/components/post-card.scss */
  .post-card .post_item {
    min-width: 320px;
  }
}

/* line 15, app/assets/stylesheets/components/post-card.scss */
.post-card .post_item:hover .post_image img {
  transform: scale(1.05);
}

/* line 21, app/assets/stylesheets/components/post-card.scss */
.post-card .post_item .post_date {
  margin: 10px 0;
  text-align: left;
  color: var(--grey);
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 21, app/assets/stylesheets/components/post-card.scss */
  .post-card .post_item .post_date {
    margin: 18px 0;
    font-size: 12px;
    line-height: 16px;
  }
}

/* line 35, app/assets/stylesheets/components/post-card.scss */
.post-card .post_item .post_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: left;
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
  color: var(--black);
}

@media (max-width: 992px) {
  /* line 35, app/assets/stylesheets/components/post-card.scss */
  .post-card .post_item .post_title {
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 51, app/assets/stylesheets/components/post-card.scss */
.post-card .post_item .post_text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  overflow: hidden;
  color: var(--deepBlack);
}

/* line 65, app/assets/stylesheets/components/post-card.scss */
.post-card .post_item .post_image {
  position: relative;
  overflow: hidden;
  height: 285px;
  border-radius: 10px;
}

@media (max-width: 992px) {
  /* line 65, app/assets/stylesheets/components/post-card.scss */
  .post-card .post_item .post_image {
    height: 250px;
  }
}

/* line 75, app/assets/stylesheets/components/post-card.scss */
.post-card .post_item .post_image img {
  height: 100%;
  width: 100%;
  transition: transform 0.3s ease;
}

/* line 1, app/assets/stylesheets/components/service-card.scss */
.service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 23px;
  height: auto;
  border-radius: 30px;
  border: 1px solid var(--grey);
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/components/service-card.scss */
  .service-card {
    height: auto !important;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 18px;
    background-position-x: right;
    background-size: cover;
  }
}

@media (min-width: 993px) {
  /* line 24, app/assets/stylesheets/components/service-card.scss */
  .service-card:hover {
    background-color: var(--blue);
    color: var(--white);
  }
  /* line 29, app/assets/stylesheets/components/service-card.scss */
  .service-card:hover .link-ui {
    visibility: visible;
    color: var(--white);
  }
  /* line 33, app/assets/stylesheets/components/service-card.scss */
  .service-card:hover .link-ui svg {
    --color-svg: var(--white);
  }
}

/* line 41, app/assets/stylesheets/components/service-card.scss */
.service-card:hover:not(.disabled) .link-ui svg {
  animation: go-right 1s linear infinite;
}

/* line 48, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(1) {
  background-image: url(/assets/about/services_bg_1-4b2799b67bef0aa4c6849ffe124133e7a3b160004bd3777c47f405cfd6e637c9.svg);
}

@media (min-width: 993px) {
  /* line 51, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(1):hover {
    background-image: url(/assets/about/services_bg_dark_1-1c5774ed0b4802da30b79f49ca41ab21388c52aa36953003365b2709f128cd5a.svg);
  }
}

/* line 57, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(2) {
  background-image: url(/assets/about/services_bg_2-f83037caf2bc9d7da92ec27d0df42efe9c2d9a7f184bb268b1d65f3da353e742.svg);
}

@media (min-width: 993px) {
  /* line 60, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(2):hover {
    background-image: url(/assets/about/services_bg_dark_2-f115e12a01be30e76efb0da022a84a034fe38505332c7046c8e1ffb1d04b7287.svg);
  }
}

/* line 66, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(3) {
  background-image: url(/assets/about/services_bg_3-8e35154ec0c06c0548b4d08b77eca3e7de153ea4f3ff2f893ee8c44034697d4e.svg);
}

@media (min-width: 993px) {
  /* line 69, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(3):hover {
    background-image: url(/assets/about/services_bg_dark_3-c094b246b8061df7fcdc38a467d2949d3135dcb4c4d0359c3f3d603c2ec9f2d7.svg);
  }
}

/* line 75, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(4) {
  background-image: url(/assets/about/services_bg_4-964a9cfe5ddec6afa74091be16c6c5ba3c362a9c33102be9c1d8edec714a8a79.svg);
}

@media (min-width: 993px) {
  /* line 78, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(4):hover {
    background-image: url(/assets/about/services_bg_dark_4-920bf5fe6fb4664d3617a0748829d9b363073e8ca0011a5659ea55ef2b6ff26d.svg);
  }
}

/* line 84, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(5) {
  background-image: url(/assets/about/services_bg_5-0d4c124d8ba8f88c776152a5e007fe89f1422da359e1075c417e6a70dc3a4ed1.svg);
}

@media (min-width: 993px) {
  /* line 87, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(5):hover {
    background-image: url(/assets/about/services_bg_dark_5-aedf06e39e4cd82bf5f2ed916638d4b790da561eb7b620d67437abdb76b34163.svg);
  }
}

/* line 93, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(6) {
  background-image: url(/assets/about/services_bg_6-d32d08500bf460b7ad68a88b5de41d3d8a3e38d637e6319b2a4f0fc50f874a04.svg);
}

@media (min-width: 993px) {
  /* line 96, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(6):hover {
    background-image: url(/assets/about/services_bg_dark_6-7b4853f460c797aae6841d8fae449f9b624e2878f12efcb79e1deb369aa98c32.svg);
  }
}

/* line 102, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(7) {
  background-image: url(/assets/about/services_bg_7-d876cb745379bad85bc428a2b2bd8a1b8ab1a5dbe2b012f5d0feb1285efce9e4.svg);
}

@media (min-width: 993px) {
  /* line 105, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(7):hover {
    background-image: url(/assets/about/services_bg_dark_7-21bf526ccc3811fe2c237e95f174fff4b01a66f4cb8273ebcdb8db3393d2df23.svg);
  }
}

/* line 111, app/assets/stylesheets/components/service-card.scss */
.service-card:nth-of-type(8) {
  background-image: url(/assets/about/services_bg_8-5adb920b4df1ba8dfcba6041e134af594660b6ef0940797bccfc7d947bad63e8.svg);
}

@media (min-width: 993px) {
  /* line 114, app/assets/stylesheets/components/service-card.scss */
  .service-card:nth-of-type(8):hover {
    background-image: url(/assets/about/services_bg_dark_8-709aee302f9f4becee05bdd9e6c107abab535a77c0ea355de82605bcc7d80551.svg);
  }
}

/* line 121, app/assets/stylesheets/components/service-card.scss */
.service-card__title {
  margin-bottom: 16px;
  min-height: 96px;
}

@media (max-width: 992px) {
  /* line 121, app/assets/stylesheets/components/service-card.scss */
  .service-card__title {
    min-height: unset;
  }
}

/* line 129, app/assets/stylesheets/components/service-card.scss */
.service-card__links {
  padding-top: 11px;
  display: grid;
  gap: 8px;
}

/* line 135, app/assets/stylesheets/components/service-card.scss */
.service-card .link.mobile {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 30px;
}

@media (min-width: 993px) {
  /* line 135, app/assets/stylesheets/components/service-card.scss */
  .service-card .link.mobile {
    display: none;
  }
}

/* line 147, app/assets/stylesheets/components/service-card.scss */
.service-card .link-ui {
  margin-top: auto;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  font-weight: 600;
  visibility: hidden;
}

@media (max-width: 992px) {
  /* line 147, app/assets/stylesheets/components/service-card.scss */
  .service-card .link-ui {
    display: none;
  }
}

@media (min-width: 993px) {
  /* line 160, app/assets/stylesheets/components/service-card.scss */
  .service-card .link-ui:hover {
    opacity: 0.9;
    color: var(--white);
  }
}

/* line 166, app/assets/stylesheets/components/service-card.scss */
.service-card .link-ui svg {
  --color-svg: var(--blue);
}

/* line 1, app/assets/stylesheets/section/faq.scss */
.faq-section {
  background: #EEF5FF;
  font-family: var(--baseFontSize);
}

/* line 5, app/assets/stylesheets/section/faq.scss */
.faq-section .container-new {
  padding-top: 140px;
  padding-bottom: 140px;
  display: grid;
  gap: 90px;
  grid-template-columns: 480px 1fr;
}

@media screen and (max-width: 992px) {
  /* line 5, app/assets/stylesheets/section/faq.scss */
  .faq-section .container-new {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* line 20, app/assets/stylesheets/section/faq.scss */
.faq-section__title h2 {
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
}

@media screen and (max-width: 992px) {
  /* line 20, app/assets/stylesheets/section/faq.scss */
  .faq-section__title h2 {
    font-size: 30px;
    line-height: 36px;
  }
}

/* line 31, app/assets/stylesheets/section/faq.scss */
.faq-section__items {
  margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
  /* line 31, app/assets/stylesheets/section/faq.scss */
  .faq-section__items {
    margin-bottom: 32px;
  }
}

/* line 38, app/assets/stylesheets/section/faq.scss */
.faq-section__item {
  padding: 40px 0;
  border-bottom: 1.5px solid #99A6B9;
}

@media screen and (max-width: 992px) {
  /* line 38, app/assets/stylesheets/section/faq.scss */
  .faq-section__item {
    padding: 24px 0;
  }
}

/* line 45, app/assets/stylesheets/section/faq.scss */
.faq-section__item:first-child {
  padding-top: 0;
}

@media screen and (max-width: 992px) {
  /* line 45, app/assets/stylesheets/section/faq.scss */
  .faq-section__item:first-child {
    padding-top: 24px;
    border-top: 1.5px solid #99A6B9;
  }
}

/* line 53, app/assets/stylesheets/section/faq.scss */
.faq-section__item .name {
  position: relative;
  padding-right: 120px;
  font-weight: 600;
  font-size: 26px;
  line-height: 34px;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  /* line 53, app/assets/stylesheets/section/faq.scss */
  .faq-section__item .name {
    padding-right: 40px;
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 66, app/assets/stylesheets/section/faq.scss */
.faq-section__item .name i {
  width: 40px;
  height: 40px;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1.5px solid var(--blue);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 992px) {
  /* line 66, app/assets/stylesheets/section/faq.scss */
  .faq-section__item .name i {
    width: 24px;
    height: 24px;
  }
}

/* line 89, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content {
  overflow: hidden;
  height: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

/* line 96, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content * {
  font-size: 16px;
  line-height: 24px;
}

/* line 101, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content h1,
.faq-section__item .content h2,
.faq-section__item .content h3 {
  margin: 32px 0 16px;
  font-weight: bold;
}

/* line 108, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content h2 {
  margin: 32px 0 16px;
  font-size: 21px;
}

/* line 113, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content h3 {
  margin: 16px 0;
  font-size: 18px;
}

/* line 118, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content p {
  margin: 16px 0;
}

/* line 123, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ul li {
  position: relative;
  padding-left: 24px;
}

/* line 127, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ul li::before {
  content: '•';
  position: absolute;
  left: 10px;
  top: 0;
}

/* line 136, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ol {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
  counter-reset: li;
}

/* line 144, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ol li {
  padding-left: 32px;
  position: relative;
  counter-increment: li;
}

/* line 149, app/assets/stylesheets/section/faq.scss */
.faq-section__item .content ol li::before {
  font-weight: bold;
  content: counter(li) ".";
  color: var(--blue);
  position: absolute;
  left: 0;
}

/* line 162, app/assets/stylesheets/section/faq.scss */
.faq-section__item.active .name i {
  transform: translateY(-50%) rotate(180deg);
  background: var(--blue);
}

/* line 167, app/assets/stylesheets/section/faq.scss */
.faq-section__item.active .name i svg path {
  stroke: #ffffff;
}

/* line 174, app/assets/stylesheets/section/faq.scss */
.faq-section__item.active .content {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  /* line 174, app/assets/stylesheets/section/faq.scss */
  .faq-section__item.active .content {
    margin-top: 16px;
  }
}

/* line 184, app/assets/stylesheets/section/faq.scss */
.faq-section__link .link-ui {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
}

@media (max-width: 992px) {
  /* line 184, app/assets/stylesheets/section/faq.scss */
  .faq-section__link .link-ui {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 1, app/assets/stylesheets/section/footer.scss */
footer {
  background: var(--deepBlack);
  padding-top: 80px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/section/footer.scss */
  footer {
    padding-top: 32px;
  }
}

/* line 9, app/assets/stylesheets/section/footer.scss */
footer .footer_head {
  margin-bottom: 64px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 198px 306px 198px 203px;
}

@media (max-width: 992px) {
  /* line 9, app/assets/stylesheets/section/footer.scss */
  footer .footer_head {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 9, app/assets/stylesheets/section/footer.scss */
  footer .footer_head {
    grid-template-columns: 1fr;
  }
}

/* line 21, app/assets/stylesheets/section/footer.scss */
footer .footer_head a,
footer .footer_head p {
  color: #ffffff;
  transition: all 0.3s;
}

/* line 27, app/assets/stylesheets/section/footer.scss */
footer .footer_head a:hover {
  opacity: 0.8;
}

/* line 31, app/assets/stylesheets/section/footer.scss */
footer .footer_head .navigation {
  display: grid;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  /* line 31, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .navigation {
    margin-bottom: 32px;
  }
}

/* line 38, app/assets/stylesheets/section/footer.scss */
footer .footer_head .navigation a {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  /* line 38, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .navigation a {
    font-size: 18px;
    line-height: 24px;
  }
}

/* line 49, app/assets/stylesheets/section/footer.scss */
footer .footer_head .address {
  display: grid;
  align-content: flex-start;
  gap: 16px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  /* line 49, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .address {
    gap: 6px;
    margin-bottom: 32px;
  }
}

/* line 59, app/assets/stylesheets/section/footer.scss */
footer .footer_head .address a,
footer .footer_head .address p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 768px) {
  /* line 59, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .address a,
footer .footer_head .address p {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 70, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts {
  display: grid;
  gap: 4px;
  align-content: flex-start;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  /* line 70, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts {
    margin-bottom: 32px;
    gap: 12px;
    padding-bottom: 0;
  }
}

/* line 81, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email {
  display: grid;
  grid-template-columns: max-content;
  gap: 6px;
  margin-top: 12px;
}

@media (max-width: 768px) {
  /* line 81, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .email {
    margin-top: 0;
  }
}

/* line 90, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__copy {
  display: grid;
  min-width: 177px;
  grid-template-columns: 24px auto;
  gap: 10px;
  padding: 11px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: start;
  border-radius: 10px;
  border: 1.5px solid var(--blue);
  color: var(--blue);
  background-color: transparent;
}

/* line 107, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__copy.active::before {
  background-image: url(/assets/icons/icon_done-8ba155211d8c7a59b34e796683547069f55406611fb0cfb14a4b47792b55c4d6.svg);
}

/* line 112, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__copy::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(/assets/icon_mail_blue-d5fac81e6349bac246dcb48b5624d842a6942cf270e576b0f90601f5601e2d71.svg);
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  /* line 90, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .email__copy {
    display: none;
  }
}

/* line 126, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .email__link {
  display: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: white;
}

@media (max-width: 768px) {
  /* line 126, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .email__link {
    display: block;
  }
}

/* line 138, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(5, 24px);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 138, app/assets/stylesheets/section/footer.scss */
  footer .footer_head .contacts .messengers {
    margin-top: 0;
  }
}

/* line 148, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a {
  width: 23px;
  height: 23px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 155, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.wa {
  background-image: url(/assets/logo_whatsapp-b62ede4723c78fc30585adb135a0b7d5c37701fcb81f01e7968537ca8e086094.svg);
}

/* line 159, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.tg {
  background-image: url(/assets/logo_tg-b4c4277803c67160b1faba012841f852c7e6b69992c628e40d36220fff9555a2.svg);
}

/* line 163, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.vk {
  background-image: url(/assets/icons/logo_vk_monochrome-43b4e9b28f2f288990f291cfb9eb2e76a3ce3817f91b8dd406d6ea9777b68a36.svg);
}

/* line 167, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.tenchat {
  background-image: url(/assets/icons/icon_logo_tenchat-832570bdc8f55e2bf4c5c58f9f4806cbc96195fd2560a975fc295c551fd58f2a.svg);
}

/* line 171, app/assets/stylesheets/section/footer.scss */
footer .footer_head .contacts .messengers a.vc {
  background-image: url(/assets/icons/icon_logo_vc-e8cadb32b23be592257f7805f4ba31095830f9df2f8c6899cfeb83a8b8a5c3a7.svg);
}

/* line 178, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents {
  display: grid;
  gap: 24px;
  align-content: flex-start;
}

/* line 183, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .button {
  margin: 0;
}

/* line 187, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .files {
  display: grid;
  gap: 8px;
  align-content: flex-start;
}

/* line 192, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .files a {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--blue);
  padding-left: 26px;
  position: relative;
  letter-spacing: 0.01em;
}

/* line 201, app/assets/stylesheets/section/footer.scss */
footer .footer_head .documents .files a:before {
  content: '';
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/assets/download-ca8d37666e7e7143c97a3c8e13d9140d5ffec410fa7d896b043a09c6b0d1aa2c.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 216, app/assets/stylesheets/section/footer.scss */
footer .political {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  /* line 216, app/assets/stylesheets/section/footer.scss */
  footer .political {
    flex-wrap: wrap;
  }
  /* line 223, app/assets/stylesheets/section/footer.scss */
  footer .political .sitemap {
    display: none;
  }
  /* line 227, app/assets/stylesheets/section/footer.scss */
  footer .political p {
    margin-bottom: 12px;
  }
}

/* line 232, app/assets/stylesheets/section/footer.scss */
footer .political a,
footer .political p {
  color: var(--grey);
  font-size: 14px;
  line-height: 20px;
  transition: color 0.3s;
}

/* line 240, app/assets/stylesheets/section/footer.scss */
footer .political a:hover {
  color: #ffffff;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

/* line 4, app/assets/stylesheets/section/project_preview.scss */
section.project-preview {
  padding-top: 160px;
  padding-bottom: 160px;
  background: var(--deepBlack);
  font-family: var(--baseFontSize);
  color: #ffffff;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 4, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview {
    padding: 64px 16px;
  }
}

/* line 14, app/assets/stylesheets/section/project_preview.scss */
section.project-preview a {
  font-family: inherit;
  color: inherit;
}

/* line 19, app/assets/stylesheets/section/project_preview.scss */
section.project-preview h2 {
  font-family: inherit;
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 19, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 32px;
  }
}

/* line 33, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 33, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview .project-preview__cards {
    gap: 32px 0;
  }
}

/* line 43, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card {
  width: 425px;
  cursor: pointer;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 43, app/assets/stylesheets/section/project_preview.scss */
  section.project-preview .project-preview__cards .card {
    width: 100%;
  }
}

/* line 50, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__image {
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

/* line 55, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__image img {
  width: 100%;
  transition: 0.5s all ease-in-out;
  border-radius: 10px;
}

/* line 62, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
}

/* line 69, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card__intro {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--grey);
}

/* line 78, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__cards .card:hover .card__image img {
  transform: scale(1.1);
}

/* line 86, app/assets/stylesheets/section/project_preview.scss */
section.project-preview .project-preview__link {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel {
  background: #ffffff;
  font-family: var(--baseFontSize);
  position: relative;
}

/* line 7, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel.main-services .carousel {
  margin-bottom: 80px;
}

/* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .container-new {
  padding: 160px 0;
}

@media screen and (max-width: 1400px) {
  /* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .container-new {
    padding: 140px 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .container-new {
    padding: 60px 24px;
  }
}

@media screen and (max-width: 440px) {
  /* line 12, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .container-new {
    padding: 40px 16px;
  }
}

/* line 25, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel a {
  font-family: inherit;
  color: inherit;
}

/* line 30, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel h2 {
  font-family: inherit;
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
  /* line 30, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel h2 {
    margin-bottom: 56px;
    font-size: 30px;
    line-height: 36px;
  }
}

@media (max-width: 440px) {
  /* line 30, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel h2 {
    margin-bottom: 32px;
  }
}

/* line 46, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .carousel {
  display: block;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 46, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1440px) {
  /* line 46, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel {
    padding: 0 100px;
  }
}

/* line 57, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .carousel__wrapper {
  overflow: hidden;
}

@media (max-width: 768px) {
  /* line 57, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel__wrapper {
    width: calc(100% - 328px);
    margin: 0 auto;
  }
}

@media (max-width: 440px) {
  /* line 57, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .carousel__wrapper {
    width: unset;
  }
}

/* line 70, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage {
  display: flex;
  gap: 30px;
  position: relative;
  width: 100%;
}

/* line 76, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card {
  min-width: calc(100% / 3 - 21px);
  cursor: pointer;
  transition: all 0.4s;
}

@media screen and (max-width: 768px) {
  /* line 76, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .stage .card {
    min-width: 100%;
  }
}

/* line 84, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__image {
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
}

/* line 89, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__image img {
  width: 100%;
  transition: 0.5s all ease-in-out;
  border-radius: 10px;
}

/* line 96, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 8px;
}

/* line 103, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card__intro {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: var(--grey);
}

/* line 116, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card:hover .card__image img {
  transform: scale(1.1);
}

/* line 122, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card_two {
  min-width: calc(100% / 2 - 21px);
}

@media screen and (max-width: 768px) {
  /* line 122, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .stage .card_two {
    min-width: 100%;
  }
}

/* line 128, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .stage .card_one {
  min-width: calc(100% - 21px);
}

@media screen and (max-width: 768px) {
  /* line 128, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .stage .card_one {
    min-width: 100%;
  }
}

/* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav {
  left: -100px;
  position: absolute;
  top: 113px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  width: calc(100% + 200px);
  pointer-events: none;
}

@media screen and (max-width: 1440px) {
  /* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav {
    top: 56px;
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav {
    position: absolute;
    left: 0;
    top: calc(50% - 50px);
    width: 100%;
  }
}

@media screen and (max-width: 440px) {
  /* line 136, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav {
    position: relative;
    left: 0;
    top: 0;
    width: 104px;
  }
}

/* line 164, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav:after, .project-preview-carousel .nav:before {
  content: none;
}

/* line 169, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav .next,
.project-preview-carousel .nav .prev {
  cursor: pointer;
  background: #ffffff;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(67, 67, 67, 0.1);
}

@media (max-width: 768px) {
  /* line 169, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next,
.project-preview-carousel .nav .prev {
    width: 64px;
    height: 64px;
  }
}

@media screen and (max-width: 440px) {
  /* line 169, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next,
.project-preview-carousel .nav .prev {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 188, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next svg,
.project-preview-carousel .nav .prev svg {
    width: 28px;
    height: 24px;
  }
}

@media screen and (max-width: 440px) {
  /* line 188, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .nav .next svg,
.project-preview-carousel .nav .prev svg {
    width: 17px;
    height: 15px;
  }
}

/* line 198, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav .next svg path,
.project-preview-carousel .nav .prev svg path {
  fill: var(--blue);
}

/* line 207, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .nav .next {
  transform: rotate(180deg);
}

/* line 212, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel__link {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 218, app/assets/stylesheets/section/project_preview_carousel.scss */
.project-preview-carousel .link-ui {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 992px) {
  /* line 218, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .link-ui {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
  }
  /* line 228, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .link-ui svg {
    top: 7px;
  }
}

@media screen and (max-width: 440px) {
  /* line 218, app/assets/stylesheets/section/project_preview_carousel.scss */
  .project-preview-carousel .link-ui {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

/* line 2, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-dialog {
  width: 800px;
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/modal/ask-price.scss */
  .modal-ask-price .modal-dialog {
    width: 100%;
    margin: 0;
    position: absolute;
  }
}

/* line 11, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content {
  display: grid;
  gap: 32px;
}

@media screen and (max-width: 768px) {
  /* line 11, app/assets/stylesheets/modal/ask-price.scss */
  .modal-ask-price .modal-content {
    padding: 56px 16px;
  }
}

/* line 18, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
}

/* line 24, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 24, app/assets/stylesheets/modal/ask-price.scss */
  .modal-ask-price .modal-content p {
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 34, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content .header {
  display: grid;
  gap: 24px;
  max-width: 582px;
}

/* line 40, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form {
  display: grid;
  gap: 24px;
}

/* line 49, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container {
  margin-top: 32px;
}

/* line 52, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container .submit {
  margin-bottom: 16px;
}

/* line 68, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container .policy a,
.modal-ask-price .modal-content form .submit-container .policy p {
  font-size: 14px;
  line-height: 20px;
  color: var(--grey);
  font-weight: 300;
}

/* line 76, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container .policy a {
  text-decoration: underline;
  color: #1770EB;
}

/* line 1, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime {
  font-family: var(--baseFontSize);
  color: var(--deepBlack);
}

/* line 5, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog {
  width: 800px;
  height: 508px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 5, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog {
    width: 100vw;
    height: 100vh;
    margin: 0;
  }
}

/* line 14, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content {
  height: 100%;
  padding: 24px 24px 48px 48px;
  position: relative;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 14, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content {
    padding: 28px 16px;
  }
}

/* line 22, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-header {
  display: flex;
  border: none;
  margin-bottom: 46px;
  position: relative;
  padding: 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 22, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-header {
    margin-bottom: 32px;
  }
}

/* line 32, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-header h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  margin-top: 24px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 32, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-header h4 {
    font-size: 22px;
    line-height: 28px;
    margin-top: 30px;
  }
}

/* line 44, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-header .btn-close {
  top: 24px;
  right: 24px;
  position: absolute;
  height: 25px;
  width: 25px;
  background: url(/assets/close-black-4c6501cbf9d05dfdff319348dcf5f07620b5d57da450a38cb6253b685c555b9a.svg) no-repeat center;
  background-size: contain;
  border: none;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 44, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-header .btn-close {
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
  }
}

/* line 62, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body {
  margin-bottom: 56px;
  border: none;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 62, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
}

/* line 69, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body p {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 16px;
}

/* line 76, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .modal-date {
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 76, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-body .modal-date {
    margin-bottom: 32px;
  }
}

/* line 83, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .modal-time {
  display: none;
}

/* line 86, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .modal-time.active {
  display: block;
}

/* line 91, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .date-items {
  display: flex;
}

/* line 95, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .time-items {
  display: none;
}

/* line 98, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .time-items.active {
  display: flex;
}

/* line 103, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .date-items,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items {
  gap: 16px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 103, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-body .date-items,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items {
    flex-wrap: wrap;
  }
}

/* line 110, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .date-item,
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .time-item,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .date-item,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .time-item {
  background: var(--lightBlue);
  border: none;
  border-radius: 4px;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--deepBlack);
}

/* line 120, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .date-item:disabled,
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .time-item:disabled,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .date-item:disabled,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .time-item:disabled {
  color: var(--grey);
}

/* line 124, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .date-item.active,
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .time-item.active,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .date-item.active,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .time-item.active {
  background: var(--blue);
  color: #ffffff;
}

/* line 130, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .date-item,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .date-item {
  padding: 8px 16px;
}

/* line 134, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-body .date-items .time-item,
#modalCallTime .modal-dialog .modal-content .modal-body .time-items .time-item {
  padding: 8px 16px;
  max-width: 74px;
}

/* line 141, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-footer {
  position: absolute;
  bottom: 48px;
  display: flex;
  border: none;
  padding: 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 141, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-footer {
    width: calc(100% - 32px);
  }
}

/* line 151, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-footer .btn-submit {
  background: var(--blue);
  border: none;
  border-radius: 10px;
  width: 220px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  letter-spacing: 0.01em;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 151, app/assets/stylesheets/modal/time/call-time.scss */
  #modalCallTime .modal-dialog .modal-content .modal-footer .btn-submit {
    width: 100%;
  }
}

/* line 169, app/assets/stylesheets/modal/time/call-time.scss */
#modalCallTime .modal-dialog .modal-content .modal-footer .btn-submit:disabled {
  color: var(--grey);
  background: var(--lightBlue);
}

/* line 2, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-dialog {
  width: 800px;
}

@media (max-width: 992px) {
  /* line 2, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-dialog {
    width: calc(100% - 20px);
  }
}

/* line 9, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content {
  padding-bottom: 50px;
}

@media (max-width: 992px) {
  /* line 9, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-content {
    padding-bottom: 24px;
  }
}

/* line 16, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .header {
  display: grid;
  gap: 24px;
  margin-bottom: 32px;
}

/* line 21, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .header h4 {
  font-size: 34px;
  line-height: 42px;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 21, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-content .header h4 {
    font-size: 32px;
    line-height: 40px;
  }
}

/* line 32, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .header .city {
  color: var(--blue);
}

/* line 37, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .fieldset {
  margin-bottom: 24px;
}

/* line 41, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy {
  margin-top: 16px;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy-checkbox {
  display: grid;
  grid-template-columns: 24px 1fr;
  justify-content: flex-start;
  gap: 16px;
  align-content: center;
}

/* line 52, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy-checkbox .custom-checkbox {
  margin: 0;
}

@media (max-width: 768px) {
  /* line 41, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-content .policy {
    font-size: 15px;
    line-height: 19px;
  }
}

/* line 64, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy a,
.modal-vacancy .modal-content .policy p {
  font-size: 14px;
  line-height: 20px;
  color: var(--grey);
  font-weight: 300;
}

/* line 72, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy a {
  text-decoration: underline;
  color: #1770EB;
}

/* line 2, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-dialog {
  width: 800px;
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/modal/ask-price.scss */
  .modal-ask-price .modal-dialog {
    width: 100%;
    margin: 0;
    position: absolute;
  }
}

/* line 11, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content {
  display: grid;
  gap: 32px;
}

@media screen and (max-width: 768px) {
  /* line 11, app/assets/stylesheets/modal/ask-price.scss */
  .modal-ask-price .modal-content {
    padding: 56px 16px;
  }
}

/* line 18, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
}

/* line 24, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 24, app/assets/stylesheets/modal/ask-price.scss */
  .modal-ask-price .modal-content p {
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 34, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content .header {
  display: grid;
  gap: 24px;
  max-width: 582px;
}

/* line 40, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form {
  display: grid;
  gap: 24px;
}

/* line 49, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container {
  margin-top: 32px;
}

/* line 52, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container .submit {
  margin-bottom: 16px;
}

/* line 68, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container .policy a,
.modal-ask-price .modal-content form .submit-container .policy p {
  font-size: 14px;
  line-height: 20px;
  color: var(--grey);
  font-weight: 300;
}

/* line 76, app/assets/stylesheets/modal/ask-price.scss */
.modal-ask-price .modal-content form .submit-container .policy a {
  text-decoration: underline;
  color: #1770EB;
}

/* line 2, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-dialog {
  width: 800px;
}

@media (max-width: 992px) {
  /* line 2, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-dialog {
    width: calc(100% - 20px);
  }
}

/* line 9, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content {
  padding-bottom: 50px;
}

@media (max-width: 992px) {
  /* line 9, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-content {
    padding-bottom: 24px;
  }
}

/* line 16, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .header {
  display: grid;
  gap: 24px;
  margin-bottom: 32px;
}

/* line 21, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .header h4 {
  font-size: 34px;
  line-height: 42px;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 21, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-content .header h4 {
    font-size: 32px;
    line-height: 40px;
  }
}

/* line 32, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .header .city {
  color: var(--blue);
}

/* line 37, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .fieldset {
  margin-bottom: 24px;
}

/* line 41, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy {
  margin-top: 16px;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy-checkbox {
  display: grid;
  grid-template-columns: 24px 1fr;
  justify-content: flex-start;
  gap: 16px;
  align-content: center;
}

/* line 52, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy-checkbox .custom-checkbox {
  margin: 0;
}

@media (max-width: 768px) {
  /* line 41, app/assets/stylesheets/modal/vacancy.scss */
  .modal-vacancy .modal-content .policy {
    font-size: 15px;
    line-height: 19px;
  }
}

/* line 64, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy a,
.modal-vacancy .modal-content .policy p {
  font-size: 14px;
  line-height: 20px;
  color: var(--grey);
  font-weight: 300;
}

/* line 72, app/assets/stylesheets/modal/vacancy.scss */
.modal-vacancy .modal-content .policy a {
  text-decoration: underline;
  color: #1770EB;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-90%);
  }
}

/* line 1, app/assets/stylesheets/ui/attach-field.scss */
.attach-field {
  width: 100%;
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .attach-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: var(--blue);
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

@media (max-width: 992px) {
  /* line 5, app/assets/stylesheets/ui/attach-field.scss */
  .attach-field .attach-button {
    padding: 12px 0;
    height: 48px;
  }
  /* line 18, app/assets/stylesheets/ui/attach-field.scss */
  .attach-field .attach-button svg {
    width: 18px;
    height: 18px;
  }
}

/* line 24, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .attach-button:hover {
  background-color: var(--sky-blue);
}

/* line 29, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .label-wrapper {
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 992px) {
  /* line 29, app/assets/stylesheets/ui/attach-field.scss */
  .attach-field .label-wrapper {
    grid-template-columns: 48px 1fr;
  }
}

/* line 42, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .label-wrapper label {
  margin-bottom: 0;
}

/* line 46, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .label-wrapper .attach-info {
  width: 100%;
  overflow: hidden;
}

/* line 50, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .label-wrapper .attach-info__title {
  font-weight: 600;
}

/* line 54, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .label-wrapper .attach-info__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 992px) {
  /* line 54, app/assets/stylesheets/ui/attach-field.scss */
  .attach-field .label-wrapper .attach-info__text {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 66, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .file-info-block {
  display: grid;
  grid-template-columns: 1fr 24px;
  gap: 4px;
  align-items: center;
}

/* line 72, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .file-info-block .file-name {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
  color: var(--grey);
  text-decoration: underline;
  white-space: nowrap;
}

/* line 82, app/assets/stylesheets/ui/attach-field.scss */
.attach-field .file-info-block .del-file-btn {
  width: 24px;
  height: 24px;
  background-image: url(/assets/icons/icon_delete_filled-aa24cd1e5f340dbb856869cac0af0aad9de388ff320892ee25c3574f48cabbe8.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/* line 92, app/assets/stylesheets/ui/attach-field.scss */
.attach-field input[type="file"] {
  display: none;
}

/* line 1, app/assets/stylesheets/ui/award-label.scss */
.award-label {
  position: absolute;
  left: 22px;
  top: 0;
  z-index: 100;
  display: flex;
  width: calc(100% - 24px);
}

/* line 9, app/assets/stylesheets/ui/award-label.scss */
.award-label .award-place {
  display: inline-block;
  width: 42px;
  height: 56px;
  flex-shrink: 0;
}

/* line 15, app/assets/stylesheets/ui/award-label.scss */
.award-label .award-place.first {
  background: url(/assets/icons/icon_medal_first-c8b8aba3ae2b8086852a24f016ac9c23d374b214b7c4114d197b42d833d1d28b.svg) no-repeat;
}

/* line 19, app/assets/stylesheets/ui/award-label.scss */
.award-label .award-place.second {
  background: url(/assets/icons/icon_medal_second-80d95051732eb3f40c7f8e650526f973427b557964b39dcab61f43dd05769b28.svg) no-repeat;
}

/* line 23, app/assets/stylesheets/ui/award-label.scss */
.award-label .award-place.third {
  background: url(/assets/icons/icon_medal_third-1ea4b3d68de0a11f432265899858184b0555a843702d9bd44e2374399c2149f6.svg) no-repeat;
}

/* line 27, app/assets/stylesheets/ui/award-label.scss */
.award-label .award-place.finalist {
  background: url(/assets/icons/icon_medal_final-14bca8446babf52b007ea4014ea12cf30071d874f336da83dc62e92073e9bb19.svg) no-repeat;
}

/* line 32, app/assets/stylesheets/ui/award-label.scss */
.award-label .award-name {
  display: inline-block;
  height: fit-content;
  margin: 15px 0 0 8px;
  padding: 4px 16px;
  background: var(--deepBlack);
  border-radius: 10px;
  color: var(--white);
  vertical-align: top;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  opacity: 0.8;
}

/* line 1, app/assets/stylesheets/ui/breadcrumbs.scss */
.breadcrumbs {
  margin: 32px 0;
  font-family: var(--baseFontSize);
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/ui/breadcrumbs.scss */
  .breadcrumbs {
    margin-top: 16px;
    line-height: 21px;
  }
}

/* line 9, app/assets/stylesheets/ui/breadcrumbs.scss */
.breadcrumbs a,
.breadcrumbs span {
  color: var(--grey);
  font-weight: 300;
  font-size: 15px;
  line-height: 19px;
  transition: color 0.3s;
  position: relative;
}

/* line 19, app/assets/stylesheets/ui/breadcrumbs.scss */
.breadcrumbs a:hover {
  color: #222121;
}

/* line 22, app/assets/stylesheets/ui/breadcrumbs.scss */
.breadcrumbs a:hover:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #222121;
}

/* line 32, app/assets/stylesheets/ui/breadcrumbs.scss */
.breadcrumbs a:hover span {
  color: inherit;
}

/* line 37, app/assets/stylesheets/ui/breadcrumbs.scss */
.breadcrumbs .separator {
  margin: 0 8px;
}

/* line 41, app/assets/stylesheets/ui/breadcrumbs.scss */
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 1rem;
  list-style: none;
}

/* line 1, app/assets/stylesheets/ui/button.scss */
.button {
  display: inline-flex;
  align-items: center;
  font-family: var(--fontMuseo);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-decoration: none;
  padding: 0 20px;
  border-radius: 10px;
  width: 220px;
  height: 56px;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/ui/button.scss */
  .button {
    width: 100%;
    height: 48px;
  }
}

/* line 28, app/assets/stylesheets/ui/button.scss */
.button.button-primary {
  background: var(--blue);
  color: #ffffff;
  border: none;
}

/* line 33, app/assets/stylesheets/ui/button.scss */
.button.button-primary:hover {
  background: #1866d1;
}

/* line 37, app/assets/stylesheets/ui/button.scss */
.button.button-primary[disabled] {
  background-color: var(--platinumGray);
}

/* line 42, app/assets/stylesheets/ui/button.scss */
.button.lg {
  width: unset;
  height: 56px;
  padding: 0 30px;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  /* line 42, app/assets/stylesheets/ui/button.scss */
  .button.lg {
    width: 100%;
    height: 48px;
  }
}

/* line 53, app/assets/stylesheets/ui/button.scss */
.button.medium {
  width: 198px;
  height: 48px;
}

@media (max-width: 767px) {
  /* line 53, app/assets/stylesheets/ui/button.scss */
  .button.medium {
    width: 100%;
  }
}

/* line 61, app/assets/stylesheets/ui/button.scss */
.button.outlined {
  border: 1.5px solid var(--blue);
  background-color: var(--white);
  border-radius: 10px;
  color: var(--blue);
  text-align: center;
}

/* line 68, app/assets/stylesheets/ui/button.scss */
.button.outlined:hover {
  background-color: var(--lightBlue);
}

/* line 72, app/assets/stylesheets/ui/button.scss */
.button.outlined[disabled] {
  color: #e1e3e9;
  background-color: var(--white);
  border-color: #e1e3e9;
}

/* line 1, app/assets/stylesheets/ui/checkbox.scss */
.checkbox {
  height: 24px;
}

/* line 4, app/assets/stylesheets/ui/checkbox.scss */
.checkbox input {
  display: none;
}

/* line 8, app/assets/stylesheets/ui/checkbox.scss */
.checkbox label {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 2, app/assets/stylesheets/ui/checkbox_chips.scss */
.checkbox-chips input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* line 8, app/assets/stylesheets/ui/checkbox_chips.scss */
.checkbox-chips label {
  min-height: 24px;
  display: block;
  padding: 8px 16px;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  color: inherit;
  background: var(--lightBlue);
  border-radius: 50px;
  user-select: none;
  cursor: pointer;
}

@media (min-width: 769px) {
  /* line 23, app/assets/stylesheets/ui/checkbox_chips.scss */
  .checkbox-chips label:hover {
    background-color: var(--middleBlue);
  }
}

@media screen and (max-width: 768px) {
  /* line 8, app/assets/stylesheets/ui/checkbox_chips.scss */
  .checkbox-chips label {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 33, app/assets/stylesheets/ui/checkbox_chips.scss */
.checkbox-chips input:checked + label {
  background-color: var(--blue);
  color: var(--white);
}

/* line 1, app/assets/stylesheets/ui/chips.scss */
.group-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* line 7, app/assets/stylesheets/ui/chips.scss */
.group-chips.primary .chips {
  padding: 7px 16px;
  border-radius: 10px;
  background-color: var(--middleBlue);
  border-color: var(--middleBlue);
  font-weight: 300;
  color: var(--black);
}

/* line 17, app/assets/stylesheets/ui/chips.scss */
.group-chips .new {
  width: 100%;
}

/* line 21, app/assets/stylesheets/ui/chips.scss */
.group-chips .chips {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 55px;
  padding: 10px 16px;
  border-radius: 50px;
  border: 1px solid var(--grey);
  font-size: 14px;
  line-height: 18px;
}

/* line 1, app/assets/stylesheets/ui/field-group.scss */
.form-group-box {
  display: grid;
  gap: 32px;
}

@media (max-width: 440px) {
  /* line 1, app/assets/stylesheets/ui/field-group.scss */
  .form-group-box {
    gap: 16px;
  }
}

/* line 10, app/assets/stylesheets/ui/field-group.scss */
.field-group {
  display: grid;
}

/* line 13, app/assets/stylesheets/ui/field-group.scss */
.field-group.triple {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 440px) {
  /* line 13, app/assets/stylesheets/ui/field-group.scss */
  .field-group.triple {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 1, app/assets/stylesheets/ui/fieldset.scss */
.fieldset {
  display: grid;
  gap: 32px;
  overflow: hidden;
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/ui/fieldset.scss */
  .fieldset {
    gap: 16px;
  }
}

/* line 3, app/assets/stylesheets/ui/form-field.scss */
.form-field.darkField input,
.form-field.darkField textarea {
  background-color: var(--black);
}

/* line 7, app/assets/stylesheets/ui/form-field.scss */
.form-field.darkField input:hover,
.form-field.darkField textarea:hover {
  background-color: var(--dark-bg);
}

/* line 14, app/assets/stylesheets/ui/form-field.scss */
.form-field.light input,
.form-field.light textarea {
  border-color: var(--grey);
  background-color: var(--white);
}

/* line 19, app/assets/stylesheets/ui/form-field.scss */
.form-field.light input:focus,
.form-field.light textarea:focus {
  border-color: var(--blue);
}

@media (min-width: 440px) {
  /* line 23, app/assets/stylesheets/ui/form-field.scss */
  .form-field.light input:hover,
.form-field.light textarea:hover {
    background-color: var(--lightBlue);
    border-color: var(--middleBlue);
  }
}

/* line 33, app/assets/stylesheets/ui/form-field.scss */
.form-field.md input {
  padding: 7px 15px;
  height: 40px;
  font-size: 16px;
  line-height: 24px;
}

/* line 39, app/assets/stylesheets/ui/form-field.scss */
.form-field.md input::placeholder {
  font-size: 16px;
  line-height: 24px;
}

/* line 45, app/assets/stylesheets/ui/form-field.scss */
.form-field.md textarea {
  height: 168px;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 440px) {
  /* line 45, app/assets/stylesheets/ui/form-field.scss */
  .form-field.md textarea {
    height: 80px;
  }
}

/* line 53, app/assets/stylesheets/ui/form-field.scss */
.form-field.md textarea::placeholder {
  font-size: 16px;
  line-height: 24px;
}

/* line 61, app/assets/stylesheets/ui/form-field.scss */
.form-field.error input,
.form-field.error textarea {
  border-color: var(--red);
}

/* line 65, app/assets/stylesheets/ui/form-field.scss */
.form-field.error input:hover,
.form-field.error textarea:hover {
  border-color: var(--red);
}

/* line 70, app/assets/stylesheets/ui/form-field.scss */
.form-field.error .form-field__error {
  display: block;
}

/* line 75, app/assets/stylesheets/ui/form-field.scss */
.form-field__error {
  display: none;
  margin-top: 8px;
  font-size: 12px;
  line-height: 14px;
  color: var(--red);
}

@media (max-width: 992px) {
  /* line 75, app/assets/stylesheets/ui/form-field.scss */
  .form-field__error {
    margin-top: 1px;
  }
}

/* line 86, app/assets/stylesheets/ui/form-field.scss */
.form-field input,
.form-field textarea {
  width: 100%;
  padding: 8px 16px;
  border: 1.5px solid transparent;
  border-radius: 10px;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
  overflow-y: auto;
}

@media (max-width: 440px) {
  /* line 86, app/assets/stylesheets/ui/form-field.scss */
  .form-field input,
.form-field textarea {
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 101, app/assets/stylesheets/ui/form-field.scss */
.form-field input::placeholder,
.form-field textarea::placeholder {
  color: var(--grey);
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

@media (max-width: 440px) {
  /* line 101, app/assets/stylesheets/ui/form-field.scss */
  .form-field input::placeholder,
.form-field textarea::placeholder {
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 113, app/assets/stylesheets/ui/form-field.scss */
.form-field input {
  height: 52px;
}

@media (max-width: 440px) {
  /* line 113, app/assets/stylesheets/ui/form-field.scss */
  .form-field input {
    height: 44px;
  }
}

/* line 120, app/assets/stylesheets/ui/form-field.scss */
.form-field textarea {
  height: 104px;
  resize: none;
  outline: none;
}

/* line 1, app/assets/stylesheets/ui/form.scss */
.request {
  font-style: normal;
}

/* line 4, app/assets/stylesheets/ui/form.scss */
.request__container {
  display: grid;
  gap: 80px;
  max-width: 950px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  /* line 4, app/assets/stylesheets/ui/form.scss */
  .request__container {
    max-width: 100%;
    gap: 30px;
  }
}

/* line 15, app/assets/stylesheets/ui/form.scss */
.request__header {
  display: grid;
  gap: 32px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  /* line 15, app/assets/stylesheets/ui/form.scss */
  .request__header {
    gap: 16px;
  }
}

/* line 23, app/assets/stylesheets/ui/form.scss */
.request__header h1 {
  font-weight: 600;
  font-size: 60px;
  line-height: 70px;
}

@media screen and (max-width: 768px) {
  /* line 23, app/assets/stylesheets/ui/form.scss */
  .request__header h1 {
    font-size: 36px;
    line-height: 42px;
  }
}

/* line 33, app/assets/stylesheets/ui/form.scss */
.request__header h2 {
  font-weight: 500;
  font-size: 44px;
  line-height: 52px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  /* line 33, app/assets/stylesheets/ui/form.scss */
  .request__header h2 {
    font-size: 30px;
    line-height: 36px;
  }
}

/* line 44, app/assets/stylesheets/ui/form.scss */
.request__header h3 {
  font-weight: 600;
  font-size: 44px;
  line-height: 52px;
}

@media screen and (max-width: 768px) {
  /* line 44, app/assets/stylesheets/ui/form.scss */
  .request__header h3 {
    font-size: 30px;
    line-height: 38px;
  }
}

/* line 54, app/assets/stylesheets/ui/form.scss */
.request__header p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  /* line 54, app/assets/stylesheets/ui/form.scss */
  .request__header p {
    font-size: 18px;
    line-height: 26px;
  }
}

/* line 65, app/assets/stylesheets/ui/form.scss */
.request .request-head-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 992px) {
  /* line 65, app/assets/stylesheets/ui/form.scss */
  .request .request-head-group {
    gap: 12px;
  }
}

/* line 73, app/assets/stylesheets/ui/form.scss */
.request .request-head-group .request__text {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: var(--grey);
}

/* line 82, app/assets/stylesheets/ui/form.scss */
.request__form form {
  display: grid;
  gap: 56px;
}

@media screen and (max-width: 992px) {
  /* line 82, app/assets/stylesheets/ui/form.scss */
  .request__form form {
    gap: 40px;
  }
}

/* line 90, app/assets/stylesheets/ui/form.scss */
.request__form input[type="submit"][disabled] {
  background-color: var(--platinumGray);
}

/* line 94, app/assets/stylesheets/ui/form.scss */
.request__form .group {
  display: grid;
  gap: 24px;
}

/* line 99, app/assets/stylesheets/ui/form.scss */
.request__form .group-chips {
  margin-bottom: -14px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* line 106, app/assets/stylesheets/ui/form.scss */
.request__form .group-inputs {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 768px) {
  /* line 106, app/assets/stylesheets/ui/form.scss */
  .request__form .group-inputs {
    grid-template-columns: 1fr;
  }
}

/* line 115, app/assets/stylesheets/ui/form.scss */
.request__form .group-radio {
  display: flex;
  align-items: center;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  /* line 115, app/assets/stylesheets/ui/form.scss */
  .request__form .group-radio {
    flex-wrap: wrap;
    gap: 12px;
  }
}

/* line 125, app/assets/stylesheets/ui/form.scss */
.request__form .radio-group {
  display: grid;
  gap: 50px;
  grid-template-columns: auto auto;
  justify-content: flex-start;
}

@media (max-width: 768px) {
  /* line 125, app/assets/stylesheets/ui/form.scss */
  .request__form .radio-group {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* line 137, app/assets/stylesheets/ui/form.scss */
.request .submit-container {
  display: grid;
  gap: 16px;
}

/* line 141, app/assets/stylesheets/ui/form.scss */
.request .submit-container .g-recaptcha {
  display: none;
}

/* line 146, app/assets/stylesheets/ui/form.scss */
.request .policy {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: flex-start;
  gap: 16px;
  align-content: flex-start;
}

/* line 153, app/assets/stylesheets/ui/form.scss */
.request .policy a,
.request .policy p {
  font-size: 14px;
  line-height: 20px;
  color: var(--grey);
  font-weight: 300;
}

/* line 161, app/assets/stylesheets/ui/form.scss */
.request .policy a {
  text-decoration: underline;
  color: #1770EB;
}

/* line 2, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .form-group {
  display: grid;
  grid-template-columns: max-content 180px;
}

@media (max-width: 992px) {
  /* line 2, app/assets/stylesheets/ui/input_attach.scss */
  .attach_file .form-group {
    grid-template-columns: 1fr;
  }
}

/* line 10, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .label-wrapper {
  display: flex;
  gap: 6px;
  align-items: center;
}

/* line 15, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .label-wrapper .tooltip-custom .tooltiptext {
  width: 290px;
}

/* line 19, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .label-wrapper span.text {
  font-size: 16px;
  color: var(--deepBlack);
}

/* line 25, app/assets/stylesheets/ui/input_attach.scss */
.attach_file input {
  border: 0;
}

/* line 29, app/assets/stylesheets/ui/input_attach.scss */
.attach_file label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-bottom: 0;
  transition: all 0.18s ease-in-out;
  font-size: 16px;
  font-weight: 400;
  color: var(--blue);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 29, app/assets/stylesheets/ui/input_attach.scss */
  .attach_file label {
    flex-wrap: wrap;
  }
}

/* line 45, app/assets/stylesheets/ui/input_attach.scss */
.attach_file label:before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(/assets/icon_attache-0f8a52b4538226f47747f9cc5efe7f5c73edccd7b851c5a34522d5343d9ea1cc.png) no-repeat center;
  background-size: 19px;
}

/* line 57, app/assets/stylesheets/ui/input_attach.scss */
.attach_file a.button {
  width: 180px;
  margin-top: 4px;
  margin-left: 10px;
}

@media (max-width: 992px) {
  /* line 57, app/assets/stylesheets/ui/input_attach.scss */
  .attach_file a.button {
    margin-top: 12px;
    width: 100%;
    margin-left: 0;
  }
}

/* line 68, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .attach_btn {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* line 77, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .file-info-block-wrapper {
  display: grid;
  gap: 19px;
  grid-template-columns: repeat(3, auto);
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  /* line 77, app/assets/stylesheets/ui/input_attach.scss */
  .attach_file .file-info-block-wrapper {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* line 87, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .file-info-block-wrapper .file-info-block {
  display: grid;
  grid-template-columns: 1fr 24px;
  gap: 7px;
}

/* line 92, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .file-info-block-wrapper .file-info-block .file-name {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--grey);
  text-decoration: underline;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 104, app/assets/stylesheets/ui/input_attach.scss */
.attach_file .file-info-block-wrapper .file-info-block .del-file-btn {
  background: url(/assets/welcome/svg/ico-delete-8bed5244087384b4facf6132a57d0dbb4bb42a8fa421ec1510ca68dc74de227a.svg) center no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/ui/link.scss */
.link-ui {
  position: relative;
  display: inline-block;
  width: fit-content;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: var(--blue);
  --color-svg: var(--blue);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/ui/link.scss */
  .link-ui {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

/* line 18, app/assets/stylesheets/ui/link.scss */
.link-ui svg {
  position: absolute;
  top: 4px;
  right: -30px;
  fill: var(--blue);
}

/* line 25, app/assets/stylesheets/ui/link.scss */
.link-ui.white {
  color: #FFFFFF;
  --color-svg: #FFFFFF;
}

/* line 29, app/assets/stylesheets/ui/link.scss */
.link-ui.white svg {
  fill: #FFFFFF;
}

/* line 34, app/assets/stylesheets/ui/link.scss */
.link-ui:hover {
  color: var(--blue);
}

/* line 37, app/assets/stylesheets/ui/link.scss */
.link-ui:hover svg {
  animation: go-right 1s linear infinite;
}

@keyframes go-right {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0);
  }
}

/* line 2, app/assets/stylesheets/ui/modal.scss */
.modal.darkModal {
  color: var(--white);
  background-color: transparent;
}

/* line 5, app/assets/stylesheets/ui/modal.scss */
.modal.darkModal a {
  color: var(--white);
}

/* line 9, app/assets/stylesheets/ui/modal.scss */
.modal.darkModal .btn-close {
  background-image: url(/assets/icons/icon_close_white-dfd4f9080d7d1ff4e46812bce1528d8df02f3bddef081312b7f239f9d4e8241a.svg);
}

/* line 13, app/assets/stylesheets/ui/modal.scss */
.modal.darkModal .modal-content {
  background-color: var(--deepBlack);
}

/* line 19, app/assets/stylesheets/ui/modal.scss */
.modal:not(.dark) .btn-close {
  background-image: url(/assets/close-black-4c6501cbf9d05dfdff319348dcf5f07620b5d57da450a38cb6253b685c555b9a.svg);
}

/* line 24, app/assets/stylesheets/ui/modal.scss */
.modal .modal-content {
  position: relative;
  padding: 48px;
  border-radius: 10px;
  border: none;
}

@media (max-width: 768px) {
  /* line 24, app/assets/stylesheets/ui/modal.scss */
  .modal .modal-content {
    padding: 48px 24px 24px 24px;
  }
}

/* line 34, app/assets/stylesheets/ui/modal.scss */
.modal .btn-close {
  top: 24px;
  right: 24px;
  position: absolute;
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  background-color: transparent;
}

/* line 1, app/assets/stylesheets/ui/project_socials.scss */
.project-socials {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
  gap: 16px 20px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/ui/project_socials.scss */
  .project-socials {
    gap: 16px 18px;
  }
}

@media (max-width: 440px) {
  /* line 1, app/assets/stylesheets/ui/project_socials.scss */
  .project-socials {
    margin-top: 24px;
  }
}

/* line 13, app/assets/stylesheets/ui/project_socials.scss */
.project-socials__item {
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 19, app/assets/stylesheets/ui/project_socials.scss */
.project-socials__item.ios {
  background-image: url(/assets/icon_apple-22df3f69ac6bf8c6c1266edcd3a299c8a4c88083a9e74d01c76d92d2d9a450b9.svg);
}

/* line 23, app/assets/stylesheets/ui/project_socials.scss */
.project-socials__item.android {
  background-image: url(/assets/icon_googleplay-b130715fa7e3e28f6b6db7d6318aae4841b96488ba6364887ab2b55279235d4d.svg);
}

/* line 27, app/assets/stylesheets/ui/project_socials.scss */
.project-socials__item.web {
  background-image: url(/assets/icon_desktop-a6c51f8abed6d46d881aa10dd01d11907c1b1fc9d20152bdb3d16bc67fa5b49c.svg);
}

/* line 31, app/assets/stylesheets/ui/project_socials.scss */
.project-socials__item.rustore {
  background-image: url(/assets/icons/icon_rustore-54c9fc9a8659be5036fa63706ed0bcae94e71d7a254b303273c67cac406b9cd6.svg);
}

/* line 35, app/assets/stylesheets/ui/project_socials.scss */
.project-socials__item.design {
  background-image: url(/assets/icons/icon_design-39ac2e6f84f292c08b3eeceb225cd9efbdd715c5c13c7eb7249ecccc257865de.svg);
}

/* line 39, app/assets/stylesheets/ui/project_socials.scss */
.project-socials__item.project-category {
  height: fit-content;
  min-height: 44px;
  width: fit-content;
  padding: 9px 16px;
  font-size: 16px;
  line-height: 24px;
  border: 1.5px solid var(--deepBlack);
  border-radius: 50px;
  text-align: center;
}

/* line 52, app/assets/stylesheets/ui/project_socials.scss */
.project-socials.light {
  color: var(--white);
}

/* line 56, app/assets/stylesheets/ui/project_socials.scss */
.project-socials.light .project-socials__item.ios {
  background-image: url(/assets/icon_apple_white-3d82c3f58ea62761abb3b99c039e31d2fff2c8c71b3afb7b2a6e1b02d8ce89c2.svg);
}

/* line 60, app/assets/stylesheets/ui/project_socials.scss */
.project-socials.light .project-socials__item.android {
  background-image: url(/assets/icon_googleplay_white-394fd38278a8160274372ec871ed7b42423c0f2c36c8662e77bfd4101eff137e.svg);
}

/* line 64, app/assets/stylesheets/ui/project_socials.scss */
.project-socials.light .project-socials__item.web {
  background-image: url(/assets/icon_desktop_white-92a9980c115cfb026fc907820ea1f0e9cab6a87b8069184594ae3ec2649150cb.svg);
}

/* line 68, app/assets/stylesheets/ui/project_socials.scss */
.project-socials.light .project-socials__item.project-category {
  border-color: var(--white);
}

/* line 74, app/assets/stylesheets/ui/project_socials.scss */
.project-socials .award-label {
  position: static;
  z-index: 0;
}

/* line 2, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio input {
  display: none;
}

/* line 6, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio label {
  display: inline-flex;
  position: relative;
  color: var(--deepBlack);
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  gap: 8px;
}

@media screen and (max-width: 767px) {
  /* line 6, app/assets/stylesheets/ui/radio_button.scss */
  .custom-radio label {
    flex-wrap: wrap;
  }
}

/* line 20, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio label:before {
  content: '';
  position: relative;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--grey);
  border-radius: 100%;
  background: #ffffff;
}

/* line 30, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio label::after {
  content: '';
  width: 10px;
  height: 10px;
  background: var(--blue);
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 43, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio label span#add_time {
  text-decoration: underline;
  margin-left: 4px;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio label .del-time-btn {
  display: none;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  background: url(/assets/welcome/svg/ico-delete-8bed5244087384b4facf6132a57d0dbb4bb42a8fa421ec1510ca68dc74de227a.svg) center no-repeat;
  cursor: pointer;
}

/* line 59, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio [type="radio"]:checked + label:before {
  border-color: var(--blue);
}

/* line 63, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* line 69, app/assets/stylesheets/ui/radio_button.scss */
.custom-radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 2, app/assets/stylesheets/ui/radio_chips.scss */
.radio-chips input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* line 8, app/assets/stylesheets/ui/radio_chips.scss */
.radio-chips label {
  min-height: 24px;
  display: block;
  padding: 8px 16px;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  color: inherit;
  background: var(--lightBlue);
  border-radius: 50px;
  cursor: pointer;
  user-select: none;
}

@media (min-width: 769px) {
  /* line 23, app/assets/stylesheets/ui/radio_chips.scss */
  .radio-chips label:hover {
    background-color: var(--middleBlue);
  }
}

@media (max-width: 768px) {
  /* line 8, app/assets/stylesheets/ui/radio_chips.scss */
  .radio-chips label {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 33, app/assets/stylesheets/ui/radio_chips.scss */
.radio-chips input:checked + label {
  background-color: var(--blue);
  color: #ffffff;
}

/* line 1, app/assets/stylesheets/ui/scrollbar.scss */
::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

/* line 7, app/assets/stylesheets/ui/scrollbar.scss */
::-webkit-scrollbar-track-piece {
  background: transparent;
  opacity: 0;
}

/* line 12, app/assets/stylesheets/ui/scrollbar.scss */
::-webkit-scrollbar-track {
  background: transparent;
}

/* line 16, app/assets/stylesheets/ui/scrollbar.scss */
::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: var(--colorOpaque);
  opacity: 0.6;
  transition: all 0.3s;
}

/* line 23, app/assets/stylesheets/ui/scrollbar.scss */
::-webkit-scrollbar-thumb:active {
  opacity: 1;
  border-radius: 15px;
}

/* line 28, app/assets/stylesheets/ui/scrollbar.scss */
::-webkit-scrollbar-thumb:hover {
  opacity: 1;
  border-radius: 15px;
}

/* line 1, app/assets/stylesheets/ui/scrolling-text.scss */
.scrolling-words {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/ui/scrolling-text.scss */
  .scrolling-words {
    min-height: 105px;
    max-height: 105px;
  }
}

/* line 13, app/assets/stylesheets/ui/scrolling-text.scss */
.scrolling-words .text {
  display: inline-block;
}

/* line 1, app/assets/stylesheets/ui/select.scss */
.select {
  position: relative;
  cursor: pointer;
}

/* line 6, app/assets/stylesheets/ui/select.scss */
.select.active::after {
  transform: rotate(180deg);
  background-image: url(/assets/ui/icon_arrow_down_blue-d0d604458631167766a926db687ef09e295d668553ad2c310f0adbb43bb9722e.svg);
}

/* line 11, app/assets/stylesheets/ui/select.scss */
.select.active .select-current {
  border-color: var(--blue);
}

/* line 15, app/assets/stylesheets/ui/select.scss */
.select.active .select-list {
  display: block;
}

/* line 20, app/assets/stylesheets/ui/select.scss */
.select::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 16px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/assets/ui/icon_arrow_down-84115ab58a30e328b3ba0954618e6b8e840b33b767a97623fb511efb2bad8533.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 33, app/assets/stylesheets/ui/select.scss */
.select-current {
  padding: 7px 15px;
  border: 1px solid var(--grey);
  background-color: var(--white);
  border-radius: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: var(--deepBlack);
}

@media (min-width: 993px) {
  /* line 43, app/assets/stylesheets/ui/select.scss */
  .select-current:hover {
    background-color: var(--lightBlue);
    border-color: var(--middleBlue);
  }
}

/* line 49, app/assets/stylesheets/ui/select.scss */
.select-current.placeholder {
  color: var(--grey);
}

/* line 54, app/assets/stylesheets/ui/select.scss */
.select-list {
  position: absolute;
  top: 44px;
  right: 0;
  display: none;
  width: 138px;
  border: 1.5px solid var(--blue);
  border-radius: 10px;
  background-color: var(--white);
  list-style-type: none;
  z-index: var(--layer-popup);
}

/* line 67, app/assets/stylesheets/ui/select.scss */
.select-list li:hover {
  background-color: var(--lightBlue);
}

/* line 71, app/assets/stylesheets/ui/select.scss */
.select-list li:first-of-type {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* line 76, app/assets/stylesheets/ui/select.scss */
.select-list li:last-of-type {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 82, app/assets/stylesheets/ui/select.scss */
.select-list label {
  display: block;
  padding: 12px 0;
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
}

/* line 90, app/assets/stylesheets/ui/select.scss */
.select-list input {
  display: none;
}

/* line 1, app/assets/stylesheets/ui/textarea.scss */
.textarea {
  position: relative;
}

/* line 4, app/assets/stylesheets/ui/textarea.scss */
.textarea textarea {
  padding-right: 100px;
}

/* line 8, app/assets/stylesheets/ui/textarea.scss */
.textarea__counter {
  position: absolute;
  top: 8px;
  right: 16px;
  color: var(--grey);
  font-size: 16px;
  line-height: 28px;
}

/* line 1, app/assets/stylesheets/ui/tooltip.scss */
.tooltip-custom {
  position: relative;
  display: flex;
  align-items: center;
}

/* line 6, app/assets/stylesheets/ui/tooltip.scss */
.tooltip-custom .tooltiptext {
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));
  visibility: hidden;
  background-color: #ffffff;
  color: #222121;
  padding: 16px;
  border-radius: 10px;
  width: 282px;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  z-index: 1;
  transform: translateX(-50%);
  top: 30px;
  left: 5px;
  opacity: 0;
  transition: opacity 0.3s;
}

/* line 29, app/assets/stylesheets/ui/tooltip.scss */
.tooltip-custom .tooltiptext:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
}

/* line 41, app/assets/stylesheets/ui/tooltip.scss */
.tooltip-custom:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 41, app/assets/stylesheets/ui/tooltip.scss */
  .tooltip-custom:hover .tooltiptext {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  /* line 52, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile {
    padding: 0;
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 301;
    background: none;
  }
  /* line 63, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
  }
  /* line 73, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__content {
    z-index: 1;
    padding: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--white);
    border-radius: 10px 10px 0 0;
    height: 116px;
  }
  /* line 85, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__header {
    display: flex;
    margin-bottom: 6px;
    justify-content: flex-end;
  }
  /* line 90, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__header .btn-close {
    background: url(/assets/close-black-4c6501cbf9d05dfdff319348dcf5f07620b5d57da450a38cb6253b685c555b9a.svg) no-repeat center;
    width: 16px;
    height: 16px;
  }
  /* line 97, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__body {
    padding-right: 24px;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 106, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile {
    padding: 0;
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    z-index: 301;
    background: none;
  }
  /* line 118, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
  }
  /* line 128, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__content {
    z-index: 1;
    padding: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--white);
    border-radius: 10px 10px 0 0;
    height: 116px;
  }
  /* line 140, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__header {
    display: flex;
    margin-bottom: 6px;
    justify-content: flex-end;
  }
  /* line 145, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__header .btn-close {
    background: url(/assets/close-black-4c6501cbf9d05dfdff319348dcf5f07620b5d57da450a38cb6253b685c555b9a.svg) no-repeat center;
    width: 16px;
    height: 16px;
  }
  /* line 152, app/assets/stylesheets/ui/tooltip.scss */
  .tooltiptext-mobile .tooltiptext__body {
    padding-right: 24px;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 1, app/assets/stylesheets/ui/unordered-list.scss */
.styled ul {
  margin: 15px 0 20px;
}

@media screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/ui/unordered-list.scss */
  .styled ul {
    margin: 10px 0 0;
  }
}

/* line 8, app/assets/stylesheets/ui/unordered-list.scss */
.styled ul.dashed li {
  padding-left: 48px;
}

/* line 11, app/assets/stylesheets/ui/unordered-list.scss */
.styled ul.dashed li::before {
  top: 11px;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: var(--white);
}

/* line 21, app/assets/stylesheets/ui/unordered-list.scss */
.styled ul li {
  position: relative;
  padding-left: 27px;
  margin-left: 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  list-style: none;
}

@media screen and (max-width: 767px) {
  /* line 21, app/assets/stylesheets/ui/unordered-list.scss */
  .styled ul li {
    padding-left: 21px;
    margin-left: 10px;
  }
}

/* line 35, app/assets/stylesheets/ui/unordered-list.scss */
.styled ul li:before {
  content: '';
  width: 7px;
  height: 7px;
  display: block;
  background: var(--blue);
  position: absolute;
  top: 13px;
  left: 0;
}

/* line 1, app/assets/stylesheets/modules/form-request.scss */
.form-request {
  padding: 0;
  z-index: unset;
  scroll-margin-top: 120px;
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/modules/form-request.scss */
  .form-request {
    scroll-margin-top: 70px;
  }
}

/* line 9, app/assets/stylesheets/modules/form-request.scss */
.form-request .request {
  padding: 100px 0;
}

/* line 11, app/assets/stylesheets/modules/form-request.scss */
.request-page .form-request .request {
  padding: 0;
}

@media (max-width: 992px) {
  /* line 9, app/assets/stylesheets/modules/form-request.scss */
  .form-request .request {
    padding: 48px 0;
  }
  /* line 16, app/assets/stylesheets/modules/form-request.scss */
  .request-page .form-request .request {
    padding: 0;
  }
}

/* line 21, app/assets/stylesheets/modules/form-request.scss */
.form-request .request .group-chips {
  gap: 8px;
  margin-bottom: 24px;
}

/* line 26, app/assets/stylesheets/modules/form-request.scss */
.form-request .request__header {
  text-align: start;
}

/* line 30, app/assets/stylesheets/modules/form-request.scss */
.form-request .request-fields-wrapper {
  display: grid;
  grid-template-columns: 940px 340px;
  gap: 32px;
  justify-content: space-between;
  align-items: end;
}

@media (max-width: 1400px) {
  /* line 30, app/assets/stylesheets/modules/form-request.scss */
  .form-request .request-fields-wrapper {
    grid-template-columns: 740px 340px;
  }
}

@media (max-width: 1200px) {
  /* line 30, app/assets/stylesheets/modules/form-request.scss */
  .form-request .request-fields-wrapper {
    grid-template-columns: 600px 340px;
  }
}

@media (max-width: 992px) {
  /* line 30, app/assets/stylesheets/modules/form-request.scss */
  .form-request .request-fields-wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* line 48, app/assets/stylesheets/modules/form-request.scss */
.form-request .request-submit-group {
  display: grid;
  gap: 40px;
}

/* line 53, app/assets/stylesheets/modules/form-request.scss */
.form-request .request__container {
  max-width: unset;
  gap: 32px;
}

@media (max-width: 768px) {
  /* line 53, app/assets/stylesheets/modules/form-request.scss */
  .form-request .request__container {
    gap: 32px;
  }
}

/* line 2, app/assets/stylesheets/modules/have-app.scss */
.have-app .container-new {
  position: relative;
  padding: 140px 0;
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/modules/have-app.scss */
  .have-app .container-new {
    padding: 64px 0;
  }
}

/* line 10, app/assets/stylesheets/modules/have-app.scss */
.have-app h3 {
  font-size: 44px;
  line-height: 52px;
}

@media screen and (max-width: 768px) {
  /* line 10, app/assets/stylesheets/modules/have-app.scss */
  .have-app h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

/* line 19, app/assets/stylesheets/modules/have-app.scss */
.have-app h5 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
}

@media screen and (max-width: 1400px) {
  /* line 19, app/assets/stylesheets/modules/have-app.scss */
  .have-app h5 {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 19, app/assets/stylesheets/modules/have-app.scss */
  .have-app h5 {
    font-size: 22px;
    line-height: 30px;
  }
}

/* line 33, app/assets/stylesheets/modules/have-app.scss */
.have-app .have-app__container {
  display: grid;
  grid-template-columns: 427px 1fr;
  gap: 143px;
}

@media screen and (max-width: 1400px) {
  /* line 33, app/assets/stylesheets/modules/have-app.scss */
  .have-app .have-app__container {
    gap: 55px;
  }
}

@media screen and (max-width: 996px) {
  /* line 33, app/assets/stylesheets/modules/have-app.scss */
  .have-app .have-app__container {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 46, app/assets/stylesheets/modules/have-app.scss */
.have-app .have-app__content {
  display: grid;
  gap: 112px;
}

@media screen and (max-width: 996px) {
  /* line 46, app/assets/stylesheets/modules/have-app.scss */
  .have-app .have-app__content {
    gap: 40px;
  }
}

/* line 54, app/assets/stylesheets/modules/have-app.scss */
.have-app .have-app__services {
  display: grid;
  grid-template-columns: repeat(2, 360px);
  gap: 72px 48px;
}

@media screen and (max-width: 1400px) {
  /* line 54, app/assets/stylesheets/modules/have-app.scss */
  .have-app .have-app__services {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 996px) {
  /* line 54, app/assets/stylesheets/modules/have-app.scss */
  .have-app .have-app__services {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 68, app/assets/stylesheets/modules/have-app.scss */
.have-app .have-app__service .status {
  margin-bottom: 16px;
}

/* line 73, app/assets/stylesheets/modules/have-app.scss */
.have-app .have-app__loop {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 36px;
}

@media screen and (max-width: 996px) {
  /* line 73, app/assets/stylesheets/modules/have-app.scss */
  .have-app .have-app__loop {
    position: relative;
    bottom: 0;
  }
  /* line 82, app/assets/stylesheets/modules/have-app.scss */
  .have-app .have-app__loop svg {
    width: 100%;
    height: 303px;
  }
}

/* line 2, app/assets/stylesheets/modules/horizon-carousel-base.scss */
.horizon-carousel-base::-webkit-scrollbar-thumb {
  background-color: transparent;
}

/* line 6, app/assets/stylesheets/modules/horizon-carousel-base.scss */
.horizon-carousel-base::-webkit-scrollbar {
  width: 0;
}

/* line 10, app/assets/stylesheets/modules/horizon-carousel-base.scss */
.horizon-carousel-base::-webkit-scrollbar-track {
  background-color: transparent;
}

@media (max-width: 992px) and (min-width: 441px) {
  /* line 1, app/assets/stylesheets/modules/horizon-carousel-base.scss */
  .horizon-carousel-base {
    overflow-x: scroll;
  }
}

/* line 17, app/assets/stylesheets/modules/horizon-carousel-base.scss */
.horizon-carousel-base__stage {
  width: fit-content;
  transition: transform 0.1s;
}

@media (max-width: 992px) {
  /* line 17, app/assets/stylesheets/modules/horizon-carousel-base.scss */
  .horizon-carousel-base__stage {
    padding-right: 50%;
  }
}

@media (max-width: 440px) {
  /* line 17, app/assets/stylesheets/modules/horizon-carousel-base.scss */
  .horizon-carousel-base__stage {
    transition: none;
  }
}

/* line 1, app/assets/stylesheets/modules/horizon-carousel.scss */
.horizon-carousel {
  position: relative;
}

/* line 4, app/assets/stylesheets/modules/horizon-carousel.scss */
.horizon-carousel__stage {
  position: sticky;
  top: 130px;
  display: grid;
  width: fit-content;
  touch-action: pan-y;
  will-change: transform;
}

/* line 2, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .container-new {
  padding-bottom: 120px;
  display: grid;
  gap: 48px;
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/modules/other_services.scss */
  .other-services-inner .container-new {
    padding-bottom: 56px;
    padding-top: 32px;
    gap: 32px;
  }
}

/* line 13, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner h3 {
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
}

@media screen and (max-width: 768px) {
  /* line 13, app/assets/stylesheets/modules/other_services.scss */
  .other-services-inner h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

/* line 23, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
}

@media screen and (max-width: 768px) {
  /* line 23, app/assets/stylesheets/modules/other_services.scss */
  .other-services-inner h4 {
    font-size: 22px;
    line-height: 28px;
  }
}

/* line 33, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

/* line 40, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .other-services__links {
  display: grid;
}

/* line 44, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .other-services__link {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 72px;
  padding: 48px 0;
  border-top: 1px solid var(--grey);
  border-bottom: 1px solid var(--grey);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 44, app/assets/stylesheets/modules/other_services.scss */
  .other-services-inner .other-services__link {
    padding: 24px 0;
    grid-template-columns: 1fr 32px;
    gap: 16px;
  }
}

/* line 58, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .other-services__link:nth-child(2n) {
  border: none;
}

/* line 62, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .other-services__link .info {
  display: grid;
  gap: 8px;
}

/* line 66, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .other-services__link .info h4 {
  margin-bottom: unset;
}

/* line 72, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .other-services__link .icon svg {
  width: 32px;
  fill: var(--deepBlack);
  height: 28px;
}

/* line 81, app/assets/stylesheets/modules/other_services.scss */
.other-services-inner .other-services__link:hover .icon svg {
  animation: go-right 1.5s linear infinite;
}

@keyframes go-right {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0);
  }
}

/* line 1, app/assets/stylesheets/modules/question.scss */
.question-section {
  background: var(--deepBlack);
  color: var(--white);
}

/* line 6, app/assets/stylesheets/modules/question.scss */
.question-section.idea-section .container-new {
  justify-content: space-between;
}

/* line 11, app/assets/stylesheets/modules/question.scss */
.question-section .container-new {
  padding-bottom: 32px;
  padding-top: 32px;
  display: grid;
  align-items: center;
  grid-template-columns: 778px auto;
  justify-content: flex-start;
  gap: 112px;
}

@media screen and (max-width: 1400px) {
  /* line 11, app/assets/stylesheets/modules/question.scss */
  .question-section .container-new {
    gap: 40px;
    grid-template-columns: auto auto;
  }
}

@media screen and (max-width: 768px) {
  /* line 11, app/assets/stylesheets/modules/question.scss */
  .question-section .container-new {
    padding-bottom: 32px;
    padding-top: 32px;
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* line 30, app/assets/stylesheets/modules/question.scss */
.question-section .container-new h4 {
  font-size: 34px;
  line-height: 42px;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 30, app/assets/stylesheets/modules/question.scss */
  .question-section .container-new h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 40, app/assets/stylesheets/modules/question.scss */
.question-section .container-new .button {
  width: 260px;
}

@media (max-width: 768px) {
  /* line 40, app/assets/stylesheets/modules/question.scss */
  .question-section .container-new .button {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/modules/reviews.scss */
.reviews {
  background: var(--lightBlue);
}

/* line 4, app/assets/stylesheets/modules/reviews.scss */
.reviews .container-new {
  position: relative;
  padding: 140px 0 116px;
  display: grid;
  grid-template-columns: 487px 1fr;
  gap: 93px;
}

@media screen and (max-width: 1400px) {
  /* line 4, app/assets/stylesheets/modules/reviews.scss */
  .reviews .container-new {
    gap: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* line 4, app/assets/stylesheets/modules/reviews.scss */
  .reviews .container-new {
    padding: 64px 16px 32px;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 21, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__header {
  display: grid;
  gap: 32px;
  align-content: flex-start;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

@media screen and (max-width: 768px) {
  /* line 21, app/assets/stylesheets/modules/reviews.scss */
  .reviews .reviews__header {
    max-width: calc(100vw - 32px);
    gap: 16px;
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 35, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__header h2 {
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
}

@media (max-width: 768px) {
  /* line 35, app/assets/stylesheets/modules/reviews.scss */
  .reviews .reviews__header h2 {
    font-size: 30px;
    line-height: 38px;
  }
}

/* line 47, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__content {
  padding-top: 5px;
  display: grid;
  gap: 24px;
  width: 9999px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  /* line 47, app/assets/stylesheets/modules/reviews.scss */
  .reviews .reviews__content {
    width: calc(100% + 16px);
  }
}

/* line 58, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__slider-control {
  position: absolute;
  left: 0;
  top: 428px;
  display: grid;
  grid-template-columns: 64px 64px;
  gap: 32px;
}

@media screen and (max-width: 768px) {
  /* line 58, app/assets/stylesheets/modules/reviews.scss */
  .reviews .reviews__slider-control {
    position: relative;
    top: 0;
    grid-template-columns: 40px 40px;
    gap: 24px;
  }
}

/* line 72, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__slider-control .next,
.reviews .reviews__slider-control .prev {
  background: #ffffff;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  --color: #0f8bfe;
}

@media screen and (max-width: 768px) {
  /* line 72, app/assets/stylesheets/modules/reviews.scss */
  .reviews .reviews__slider-control .next,
.reviews .reviews__slider-control .prev {
    width: 40px;
    height: 40px;
  }
}

/* line 88, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__slider-control .next svg,
.reviews .reviews__slider-control .prev svg {
  width: 27px;
}

@media screen and (max-width: 768px) {
  /* line 88, app/assets/stylesheets/modules/reviews.scss */
  .reviews .reviews__slider-control .next svg,
.reviews .reviews__slider-control .prev svg {
    width: 17px;
  }
}

/* line 95, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__slider-control .next.disabled,
.reviews .reviews__slider-control .prev.disabled {
  cursor: default;
  --color: #99a6b9;
}

/* line 101, app/assets/stylesheets/modules/reviews.scss */
.reviews .reviews__slider-control .next {
  transform: rotate(180deg);
}

/* line 108, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__items {
  display: inline-flex;
  gap: 30px;
  margin-left: 60px;
  transition: margin-left 250ms;
}

@media (max-width: 768px) {
  /* line 108, app/assets/stylesheets/modules/reviews.scss */
  .reviews .slider__items {
    gap: 16px;
    margin-left: 0;
  }
}

/* line 119, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__item {
  overflow: hidden;
  width: 615px;
  height: 524px;
  background: #ffffff;
  box-shadow: 0 0 4px rgba(153, 166, 185, 0.8);
  border-radius: 30px;
  padding: 32px;
  display: grid;
  gap: 16px;
  align-content: flex-start;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 119, app/assets/stylesheets/modules/reviews.scss */
  .reviews .slider__item {
    padding: 24px 16px;
    width: 288px;
    height: 504px;
  }
}

/* line 137, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__item:first-child {
  margin-left: 5px;
}

/* line 142, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__logo {
  mix-blend-mode: multiply;
  height: 48px;
}

/* line 146, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__logo img {
  position: absolute;
  height: 100px;
  top: 0;
  left: 16px;
}

/* line 154, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__container {
  display: grid;
  gap: 24px;
  align-content: flex-start;
}

/* line 160, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__info {
  display: grid;
  align-content: flex-start;
  gap: 4px;
}

@media screen and (max-width: 768px) {
  /* line 160, app/assets/stylesheets/modules/reviews.scss */
  .reviews .slider__info {
    height: 88px;
  }
}

/* line 168, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__info h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

/* line 174, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__info p {
  font-size: 14px;
  line-height: 18px;
}

/* line 180, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__comment {
  position: relative;
  height: 270px;
  font-size: 20px;
  line-height: 28px;
}

@media screen and (max-width: 768px) {
  /* line 180, app/assets/stylesheets/modules/reviews.scss */
  .reviews .slider__comment {
    height: 216px;
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 191, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__comment q {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 197, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__comment q::before {
  content: '«';
}

/* line 201, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__comment q::after {
  content: '»';
}

/* line 205, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__comment q,
.reviews .slider__comment q * {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

@media (max-width: 768px) {
  /* line 205, app/assets/stylesheets/modules/reviews.scss */
  .reviews .slider__comment q,
.reviews .slider__comment q * {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 220, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__load a {
  font-size: 14px;
  line-height: 18px;
  color: var(--mainBlue);
  display: grid;
  gap: 8px;
  grid-template-columns: 32px auto;
  align-items: center;
}

/* line 229, app/assets/stylesheets/modules/reviews.scss */
.reviews .slider__load a:before {
  content: '';
  height: 32px;
  width: 32px;
  background: url(/assets/ui/file-8890bab1c7edc5fe34aeb58f11701861f7fcbfeddcfe16270ca89adf3b20548c.svg) no-repeat center;
  background-size: contain;
  display: block;
}

/* line 1, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions {
  padding: 60px 0;
  height: calc(100vh - 121px);
  background-color: var(--lightBlue);
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions {
    height: unset;
    padding: 64px 0;
    margin-bottom: 0;
  }
}

/* line 11, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions h2 {
  margin-bottom: 32px;
}

/* line 15, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-content {
  display: grid;
  grid-template-columns: 336px 767px;
  justify-content: space-between;
}

@media (max-width: 992px) {
  /* line 15, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-content {
    grid-template-columns: 1fr;
  }
}

/* line 24, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description {
  position: relative;
  height: calc(100vh - 121px - 120px - 72px);
  overflow: scroll;
  font-size: 18px;
  line-height: 30px;
  scrollbar-width: none;
}

@media (max-width: 992px) {
  /* line 24, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-description {
    height: unset;
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 37, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description::-webkit-scrollbar {
  display: none;
}

/* line 41, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description__title {
  margin-bottom: 32px;
}

@media (max-width: 992px) {
  /* line 41, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-description__title {
    margin-bottom: 24px;
  }
}

/* line 47, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description__title:not(:first-of-type) {
  margin-top: 96px;
}

@media (max-width: 992px) {
  /* line 47, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-description__title:not(:first-of-type) {
    margin-top: 40px;
  }
}

/* line 55, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description__subtitle {
  margin: 40px 0 32px;
}

@media (max-width: 992px) {
  /* line 55, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-description__subtitle {
    margin: 32px 0 24px;
  }
}

/* line 62, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 48px;
}

@media (max-width: 992px) {
  /* line 62, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-description ul {
    grid-template-columns: 1fr;
  }
}

/* line 70, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description ul li {
  padding-top: 56px;
  padding-left: 0;
  margin-left: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  background-image: url(/assets/ui/status_question-8c39c26f1df9a60401a5dea817c2c78cecf7a43e11dead73bb13891fc1ff2a91.svg);
  background-repeat: no-repeat;
  background-position: left top;
}

@media (max-width: 992px) {
  /* line 70, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-description ul li {
    padding-top: 48px;
    background-size: 32px 32px;
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 87, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description ul li::before {
  content: unset;
}

/* line 93, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description h7 {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

/* line 99, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-description p {
  margin-top: 16px;
}

/* line 105, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-links {
  position: relative;
  display: block;
  grid-template-rows: max-content;
  gap: 32px;
}

@media (max-width: 992px) {
  /* line 105, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-links {
    display: none;
  }
}

/* line 114, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-links li {
  cursor: pointer;
}

/* line 117, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-links li:not(:last-of-type) {
  margin-bottom: 24px !important;
}

@media (max-width: 1440px) {
  /* line 117, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-links li:not(:last-of-type) {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1280px) {
  /* line 123, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions-links li:not(:last-of-type) h5 {
    font-size: 26px;
    line-height: 34px;
  }
}

/* line 131, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions-links li.active, .scrollable-questions-links li:hover {
  color: var(--blue);
}

/* line 138, app/assets/stylesheets/modules/scrollable-questions.scss */
.scrollable-questions .button {
  margin-top: 5px;
}

@media (max-width: 992px) {
  /* line 138, app/assets/stylesheets/modules/scrollable-questions.scss */
  .scrollable-questions .button {
    display: none;
  }
}

/* line 3, app/assets/stylesheets/modules/tech.scss */
.technologies__title {
  margin-bottom: 56px;
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 3, app/assets/stylesheets/modules/tech.scss */
  .technologies__title {
    margin-bottom: 24px;
    font-size: 30px;
    line-height: 38px;
  }
}

/* line 15, app/assets/stylesheets/modules/tech.scss */
.technologies-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media (max-width: 992px) {
  /* line 15, app/assets/stylesheets/modules/tech.scss */
  .technologies-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 24, app/assets/stylesheets/modules/tech.scss */
.technologies-list-left, .technologies-list-right {
  display: flex;
  flex-direction: column;
  gap: 55px;
  justify-content: space-between;
}

@media (max-width: 992px) {
  /* line 24, app/assets/stylesheets/modules/tech.scss */
  .technologies-list-left, .technologies-list-right {
    gap: 16px;
  }
}

/* line 36, app/assets/stylesheets/modules/tech.scss */
.technologies-card {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 20px;
}

/* line 41, app/assets/stylesheets/modules/tech.scss */
.technologies-card__counter {
  font-weight: 600;
  font-size: 26px;
  line-height: 34px;
  color: var(--blue);
}

/* line 48, app/assets/stylesheets/modules/tech.scss */
.technologies-card-info {
  display: grid;
  gap: 16px;
}

/* line 52, app/assets/stylesheets/modules/tech.scss */
.technologies-card-info__title {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 52, app/assets/stylesheets/modules/tech.scss */
  .technologies-card-info__title {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 440px) {
  /* line 3, app/assets/stylesheets/modules/touch-carousel.scss */
  .touch-carousel__stage {
    width: fit-content;
    touch-action: pan-y;
  }
}

/* line 1, app/assets/stylesheets/pages/companies/leading.scss */
.companies-leading {
  margin-bottom: 80px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/leading.scss */
  .companies-leading {
    margin-bottom: 24px;
  }
}

/* line 8, app/assets/stylesheets/pages/companies/leading.scss */
.companies-leading .title_1 span {
  white-space: nowrap;
  color: var(--deepBlack);
}

/* line 14, app/assets/stylesheets/pages/companies/leading.scss */
.companies-leading .description {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 14, app/assets/stylesheets/pages/companies/leading.scss */
  .companies-leading .description {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 24, app/assets/stylesheets/pages/companies/leading.scss */
.companies-leading-contacts {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 24px;
  margin-top: 40px;
}

@media (max-width: 992px) {
  /* line 24, app/assets/stylesheets/pages/companies/leading.scss */
  .companies-leading-contacts {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 32px;
  }
}

/* line 35, app/assets/stylesheets/pages/companies/leading.scss */
.companies-leading-contacts-socials {
  display: grid;
  gap: 24px;
  grid-template-columns: 147px 156px 157px 195px 212px;
}

@media (max-width: 992px) {
  /* line 35, app/assets/stylesheets/pages/companies/leading.scss */
  .companies-leading-contacts-socials {
    grid-template-columns: repeat(4, 64px);
    justify-content: space-between;
  }
  /* line 44, app/assets/stylesheets/pages/companies/leading.scss */
  .companies-leading-contacts-socials .button:last-of-type {
    display: none;
  }
  /* line 48, app/assets/stylesheets/pages/companies/leading.scss */
  .companies-leading-contacts-socials .button span {
    display: none;
  }
}

/* line 55, app/assets/stylesheets/pages/companies/leading.scss */
.companies-leading-contacts .button {
  width: 100%;
  text-wrap: nowrap;
}

/* line 1, app/assets/stylesheets/pages/companies/clients.scss */
.companies-clients {
  height: 226px;
  margin-bottom: 120px;
  background-color: var(--white);
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/clients.scss */
  .companies-clients {
    height: 120px;
    margin-bottom: 44px;
    padding: 0;
  }
}

/* line 11, app/assets/stylesheets/pages/companies/clients.scss */
.companies-clients .clients-content {
  grid-template-columns: max-content;
  filter: grayscale(1);
}

/* line 4, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards {
  padding-bottom: 0;
}

/* line 6, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table {
  margin-top: 0;
}

/* line 9, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table tr.highlighted {
  cursor: pointer;
}

/* line 12, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table tr.highlighted:hover td {
  color: #0f8bfe;
}

/* line 14, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table tr th, .company_awards .awards_table tr td {
  padding: 15px 10px;
}

/* line 16, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table tr th:first-child, .company_awards .awards_table tr td:first-child {
  width: 10%;
}

/* line 18, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table tr th:nth-child(2), .company_awards .awards_table tr td:nth-child(2) {
  width: 25%;
}

/* line 20, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table tr th:nth-child(3), .company_awards .awards_table tr td:nth-child(3) {
  width: 40%;
}

/* line 22, app/assets/stylesheets/pages/companies/awards.sass */
.company_awards .awards_table tr th:nth-child(4), .company_awards .awards_table tr td:nth-child(4) {
  width: 25%;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 6, app/assets/stylesheets/pages/companies/awards.sass */
  .company_awards .awards_table {
    display: none;
  }
}

/* line 26, app/assets/stylesheets/pages/companies/awards.sass */
.mobile_awards_table {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 26, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table {
    display: block;
  }
  /* line 30, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table table {
    width: 100%;
  }
  /* line 32, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table tbody {
    border-collapse: collapse;
  }
  /* line 34, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table tbody tr {
    border-bottom: 1px solid #99A6B9;
  }
  /* line 36, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table tbody tr:last-child {
    border: none;
  }
  /* line 38, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table tbody tr.with-bg {
    border-top: 1px solid #99A6B9;
    background: #F6F7FA;
  }
  /* line 41, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table tbody tr td {
    padding: 15px 2px;
  }
  /* line 43, app/assets/stylesheets/pages/companies/awards.sass */
  .mobile_awards_table tbody tr td.head_part {
    width: 40%;
    font-weight: bold;
    color: #353854;
  }
}

/* line 1, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers {
  display: grid;
  grid-template-columns: 1.245fr 1fr;
  gap: 48px;
  margin-bottom: 64px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 24px;
  }
}

/* line 12, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-main, .companies-numbers-staff {
  padding: 48px;
  border-radius: 30px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 12, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-main, .companies-numbers-staff {
    padding: 16px;
    font-size: 15px;
    line-height: 19px;
    border-radius: 15px;
  }
}

/* line 26, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-main__text, .companies-numbers-staff__text {
  letter-spacing: -0.04em;
}

/* line 31, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-link {
  display: flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
  color: var(--blue);
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

@media (max-width: 992px) {
  /* line 31, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-link {
    font-size: 18px;
    line-height: 24px;
  }
}

/* line 45, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-link:hover {
  color: var(--sky-blue);
}

/* line 50, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-main {
  background-color: var(--middleBlue);
}

/* line 53, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-main__amount {
  margin-bottom: 8px;
  font-size: 90px;
  line-height: 98px;
  font-weight: 600;
  color: var(--blue);
}

@media (max-width: 992px) {
  /* line 53, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-main__amount {
    font-size: 32px;
    line-height: 48px;
  }
}

/* line 65, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-main-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  /* line 65, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-main-list {
    gap: 8px;
  }
}

/* line 76, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-staff {
  color: var(--white);
  background-size: cover;
  background-position-y: 0, -30px;
  background-image: linear-gradient(0deg, rgba(36, 109, 210, 0.6), rgba(36, 109, 210, 0.6)), url(/assets/about/numbers_bg-2c919bf1d983cefd82b0e7716e377a054358eaa5c88a45e75fc30eaafdce716d.webp);
  background-color: var(--white);
  background-repeat: no-repeat;
}

/* line 85, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-staff__amount {
  font-size: 90px;
  line-height: 98px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 85, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-staff__amount {
    font-size: 32px;
    line-height: 48px;
  }
}

/* line 95, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-staff-info {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 16px;
}

@media (max-width: 992px) {
  /* line 95, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-staff-info {
    gap: 16px;
  }
}

/* line 105, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-staff-cities {
  display: flex;
  gap: 24px;
  margin-bottom: 52px;
}

@media (max-width: 992px) {
  /* line 105, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-staff-cities {
    margin-bottom: 18px;
  }
}

/* line 114, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-staff-city {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 992px) {
  /* line 114, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-staff-city {
    font-size: 24px;
    line-height: 36px;
  }
}

/* line 124, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-staff a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white);
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
}

@media (max-width: 992px) {
  /* line 124, app/assets/stylesheets/pages/companies/numbers.scss */
  .companies-numbers-staff a {
    font-size: 18px;
    line-height: 24px;
  }
}

/* line 137, app/assets/stylesheets/pages/companies/numbers.scss */
.companies-numbers-staff a:hover {
  opacity: 0.9;
}

/* line 1, app/assets/stylesheets/pages/companies/about.scss */
.companies-about {
  display: grid;
  gap: 64px;
  margin-bottom: 54px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about {
    margin-bottom: 0;
    gap: 24px;
  }
}

/* line 10, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__text {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 10, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__text {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 20, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__highlight {
  font-size: 52px;
  line-height: 64px;
  font-weight: 400;
}

@media (max-width: 992px) {
  /* line 20, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__highlight {
    font-size: 22px;
    line-height: 28px;
  }
}

/* line 30, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__title {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 30, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__title {
    margin-bottom: 24px;
  }
}

/* line 37, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

@media (max-width: 992px) {
  /* line 37, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about-list {
    gap: 16px;
  }
}

/* line 45, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list ul {
  display: grid;
  gap: 4px;
  margin: 0;
  grid-auto-rows: max-content;
}

/* line 51, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list ul li {
  position: relative;
  margin-left: 0;
  padding-left: 15px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 51, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about-list ul li {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 63, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list ul li::before {
  content: '';
  width: 7px;
  height: 7px;
  display: block;
  background: var(--blue);
  position: absolute;
  top: 10px;
  left: 0;
}

@media (max-width: 992px) {
  /* line 63, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about-list ul li::before {
    top: 5px;
  }
}

/* line 79, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list .label {
  font-weight: 600;
}

/* line 83, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list-item {
  padding: 136px 40px 40px;
  border-radius: 30px;
  background-color: var(--platinumGray);
  font-size: 16px;
  line-height: 24px;
  background-position: 40px 40px;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  /* line 83, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about-list-item {
    padding: 88px 16px 16px;
    border-radius: 20px;
    background-size: 56px;
    background-position: 16px 16px;
  }
}

/* line 98, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list-item__title {
  font-size: 30px;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  /* line 98, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about-list-item__title {
    margin-bottom: 16px;
  }
}

/* line 106, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list-item.analysis {
  width: calc(50% - 15px);
  background-image: url(/assets/companies/icon-rise_up-93cafc924a2139e53b857b6881047160c4d2263fa542db747d496928317bc39c.svg);
}

@media (max-width: 992px) {
  /* line 106, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about-list-item.analysis {
    width: 100%;
  }
}

/* line 114, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list-item.dev {
  width: calc(50% - 15px);
  background-image: url(/assets/companies/icon-idea-9541c0d987c9c8e5c402a203d4a268d5a65c7d7ea27748e33fb8269ff5f93029.svg);
}

@media (max-width: 992px) {
  /* line 114, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about-list-item.dev {
    width: 100%;
  }
}

/* line 122, app/assets/stylesheets/pages/companies/about.scss */
.companies-about-list-item.community {
  width: 100%;
  background-image: url(/assets/companies/icon-consult-738198aacb84be2a3a0697301de862e1c1b604698e3ecb68df68dac7db296b87.svg);
}

@media screen and (max-width: 992px) {
  /* line 129, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why {
    height: max-content;
    margin-bottom: 64px;
  }
}

/* line 135, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .container-new {
  padding-top: 80px;
}

@media (max-width: 992px) {
  /* line 135, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .container-new {
    padding: 56px 0;
  }
}

/* line 142, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why__link, .companies-about__why__slider {
  display: grid;
  grid-template-columns: 480px 709px;
  gap: 90px;
}

@media screen and (max-width: 1400px) {
  /* line 142, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why__link, .companies-about__why__slider {
    gap: 60px;
    grid-template-columns: auto 709px;
  }
}

@media screen and (max-width: 992px) {
  /* line 142, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why__link, .companies-about__why__slider {
    grid-template-columns: 1fr;
  }
}

/* line 156, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why__slider {
  margin-bottom: 60px;
}

/* line 161, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why__link .button {
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 992px) {
  /* line 160, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why__link {
    display: none;
  }
}

/* line 171, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why__bottom-image {
  display: none;
}

@media screen and (max-width: 992px) {
  /* line 171, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why__bottom-image {
    display: grid;
    width: 100%;
    justify-content: center;
  }
  /* line 177, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why__bottom-image img {
    width: 100%;
  }
}

/* line 183, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav {
  display: grid;
  gap: 32px;
  align-content: flex-start;
  position: relative;
  z-index: 0;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
}

/* line 193, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav:after {
  content: '';
  position: absolute;
  top: 300px;
  right: 0;
  z-index: -1;
  opacity: 1;
}

/* line 203, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav[data-value='why']:after {
  background: url(/assets/companies/why_block-f7e0e26946d134b552946e9912fbb984373be1483e8529ca41ec0cec7d562729.svg) no-repeat center center;
  width: 468px;
  height: 253px;
}

@media screen and (max-width: 1400px) {
  /* line 203, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .companies-about__slider__nav[data-value='why']:after {
    height: 177px;
    width: 328px;
    background-size: contain;
  }
}

/* line 216, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav[data-value='developing']:after {
  background: url(/assets/companies/developing-980fc23c67bee643b30fda46692f3914b8a9e4e74c9dda042502f1a03fa406f6.svg) no-repeat top right;
  width: 468px;
  height: 253px;
}

@media screen and (max-width: 1400px) {
  /* line 216, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .companies-about__slider__nav[data-value='developing']:after {
    height: 177px;
    width: 328px;
    background-size: contain;
  }
}

/* line 229, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav[data-value='solutions']:after {
  background: url(/assets/companies/solutions-a464f420a332e98d82a850641724e1ffd30a84a77283cc3c9f838e169089e28c.svg) no-repeat center center;
  width: 468px;
  height: 253px;
}

@media screen and (max-width: 1400px) {
  /* line 229, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .companies-about__slider__nav[data-value='solutions']:after {
    height: 177px;
    width: 328px;
    background-size: contain;
  }
}

/* line 242, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav.hello:after {
  animation: welcome-right 0.5s linear;
  opacity: 1;
}

/* line 249, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav.bye:after {
  animation: bye-right 0.5s linear;
}

@media screen and (max-width: 992px) {
  /* line 183, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .companies-about__slider__nav {
    display: none;
  }
}

/* line 258, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav a {
  color: var(--deepBlack);
  cursor: pointer;
}

/* line 262, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .companies-about__slider__nav a.active {
  color: var(--blue);
}

/* line 269, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__container {
  position: relative;
  display: grid;
  gap: 56px;
}

@media screen and (max-width: 992px) {
  /* line 269, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__container {
    max-height: max-content;
  }
}

/* line 278, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item {
  position: absolute;
  align-content: flex-start;
  gap: 48px;
  opacity: 0;
  transition: opacity 0.5s linear;
}

@media screen and (max-width: 992px) {
  /* line 278, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item {
    position: relative;
    display: grid;
    min-height: auto;
    gap: 24px;
    opacity: 1;
  }
}

/* line 292, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item.active {
  position: relative;
  display: grid;
  opacity: 1;
  z-index: 10;
}

/* line 299, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item h3 {
  font-weight: 500;
  font-size: 44px;
  line-height: 52px;
}

@media screen and (max-width: 992px) {
  /* line 299, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

/* line 309, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item h6 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

@media screen and (max-width: 992px) {
  /* line 309, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item h6 {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 319, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 992px) {
  /* line 319, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item p {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 328, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item ul {
  display: grid;
  gap: 24px;
}

/* line 332, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item ul li {
  position: relative;
  padding-left: 27px;
}

@media screen and (max-width: 768px) {
  /* line 332, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item ul li {
    display: inline-flex;
    flex-wrap: wrap;
    padding-left: 0;
  }
}

/* line 341, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item ul li:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background: var(--blue);
  left: 0;
  top: 12px;
}

@media screen and (max-width: 768px) {
  /* line 341, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item ul li:before {
    top: 8px;
  }
}

@media screen and (max-width: 768px) {
  /* line 356, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item ul li h6:before {
    content: '';
    padding-left: 16px;
  }
}

/* line 366, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item .number {
  font-weight: 900;
  font-size: 40px;
  line-height: 44px;
  color: var(--grey);
}

@media screen and (max-width: 992px) {
  /* line 366, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item .number {
    font-size: 32px;
    line-height: 36px;
  }
}

/* line 377, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item .steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 48px;
}

@media screen and (max-width: 768px) {
  /* line 377, app/assets/stylesheets/pages/companies/about.scss */
  .companies-about__why .slider__item .steps {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* line 387, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item .step {
  display: grid;
  gap: 16px;
  align-content: flex-start;
}

/* line 393, app/assets/stylesheets/pages/companies/about.scss */
.companies-about__why .slider__item .info {
  display: grid;
  gap: 8px;
}

/* line 1, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements {
    margin-bottom: 64px;
  }
}

/* line 7, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements__title {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 7, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements__title {
    margin-bottom: 24px;
  }
}

/* line 14, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements .filter_list {
  margin-bottom: 56px !important;
}

@media (max-width: 992px) {
  /* line 14, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements .filter_list {
    display: none !important;
    margin-bottom: 32px !important;
  }
}

/* line 22, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements .select {
  display: none;
  margin-bottom: 32px;
}

@media (max-width: 992px) {
  /* line 22, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements .select {
    display: block;
  }
}

/* line 30, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-list {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(2, 580px);
  justify-content: space-between;
  gap: 56px;
}

@media (max-width: 992px) {
  /* line 30, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements-list {
    grid-template-columns: repeat(2, 50%);
    gap: 24px 0;
    margin-top: 24px;
  }
}

/* line 43, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-card {
  display: grid;
  grid-template-columns: 160px 360px;
  gap: 60px;
  align-items: center;
  grid-auto-rows: max-content;
}

@media (max-width: 992px) {
  /* line 43, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements-card {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }
  /* line 53, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements-card img,
.about-achievements-card svg {
    display: none;
  }
}

/* line 59, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-card:hover {
  color: var(--black);
}

/* line 63, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-card-info {
  display: grid;
  gap: 8px;
}

/* line 67, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-card-info__position {
  border-bottom: 1px solid var(--blue);
}

/* line 71, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-card-info__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 71, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements-card-info__title {
    font-size: 18px;
    line-height: 24px;
  }
}

/* line 81, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-card-info__text {
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 992px) {
  /* line 81, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements-card-info__text {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 92, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-show-more {
  margin-top: 40px;
  display: grid;
  justify-content: center;
  margin-bottom: 120px;
}

@media (max-width: 992px) {
  /* line 92, app/assets/stylesheets/pages/companies/achievements.scss */
  .about-achievements-show-more {
    margin-top: 24px;
    margin-bottom: 64px;
  }
}

/* line 103, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-show-more__btn {
  color: #1770EB;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}

/* line 114, app/assets/stylesheets/pages/companies/achievements.scss */
.about-achievements-container {
  display: block;
}

/* line 1, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices {
  padding: 120px 0;
  background-image: url(/assets/about/offices_bg-43bd55e32194cfda98bec98c66ade189432df512046e8c2cb1bd9244e64c2001.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/offices.scss */
  .companies-offices {
    padding: 24px 0 50px;
    background-image: unset;
  }
}

/* line 11, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

@media (max-width: 992px) {
  /* line 11, app/assets/stylesheets/pages/companies/offices.scss */
  .companies-offices-content {
    grid-template-columns: 1fr;
  }
}

/* line 20, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices-content-info__title {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 20, app/assets/stylesheets/pages/companies/offices.scss */
  .companies-offices-content-info__title {
    margin-bottom: 24px;
  }
}

/* line 27, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices-content-info-text {
  display: grid;
  gap: 16px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 20px;
}

/* line 34, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices-content-info-text ul {
  display: grid;
  gap: 4px;
  margin: 0;
  grid-auto-rows: max-content;
}

/* line 40, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices-content-info-text ul li {
  position: relative;
  margin-left: 0;
  padding-left: 15px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 40, app/assets/stylesheets/pages/companies/offices.scss */
  .companies-offices-content-info-text ul li {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 52, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices-content-info-text ul li::before {
  content: '';
  width: 7px;
  height: 7px;
  display: block;
  background: var(--blue);
  position: absolute;
  top: 10px;
  left: 0;
}

@media (max-width: 992px) {
  /* line 52, app/assets/stylesheets/pages/companies/offices.scss */
  .companies-offices-content-info-text ul li::before {
    top: 3px;
  }
}

/* line 71, app/assets/stylesheets/pages/companies/offices.scss */
.companies-offices .link-ui {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 71, app/assets/stylesheets/pages/companies/offices.scss */
  .companies-offices .link-ui {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 1, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses {
  padding: 84px 0;
  background-color: var(--middleBlue);
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/licenses.scss */
  .about-licenses {
    padding: 44px 0;
  }
}

/* line 8, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses__title {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 8, app/assets/stylesheets/pages/companies/licenses.scss */
  .about-licenses__title {
    margin-bottom: 24px;
  }
}

/* line 15, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses__text {
  margin-bottom: 48px;
  max-width: 1110px;
}

@media (max-width: 992px) {
  /* line 15, app/assets/stylesheets/pages/companies/licenses.scss */
  .about-licenses__text {
    margin-bottom: 24px;
  }
}

/* line 23, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses-list {
  display: grid;
  grid-template-columns: repeat(2, 494px);
  gap: 125px;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  /* line 23, app/assets/stylesheets/pages/companies/licenses.scss */
  .about-licenses-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 34, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses-item {
  display: grid;
  grid-template-columns: 106px 1fr;
  gap: 30px;
}

/* line 39, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses-item ul {
  display: grid;
  gap: 4px;
  margin: 0;
  grid-auto-rows: max-content;
}

/* line 45, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses-item ul li {
  margin-left: 0;
  padding-left: 15px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 45, app/assets/stylesheets/pages/companies/licenses.scss */
  .about-licenses-item ul li {
    font-size: 14px;
    line-height: 18px;
  }
}

/* line 56, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses-item ul li::before {
  top: 7px;
}

@media (max-width: 992px) {
  /* line 56, app/assets/stylesheets/pages/companies/licenses.scss */
  .about-licenses-item ul li::before {
    top: 3px;
  }
}

/* line 66, app/assets/stylesheets/pages/companies/licenses.scss */
.about-licenses .link-ui {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 66, app/assets/stylesheets/pages/companies/licenses.scss */
  .about-licenses .link-ui {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 1, app/assets/stylesheets/pages/companies/carousel.scss */
.office-carousel {
  margin-top: 126px;
  height: 342px;
  max-width: 645px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/carousel.scss */
  .office-carousel {
    margin-top: 0;
    height: 170px;
    max-width: 100%;
  }
}

/* line 11, app/assets/stylesheets/pages/companies/carousel.scss */
.office-carousel img {
  max-width: 100%;
}

/* line 16, app/assets/stylesheets/pages/companies/carousel.scss */
.office-carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid var(--white);
  background-color: transparent;
  opacity: 1 !important;
}

/* line 23, app/assets/stylesheets/pages/companies/carousel.scss */
.office-carousel .swiper-pagination-bullet-active {
  background-color: var(--white);
}

/* line 1, app/assets/stylesheets/pages/companies/services.scss */
.companies-services {
  margin-bottom: 120px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/companies/services.scss */
  .companies-services {
    margin-bottom: 64px;
  }
}

/* line 7, app/assets/stylesheets/pages/companies/services.scss */
.companies-services__title {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 7, app/assets/stylesheets/pages/companies/services.scss */
  .companies-services__title {
    margin-bottom: 24px;
  }
}

/* line 14, app/assets/stylesheets/pages/companies/services.scss */
.companies-services-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media (max-width: 992px) {
  /* line 14, app/assets/stylesheets/pages/companies/services.scss */
  .companies-services-list {
    grid-template-columns: 1fr;
  }
}

/* line 12, app/assets/stylesheets/pages/companies/index.scss */
.companies {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 12, app/assets/stylesheets/pages/companies/index.scss */
  .companies {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 21, app/assets/stylesheets/pages/companies/index.scss */
.companies h2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 21, app/assets/stylesheets/pages/companies/index.scss */
  .companies h2 {
    font-size: 30px;
    line-height: 38px;
  }
}

/* line 31, app/assets/stylesheets/pages/companies/index.scss */
.companies h6 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 31, app/assets/stylesheets/pages/companies/index.scss */
  .companies h6 {
    font-size: 22px;
    line-height: 30px;
  }
}

/* line 1, app/assets/stylesheets/pages/services/web/leading.scss */
.web-leading {
  padding: 32px 0 160px;
  background-image: url(/assets/web/leading_bg-128c8be200111c6d4c484fa3a8efc682d61020ae92a6195eb9e5328f2f38f22f.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/services/web/leading.scss */
  .web-leading {
    padding: 16px 0 54px;
  }
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/services/web/leading.scss */
  .web-leading {
    background-image: url(/assets/web/leading_bg_mobile-d6dec03bd122c157a9b367a5b48610bf8c43330a54b09eaf4c5ba77ccecd236f.webp);
  }
}

/* line 15, app/assets/stylesheets/pages/services/web/leading.scss */
.web-leading .breadcrumbs a:hover {
  color: var(--white);
}

/* line 17, app/assets/stylesheets/pages/services/web/leading.scss */
.web-leading .breadcrumbs a:hover::after {
  background: var(--white);
}

/* line 24, app/assets/stylesheets/pages/services/web/leading.scss */
.web-leading-content {
  max-width: 705px;
  color: var(--white);
}

/* line 28, app/assets/stylesheets/pages/services/web/leading.scss */
.web-leading-content__title {
  margin-bottom: 40px;
  color: var(--white);
}

@media (max-width: 992px) {
  /* line 28, app/assets/stylesheets/pages/services/web/leading.scss */
  .web-leading-content__title {
    margin-bottom: 24px;
  }
}

/* line 36, app/assets/stylesheets/pages/services/web/leading.scss */
.web-leading-content__description {
  margin-bottom: 32px;
}

/* line 40, app/assets/stylesheets/pages/services/web/leading.scss */
.web-leading-content .button {
  width: 264px;
}

@media (max-width: 992px) {
  /* line 40, app/assets/stylesheets/pages/services/web/leading.scss */
  .web-leading-content .button {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/pages/services/web/goal.scss */
.web-goal {
  padding: 140px 0;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/services/web/goal.scss */
  .web-goal {
    padding: 64px 0;
  }
}

/* line 7, app/assets/stylesheets/pages/services/web/goal.scss */
.web-goal__leading {
  margin-bottom: 64px;
  font-size: 52px;
  font-weight: 400;
  line-height: 64px;
}

@media (max-width: 992px) {
  /* line 7, app/assets/stylesheets/pages/services/web/goal.scss */
  .web-goal__leading {
    margin-bottom: 32px;
    font-size: 30px;
    line-height: 40px;
  }
}

/* line 19, app/assets/stylesheets/pages/services/web/goal.scss */
.web-goal p {
  max-width: 1200px;
}

/* line 1, app/assets/stylesheets/pages/services/web/stages.scss */
.web-stages {
  padding: 140px 0;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/services/web/stages.scss */
  .web-stages {
    padding: 64px 0;
  }
}

/* line 7, app/assets/stylesheets/pages/services/web/stages.scss */
.web-stages__title {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 7, app/assets/stylesheets/pages/services/web/stages.scss */
  .web-stages__title {
    margin-bottom: 32px;
  }
}

/* line 1, app/assets/stylesheets/pages/services/web/list.scss */
.web-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 30px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/services/web/list.scss */
  .web-list {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 11, app/assets/stylesheets/pages/services/web/list.scss */
.web-list-item__counter {
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
  color: var(--blue, #1770EB);
}

@media (max-width: 992px) {
  /* line 11, app/assets/stylesheets/pages/services/web/list.scss */
  .web-list-item__counter {
    font-size: 22px;
    line-height: 30px;
  }
}

/* line 22, app/assets/stylesheets/pages/services/web/list.scss */
.web-list-item__title {
  margin-bottom: 16px;
}

@media (max-width: 992px) {
  /* line 22, app/assets/stylesheets/pages/services/web/list.scss */
  .web-list-item__title {
    margin-bottom: 12px;
  }
}

/* line 29, app/assets/stylesheets/pages/services/web/list.scss */
.web-list-item__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

/* line 1, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages {
  padding-top: 140px;
  margin-bottom: 140px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/services/web/advantages.scss */
  .web-advantages {
    padding-top: 64px;
    margin-bottom: 64px;
  }
}

/* line 9, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages__title {
  margin-bottom: 56px;
}

@media (max-width: 992px) {
  /* line 9, app/assets/stylesheets/pages/services/web/advantages.scss */
  .web-advantages__title {
    margin-bottom: 24px;
  }
}

/* line 16, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media (max-width: 992px) {
  /* line 16, app/assets/stylesheets/pages/services/web/advantages.scss */
  .web-advantages-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 25, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages-list-item {
  gap: 24px;
  padding: 136px 40px 40px;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  background-color: var(--platinumGray, #E1E3E9);
  border-radius: 30px;
  background-position: 40px 40px;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  /* line 25, app/assets/stylesheets/pages/services/web/advantages.scss */
  .web-advantages-list-item {
    padding: 88px 16px 16px;
    background-size: 56px;
    background-position: 16px 16px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 44, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages-list-item__title {
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  /* line 44, app/assets/stylesheets/pages/services/web/advantages.scss */
  .web-advantages-list-item__title {
    margin-bottom: 16px;
  }
}

/* line 51, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages-list-item.cycle {
  background-image: url(/assets/web/icon_cycle-6c0f9b81a52f3229595d3e2dcb1c7a9d61d69727791a9f2ab514ea8cd9770534.svg);
}

/* line 55, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages-list-item.number {
  background-image: url(/assets/web/icon_counter-8d7fdf5455faae36cff463bcca6079e5b0db9a1743683396d9d3c618523e6d9c.svg);
}

/* line 59, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages-list-item.calculator {
  background-image: url(/assets/web/icon_calculator-4a277c231b1456a85107d3f806ba7d3c30443fc48afea123df09e6b48284e45a.svg);
}

/* line 63, app/assets/stylesheets/pages/services/web/advantages.scss */
.web-advantages-list-item.bank {
  background-image: url(/assets/web/icon_piggy_bank-ca1fca203075116f402acdbce456770f4f61aea656c514ba0b0a7177e7798446.svg);
}

/* line 8, app/assets/stylesheets/pages/services/web/index.scss */
.web {
  z-index: unset;
  padding: 0;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
  color: var(--deepBlack);
}

@media (max-width: 992px) {
  /* line 8, app/assets/stylesheets/pages/services/web/index.scss */
  .web {
    font-size: 22px;
    line-height: 30px;
  }
}

/* line 20, app/assets/stylesheets/pages/services/web/index.scss */
.web h1 {
  font-size: 72px;
  line-height: 74px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 20, app/assets/stylesheets/pages/services/web/index.scss */
  .web h1 {
    font-size: 36px;
    line-height: 42px;
  }
}

/* line 30, app/assets/stylesheets/pages/services/web/index.scss */
.web h2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
}

@media (max-width: 992px) {
  /* line 30, app/assets/stylesheets/pages/services/web/index.scss */
  .web h2 {
    font-size: 30px;
    line-height: 38px;
  }
}

/* line 40, app/assets/stylesheets/pages/services/web/index.scss */
.web h3 {
  font-weight: 600;
  font-size: 44px;
  line-height: 52px;
}

@media (max-width: 992px) {
  /* line 40, app/assets/stylesheets/pages/services/web/index.scss */
  .web h3 {
    font-size: 26px;
    line-height: 34px;
  }
}

/* line 50, app/assets/stylesheets/pages/services/web/index.scss */
.web h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
}

@media (max-width: 992px) {
  /* line 50, app/assets/stylesheets/pages/services/web/index.scss */
  .web h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
  }
}

/* line 61, app/assets/stylesheets/pages/services/web/index.scss */
.web h5 {
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
}

@media (max-width: 992px) {
  /* line 61, app/assets/stylesheets/pages/services/web/index.scss */
  .web h5 {
    font-size: 22px;
    line-height: 30px;
  }
}

/* line 71, app/assets/stylesheets/pages/services/web/index.scss */
.web h6 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
}

/* line 79, app/assets/stylesheets/pages/services/web/index.scss */
.web .project-preview-carousel .container-new {
  padding-top: 140px;
  padding-bottom: 140px;
}

@media (max-width: 992px) {
  /* line 79, app/assets/stylesheets/pages/services/web/index.scss */
  .web .project-preview-carousel .container-new {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* line 91, app/assets/stylesheets/pages/services/web/index.scss */
.web .form-request .request {
  padding: 140px 0;
}

@media (max-width: 992px) {
  /* line 91, app/assets/stylesheets/pages/services/web/index.scss */
  .web .form-request .request {
    padding: 64px 0 32px;
  }
}

@media (max-width: 922px) {
  /* line 100, app/assets/stylesheets/pages/services/web/index.scss */
  .web .have-app .container-new {
    padding-bottom: 24px;
  }
}

/* line 3, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel {
  position: sticky;
  top: 168px;
  height: fit-content;
  padding-bottom: 48px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: var(--black);
}

@media (max-width: 1280px) {
  /* line 3, app/assets/stylesheets/pages/post/panel.scss */
  .post-page .post-panel {
    position: static;
    order: 1;
    padding-bottom: 0;
    margin-bottom: 8px;
  }
}

/* line 19, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-articles {
  display: grid;
  gap: 4px;
  align-items: flex-start;
}

/* line 24, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-articles a {
  width: fit-content;
  text-decoration: underline;
  color: var(--black);
}

@media (max-width: 1280px) {
  /* line 24, app/assets/stylesheets/pages/post/panel.scss */
  .post-page .post-panel-articles a {
    text-decoration: none;
  }
}

/* line 34, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-summary {
  display: grid;
  gap: 24px;
  padding-bottom: 8px;
  align-items: flex-start;
}

/* line 40, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-summary .post-panel__divider {
  margin-top: 0;
}

/* line 44, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-summary ul {
  display: grid;
  gap: 16px;
  align-items: flex-start;
}

/* line 49, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-summary ul li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}

/* line 58, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-summary ul li:hover {
  border-bottom: 1px solid var(--mainBlue);
  color: var(--mainBlue);
}

/* line 67, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-share {
  display: flex;
  gap: 30px;
}

/* line 72, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel-socials {
  display: flex;
  gap: 24px;
}

/* line 77, app/assets/stylesheets/pages/post/panel.scss */
.post-page .post-panel__divider {
  height: 1px;
  margin: 48px 0;
  background-color: var(--platinumGray);
}

@media (max-width: 992px) {
  /* line 77, app/assets/stylesheets/pages/post/panel.scss */
  .post-page .post-panel__divider {
    margin: 16px 0;
  }
}

/* line 1, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description {
  padding-top: 0;
  padding-bottom: 100px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  color: var(--black);
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description {
    padding-bottom: 32px;
    font-size: 16px;
    line-height: 24px;
    order: 2;
  }
}

/* line 15, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post_body {
  font-style: normal;
  width: 100%;
}

/* line 19, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post_body img {
  object-fit: contain;
}

/* line 23, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post_body .text_1 {
  margin-bottom: 70px;
}

/* line 27, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post_body .post_text {
  margin-bottom: 80px;
}

@media (max-width: 992px) {
  /* line 27, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .post_body .post_text {
    margin-bottom: 40px;
  }
}

/* line 34, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post_body .image-block {
  height: 400px;
  background-size: contain;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  /* line 34, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .post_body .image-block {
    height: 200px;
  }
}

/* line 44, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  /* line 44, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .post-image-wrapper {
    margin-bottom: 32px;
  }
}

/* line 50, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper .post-image {
  display: flex;
  justify-content: center;
  max-width: 100%;
  height: 360px;
}

@media (max-width: 1336px) {
  /* line 50, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .post-image-wrapper .post-image {
    height: 320px;
  }
}

@media screen and (max-width: 767px) {
  /* line 50, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .post-image-wrapper .post-image {
    height: 144px;
  }
}

/* line 62, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper .post-image__description {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  color: var(--grey);
}

/* line 70, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper .post-image .fluidbox__wrap {
  width: 100%;
}

/* line 74, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper .post-image .fluidbox__ghost {
  border-radius: 10px;
}

/* line 79, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper .post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(5px);
  transition: all 0.5s ease-out;
  border-radius: 10px;
}

/* line 87, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper .post-image img.lazyloaded {
  filter: none;
}

/* line 94, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .post-image-wrapper .post-image__description,
.post-page .post-description .text_2 .image-description {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  color: var(--grey);
}

/* line 102, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

@media (max-width: 992px) {
  /* line 102, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2 {
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 111, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe {
  margin-bottom: 0;
  text-align: left;
}

@media screen and (max-width: 440px) {
  /* line 111, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe {
    width: calc(100vw - 32px);
  }
}

/* line 119, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe h1,
.post-page .post-description .text_2.html-safe h2,
.post-page .post-description .text_2.html-safe h3,
.post-page .post-description .text_2.html-safe h4,
.post-page .post-description .text_2.html-safe h5,
.post-page .post-description .text_2.html-safe h6 {
  margin-bottom: 32px;
  color: var(--deepBlack);
}

/* line 129, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe h1 {
  margin: 60px 0;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
}

@media (max-width: 992px) {
  /* line 129, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe h1 {
    margin: 40px 0;
    font-size: 36px;
    line-height: 40px;
  }
}

/* line 141, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe h2 {
  margin: 52px 0;
  font-size: 44px;
  line-height: 52px;
  font-weight: 700;
}

@media (max-width: 992px) {
  /* line 141, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe h2 {
    margin: 34px 0;
    font-size: 30px;
    line-height: 34px;
  }
}

/* line 153, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe h3 {
  margin: 40px 0;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}

@media (max-width: 992px) {
  /* line 153, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe h3 {
    margin: 20px 0;
    font-size: 24px;
    line-height: 24px;
  }
}

/* line 165, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe p {
  margin-bottom: 16px;
}

/* line 169, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe span {
  margin-bottom: inherit;
}

/* line 173, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe a {
  text-align: inherit;
  font-weight: 400;
  color: var(--blue);
}

/* line 179, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe img {
  max-width: 100%;
}

@media (max-width: 992px) {
  /* line 179, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe img {
    width: 100%;
    height: auto;
  }
}

/* line 187, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe p strong {
  font-weight: 700;
}

/* line 191, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe code {
  word-break: break-word;
}

/* line 195, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe .image-description {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  /* line 195, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe .image-description {
    margin-bottom: 32px;
  }
}

/* line 202, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe ol,
.post-page .post-description .text_2.html-safe ul {
  display: grid;
  gap: 8px;
  padding-left: 24px;
  margin-top: 16px;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  /* line 202, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe ol,
.post-page .post-description .text_2.html-safe ul {
    margin-top: 12px;
    margin-bottom: 24px;
  }
}

/* line 215, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe ul {
  text-align: inherit;
  list-style: none;
}

@media (max-width: 992px) {
  /* line 215, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description .text_2.html-safe ul {
    padding-left: 20px;
  }
}

/* line 222, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe ul li {
  position: relative;
  word-break: break-word;
}

/* line 226, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe ul li::marker {
  content: "";
}

/* line 230, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description .text_2.html-safe ul li:before {
  content: '';
  position: absolute;
  left: -18px;
  top: 11px;
  display: block;
  width: 7px;
  height: 7px;
  background-color: var(--blue);
}

/* line 246, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description table {
  margin: 65px 0 0;
}

/* line 249, app/assets/stylesheets/pages/post/description.scss */
.post-page .post-description table td {
  padding: 0 5px 0 0;
}

@media (max-width: 992px) {
  /* line 246, app/assets/stylesheets/pages/post/description.scss */
  .post-page .post-description table {
    margin: 65px auto 0;
  }
}

/* line 1, app/assets/stylesheets/pages/post/posts.scss */
.post-page .posts {
  background-color: var(--light-gray);
  z-index: 0;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/post/posts.scss */
  .post-page .posts {
    padding-top: 10px;
  }
}

/* line 8, app/assets/stylesheets/pages/post/posts.scss */
.post-page .posts__title {
  margin-bottom: 60px;
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
  text-align: left;
}

@media (max-width: 992px) {
  /* line 8, app/assets/stylesheets/pages/post/posts.scss */
  .post-page .posts__title {
    padding-left: 9px;
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 34px;
  }
}

/* line 10, app/assets/stylesheets/pages/post/post.scss */
.post-page .post-head.mobile {
  display: none;
}

@media (max-width: 992px) {
  /* line 10, app/assets/stylesheets/pages/post/post.scss */
  .post-page .post-head.mobile {
    display: block;
  }
}

@media (max-width: 992px) {
  /* line 17, app/assets/stylesheets/pages/post/post.scss */
  .post-page .post-head.desktop {
    display: none;
  }
}

/* line 24, app/assets/stylesheets/pages/post/post.scss */
.post-page__title {
  margin-bottom: 40px;
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
  color: var(--deepBlack);
}

@media (max-width: 992px) {
  /* line 24, app/assets/stylesheets/pages/post/post.scss */
  .post-page__title {
    margin-bottom: 32px;
    font-size: 36px;
    line-height: 48px;
    word-break: break-word;
  }
}

/* line 38, app/assets/stylesheets/pages/post/post.scss */
.post-page__date {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
  font-weight: 300;
  color: var(--grey);
}

@media (max-width: 992px) {
  /* line 38, app/assets/stylesheets/pages/post/post.scss */
  .post-page__date {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 18px;
  }
}

/* line 51, app/assets/stylesheets/pages/post/post.scss */
.post-page .breadcrumbs {
  margin: 32px 0;
}

@media (max-width: 992px) {
  /* line 51, app/assets/stylesheets/pages/post/post.scss */
  .post-page .breadcrumbs {
    margin: 16px 0 32px;
  }
}

/* line 58, app/assets/stylesheets/pages/post/post.scss */
.post-page .post-content {
  display: grid;
  grid-template-columns: 914px 312px;
  gap: 24px;
  justify-content: space-between;
}

@media (max-width: 1336px) {
  /* line 58, app/assets/stylesheets/pages/post/post.scss */
  .post-page .post-content {
    grid-template-columns: 810px 260px;
  }
}

@media (max-width: 992px) {
  /* line 58, app/assets/stylesheets/pages/post/post.scss */
  .post-page .post-content {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 73, app/assets/stylesheets/pages/post/post.scss */
.post-page .other-services-inner .container-new {
  padding: 20px 0;
}

@media (max-width: 992px) {
  /* line 73, app/assets/stylesheets/pages/post/post.scss */
  .post-page .other-services-inner .container-new {
    padding: 32px 16px;
  }
}

/* line 79, app/assets/stylesheets/pages/post/post.scss */
.post-page .other-services-inner .container-new .other-services__link:first-of-type {
  border-top: none;
}

/* line 1, app/assets/stylesheets/pages/services/mobile_services/index.scss */
.mobile-service {
  font-family: var(--baseFontSize);
  font-style: normal;
}

@keyframes pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}

@keyframes pulse-center {
  50% {
    transform: translate(-50%, -50%) scale(0.8);
  }
}

@keyframes spin {
  0% {
    transform: scale(1.2) rotate(0);
  }
  50% {
    transform: scale(0.8) rotate(0.5turn);
  }
  100% {
    transform: scale(1.2) rotate(1turn);
  }
}

@keyframes spin-reverse {
  0% {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.6;
    transform: scale(0.8) rotate(0.5turn);
  }
  75% {
    opacity: 0.8;
  }
  100% {
    transform: scale(1) rotate(1turn);
    opacity: 1;
  }
}

@keyframes welcome-right {
  from {
    opacity: 0;
    right: 50px;
  }
  to {
    opacity: 1;
    right: 0;
  }
}

@keyframes bye-right {
  from {
    opacity: 1;
    right: 0;
  }
  to {
    opacity: 0;
    right: 50px;
  }
}

/* line 1, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header {
  margin-bottom: 100px;
}

/* line 4, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header .container-new {
  position: relative;
}

/* line 8, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__info {
  width: 100%;
  max-width: 519px;
  display: grid;
  gap: 32px;
  margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
  /* line 8, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__info {
    gap: 32px;
    margin-bottom: 40px;
    max-width: 100%;
  }
}

/* line 20, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__info h1 {
  color: var(--deepBlack);
  font-weight: 700;
  font-size: 72px;
  line-height: 74px;
  max-width: 519px;
}

@media screen and (max-width: 1400px) {
  /* line 20, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__info h1 {
    width: 800px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 20, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__info h1 {
    width: 700px;
  }
}

@media screen and (max-width: 768px) {
  /* line 20, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__info h1 {
    width: auto;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 0;
    max-width: 100%;
  }
}

/* line 43, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__info h1 a {
  color: var(--blue);
  position: relative;
}

/* line 47, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__info h1 a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: var(--blue);
}

/* line 59, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__info p {
  width: 100%;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  max-width: 519px;
}

@media screen and (max-width: 768px) {
  /* line 59, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__info p {
    max-width: 100%;
  }
}

/* line 71, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__info .button {
  margin-top: -12px;
}

/* line 76, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__perks {
  display: grid;
  gap: 50px;
  grid-template-columns: 184px 128px 134px 109px;
}

@media screen and (max-width: 768px) {
  /* line 76, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__perks {
    grid-template-columns: repeat(2, 1fr);
    gap: 38px 20px;
  }
}

/* line 86, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__perks .perk {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

@media screen and (max-width: 768px) {
  /* line 86, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__perks .perk {
    margin-top: 60px;
  }
}

/* line 94, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__perks .perk .count {
  height: 60px;
  width: 100%;
  color: var(--blue);
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* line 106, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__perks .perk .title {
  font-size: 14px;
  line-height: 18px;
  color: var(--deepBlack);
}

/* line 114, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__image {
  width: 722px;
  height: 722px;
  position: absolute;
  right: -144px;
  top: -81px;
}

@media screen and (max-width: 768px) {
  /* line 114, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__image {
    position: relative;
    width: 100%;
    max-width: 340px;
    height: 316px;
    right: 0;
    top: 0;
    margin: 0 auto;
  }
}

/* line 236, app/assets/stylesheets/pages/services/mobile_services/header.scss */
.mobile-service .mobile-service__header__image img {
  width: 688px;
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);
  z-index: 3;
  object-fit: contain;
  image-rendering: optimizeQuality;
}

@media screen and (max-width: 1400px) {
  /* line 236, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__image img {
    width: 500px;
    top: 45%;
    left: 60%;
  }
}

@media screen and (max-width: 768px) {
  /* line 236, app/assets/stylesheets/pages/services/mobile_services/header.scss */
  .mobile-service .mobile-service__header__image img {
    width: 300px;
    top: 55%;
    left: 50%;
  }
}

/* line 1, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
.mobile-service .mobile-service__directions {
  margin-bottom: 160px;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
  .mobile-service .mobile-service__directions {
    margin-bottom: 0;
  }
}

/* line 7, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
.mobile-service .mobile-service__directions .container-new {
  background: #353854;
  border-radius: 30px;
  padding: 88px 112px 96px;
  display: grid;
  gap: 80px;
}

@media screen and (max-width: 768px) {
  /* line 7, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
  .mobile-service .mobile-service__directions .container-new {
    gap: 52px;
    padding: 64px 16px;
    border-radius: 0;
  }
}

/* line 20, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
.mobile-service .mobile-service__directions h2 {
  font-weight: 500;
  font-size: 44px;
  line-height: 52px;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  /* line 20, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
  .mobile-service .mobile-service__directions h2 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
  }
}

/* line 32, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
.mobile-service .mobile-service__directions .directions {
  display: grid;
  gap: 40px 30px;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 768px) {
  /* line 32, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
  .mobile-service .mobile-service__directions .directions {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 41, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
.mobile-service .mobile-service__directions .directions .direction {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 16px;
  align-items: center;
}

/* line 47, app/assets/stylesheets/pages/services/mobile_services/directions.scss */
.mobile-service .mobile-service__directions .directions .direction span {
  font-size: 28px;
  line-height: 36px;
  color: #ffffff;
}

/* line 1, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile {
  background: var(--lightBlue);
  margin-bottom: 160px;
}

@media screen and (max-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile {
    height: max-content;
    margin-bottom: 64px;
  }
}

/* line 10, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .container-new {
  padding-top: 140px;
  padding-bottom: 120px;
}

@media (max-width: 992px) {
  /* line 10, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .container-new {
    padding: 64px 16px;
  }
}

/* line 18, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile__link, .mobile-service .mobile-service__why-mobile__slider {
  display: grid;
  grid-template-columns: 480px 709px;
  gap: 90px;
}

@media screen and (max-width: 1400px) {
  /* line 18, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile__link, .mobile-service .mobile-service__why-mobile__slider {
    gap: 60px;
    grid-template-columns: auto 709px;
  }
}

@media screen and (max-width: 992px) {
  /* line 18, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile__link, .mobile-service .mobile-service__why-mobile__slider {
    grid-template-columns: 1fr;
  }
}

/* line 32, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile__slider {
  margin-bottom: 60px;
}

/* line 37, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile__link .button {
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 992px) {
  /* line 43, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile__link span {
    display: none;
  }
}

/* line 50, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav {
  display: grid;
  gap: 32px;
  align-content: flex-start;
  position: relative;
  z-index: 0;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
}

/* line 60, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav:after {
  content: '';
  position: absolute;
  top: 300px;
  right: 0;
  z-index: -1;
  opacity: 1;
}

/* line 70, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav[data-value='business']:after {
  background: url(/assets/services/mobile/pic-bffa53bdf5fc8ddb7f5bd3434150d2137c5c130ee8716fe802eeaa9b4c0f204d.svg) no-repeat center center;
  width: 492px;
  height: 502px;
}

@media screen and (max-width: 1400px) {
  /* line 70, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__nav[data-value='business']:after {
    height: 300px;
    width: 400px;
    background-size: contain;
  }
}

/* line 83, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav[data-value='principle']:after {
  background: url(/assets/services/mobile/pic2-9c82d5fd94745c05ad4c23a74aaa54294508526000b1b986e03d3c829ef52b05.svg) no-repeat top right;
  width: 700px;
  height: 542px;
}

@media screen and (max-width: 1400px) {
  /* line 83, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__nav[data-value='principle']:after {
    height: 300px;
    width: 400px;
    background-size: contain;
  }
}

/* line 96, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav[data-value='step_work']:after {
  background: url(/assets/services/mobile/pic3-336b83a16e3144a1cf56b61d76a18cc84e5bde080793cbbb82a0fb7e0d713633.svg) no-repeat center center;
  width: 494px;
  height: 382px;
}

@media screen and (max-width: 1400px) {
  /* line 96, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__nav[data-value='step_work']:after {
    height: 300px;
    width: 400px;
    background-size: contain;
  }
}

/* line 109, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav.hello:after {
  animation: welcome-right 1s linear;
  opacity: 1;
}

/* line 116, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav.bye:after {
  animation: bye-right 1s linear;
}

@media screen and (max-width: 992px) {
  /* line 50, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__nav {
    display: none;
  }
}

/* line 125, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav a {
  color: var(--deepBlack);
  cursor: pointer;
}

/* line 129, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__nav a.active {
  color: var(--blue);
}

/* line 135, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__container {
  position: relative;
  display: grid;
  gap: 56px;
}

@media screen and (max-width: 992px) {
  /* line 135, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__container {
    max-height: max-content;
  }
}

/* line 144, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item {
  position: absolute;
  align-content: flex-start;
  gap: 48px;
  opacity: 0;
  transition: opacity 0.5s linear;
}

@media screen and (max-width: 992px) {
  /* line 144, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item {
    position: relative;
    display: grid;
    min-height: auto;
    gap: 24px;
    opacity: 1;
  }
}

/* line 158, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item.active {
  position: relative;
  display: grid;
  opacity: 1;
  z-index: 10;
}

/* line 165, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item h3 {
  font-weight: 500;
  font-size: 44px;
  line-height: 52px;
}

@media screen and (max-width: 992px) {
  /* line 165, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

/* line 175, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item h6 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

@media screen and (max-width: 992px) {
  /* line 175, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item h6 {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 185, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 992px) {
  /* line 185, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item p {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 194, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item ul {
  display: grid;
  gap: 24px;
}

/* line 198, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item ul li {
  position: relative;
  padding-left: 27px;
}

@media screen and (max-width: 768px) {
  /* line 198, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item ul li {
    display: inline-flex;
    flex-wrap: wrap;
    padding-left: 0;
  }
}

/* line 207, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item ul li:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background: var(--blue);
  left: 0;
  top: 12px;
}

@media screen and (max-width: 768px) {
  /* line 207, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item ul li:before {
    top: 8px;
  }
}

@media screen and (max-width: 768px) {
  /* line 222, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item ul li h6:before {
    content: '';
    padding-left: 16px;
  }
}

/* line 231, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item .number {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #1770eb;
}

/* line 238, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item .steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 48px;
}

@media screen and (max-width: 768px) {
  /* line 238, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
  .mobile-service .mobile-service__why-mobile .slider__item .steps {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* line 248, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item .step {
  display: grid;
  gap: 16px;
  align-content: flex-start;
}

/* line 254, app/assets/stylesheets/pages/services/mobile_services/why_mobile.scss */
.mobile-service .mobile-service__why-mobile .slider__item .info {
  display: grid;
  gap: 8px;
}

/* line 1, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
.mobile-service .mobile-service__clients {
  background: var(--middleBlue);
}

/* line 4, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
.mobile-service .mobile-service__clients .container-new {
  display: grid;
  grid-template-columns: 231px 1fr;
  gap: 72px;
}

@media screen and (max-width: 768px) {
  /* line 4, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
  .mobile-service .mobile-service__clients .container-new {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

/* line 16, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
.mobile-service .mobile-service__clients h3 {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
}

/* line 24, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
.mobile-service .mobile-service__clients .mobile-service-slider {
  height: 106px;
  overflow: hidden;
  max-width: 100%;
}

/* line 29, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
.mobile-service .mobile-service__clients .mobile-service-slider__items {
  display: inline-flex;
  gap: 46px;
  align-items: center;
  animation: scroll-left 56s linear infinite;
  height: inherit;
  background: var(--middleBlue);
}

/* line 38, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
.mobile-service .mobile-service__clients .mobile-service-slider__item {
  display: flex;
  height: inherit;
  mix-blend-mode: multiply;
}

/* line 43, app/assets/stylesheets/pages/services/mobile_services/clients.scss */
.mobile-service .mobile-service__clients .mobile-service-slider__item img {
  height: 100%;
}

/* line 2, app/assets/stylesheets/pages/services/mobile_services/request.scss */
.mobile-service .mobile-service__request .container-new {
  padding-bottom: 160px;
  padding-top: 160px;
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/pages/services/mobile_services/request.scss */
  .mobile-service .mobile-service__request .container-new {
    padding-bottom: 32px;
    padding-top: 64px;
  }
}

/* line 10, app/assets/stylesheets/pages/services/mobile_services/request.scss */
.mobile-service .mobile-service__request .container-new h2 {
  text-align: center;
}

/* line 2, app/assets/stylesheets/cookies.scss */
.cookies_container {
  display: none;
  position: fixed;
  bottom: -100%;
  z-index: 9999;
  background-color: #1c2130;
  width: 100vw;
  max-width: 700px;
  border-radius: 24px;
  padding: 24px;
  gap: 24px;
  color: white;
  left: 50%;
  transform: translateX(-50%);
  grid-template-columns: auto 1fr;
  align-items: center;
  transition: 0.3s;
}

@media (max-width: 768px) {
  /* line 2, app/assets/stylesheets/cookies.scss */
  .cookies_container {
    width: calc(100vw - 32px);
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px;
  }
}

/* line 28, app/assets/stylesheets/cookies.scss */
.cookies_text {
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}

/* line 33, app/assets/stylesheets/cookies.scss */
.cookies_text a {
  color: #1770eb;
}

@media (max-width: 440px) {
  /* line 28, app/assets/stylesheets/cookies.scss */
  .cookies_text {
    font-size: 10px;
    line-height: 16px;
  }
}

/* line 43, app/assets/stylesheets/cookies.scss */
.cookies_button {
  border-radius: 10px;
  padding: 12px 20px;
  color: #1770eb;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  background-color: white;
  cursor: pointer;
  transition: 0.3s;
  margin: 0 auto;
}

@media (max-width: 440px) {
  /* line 43, app/assets/stylesheets/cookies.scss */
  .cookies_button {
    font-size: 10px;
    padding: 12px 16px;
  }
}

/* line 60, app/assets/stylesheets/cookies.scss */
.cookies_button:hover {
  color: white;
  background-color: #1770eb;
  transition: 0.3s;
}

/* line 25, app/assets/stylesheets/application_light.scss */
html {
  font-size: var(--baseFontSize);
  height: 100%;
  line-height: 1.3;
}

/* line 31, app/assets/stylesheets/application_light.scss */
body {
  margin: 0;
  font-family: var(--fontMuseo);
  font-size: var(--baseFontSize);
  overflow-x: hidden;
  height: auto !important;
  min-height: 100%;
}

/* line 40, app/assets/stylesheets/application_light.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 49, app/assets/stylesheets/application_light.scss */
div:not(.html-safe) > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 55, app/assets/stylesheets/application_light.scss */
p {
  margin: 0;
}

/* line 59, app/assets/stylesheets/application_light.scss */
a {
  color: black;
  text-decoration: none;
  padding: 0;
}

/* line 64, app/assets/stylesheets/application_light.scss */
a:hover {
  text-decoration: none;
}

/* line 68, app/assets/stylesheets/application_light.scss */
a.with-underline {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #353854 0%, #353854 100%);
  background-position: 0px calc(95% - 29px);
  background-size: 0px 2px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

/* line 76, app/assets/stylesheets/application_light.scss */
a.with-underline:hover {
  background-size: 100% 2px;
}

/* line 81, app/assets/stylesheets/application_light.scss */
a:focus {
  text-decoration: none;
  outline: none;
}

/* line 87, app/assets/stylesheets/application_light.scss */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* line 96, app/assets/stylesheets/application_light.scss */
textarea {
  resize: none;
}

/* line 100, app/assets/stylesheets/application_light.scss */
section {
  position: relative;
  z-index: 10;
  background-color: var(--white);
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 100, app/assets/stylesheets/application_light.scss */
  section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/* line 113, app/assets/stylesheets/application_light.scss */
section.no-top-padding {
  padding-top: 0;
}

/* line 117, app/assets/stylesheets/application_light.scss */
input,
select,
button {
  outline: none;
}

/* line 123, app/assets/stylesheets/application_light.scss */
label {
  line-height: 24px;
  text-align: left;
  color: var(--deepBlack);
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 16px;
}

/* line 132, app/assets/stylesheets/application_light.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 138, app/assets/stylesheets/application_light.scss */
#to-top {
  position: fixed;
  z-index: 10;
  border-radius: 50%;
  right: 54px;
  bottom: 54px;
  width: 64px;
  height: 64px;
  cursor: pointer;
  display: none;
  background: url(/assets/button_up-dd2218df6e3ea7fa7e36ad4be15c403989b594469a759b0602c204dc79f84b8d.svg) center no-repeat;
  background-color: white;
}

@media (max-width: 768px) {
  /* line 138, app/assets/stylesheets/application_light.scss */
  #to-top {
    bottom: 100px;
    right: 20px;
  }
}

@media screen and (min-width: 1279px) {
  /* line 158, app/assets/stylesheets/application_light.scss */
  .desktop-hide {
    display: none !important;
  }
  /* line 162, app/assets/stylesheets/application_light.scss */
  .container {
    width: 920px;
  }
}

/* line 167, app/assets/stylesheets/application_light.scss */
.container-fluid {
  position: relative;
  padding: 120px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  /* line 167, app/assets/stylesheets/application_light.scss */
  .container-fluid {
    padding: 54px 0 0;
  }
}

/* line 176, app/assets/stylesheets/application_light.scss */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 185, app/assets/stylesheets/application_light.scss */
.hidden {
  display: none;
}

/* line 189, app/assets/stylesheets/application_light.scss */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 197, app/assets/stylesheets/application_light.scss */
.grecaptcha-badge {
  display: none;
  visibility: hidden;
}

/* line 202, app/assets/stylesheets/application_light.scss */
a:hover,
a:focus {
  color: #23527c;
}