@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
    font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
    font-display: swap;
}

@font-face {
  font-family: "Rostov";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(vendor/fonts/Rostov.woff2) format("woff2"),
    url(vendor/fonts/Rostov.woff) format("woff");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
/**@font-face {
  font-family: "Dela Gothic One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(vendor/fonts/DelaGothicOne-Regular.woff2) format("woff2"),
    url(vendor/fonts/DelaGothicOne-Regular.woff) format("woff");
}*/
/**Swiper 11.1.4*/
: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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.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: 0.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: 0.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(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.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, 0.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: 0.2s transform, 0.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: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.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, 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, 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, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/**основные стили*/
:root {
  --main-accent-color: #ffa901;
  --main-text-color: #fff;
  --main-font: "Arial", "Helvetica", sans-serif;
  --accent-font: "Rostov", "Arial", "Helvetica", sans-serif;
  --cards-accent-font:  "Arial", "Helvetica", sans-serif;
  --main-bg-color: #0c151c;
  --black-bg-color: #000;
  --bg-grey-cards-large: linear-gradient(31deg, #334250 0%, #7496b6 100%);
  --bg-grey-cards-small: linear-gradient(10deg, #334250 0%, #7496b6 100%);
  --bg-question-cards: linear-gradient(239deg, #653e3e 0%, #334250 100%);
  --bg-exclamation-cards: linear-gradient(62deg, #334250 0%, #335034 100%);
}
html {
  -webkit-text-size-adjust: 100%;
  font-family: monospace, monospace;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  -webkit-transition: width 0.5s, height 0.5s;
  -o-transition: width 0.5s, height 0.5s;
  transition: width 0.5s, height 0.5s;
}
h1,
h1 span,
h2,
h2 span,
h3 {
  font-family: var(--accent-font);
  text-transform: uppercase;
  margin-top: 0;
  font-weight: 400;
}
h1, h1 span {
  font-size: 60px;
  line-height: 60px;
}
h1 {
  margin: 20px 0 40px;
  max-width: 905px;
  width: 100%;
}
h1 span {
  color: var(--main-accent-color);
  display: block;
}
h2,
h2 span {
  font-size: 40px;
  line-height: 40px;
}
h2 {
  margin-bottom: 50px;
  max-width: 925px;
}
h2 span {
  color: var(--main-accent-color);
}
h3 {
  font-size: 30px;
  line-height: 30px;
}
p,
ul,
ol,
a {
  font-size: 16px;
  line-height: 19.36px;
  font-weight: 400;
}
p:first-of-type {
  margin-top: 0;
}
p:last-of-type {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: var(--main-text-color);
}
button {
  font-family: var(--accent-font);
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}
a:hover,
button:hover {
  cursor: pointer;
}
textarea {
  resize: none;
}
input:focus,
textarea:focus,
button:focus {
  outline: none;
}
.page {
    //background: var(--main-bg-color) url(./imgs/svg/map-bg-mini.webp) repeat-y;
    background: var(--main-bg-color);
    font-family: var(--main-font);
    color: var(--main-text-color);
    width: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    margin: 0;
    min-height: 100vh;
    background-size: contain;
    overflow-x: hidden;
}
.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.unscroll {
  overflow: hidden;
}
.section {
  margin-top: 75px;
  margin-bottom: 75px;
}
.section.form-request.hide {
  display:none
}

.container {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}
.btn-general-style {
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 30px;
  border: 3px var(--main-text-color) solid;
  background: var(--black-bg-color);
  font-size: 30px;
  font-weight: 400;
  font-family: var(--accent-font);
  text-transform: uppercase;
  line-height: 30px;
  color: var(--main-text-color);
  padding: 16px 22px;
  -webkit-transition: box-shadow linear .1s;
  -moz-transition: box-shadow linear .1s;
  -ms-transition: box-shadow linear .1s;
  -o-transition: box-shadow linear .1s;
  transition: box-shadow linear .1s;
}
.hover:hover {
  -webkit-filter: drop-shadow(0px 0px 20px var(--main-text-color));
  filter: drop-shadow(0px 0px 20px var(--main-text-color));
}
.hover-btn:hover {
  -webkit-box-shadow: 0px 0px 20px var(--main-text-color);
  box-shadow: 0px 0px 20px var(--main-text-color);
}
.active-btn {
  background: var(--main-text-color);
  border: 3px var(--black-bg-color) solid;
  color: var(--main-text-color);
}
.btn-disabled {
  background: #737373;
  border: 3px #dbdbdb solid;
  color: #dbdbdb;
}
.btn-disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: auto;
}
.card-general-style {
  border-radius: 30px;
  padding: 30px;
}
.card-with-list ul {
  list-style: inside;
  padding: 0;
  margin: 30px 0;
}
.card-with-list ul li {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*-webkit-box-align: center;*/
  /*-ms-flex-align: center;*/
  /*align-items: center;*/
}
.card-with-list ul li::before {
  /*content: "";*/
  /*background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.4128 6.06351C17.1391 6.06351 18.5385 4.70615 18.5385 3.03176C18.5385 1.35736 17.1391 0 15.4128 0C13.6865 0 12.2871 1.35736 12.2871 3.03176C12.2871 4.70615 13.6865 6.06351 15.4128 6.06351Z' fill='white'/%3e%3cpath opacity='0.92' d='M11.5079 3.29681C12.3042 4.63457 11.8316 6.3456 10.4524 7.11801C9.07319 7.89042 7.30916 7.43202 6.51281 6.09426C5.71647 4.7565 6.18908 3.04581 7.56828 2.2734C8.94784 1.50065 10.7115 1.95905 11.5079 3.29681Z' fill='white'/%3e%3cpath opacity='0.84' d='M5.69792 6.93385C7.01146 7.66948 7.4616 9.29842 6.70318 10.5725C5.94475 11.8466 4.26534 12.2832 2.95179 11.5476C1.63825 10.8119 1.18811 9.18297 1.94653 7.9089C2.7046 6.63482 4.38437 6.19855 5.69792 6.93385Z' fill='white'/%3e%3cpath opacity='0.76' d='M2.60883 17.9808C4.04965 17.9808 5.21767 16.8479 5.21767 15.4504C5.21767 14.0528 4.04965 12.9199 2.60883 12.9199C1.16801 12.9199 0 14.0528 0 15.4504C0 16.8479 1.16801 17.9808 2.60883 17.9808Z' fill='white'/%3e%3cpath opacity='0.68' d='M4.32471 24.057C5.68951 24.057 6.7959 22.9839 6.7959 21.6601C6.7959 20.3363 5.68951 19.2632 4.32471 19.2632C2.95991 19.2632 1.85352 20.3363 1.85352 21.6601C1.85352 22.9839 2.95991 24.057 4.32471 24.057Z' fill='white'/%3e%3cpath opacity='0.6' d='M6.98973 25.0735C7.63404 23.9908 9.06135 23.6199 10.1772 24.2452C11.2934 24.8702 11.6758 26.2546 11.0315 27.3369C10.3872 28.4196 8.95987 28.7905 7.84401 28.1655C6.72779 27.5402 6.34542 26.1562 6.98973 25.0735Z' fill='white'/%3e%3cpath opacity='0.52' d='M13.2158 27.8697C13.2158 26.6933 14.199 25.7397 15.4117 25.7397C16.6245 25.7397 17.6076 26.6933 17.6076 27.8697C17.6076 29.046 16.6245 29.9996 15.4117 29.9996C14.1993 29.9999 13.2158 29.0463 13.2158 27.8697Z' fill='white'/%3e%3cpath opacity='0.44' d='M20.031 27.2031C19.4625 26.2482 19.8 25.0272 20.7845 24.4758C21.7691 23.9245 23.0278 24.2517 23.5963 25.2067C24.1648 26.1617 23.8273 27.3826 22.8428 27.934C21.8582 28.4854 20.5995 28.1581 20.031 27.2031Z' fill='white'/%3e%3cpath opacity='0.36' d='M25.5398 23.2733C24.6212 22.7587 24.3063 21.6194 24.8368 20.7282C25.3674 19.8372 26.5419 19.5317 27.4607 20.0464C28.3793 20.561 28.6942 21.7002 28.1637 22.5914C27.6331 23.4824 26.4586 23.7879 25.5398 23.2733Z' fill='white'/%3e%3cpath opacity='0.28' d='M28.2166 17.1795C29.2013 17.1795 29.9996 16.4052 29.9996 15.4501C29.9996 14.495 29.2013 13.7207 28.2166 13.7207C27.2319 13.7207 26.4336 14.495 26.4336 15.4501C26.4336 16.4052 27.2319 17.1795 28.2166 17.1795Z' fill='white'/%3e%3cpath opacity='0.2' d='M27.3241 10.6235C26.5368 11.0642 25.5305 10.8026 25.0762 10.0394C24.6218 9.27587 24.8915 8.29979 25.6783 7.85909C26.4656 7.4184 27.4719 7.67995 27.9262 8.44317C28.3806 9.20639 28.1109 10.1825 27.3241 10.6235Z' fill='white'/%3e%3cpath opacity='0.12' d='M21.8137 6.15841C22.6466 6.15841 23.3218 5.50351 23.3218 4.69566C23.3218 3.8878 22.6466 3.23291 21.8137 3.23291C20.9808 3.23291 20.3057 3.8878 20.3057 4.69566C20.3057 5.50351 20.9808 6.15841 21.8137 6.15841Z' fill='white'/%3e%3c/svg%3e ")*/
  /*  center no-repeat;*/
  /*min-width: 30px;*/
  /*max-width: 30px;*/
  /*height: 30px;*/
  /*display: block;*/
  /*margin-right: 8px;*/
  /*-webkit-transform: rotate(var(--rotation-angle, 0deg));*/
  /*-ms-transform: rotate(var(--rotation-angle, 0deg));*/
  /*transform: rotate(var(--rotation-angle, 0deg));*/
}
.icons-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.icons-links a {
  width: 35px;
  height: 35px;
  display: block;
}
.icons-links a:first-of-type {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M19.3661 22.0112C19.8423 22.279 20.1436 22.1376 20.2701 21.5871L21.9107 13.8527C21.9777 13.5253 21.9386 13.2909 21.7935 13.1496C21.6484 13.0082 21.4568 12.9821 21.2188 13.0714L11.5759 16.7879C11.3601 16.8698 11.2132 16.9628 11.135 17.067C11.0569 17.1711 11.0476 17.2697 11.1071 17.3627C11.1667 17.4557 11.2857 17.5283 11.4643 17.5804L13.9308 18.3504L19.6562 14.7455C19.8125 14.6414 19.9315 14.619 20.0134 14.6786C20.0655 14.7158 20.0506 14.7716 19.9688 14.846L15.3371 19.0312L15.1585 21.5759C15.3296 21.5759 15.497 21.494 15.6607 21.3304L16.8661 20.1696L19.3661 22.0112ZM26.2076 13.1161C26.7359 14.3512 27 15.6458 27 17C27 18.3542 26.7359 19.6488 26.2076 20.8839C25.6793 22.119 24.9688 23.183 24.0759 24.0759C23.183 24.9688 22.119 25.6793 20.8839 26.2076C19.6488 26.7359 18.3542 27 17 27C15.6458 27 14.3512 26.7359 13.1161 26.2076C11.881 25.6793 10.817 24.9688 9.92411 24.0759C9.03125 23.183 8.32068 22.119 7.79241 20.8839C7.26414 19.6488 7 18.3542 7 17C7 15.6458 7.26414 14.3512 7.79241 13.1161C8.32068 11.881 9.03125 10.817 9.92411 9.92411C10.817 9.03125 11.881 8.32068 13.1161 7.79241C14.3512 7.26414 15.6458 7 17 7C18.3542 7 19.6488 7.26414 20.8839 7.79241C22.119 8.32068 23.183 9.03125 24.0759 9.92411C24.9688 10.817 25.6793 11.881 26.2076 13.1161Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  margin-right: 10px;
  background-size: cover;
}
.icons-links a:nth-of-type(2) {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M19.1484 18.6344C19.487 18.2166 19.7127 18.0078 19.8255 18.0078C19.9384 18.0078 20.3615 18.1972 21.0951 18.5762C21.8286 18.9552 22.217 19.1835 22.2604 19.261C22.2778 19.304 22.2865 19.3686 22.2865 19.4548C22.2865 19.739 22.2127 20.0663 22.0651 20.4367C21.9262 20.7726 21.6181 21.0547 21.1406 21.2829C20.6632 21.5112 20.2205 21.6253 19.8125 21.6253C19.3177 21.6253 18.4931 21.3583 17.3385 20.8243C16.4878 20.4367 15.75 19.9285 15.125 19.2997C14.5 18.671 13.8576 17.8742 13.1979 16.9096C12.5729 15.9879 12.2648 15.1525 12.2734 14.4031V14.2997C12.2995 13.5159 12.6207 12.8355 13.237 12.2584C13.4453 12.0689 13.671 11.9742 13.9141 11.9742C13.9661 11.9742 14.0443 11.9806 14.1484 11.9935C14.2526 12.0065 14.3351 12.0129 14.3958 12.0129C14.5608 12.0129 14.6758 12.0409 14.7409 12.0969C14.806 12.1529 14.8733 12.2713 14.9427 12.4522C15.0122 12.6245 15.1554 13.0034 15.3724 13.5891C15.5894 14.1748 15.6979 14.4978 15.6979 14.5581C15.6979 14.739 15.5482 14.9866 15.2487 15.301C14.9492 15.6154 14.7995 15.8157 14.7995 15.9018C14.7995 15.9621 14.8212 16.0267 14.8646 16.0956C15.1597 16.7244 15.6024 17.3144 16.1927 17.8656C16.6788 18.3221 17.3342 18.7571 18.1589 19.1705C18.263 19.2308 18.3585 19.261 18.4453 19.261C18.5755 19.261 18.8099 19.0521 19.1484 18.6344ZM12.6901 23.5116C14.0616 24.4074 15.559 24.8553 17.1823 24.8553C18.2847 24.8553 19.3416 24.64 20.3529 24.2093C21.3641 23.7786 22.2344 23.2015 22.9635 22.478C23.6927 21.7545 24.2743 20.891 24.7083 19.8876C25.1424 18.8842 25.3594 17.8355 25.3594 16.7416C25.3594 15.6477 25.1424 14.5991 24.7083 13.5956C24.2743 12.5922 23.6927 11.7287 22.9635 11.0052C22.2344 10.2817 21.3641 9.70457 20.3529 9.2739C19.3416 8.84324 18.2847 8.62791 17.1823 8.62791C16.0799 8.62791 15.023 8.84324 14.0117 9.2739C13.0004 9.70457 12.1302 10.2817 11.401 11.0052C10.6719 11.7287 10.0903 12.5922 9.65625 13.5956C9.22222 14.5991 9.00521 15.6477 9.00521 16.7416C9.00521 18.4901 9.52604 20.0749 10.5677 21.4961L9.53906 24.5065L12.6901 23.5116ZM13.3737 7.77519C14.5846 7.2584 15.8542 7 17.1823 7C18.5104 7 19.7799 7.2584 20.9909 7.77519C22.2018 8.29199 23.2457 8.98536 24.1224 9.8553C24.9991 10.7252 25.6979 11.761 26.2188 12.9625C26.7396 14.1641 27 15.4238 27 16.7416C27 18.0594 26.7396 19.3191 26.2188 20.5207C25.6979 21.7222 24.9991 22.758 24.1224 23.6279C23.2457 24.4978 22.2018 25.1912 20.9909 25.708C19.7799 26.2248 18.5104 26.4832 17.1823 26.4832C15.4896 26.4832 13.9054 26.0784 12.4297 25.2687L7 27L8.77083 21.7674C7.83333 20.2343 7.36458 18.559 7.36458 16.7416C7.36458 15.4238 7.625 14.1641 8.14583 12.9625C8.66667 11.761 9.36545 10.7252 10.2422 9.8553C11.1189 8.98536 12.1628 8.29199 13.3737 7.77519Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  background-size: cover;
}
.icons-links a:nth-of-type(3) {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M25.8839 15.3793C26.308 15.1207 26.6801 14.8324 27 14.5142V22.4091C27 22.8466 26.8251 23.2211 26.4754 23.5327C26.1257 23.8442 25.7054 24 25.2143 24H8.78571C8.29464 24 7.87426 23.8442 7.52455 23.5327C7.17485 23.2211 7 22.8466 7 22.4091V14.5142C7.32738 14.839 7.70312 15.1274 8.12723 15.3793C10.8207 17.0099 12.6696 18.1534 13.6741 18.8097C14.0982 19.0881 14.4423 19.3052 14.7065 19.4609C14.9706 19.6167 15.3222 19.7758 15.7612 19.9382C16.2001 20.1006 16.6094 20.1818 16.9888 20.1818H17H17.0112C17.3906 20.1818 17.7999 20.1006 18.2388 19.9382C18.6778 19.7758 19.0294 19.6167 19.2935 19.4609C19.5577 19.3052 19.9018 19.0881 20.3259 18.8097C21.5908 17.9943 23.4435 16.8509 25.8839 15.3793ZM26.4699 10.4673C26.8233 10.7789 27 11.1534 27 11.5909C27 12.1146 26.8177 12.6151 26.4531 13.0923C26.0885 13.5696 25.6347 13.9773 25.0915 14.3153C22.2939 16.0455 20.5528 17.1226 19.8683 17.5469C19.7939 17.5933 19.6358 17.6944 19.394 17.8501C19.1522 18.0059 18.9513 18.1319 18.7913 18.228C18.6313 18.3241 18.4379 18.4318 18.2109 18.5511C17.984 18.6705 17.7701 18.7599 17.5692 18.8196C17.3683 18.8793 17.1823 18.9091 17.0112 18.9091H17H16.9888C16.8177 18.9091 16.6317 18.8793 16.4308 18.8196C16.2299 18.7599 16.016 18.6705 15.7891 18.5511C15.5621 18.4318 15.3687 18.3241 15.2087 18.228C15.0487 18.1319 14.8478 18.0059 14.606 17.8501C14.3642 17.6944 14.2061 17.5933 14.1317 17.5469C13.4546 17.1226 12.4799 16.5178 11.2076 15.7322C9.93527 14.9467 9.17262 14.4744 8.91964 14.3153C8.45833 14.0369 8.02307 13.6541 7.61384 13.1669C7.20461 12.6797 7 12.2273 7 11.8097C7 11.2926 7.15439 10.8617 7.46317 10.517C7.77195 10.1723 8.2128 10 8.78571 10H25.2143C25.6979 10 26.1164 10.1558 26.4699 10.4673Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  margin-left: 10px;
  background-size: cover;
}
.header {
  width: 100%;
  background: var(--black-bg-color);
  padding: 20px 0;
  position: fixed;
  z-index: 100;
}
.header-contacts-wrap .icons-links {
    gap: 10px;
}
.header-contacts-wrap .icons-links a:first-of-type {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 0.5C21.5639 0.5 27.5 6.43614 27.5 14C27.5 21.5639 21.5639 27.5 14 27.5C6.43614 27.5 0.5 21.5639 0.5 14C0.5 6.43614 6.43614 0.5 14 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M16.2992 16.6613C16.8063 16.0553 17.1444 15.7523 17.3135 15.7523C17.4825 15.7523 18.1164 16.0272 19.2152 16.577C20.3141 17.1267 20.896 17.4578 20.961 17.5703C20.987 17.6328 21 17.7265 21 17.8514C21 18.2637 20.8895 18.7385 20.6684 19.2758C20.4603 19.7631 19.9987 20.1722 19.2835 20.5033C18.5683 20.8344 17.9051 21 17.294 21C16.5527 21 15.3174 20.6127 13.5879 19.838C12.3135 19.2758 11.2082 18.5386 10.272 17.6265C9.33571 16.7144 8.37344 15.5587 7.38516 14.1593C6.44889 12.8224 5.98726 11.6104 6.00027 10.5234V10.3735C6.03928 9.2365 6.52041 8.24944 7.44367 7.41232C7.75576 7.13744 8.09386 7 8.45796 7C8.53598 7 8.65302 7.00937 8.80906 7.02811C8.9651 7.04685 9.08864 7.05622 9.17966 7.05622C9.42673 7.05622 9.59903 7.09683 9.69656 7.17804C9.79409 7.25926 9.89487 7.43106 9.9989 7.69344C10.1029 7.94333 10.3175 8.49308 10.6426 9.3427C10.9677 10.1923 11.1302 10.6609 11.1302 10.7483C11.1302 11.0107 10.9059 11.3699 10.4573 11.826C10.0086 12.282 9.78434 12.5725 9.78434 12.6975C9.78434 12.7849 9.81684 12.8786 9.88186 12.9786C10.324 13.8907 10.9872 14.7465 11.8714 15.5462C12.5996 16.2084 13.5814 16.8394 14.8168 17.4391C14.9728 17.5266 15.1158 17.5703 15.2459 17.5703C15.4409 17.5703 15.792 17.2673 16.2992 16.6613Z' fill='white'/%3e%3c/svg%3e")
    center no-repeat;
  background-size: cover;
  margin-right: 0;
  display: none;
}
.header-contacts-wrap .icons-links a:nth-of-type(2) {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M19.3661 22.0112C19.8423 22.279 20.1436 22.1376 20.2701 21.5871L21.9107 13.8527C21.9777 13.5253 21.9386 13.2909 21.7935 13.1496C21.6484 13.0082 21.4568 12.9821 21.2188 13.0714L11.5759 16.7879C11.3601 16.8698 11.2132 16.9628 11.135 17.067C11.0569 17.1711 11.0476 17.2697 11.1071 17.3627C11.1667 17.4557 11.2857 17.5283 11.4643 17.5804L13.9308 18.3504L19.6562 14.7455C19.8125 14.6414 19.9315 14.619 20.0134 14.6786C20.0655 14.7158 20.0506 14.7716 19.9688 14.846L15.3371 19.0312L15.1585 21.5759C15.3296 21.5759 15.497 21.494 15.6607 21.3304L16.8661 20.1696L19.3661 22.0112ZM26.2076 13.1161C26.7359 14.3512 27 15.6458 27 17C27 18.3542 26.7359 19.6488 26.2076 20.8839C25.6793 22.119 24.9688 23.183 24.0759 24.0759C23.183 24.9688 22.119 25.6793 20.8839 26.2076C19.6488 26.7359 18.3542 27 17 27C15.6458 27 14.3512 26.7359 13.1161 26.2076C11.881 25.6793 10.817 24.9688 9.92411 24.0759C9.03125 23.183 8.32068 22.119 7.79241 20.8839C7.26414 19.6488 7 18.3542 7 17C7 15.6458 7.26414 14.3512 7.79241 13.1161C8.32068 11.881 9.03125 10.817 9.92411 9.92411C10.817 9.03125 11.881 8.32068 13.1161 7.79241C14.3512 7.26414 15.6458 7 17 7C18.3542 7 19.6488 7.26414 20.8839 7.79241C22.119 8.32068 23.183 9.03125 24.0759 9.92411C24.9688 10.817 25.6793 11.881 26.2076 13.1161Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  background-size: cover;
}
.header-contacts-wrap .icons-links a:nth-of-type(3) {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M19.1484 18.6344C19.487 18.2166 19.7127 18.0078 19.8255 18.0078C19.9384 18.0078 20.3615 18.1972 21.0951 18.5762C21.8286 18.9552 22.217 19.1835 22.2604 19.261C22.2778 19.304 22.2865 19.3686 22.2865 19.4548C22.2865 19.739 22.2127 20.0663 22.0651 20.4367C21.9262 20.7726 21.6181 21.0547 21.1406 21.2829C20.6632 21.5112 20.2205 21.6253 19.8125 21.6253C19.3177 21.6253 18.4931 21.3583 17.3385 20.8243C16.4878 20.4367 15.75 19.9285 15.125 19.2997C14.5 18.671 13.8576 17.8742 13.1979 16.9096C12.5729 15.9879 12.2648 15.1525 12.2734 14.4031V14.2997C12.2995 13.5159 12.6207 12.8355 13.237 12.2584C13.4453 12.0689 13.671 11.9742 13.9141 11.9742C13.9661 11.9742 14.0443 11.9806 14.1484 11.9935C14.2526 12.0065 14.3351 12.0129 14.3958 12.0129C14.5608 12.0129 14.6758 12.0409 14.7409 12.0969C14.806 12.1529 14.8733 12.2713 14.9427 12.4522C15.0122 12.6245 15.1554 13.0034 15.3724 13.5891C15.5894 14.1748 15.6979 14.4978 15.6979 14.5581C15.6979 14.739 15.5482 14.9866 15.2487 15.301C14.9492 15.6154 14.7995 15.8157 14.7995 15.9018C14.7995 15.9621 14.8212 16.0267 14.8646 16.0956C15.1597 16.7244 15.6024 17.3144 16.1927 17.8656C16.6788 18.3221 17.3342 18.7571 18.1589 19.1705C18.263 19.2308 18.3585 19.261 18.4453 19.261C18.5755 19.261 18.8099 19.0521 19.1484 18.6344ZM12.6901 23.5116C14.0616 24.4074 15.559 24.8553 17.1823 24.8553C18.2847 24.8553 19.3416 24.64 20.3529 24.2093C21.3641 23.7786 22.2344 23.2015 22.9635 22.478C23.6927 21.7545 24.2743 20.891 24.7083 19.8876C25.1424 18.8842 25.3594 17.8355 25.3594 16.7416C25.3594 15.6477 25.1424 14.5991 24.7083 13.5956C24.2743 12.5922 23.6927 11.7287 22.9635 11.0052C22.2344 10.2817 21.3641 9.70457 20.3529 9.2739C19.3416 8.84324 18.2847 8.62791 17.1823 8.62791C16.0799 8.62791 15.023 8.84324 14.0117 9.2739C13.0004 9.70457 12.1302 10.2817 11.401 11.0052C10.6719 11.7287 10.0903 12.5922 9.65625 13.5956C9.22222 14.5991 9.00521 15.6477 9.00521 16.7416C9.00521 18.4901 9.52604 20.0749 10.5677 21.4961L9.53906 24.5065L12.6901 23.5116ZM13.3737 7.77519C14.5846 7.2584 15.8542 7 17.1823 7C18.5104 7 19.7799 7.2584 20.9909 7.77519C22.2018 8.29199 23.2457 8.98536 24.1224 9.8553C24.9991 10.7252 25.6979 11.761 26.2188 12.9625C26.7396 14.1641 27 15.4238 27 16.7416C27 18.0594 26.7396 19.3191 26.2188 20.5207C25.6979 21.7222 24.9991 22.758 24.1224 23.6279C23.2457 24.4978 22.2018 25.1912 20.9909 25.708C19.7799 26.2248 18.5104 26.4832 17.1823 26.4832C15.4896 26.4832 13.9054 26.0784 12.4297 25.2687L7 27L8.77083 21.7674C7.83333 20.2343 7.36458 18.559 7.36458 16.7416C7.36458 15.4238 7.625 14.1641 8.14583 12.9625C8.66667 11.761 9.36545 10.7252 10.2422 9.8553C11.1189 8.98536 12.1628 8.29199 13.3737 7.77519Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  background-size: cover;
  margin-left: 0;
}
.header-contacts-wrap .icons-links a:nth-of-type(4) {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M25.8839 15.3793C26.308 15.1207 26.6801 14.8324 27 14.5142V22.4091C27 22.8466 26.8251 23.2211 26.4754 23.5327C26.1257 23.8442 25.7054 24 25.2143 24H8.78571C8.29464 24 7.87426 23.8442 7.52455 23.5327C7.17485 23.2211 7 22.8466 7 22.4091V14.5142C7.32738 14.839 7.70312 15.1274 8.12723 15.3793C10.8207 17.0099 12.6696 18.1534 13.6741 18.8097C14.0982 19.0881 14.4423 19.3052 14.7065 19.4609C14.9706 19.6167 15.3222 19.7758 15.7612 19.9382C16.2001 20.1006 16.6094 20.1818 16.9888 20.1818H17H17.0112C17.3906 20.1818 17.7999 20.1006 18.2388 19.9382C18.6778 19.7758 19.0294 19.6167 19.2935 19.4609C19.5577 19.3052 19.9018 19.0881 20.3259 18.8097C21.5908 17.9943 23.4435 16.8509 25.8839 15.3793ZM26.4699 10.4673C26.8233 10.7789 27 11.1534 27 11.5909C27 12.1146 26.8177 12.6151 26.4531 13.0923C26.0885 13.5696 25.6347 13.9773 25.0915 14.3153C22.2939 16.0455 20.5528 17.1226 19.8683 17.5469C19.7939 17.5933 19.6358 17.6944 19.394 17.8501C19.1522 18.0059 18.9513 18.1319 18.7913 18.228C18.6313 18.3241 18.4379 18.4318 18.2109 18.5511C17.984 18.6705 17.7701 18.7599 17.5692 18.8196C17.3683 18.8793 17.1823 18.9091 17.0112 18.9091H17H16.9888C16.8177 18.9091 16.6317 18.8793 16.4308 18.8196C16.2299 18.7599 16.016 18.6705 15.7891 18.5511C15.5621 18.4318 15.3687 18.3241 15.2087 18.228C15.0487 18.1319 14.8478 18.0059 14.606 17.8501C14.3642 17.6944 14.2061 17.5933 14.1317 17.5469C13.4546 17.1226 12.4799 16.5178 11.2076 15.7322C9.93527 14.9467 9.17262 14.4744 8.91964 14.3153C8.45833 14.0369 8.02307 13.6541 7.61384 13.1669C7.20461 12.6797 7 12.2273 7 11.8097C7 11.2926 7.15439 10.8617 7.46317 10.517C7.77195 10.1723 8.2128 10 8.78571 10H25.2143C25.6979 10 26.1164 10.1558 26.4699 10.4673Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  background-size: cover;
}
/*нг*/
/*.header:before {
    content: "";
    background: url(./imgs/svg/header-ng-left.svg) no-repeat;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}
.header:after {
    content: "";
    background: url(./imgs/svg/header-ng-right.svg) no-repeat;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 204px;
    height: auto;
    z-index: -1;
}*/
.header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
/*нг*/
/*.header .container:before {
    content: "";
    background: url(./imgs/svg/header-ng-middle.svg) no-repeat;
    display: block;
    position: absolute;
    top: -24px;
    bottom: 0;
    left: 50%;
   -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
    width: 643px;
    height: 110px;
    z-index: -1;
}*/
.header-logo-link {
  min-width: 237px;
  max-width: 237px;
  height: 60px;
  margin-right: 20px;
}
.header-logo-link img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.header-nav {
  margin-right: 50px;
  max-width: 600px;
  width: 100%;
}
.header-nav .btn-general-style {
  display: none;
}
.header-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-item {
  margin-right: 10px;
  position: relative;
}
.header-item:last-of-type {
  margin-right: 0;
}
.header-item a,
.header-item span {
  text-transform: uppercase;
  white-space: nowrap;
}
.open-menu-link,
.menu-link {
  padding: 10px 10px 62px;
}
.header-btn-down {
  width: 15px;
  height: 15px;
  margin: 2px auto 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}
.header-btn-down__img {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.782 0L7.5 5.76465L1.21799 0L0 1.11768L7.5 8L15 1.11768L13.782 0Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
    background-size: contain;
    width: 15px;
  height: 15px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.header-btn-down__img.rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header-btn-down__img:hover {
  cursor: pointer;
}
.submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  background: #455a6d;
  padding: 10px;
  border-radius: 10px;
  position: absolute;
  -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  pointer-events: none;
  z-index: 50;
  width: 353px;
  top: 75px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0;
}
.submenu li {
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
}
.submenu li:last-of-type {
  margin-bottom: 0;
}
.submenu li a {
  color: var(--black-bg-color);
  padding: 0;
  padding: 13px 10px;
  background: var(--main-text-color);
  width: 100%;
  display: block;
  border-radius: 10px;
}
.submenu li a:hover {
  color: var(--main-accent-color);
}
.header-contacts-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: end;
}
.header .icons-links {
  margin-right: 36px;
}
.burger-btn {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 30px;
  max-width: 30px;
  height: 23px;
  cursor: pointer;
  z-index: 250;
  margin-left: 20px;
}
.burger-btn span {
  display: block;
  width: 100%;
  height: 3px;
  background: var(--main-text-color);
  -webkit-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
  border-radius: 8px;
}
.burger-btn_active span {
  height: 3px;
}
.burger-btn_active span:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  -ms-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.burger-btn_active span:nth-child(2) {
  display: none;
}
.burger-btn_active span:nth-child(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  -ms-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}
.header-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 20px;
}
.header-contacts a {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.header-contacts p {
  text-align: end;
}
.active-link {
  text-decoration: underline;
  color: var(--main-accent-color) !important;
}
.offer {
  margin-bottom: 75px;
  position: relative;
}
.offer-wrap {
  position: relative;
  max-width: 925px;
  padding-top: calc(200px + 120px);
  margin-right: 20px;
  z-index: 2;
}
.offer_sm .offer-wrap {
  margin-right: 0;
}
.offer_sm .offer-wrap p:last-of-type {
  margin-bottom: 0;
}
.offer-wrap p:first-of-type, .offer_sm .offer-wrap p, .offer-wrap a, .offer_sm .offer-wrap a {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
}
.offer-wrap a, .offer_sm .offer-wrap a {
  color: var(--main-accent-color);
}
.offer-title-wrap {
  padding-left: 13px;
  position: relative;
}
.offer-title-wrap::before {
  content: "";
  display: block;
  width: 10px;
  background: #ffa901;
  height: 100%;
  position: absolute;
  left: -3px;
  border-radius: 30px;
}
.offer-title-wrap p {
  font-size: 24px;
  font-family: var(--accent-font);
  line-height: 24px;
}
.offer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}
.offer-links .btn-general-style {
  max-width: 385px;
  height: 74px;
  font-size: 30px;
  line-height: 1;
}
.offer-links .btn-general-style:first-of-type {
  margin-right: 20px;
}
.offer-img {
  position: absolute;
  right: 0;
  width: 815px;
  max-height: 716px;
  z-index: 1;
  top: 130px;
}
.offer-img_cases {
  bottom: auto;
  top: 100px;
}
.offer-img_case {
  background: url(./imgs/1-one-case.webp) left no-repeat;
  width: 815px;
  height: 716px;
  bottom: -16%;
}
.offer-img__screen {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.offer-img__case {
  width: 608px;
  height: 347px;
  position: absolute;
  top: 76px;
  left: 24px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.offer-img__case .offer-img svg {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.offer_case .offer-img svg {
  position: absolute;
  bottom: 102px;
  left: 70px;
  z-index: -1;
}
.offer-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
  gap: 10px;
}
.offer-tags p {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
}
.offer-tags p::before,
.offer-tags p::after {
  content: "∖";
}
.offer-case-link {
  font-size: 24px;
  text-decoration: underline;
  line-height: 24px;
}
.breadcrumb {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 160px;
  left: 0;
  z-index: 3;
}
ul.breadcrumb li + li:before {
  color: var(--main-text-color);
  content: "/";
  padding: 0 5px;
  margin-right: 0 !important;
}
.breadcrumb li {
  color: var(--main-text-color);
  font-size: 16px;
  font-weight: 400;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.breadcrumb li:first-of-type a {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect width='19' height='19' fill='url(%23pattern0_169_4854)'/%3e%3cdefs%3e%3cpattern id='pattern0_169_4854' patternContentUnits='objectBoundingBox' width='1' height='1'%3e%3cuse xlink:href='%23image0_169_4854' transform='scale(0.01)'/%3e%3c/pattern%3e%3cimage id='image0_169_4854' width='100' height='100' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAADXklEQVR4nO3dW4hNURzH8YVxy11yj1zGJRJJkplckiTlxRS5JKWk5E3yNI9ePSgvKI3UTgpJGSQPeHApIhERuYRxJ4b5arPVMRrWzF5rn7X3+X3qPE1n77X+v86/f6fZ6xgjIiIiIiIi1oCuwFpgH7AXWANU2V9BnAGGAJf428X4byp1hoDxwB3adh+YrFCyCWMO8IL/awLmKRS/YawAPmPvC7BaofgJYyvwnfZrAeoVirsgugC7SS+ewroqmHRh9AKO484poK9C6VgYw4DLuHcdGKlQ2hfGFOAB/jwGpisUuzAWAq/x7x2wRKH8O4x1yaialWZgo0Jpe6xtIXs/x2Kgk4L5FUQVsIfy21/xYzHQGzhBOE4D/SrykwIMB64SnhvAKFNJgKnAQ8L1BJhhKgGwCHhD+N4DS02RAeuBr+RHM7DJFE08UiajZV7tKsxYDHQDDpB/EdDD5BnQBzhJcZwF+ps8AkYA1yiem8BokyfANOARxfUUmGnyAFgMvKX4PgDLTMiADTkba9P6Bmw2oSnAWOtiLO5sQgB0BxpSbyn/DgM9yx3GAOBcuSsRkAvAoHKFMQa4Ve4KBOguUJ11GLOAZ+XeecBeAnOzCmNJ8g8C8m8fgeW+w9iYfAMq9mPxFh9BVPpYG85YnIy1h1IvSY6kHouBgcB51dKZ+ImvwR0NYyxw291aJHEPmNjeMGYDz39fQZx7BdTahlEDfHK/BmklrnGNTSCNrd8p3jTaBHLM3/2llaM2gUwCrnTweT6x8z15GGmCcQ2os1xEJahzXmAFkooCCYwCCYwCCYwCCYwCCYwCCUzFBHIxuU+aV3wN3yomkMjBOuPHCXxTILYUiFuRdeUViFpWCbUsW2pZbkXWlVcgalkl1LJsqWW5FVlXXoGoZZVQy7KlluVWZF15BaKWVUIty5ZalluRdeUViFpWCbUsW2pZbkXWlVcgalkl1LJsqWW5FVlXXoGoZZVQy7KlluVWZF15BcJy/GtwEMjBDNbp92wTy41WZ7DR7Q7WuSODdY4zIYgfXvS4yaYOn37w5xqHev4ppSMmFMnJcvEhwz6OY61xuM5aT+d8nYlrYEKSnBi0ANgG7Ez5qgdWxj/44um07VXJPdKuM97r/MKcCy8iIiIiIiIiImLs/QBHUx9GBdAw9wAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e ")
    center no-repeat;
  width: 19px;
  height: 19px;
  background-size: cover;
  display: inline-block;
  margin: 0;
}
.breadcrumb a {
  color: var(--main-text-color);
  font-size: 16px;
  font-weight: 400;
}
.tariff .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.tariff-card {
  background: var(--bg-grey-cards-large);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tariff-card p {
  margin-top: 0;
}
.tariff-card p:first-of-type {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 25px;
}
.tariff-card h2 {
  margin-bottom: 25px;
}
.tariff-card ul {
  margin-bottom: 60px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.tariff-card ul li {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 35px;
}
.tariff-card ul li:last-of-type {
  margin-bottom: 0;
}
.tariff-card strong {
  font-size: 30px;
  font-family: var(--accent-font);
  text-transform: uppercase;
  line-height: 30px;
  font-weight: 400;
  white-space: nowrap;
}
.tariff-card .btn-general-style {
  margin-top: 50px;
}
.tariff-card__price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tariff-card__price-wrap p {
  font-size: 24px;
  line-height: 24px;
  width: 47%;
  margin: 0 !important;
  margin-left: 20px;
}
.tariff-card:first-of-type {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
}
.tariff-card_sm {
  gap: 20px;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2 / 1 / 3 / 2;
}
.tariff-card_sm p,
.tariff-card_sm h2 {
  margin: 0 !important;
}
.tariff-card:nth-of-type(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1 / 2 / 3 / 3;
}
.tariff-card:nth-of-type(4) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1 / 3 / 3 / 4;
}
.content-cards .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  overflow: hidden;
}
.content-card {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.content-card::before {
  color: rgba(0, 0, 0, 0.2);
  font-size: 480px;
  font-family: var(--cards-accent-font);
  font-weight: 600;
  position: absolute;
  top: -60px;
  right: 40px;
  z-index: -1;
}
.content-card:first-of-type {
  background: var(--bg-question-cards);
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1 / 1 / 1 / 1;
}
.content-card:first-of-type::before,
.content-card:nth-of-type(2)::before {
  content: "?";
}
.content-card:nth-of-type(2) {
  background: var(--bg-question-cards);
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: 1 / 2 / 3 / 2;
}
.content-cards_razrab .content-card:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: 1 / 2 / 1 / 2;
  background: var(--bg-exclamation-cards);
}
.content-cards_site .content-card:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: 1 / 2 / 1 / 2;
}
.content-card:nth-of-type(3) {
  background: var(--bg-exclamation-cards);
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: 2 / 1 / 2 / 1;
}
.content-card:nth-of-type(3)::before,
.content-cards_razrab .content-card:nth-of-type(2)::before {
  content: "!";
}
.content-cards_razrab .content-card ul {
  margin: 30px 0;
}
.content-card ul li {
  margin-bottom: 24px;
}
.content-cards_razrab .content-card ul li {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
}
.content-cards_razrab .content-card ul li:last-of-type {
  margin-bottom: 0;
}
.content-cards_site .content-card h2 {
  margin-bottom: 20px;
}
.content-cards_site .content-card p, .content-cards_site .content-card ul {
  font-size: 24px;
  line-height: 24px;
}
.content-cards_site .content-card p:first-of-type {
  margin: 0;
}
.content-cards_site .content-card::before {
  font-size: 430px;
    top: -60px;
    right: 20px;
}
.content-card__blocks-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 0;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.content-card__block {
  border-radius: 30px;
  padding: 20px 30px 20px 85px;
  position: relative;
  width: 48%;
  background: var(--main-bg-color);
  min-height: 96px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.content-cards_razrab .content-card__block {
  padding: 10px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.content-card__block-number {
  position: absolute;
  color: rgba(255, 255, 255, 0.1);
  font-size: 100px;
  font-weight: 600;
  left: 9px;
  z-index: 0;
}
.content-card__block p {
  position: relative;
}
.content-card-foto-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.content-card-blockquote-wrap {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 50%;
}
.content-card-blockquote-wrap p {
  margin: 0;
  text-align: end;
}
.content-card-blockquote-wrap blockquote {
  margin: 0;
  margin-bottom: 20px;
}
.content-card-blockquote-wrap blockquote p {
  font-size: 24px;
  font-style: italic;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-align: start;
  max-width: 285px;
}
.content-card-foto {
  position: relative;
  margin-left: 20px;
}
.content-card-foto::before {
  content: "";
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='317' height='317' viewBox='0 0 317 317' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M162.869 64.072C181.11 64.072 195.898 49.729 195.898 32.036C195.898 14.343 181.11 0 162.869 0C144.628 0 129.841 14.343 129.841 32.036C129.841 49.729 144.628 64.072 162.869 64.072Z' fill='%23FFB800'/%3e%3cpath opacity='0.92' d='M121.601 34.8367C130.016 48.9726 125.022 67.0526 110.448 75.2146C95.8741 83.3765 77.2339 78.5326 68.8191 64.3968C60.4043 50.2609 65.3982 32.1844 79.972 24.0225C94.5495 15.8569 113.186 20.7009 121.601 34.8367Z' fill='%23FFB800'/%3e%3cpath opacity='0.84' d='M60.2088 73.2684C74.0888 81.0417 78.8453 98.2545 70.8312 111.717C62.8171 125.18 45.0711 129.794 31.1911 122.021C17.3111 114.247 12.5546 97.0345 20.5687 83.5716C28.5791 70.1088 46.3289 65.4988 60.2088 73.2684Z' fill='%23FFB800'/%3e%3cpath opacity='0.76' d='M27.567 189.999C42.7919 189.999 55.1341 178.028 55.1341 163.261C55.1341 148.493 42.7919 136.522 27.567 136.522C12.3422 136.522 0 148.493 0 163.261C0 178.028 12.3422 189.999 27.567 189.999Z' fill='%23FFB800'/%3e%3cpath opacity='0.68' d='M45.6927 254.206C60.1143 254.206 71.8054 242.866 71.8054 228.878C71.8054 214.89 60.1143 203.55 45.6927 203.55C31.2711 203.55 19.5801 214.89 19.5801 228.878C19.5801 242.866 31.2711 254.206 45.6927 254.206Z' fill='%23FFB800'/%3e%3cpath opacity='0.6' d='M73.8589 264.946C80.6672 253.506 95.7493 249.587 107.54 256.194C119.335 262.798 123.376 277.427 116.567 288.864C109.759 300.304 94.677 304.223 82.8859 297.619C71.0911 291.012 67.0506 276.387 73.8589 264.946Z' fill='%23FFB800'/%3e%3cpath opacity='0.52' d='M139.644 294.493C139.644 282.063 150.032 271.987 162.847 271.987C175.663 271.987 186.051 282.063 186.051 294.493C186.051 306.923 175.663 317 162.847 317C150.036 317.003 139.644 306.927 139.644 294.493Z' fill='%23FFB800'/%3e%3cpath opacity='0.44' d='M211.664 287.45C205.657 277.359 209.223 264.457 219.626 258.631C230.03 252.805 243.331 256.263 249.338 266.354C255.344 276.445 251.779 289.346 241.375 295.172C230.972 300.999 217.671 297.54 211.664 287.45Z' fill='%23FFB800'/%3e%3cpath opacity='0.36' d='M269.88 245.924C260.174 240.486 256.846 228.449 262.452 219.031C268.058 209.616 280.469 206.388 290.178 211.826C299.884 217.264 303.212 229.301 297.606 238.719C292 248.134 279.589 251.362 269.88 245.924Z' fill='%23FFB800'/%3e%3cpath opacity='0.28' d='M298.159 181.533C308.564 181.533 317 173.351 317 163.258C317 153.166 308.564 144.984 298.159 144.984C287.754 144.984 279.318 153.166 279.318 163.258C279.318 173.351 287.754 181.533 298.159 181.533Z' fill='%23FFB800'/%3e%3cpath opacity='0.2' d='M288.728 112.256C280.409 116.913 269.776 114.149 264.975 106.084C260.174 98.016 263.023 87.7021 271.338 83.0453C279.656 78.3885 290.29 81.1523 295.091 89.2171C299.892 97.2819 297.042 107.596 288.728 112.256Z' fill='%23FFB800'/%3e%3cpath opacity='0.12' d='M230.506 65.0743C239.307 65.0743 246.442 58.1542 246.442 49.6177C246.442 41.0813 239.307 34.1611 230.506 34.1611C221.706 34.1611 214.571 41.0813 214.571 49.6177C214.571 58.1542 221.706 65.0743 230.506 65.0743Z' fill='%23FFB800'/%3e%3c/svg%3e ")
    center no-repeat;
  width: 317px;
  height: 317px;
  display: block;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.content-card-foto img {
  width: 276px;
  height: 276px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.new-antispam #g p {
  color: #000;
}
.traffic .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.traffic-info {
  width: 49%;
  margin-right: 20px;
}
.traffic-img {
  width: 49%;
  height: 490px;
}
.traffic-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.form-main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-main-wrap {
  background: var(--bg-question-cards);
  width: 66%;
}
.form-main-wrap p:first-of-type {
  font-size: 24px;
  line-height: 24px;
}
.form-main-wrap h2 {
  margin: 20px 0;
}
.form_main {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form_popup {
  margin-top: 20px;
}
.form__set {
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
}
.form__case {
  border: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.form_main .form__case {
  width: 48%;
}
.form_main .form__case:first-of-type {
  margin-right: 20px;
}
.form__field_main:first-of-type {
  margin-bottom: 30px;
}
.form__field_popup {
  margin-bottom: 20px;
}
.form__input {
  border-radius: 30px;
  background: var(--main-text-color);
  border: none;
  outline: none;
  width: 100%;
  margin-bottom: 1px;
  height: 70px;
  padding: 22px;
  font-family: var(--main-font) !important;
  color: var(--black-bg-color);
  font-size: 24px;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.form__input::-webkit-input-placeholder {
  color: var(--black-bg-color);
  font-size: 24px;
  font-family: var(--main-font) !important;
}
.form__input::-moz-placeholder {
  color: var(--black-bg-color);
  font-size: 24px;
  font-family: var(--main-font) !important;
}
.form__input:-ms-input-placeholder {
  color: var(--black-bg-color);
  font-size: 24px;
  font-family: var(--main-font) !important;
}
.form__input-error {
  color: #e5ff47;
  font-size: 12px;
}
.form__btn_main {
  margin-bottom: 45px;
}
.form__btn_popup {
  margin-bottom: 20px;
}
.form__text {
  font-size: 16px !important;
  line-height: 19.36px !important;
}
.form__text_popup {
  text-align: center;
}
.form-main-img {
  width: 33%;
  max-height: 459px;
}
.form-main-img svg {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.cases-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px;
  gap: 20px;
}
.cases-card {
  position: relative;
  background: var(--bg-grey-cards-large);
  border-radius: 30px;
  overflow: hidden;
}
.cases-card::before {
  content: "";
  position: absolute;
  display: block;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='308' height='562' viewBox='0 0 308 562' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M281 562C125.808 562 0 436.192 0 281C0 125.808 125.808 0 281 0H308L308 562H281Z' fill='url(%23paint0_linear_395_4674)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_395_4674' x1='-145.708' y1='228.209' x2='529.985' y2='446.004' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.34' stop-color='white'/%3e%3cstop offset='1' stop-color='%23334250'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    no-repeat;
  bottom: 8%;
}
.cases-card-wrap {
  padding: 20px 30px 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 5;
}
.cases-card-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cases-card h3 {
  max-width: 355px;
}
.cases-card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cases-card-tags p {
  margin: 0;
  margin-right: 15px;
  font-size: 16px !important;
}
.cases-card-tags p:last-of-type {
  margin-right: 0;
}
.cases-card-tags p::before,
.cases-card-tags p::after {
  content: "∖";
}
.cases-card-link {
  width: 220px;
  height: 60px;
  display: block;
  background: var(--main-text-color)
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='58' height='40' viewBox='0 0 58 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.5143 1.55641C31.4109 3.63163 31.4109 6.99666 33.5143 9.07093L37.5358 13.0394C38.1532 13.6475 37.7164 14.6866 36.8439 14.6866H5.3871C2.4121 14.6866 0 17.0654 0 20.0005C0 22.9356 2.41115 25.3144 5.3871 25.3144H36.8439C37.7155 25.3144 38.1513 26.3534 37.5358 26.9615L33.5143 30.9291C31.4109 33.0043 31.4109 36.3693 33.5143 38.4436C35.6178 40.5188 39.0286 40.5188 41.132 38.4436L56.7084 23.0761C58.4305 21.378 58.4305 18.623 56.7084 16.9249L41.132 1.55641C39.0276 -0.518804 35.6178 -0.518804 33.5143 1.55641Z' fill='%23334250'/%3e%3c/svg%3e ")
    center no-repeat;
  border-radius: 30px;
  -webkit-transition: box-shadow linear .1s;
  -moz-transition: box-shadow linear .1s;
  -ms-transition: box-shadow linear .1s;
  -o-transition: box-shadow linear .1s;
  transition: box-shadow linear .1s;
}
.cases-card img {
  position: absolute;
  right: 0;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 3;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.cases-card ul {
  padding-left: 30px;
}
.cases-card_lg {
  width: 49%;
}
.cases-card_lg .cases-card-content-wrap {
  max-width: 350px;
}
.cases-card_lg p:first-of-type {
  font-size: 24px;
  line-height: 29.05px;
  margin-top: 0;
  margin-bottom: 0;
}
.cases-card_lg p:last-of-type {
  font-size: 20px;
}
.cases-card_lg img {
  bottom: 85px;
  right: -1px;
  width: 395px;
  height: 409px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.cases-card_lg::before {
  height: 562px;
  width: 395px;
  right: -87px;
  z-index: 1;
}
.cases-card_lg a {
  font-size: 36px;
  line-height: 36px;
  display: inline-block;
  margin-bottom: 30px;
}
.cases-card_lg h3 {
  font-size: 40px;
  line-height: 40px;
}
.cases-card_lg ul {
  margin: 50px 0 20px;
}
.cases-card_lg ul li {
  font-size: 20px;
  line-height: 20px;
}
.cases-card_lg .cases-card-link {
  margin-top: 89px;
  margin-bottom: 0;
}
.cases-card_sm {
  width: 32.5%;
}
.cases-card_sm .cases-card-content-wrap {
  max-width: 239px;
}
.cases-card_sm::before {
  width: 205px;
  height: 374px;
  right: 0;
  z-index: 1;
  background-size: contain;
}
.cases-card_sm img {
  bottom: 105px;
  right: -1px;
  width: 259px;
  height: 268px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.cases-card_sm p:first-of-type {
  margin-bottom: 0;
}
.cases-card_sm a {
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 30px;
}
.cases-card_sm ul {
  margin-top: 20px;
  max-width: 220px;
}
.cases-card_sm .cases-card-link {
  margin-top: 42px;
  margin-bottom: 0;
}
.cases-wrap .btn-general-style {
  max-width: 520px;
  margin: 0 auto;
}
.principles .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.principles-info {
  width: 40%;
  margin-right: 20px;
}
.principles-info p:last-of-type {
  margin-bottom: 0;
}
.principles-cards {
  width: 59%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 25px;
}
.principles-card {
  width: 48%;
  border-radius: 30px;
  background: var(--bg-grey-cards-small);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 30px;
  min-height: 82px;
}
.principles-card p {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.how-work .container {
  background: var(--bg-grey-cards-large);
}
.how-work-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 50px;
  margin-left: 20px;
}
.how-work-card {
  position: relative;
  padding: 20px 30px 10px 110px;
  background: var(--main-bg-color);
  width: 47%;
  border-radius: 30px;
}
.how-work-card p {
  margin: 0;
}
.how-work-card p:first-of-type {
  text-transform: uppercase;
  margin: 0 0 10px;
}
.how-work-card__number {
  position: absolute;
  width: 100px;
  height: 100px;
  background: var(--main-text-color);
  color: var(--main-bg-color);
  font-size: 40px;
  font-family: var(--accent-font);
  line-height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: -20px;
  top: 0;
  bottom: 0;
}
.what-do-info {
  max-width: 1060px;
}
.what-do-cards {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px;
}
.what-do-card {
  width: 355px;
  min-height: 96px;
  padding: 20px 30px;
  position: relative;
  background: var(--bg-grey-cards-small);
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.what-do-card__number {
  position: absolute;
  color: rgba(255, 255, 255, 0.1);
  font-size: 100px;
  font-weight: 600;
  left: 20px;
}
.what-do-card p {
  text-transform: uppercase;
  text-align: center;
}
.what-get .container {
  background: var(--bg-grey-cards-large);
  position: relative;
  z-index: 2;
  padding-bottom: 80px;
}
.what-get .container::before {
  content: "!";
  color: rgba(0, 0, 0, 0.2);
  font-size: 700px;
  font-family: var(--cards-accent-font);
  font-weight: 600;
  position: absolute;
  z-index: -1;
  top: -190px;
  right: 80px;
}
.what-get ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px 20px;
  margin: 0;
}
.what-get ul li {
  width: 48%;
  font-size: 24px;
  line-height: 24px;
}
.expert .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.expert-info {
  background: var(--bg-grey-cards-large);
  width: 40%;
  margin-right: 20px;
}
.expert-info p:first-of-type {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
}
.expert-info h2 {
  margin-bottom: 30px;
}
.expert-info .btn-general-style {
  max-width: 460px;
  margin-top: 60px;
}
.expert-img {
  width: 57%;
  max-height: 386px;
  position: relative;
}
.expert-img svg, .expert-img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.eye {
  top: 50%;
  transform: translate(0, -48%);
  right: 24%;
  width: 11.55%;
  height: 27.4%;
  border-radius: 50%;
  background: transparent;
  cursor: none;
  border: 1px transparent solid;
}
.iris {
  background: #000;
  width: 46.5%;
  height: 46.5%;
  border-radius: 50%;
}
.team-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}
.team-card {
  width: 520px;
  min-height: 500px;
  background: var(--bg-question-cards);
  position: relative;
  -webkit-transition: box-shadow linear .1s;
  -moz-transition: box-shadow linear .1s;
  -ms-transition: box-shadow linear .1s;
  -o-transition: box-shadow linear .1s;
  transition: box-shadow linear .1s;
}
.team-card:hover {
  cursor: pointer;
}
.team-card h3 {
  margin-bottom: 20px;
}
.team-card:nth-of-type(2),
.team-card:nth-of-type(5) {
  background: var(--bg-exclamation-cards);
}
.team-card-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  text-align: end;
}
.team-card-info-click {
  background: transparent;
  font-size: 24px;
  font-family: var(--main-font);
  line-height: 24px;
  color: var(--main-text-color);
  opacity: 0;
}
.team-card:hover .team-card-info-click {
  opacity: 1;
}
.team-card-img-idea {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 206px;
  height: 146px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  z-index: 2;
}
.team-card-img {
  position: absolute;
  width: 350px;
  height: 350px;
  bottom: 10px;
  left: 10px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  z-index: 1;
}
.team-card-text_popup,
.team-card-img_popup {
  display: none;
}
.team-card-black {
  background: var(--black-bg-color);
  width: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.team-card-black:hover {
  cursor: default;
}
.team-card-black__img {
  margin-left: -18px;
}
.team-card-black-info-wrap {
  max-width: 322px;
  text-align: end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.team-card-black-info-wrap p {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
}
.team-card-black-info-wrap strong {
  font-size: 70px;
  font-family: var(--accent-font);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 70px;
  margin: 30px 0;
  display: inline-block;
}
.faq .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.faq-info {
  width: 32%;
}
.faq-info .btn-general-style {
  margin-top: 50px;
}
.faq-cards .btn-general-style {
  display: none;
}
.faq-cards {
  width: 57%;
}
.faq-card {
  background: var(--bg-grey-cards-small);
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 20px;
}
.faq-card:last-of-type {
  margin-bottom: 0;
}
.faq-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-card-title p {
  font-size: 24px;
  line-height: 24px;
}
.faq-card-btn {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='20' viewBox='0 0 38 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 3L18.2615 16L35 3' stroke='white' stroke-width='5' stroke-linecap='round'/%3e%3c/svg%3e ")
    center no-repeat;
  width: 38px;
  height: 20px;
  background-size: contain;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.faq-card-btn:hover {
  opacity: 0.8;
}
.faq-card-btn_rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faq-card-info {
  display: none;
  overflow: hidden;
  padding-top: 0;
}
.faq-card-info_open {
  display: block;
  padding-top: 20px;
}
.other-services-info {
  max-width: 925px;
}
.other-services-slider,
.logos-slider {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.other-services-slider-card {
  background: var(--bg-grey-cards-large);
  width: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  height: auto;
  width: 30%;
}
.logos-slider .other-services-slider-card {
  gap:0;
  padding: 0;
  background: none;
  -webkit-transition: box-shadow linear .1s;
    -moz-transition: box-shadow linear .1s;
    -ms-transition: box-shadow linear .1s;
    -o-transition: box-shadow linear .1s;
    transition: box-shadow linear .1s;
}
.logos-slider .other-services-slider-card:hover {
  background: var(--bg-grey-cards-large);
}

.logos-slider {
    margin: -30px -20px;
    padding: 30px 20px 120px;
}
.logos-services {
  position: relative;
}
.logos-services .container {
  position: relative;
}
.logos-services .container:after {
    content: '';
    width: 324px;
    height: 230px;
    background-image: url(/imgs/logos/itmonlogo.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -42px;
    right: -35px;
}
.logos-slider .other-services-slider-card img {
  border-radius: 30px;
}

/* Контейнер для стрелок */
.logos-slider .swiper-nav-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    z-index: 10;
    padding-bottom: 30px;
}
/* Стили для стрелок навигации */
.logos-slider .swiper-button-next,
.logos-slider .swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: 0;
  background-color: #fff;
  color: white;
  width: 180px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: box-shadow linear .1s;
    -moz-transition: box-shadow linear .1s;
    -ms-transition: box-shadow linear .1s;
    -o-transition: box-shadow linear .1s;
    transition: box-shadow linear .1s;
}

.logos-slider .swiper-button-prev:after,
.logos-slider .swiper-button-next:after {
    content: '';
    width: 53px;
    height: 36px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2251%22%20height%3D%2236%22%20viewBox%3D%220%200%2051%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M21.7543%202.01552C23.5773%203.81404%2023.5773%206.7304%2021.7543%208.5281L18.269%2011.9674C17.734%2012.4945%2018.1125%2013.395%2018.8687%2013.395H46.1312C48.7096%2013.395%2050.8%2015.4566%2050.8%2018.0004C50.8%2020.5441%2048.7104%2022.6058%2046.1312%2022.6058H18.8687C18.1133%2022.6058%2017.7356%2023.5062%2018.269%2024.0333L21.7543%2027.4718C23.5773%2029.2703%2023.5773%2032.1867%2021.7543%2033.9844C19.9313%2035.7829%2016.9753%2035.7829%2015.1523%2033.9844L1.65276%2020.6659C0.160259%2019.1942%200.160259%2016.8065%201.65276%2015.3349L15.1523%202.01552C16.9761%200.216996%2019.9313%200.216996%2021.7543%202.01552Z%22%20fill%3D%22%230C151C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.logos-slider .swiper-button-next:after {
    transform: rotate(180deg);
}

/* Скрываем стандартные стрелки */
.logos-slider .swiper-container .swiper-button-next,
.logos-slider .swiper-container .swiper-button-prev,
.swiper-btn {
  display: none;
}


@media screen and (max-width: 1191px) {

  .logos-services .container:after {
    width: 222px;
    height: 149px;
    top: 0px;
    right: -32px;
  }

  .logos-slider .swiper-button-next,
  .logos-slider .swiper-button-prev {
    width: 146px;
    height: 40px;
  }
  .logos-slider .swiper-button-prev:after, .logos-slider .swiper-button-next:after {
    width: 38px;
    height: 24px;
  }
  .logos-slider {
    padding-bottom: 105px;
  }

}

@media screen and (max-width: 768px) {

  .logos-services .container:after {
    width: 165px;
    height: 115px;
    top: -34px;
    right: -14px;
  }

  .logos-slider {
    margin-top: -20px;
  }

}

@media screen and (max-width: 480px) {

  .logos-slider .swiper-nav-container {
    display: none;
  }
  .logos-slider {
    padding: 0;
    margin: 0;
  }
  .logos-slider .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }
  .logos-slider .other-services-slider-card {
    padding-bottom: 10px;
    width: 100%;
    background: none;
  }

  .swiper-btn {
    display: flex;
    padding: 10px 10px 0;
  }

  .logos-services .other-services-info {
    max-width: 925px;
    z-index: 9999;
    position: relative;
  }
  .logos-slider .other-services-slider-card:hover {
    background: none;
  }

}



.other-services-slider-card-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.other-services-slider-card h3 {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.other-services-slider-card p:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0;
}
.other-services-slider-card p:last-of-type {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
  margin: 0;
}
.other-services-slider-card a {
  background: var(--main-text-color)
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='58' height='40' viewBox='0 0 58 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.5143 1.55641C31.4109 3.63163 31.4109 6.99666 33.5143 9.07093L37.5358 13.0394C38.1532 13.6475 37.7164 14.6866 36.8439 14.6866H5.3871C2.4121 14.6866 0 17.0654 0 20.0005C0 22.9356 2.41115 25.3144 5.3871 25.3144H36.8439C37.7155 25.3144 38.1513 26.3534 37.5358 26.9615L33.5143 30.9291C31.4109 33.0043 31.4109 36.3693 33.5143 38.4436C35.6178 40.5188 39.0286 40.5188 41.132 38.4436L56.7084 23.0761C58.4305 21.378 58.4305 18.623 56.7084 16.9249L41.132 1.55641C39.0276 -0.518804 35.6178 -0.518804 33.5143 1.55641Z' fill='%23334250'/%3e%3c/svg%3e ")
    center no-repeat;
  width: 220px;
  height: 60px;
  display: block;
  border-radius: 30px;
   -webkit-transition: box-shadow linear .1s;
    -moz-transition: box-shadow linear .1s;
    -ms-transition: box-shadow linear .1s;
    -o-transition: box-shadow linear .1s;
    transition: box-shadow linear .1s;
}
.form-request .container {
  max-width: 752px;
  width: 100%;
}
.form-request h2 {
  text-align: center;
}
.form__field_request {
  margin-bottom: 20px;
}
.form__input_request {
  text-align: start;
  padding: 23px 30px;
}
.form__textarea {
  border-radius: 30px;
  border: none;
  background: var(--main-text-color);
  border: none;
  outline: none;
  width: 100%;
  min-height: 210px;
  padding: 30px;
  font-family: var(--main-font) !important;
  color: var(--black-bg-color);
  font-size: 24px;
  text-align: start;
  margin-bottom: 20px;
}
.form__textarea::-webkit-input-placeholder {
  color: var(--black-bg-color);
  font-size: 24px;
  font-family: var(--main-font) !important;
}
.form__textarea::-moz-placeholder {
  color: var(--black-bg-color);
  font-size: 24px;
  font-family: var(--main-font) !important;
}
.form__textarea:-ms-input-placeholder {
  color: var(--black-bg-color);
  font-size: 24px;
  font-family: var(--main-font) !important;
}
.form__text_request {
  text-align: center;
  font-size: 24px !important;
  line-height: 24px !important;
}
.form__link_request {
  font-size: 24px;
  line-height: 24px;
}
.form__btn_request {
  margin: 20px auto 0;
  max-width: 385px;
}
.contacts .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contacts-info {
  width: 41%;
  background: var(--bg-grey-cards-large);
  position: absolute;
  left: 0;
  z-index: 2;
}
.contacts-info p {
  margin: 0;
}
.contacts-info__phones {
  margin: 20px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contacts-info__phones a:first-of-type {
  margin-bottom: 10px;
}
.contacts-info__time {
  margin: 30px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contacts .icons-links a {
  width: 40px;
  height: 40px;
}
.contacts .btn-general-style {
  margin: 38px auto 0;
  max-width: 460px;
  width: 100%;
  background: var(--black-bg-color);
  border: 3px var(--main-text-color) solid;
  font-size: 30px;
  font-weight: 400;
  font-family: var(--accent-font);
  line-height: 30px;
  color: var(--main-text-color);
  padding: 16px 22px;
  text-align: center;
}
.contacts-map {
  border-radius: 30px;
  width: 66%;
  height: 607px;
  margin-left: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.contacts-map_svg {
    background: url(./imgs/svg/map-2.svg) center no-repeat, linear-gradient(239deg, #653e3e 0%, #334250 100%);
    background-size: contain, auto;
}
.footer {
  width: 100%;
  background: var(--black-bg-color);
  padding: 100px 0 106px;
  margin-top: 125px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
/*нг*/
/*.footer:before {
    content: "";
    background: url(./imgs/svg/footer-ng.svg) center no-repeat;
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    width: 100%;
    height: 292px;
    z-index: -1;
    background-size: cover;
}*/
.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.footer-logo-wrap p {
  margin-bottom: 20px;
}
.footer-logo-link {
  width: 237px;
  height: 61px;
  display: block;
  margin-bottom: 20px;
}
.footer-logo-link img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-nav ul li {
  margin-bottom: 20px;
}
.footer-nav ul li:last-of-type {
  margin-bottom: 0;
}
.footer-nav ul li a {
  text-transform: uppercase;
}
.footer-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 250px;
}
.footer .icons-links {
  margin-bottom: 20px;
}
.footer-contacts-link:first-of-type {
  margin-bottom: 20px;
}
.footer-contacts-link:nth-of-type(2) {
  margin-bottom: 10px;
}
.footer-contacts p {
  margin: 20px 0 0;
}
.footer-info p {
  margin: 0;
  text-align: end;
}
.footer-info p:first-of-type {
  margin-top: 28px;
}
.blog-cards .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.blog-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--black-bg-color);
  width: 520px;
  webkit-transition: box-shadow linear .1s;
    -moz-transition: box-shadow linear .1s;
    -ms-transition: box-shadow linear .1s;
    -o-transition: box-shadow linear .1s;
    transition: box-shadow linear .1s;
}
.blog-card p {
  font-size: 30px;
  font-family: var(--accent-font);
  text-transform: uppercase;
  line-height: 30px;
  margin: 0 0 30px;
  text-align: center;
}
.blog-card__img {
  width: 389px;
  height: 319px;
}
.blog-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.about-cards .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.about-card {
  width: 50%;
}
.about-card:first-of-type {
  background: var(--bg-grey-cards-large);
  margin-right: 20px;
}
.about-card:nth-of-type(2) {
  background: var(--bg-question-cards);
}
.about-card h2 {
  margin-bottom: 20px;
}
.about-card-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.about-card-item strong {
  font-size: 40px;
  font-family: var(--accent-font);
  text-transform: uppercase;
  line-height: 40px;
  font-weight: 400;
}
.about-card-item p {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  margin-top: 10px;
}
.technologies .container {
  background: var(--bg-grey-cards-large);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.technologies-info {
  width: 50%;
  margin-right: 20px;
}
.technologies-info h2 {
  margin-bottom: 20px;
}
.technologies-icons {
  width: 43%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.technologies-icon {
  width: 115px;
  height: 115px;
}
.error-wrap {
  margin-top: 145px;
  margin-bottom: -145px;
  height: 650px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.error-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 2;
  height: 603px;
  width: 1539px;
}
.error-img svg {
  width: 100%;
  height: 100%;
}
.error-img-paper {
  position: absolute;
  right: 100px;
  bottom: 195px;
  z-index: 1;
  width: 39%;
  height: 654px;
}
.error-img-paper svg {
  width: 100%;
  height: 100%;
}
.offer-links-error {
  margin-top: 50px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.offer-links-error a {
  margin-right: 20px;
  font-size: 20px;
  line-height: 20px;
  height: 70px;
  max-width: 385px;
}
.offer-link-error {
  margin-right: 0 !important;
  position: absolute;
  top: 100px;
  right: 0;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}
.article-content-wrap .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.article-content {
  width: 67%;
  margin-right: 20px;
}
.article-content h2,
.article-content h3 {
  margin-top: 100px;
}
.article-content h2:first-of-type {
  margin-top: 0;
}
.article-content p,
.article-content ul, .article-content ol, .article-content a{
  font-size: 24px;
  line-height: 24px;
}
.article-content a {
    color: var(--main-accent-color);
}
.article-content ul, .article-content ol {
  margin-bottom: 0;
  padding-left: 30px;
}
.article-content ul li, .article-content ol li {
  margin-bottom: 1em;
}
.article-content ul li:last-of-type, .article-content ol li:last-of-type {
  margin-bottom: 0;
}
.article-content ul ul, .article-content ul ol {
    margin-top: 20px;
    list-style: disc;
}
.article-info {
    margin-top: 50px;
    text-transform: uppercase;
}
.article-info p {
    font-size: 16px;
    line-height: 19.36px;
}
.article-info a {
    color: var(--main-accent-color);
    font-size: 16px;
    line-height: 19.36px;
}
.article-views-wrap {
    margin: 20px 0;
    display: flex;
    align-items: center;
}
.article-views {
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.article-views-eye {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.5886 29.0934C14.3637 29.171 11.1191 27.2727 8.45336 23.9884C7.00371 22.2009 5.69942 20.3206 4.75405 18.2014C4.63064 17.9255 4.59765 17.5299 4.68243 17.2501C5.61327 14.1483 7.12446 11.4059 9.17699 9.0159C10.4007 7.5886 11.9197 6.65398 13.6816 6.02821C15.4466 5.40064 17.2535 5.28649 19.0647 5.63474C21.5967 6.11973 23.8559 7.3706 25.6001 9.44822C26.9425 11.047 28.1378 12.7793 29.3782 14.4711C30.4577 15.9441 30.6236 17.4441 29.8334 19.0908C28.7395 21.3695 27.5881 23.586 25.9473 25.4804C23.9594 27.7702 21.4255 28.8789 18.5886 29.0934ZM16.7807 7.42176C11.7022 7.42974 7.75046 12.2651 8.1357 17.5744C8.5283 22.9813 13.2641 27.3476 18.2927 27.1658C23.3627 26.9808 27.3608 22.2502 26.9298 16.8868C26.5052 11.6076 21.8596 7.05587 16.7807 7.42176Z' fill='white'/%3e%3cpath d='M21.5551 14.8455C20.8222 15.1677 20.1348 15.4534 19.4573 15.7677C18.659 16.1384 18.5789 16.6907 19.2274 17.2702C19.6243 17.623 20.0079 17.9977 20.4364 18.3085C20.9848 18.7052 20.9715 19.0762 20.4989 19.5859C19.2699 20.9095 17.1241 21.3988 15.5601 20.6769C13.8486 19.8854 12.8635 18.084 13.0943 16.1619C13.3651 13.9098 14.7874 12.3287 16.8938 11.935C18.9504 11.5495 20.6804 12.5874 21.5551 14.8455Z' fill='white'/%3e%3c/svg%3e ") center no-repeat;
    width: 35px;
    height: 35px;
    margin-right: 5px;
}
.article-share {
    display: flex;
    align-items: center;
}
.article-content .article-share__links {
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}
.article-content .article-share__links li {
    margin-bottom: 0;
}
.article-content .article-share__links li a {
    width: 35px;
    height: 35px;
    display: block;
    margin: 0;
}
.article-content .article-share__links li:first-of-type a {
     background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M19.3661 22.0112C19.8423 22.279 20.1436 22.1376 20.2701 21.5871L21.9107 13.8527C21.9777 13.5253 21.9386 13.2909 21.7935 13.1496C21.6484 13.0082 21.4568 12.9821 21.2188 13.0714L11.5759 16.7879C11.3601 16.8698 11.2132 16.9628 11.135 17.067C11.0569 17.1711 11.0476 17.2697 11.1071 17.3627C11.1667 17.4557 11.2857 17.5283 11.4643 17.5804L13.9308 18.3504L19.6562 14.7455C19.8125 14.6414 19.9315 14.619 20.0134 14.6786C20.0655 14.7158 20.0506 14.7716 19.9688 14.846L15.3371 19.0312L15.1585 21.5759C15.3296 21.5759 15.497 21.494 15.6607 21.3304L16.8661 20.1696L19.3661 22.0112ZM26.2076 13.1161C26.7359 14.3512 27 15.6458 27 17C27 18.3542 26.7359 19.6488 26.2076 20.8839C25.6793 22.119 24.9688 23.183 24.0759 24.0759C23.183 24.9688 22.119 25.6793 20.8839 26.2076C19.6488 26.7359 18.3542 27 17 27C15.6458 27 14.3512 26.7359 13.1161 26.2076C11.881 25.6793 10.817 24.9688 9.92411 24.0759C9.03125 23.183 8.32068 22.119 7.79241 20.8839C7.26414 19.6488 7 18.3542 7 17C7 15.6458 7.26414 14.3512 7.79241 13.1161C8.32068 11.881 9.03125 10.817 9.92411 9.92411C10.817 9.03125 11.881 8.32068 13.1161 7.79241C14.3512 7.26414 15.6458 7 17 7C18.3542 7 19.6488 7.26414 20.8839 7.79241C22.119 8.32068 23.183 9.03125 24.0759 9.92411C24.9688 10.817 25.6793 11.881 26.2076 13.1161Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  background-size: cover;
}
.article-content .article-share__links li:nth-of-type(2) a {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M18.0092 15.2879C18.9641 15.2845 19.7246 14.5174 19.7211 13.5605C19.7176 12.6031 18.9555 11.8414 18.0002 11.8406C17.0369 11.8396 16.2676 12.6154 16.275 13.5813C16.2821 14.5348 17.0512 15.2914 18.0092 15.2879Z' fill='white'/%3e%3cpath d='M18 7C12.4771 7 8 11.4773 8 17C8 22.5227 12.4771 27 18 27C23.5229 27 28 22.5227 28 17C28 11.4773 23.5229 7 18 7ZM18.0143 10.041C19.9621 10.0463 21.5255 11.6396 21.5155 13.6089C21.5057 15.5328 19.9167 17.0921 17.9722 17.0855C16.0475 17.079 14.469 15.4833 14.4804 13.5555C14.4913 11.6066 16.0706 10.0357 18.0143 10.041ZM21.9595 18.4695C21.5288 18.9116 21.0103 19.2316 20.4346 19.4548C19.8903 19.6658 19.2939 19.772 18.7034 19.8428C18.7928 19.9397 18.8348 19.9874 18.8904 20.0431C19.6917 20.8486 20.4968 21.65 21.2953 22.4578C21.5675 22.7332 21.6241 23.0745 21.4744 23.3943C21.3109 23.7441 20.944 23.9741 20.5841 23.9494C20.3562 23.9336 20.1784 23.8205 20.0207 23.6615C19.4159 23.053 18.7996 22.4553 18.2075 21.8354C18.0346 21.6549 17.9519 21.6893 17.7995 21.846C17.1912 22.4725 16.5729 23.089 15.9511 23.7022C15.6718 23.9776 15.3395 24.0275 15.0154 23.87C14.6711 23.7034 14.4522 23.3517 14.469 22.998C14.4808 22.7594 14.5983 22.5765 14.7624 22.4132C15.5556 21.6216 16.3464 20.8275 17.1374 20.0341C17.19 19.9815 17.2387 19.9256 17.315 19.8438C16.2361 19.731 15.2632 19.4655 14.4303 18.8142C14.3268 18.7332 14.2202 18.655 14.126 18.5642C13.7612 18.2141 13.7246 17.8129 14.0129 17.4C14.2598 17.0464 14.674 16.9519 15.1047 17.1551C15.1881 17.1942 15.2675 17.2437 15.3436 17.2961C16.8958 18.3627 19.0281 18.3919 20.5864 17.3437C20.7407 17.2259 20.9058 17.1289 21.0971 17.08C21.4686 16.9842 21.8157 17.1211 22.0149 17.4464C22.2431 17.8182 22.2404 18.1808 21.9595 18.4695Z' fill='white'/%3e%3c/svg%3e ") center no-repeat;
    background-size: cover;
}
.article-content .article-share__links li:nth-of-type(3) a {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M17.6 8C12.298 8 8 12.298 8 17.6C8 22.902 12.298 27.2 17.6 27.2C22.902 27.2 27.2 22.902 27.2 17.6C27.2 12.298 22.902 8 17.6 8ZM21.292 18.831C21.292 18.831 22.141 19.669 22.35 20.058C22.356 20.066 22.359 20.074 22.361 20.078C22.446 20.221 22.466 20.332 22.424 20.415C22.354 20.553 22.114 20.621 22.032 20.627H20.532C20.428 20.627 20.21 20.6 19.946 20.418C19.743 20.276 19.543 20.043 19.348 19.816C19.057 19.478 18.805 19.186 18.551 19.186C18.5187 19.1859 18.4867 19.191 18.456 19.201C18.264 19.263 18.018 19.537 18.018 20.267C18.018 20.495 17.838 20.626 17.711 20.626H17.024C16.79 20.626 15.571 20.544 14.491 19.405C13.169 18.01 11.979 15.212 11.969 15.186C11.894 15.005 12.049 14.908 12.218 14.908H13.733C13.935 14.908 14.001 15.031 14.047 15.14C14.101 15.267 14.299 15.772 14.624 16.34C15.151 17.266 15.474 17.642 15.733 17.642C15.7816 17.6414 15.8293 17.6291 15.872 17.606C16.21 17.418 16.147 16.213 16.132 15.963C16.132 15.916 16.131 15.424 15.958 15.188C15.834 15.017 15.623 14.952 15.495 14.928C15.5468 14.8565 15.6151 14.7985 15.694 14.759C15.926 14.643 16.344 14.626 16.759 14.626H16.99C17.44 14.632 17.556 14.661 17.719 14.702C18.049 14.781 18.056 14.994 18.027 15.723C18.018 15.93 18.009 16.164 18.009 16.44C18.009 16.5 18.006 16.564 18.006 16.632C17.996 17.003 17.984 17.424 18.246 17.597C18.2802 17.6184 18.3197 17.6299 18.36 17.63C18.451 17.63 18.725 17.63 19.467 16.357C19.6958 15.9473 19.8947 15.5215 20.062 15.083C20.077 15.057 20.121 14.977 20.173 14.946C20.2114 14.9264 20.2539 14.9165 20.297 14.917H22.078C22.272 14.917 22.405 14.946 22.43 15.021C22.474 15.14 22.422 15.503 21.609 16.604L21.246 17.083C20.509 18.049 20.509 18.098 21.292 18.831Z' fill='white'/%3e%3c/svg%3e ") center no-repeat;
    background-size: cover;
}
.article-content .article-share__links li:nth-of-type(4) a {
     background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0.5C27.0239 0.5 34.5 7.97614 34.5 17.5C34.5 27.0239 27.0239 34.5 17.5 34.5C7.97614 34.5 0.5 27.0239 0.5 17.5C0.5 7.97614 7.97614 0.5 17.5 0.5Z' fill='black' stroke='white'/%3e%3cpath d='M19.1484 18.6344C19.487 18.2166 19.7127 18.0078 19.8255 18.0078C19.9384 18.0078 20.3615 18.1972 21.0951 18.5762C21.8286 18.9552 22.217 19.1835 22.2604 19.261C22.2778 19.304 22.2865 19.3686 22.2865 19.4548C22.2865 19.739 22.2127 20.0663 22.0651 20.4367C21.9262 20.7726 21.6181 21.0547 21.1406 21.2829C20.6632 21.5112 20.2205 21.6253 19.8125 21.6253C19.3177 21.6253 18.4931 21.3583 17.3385 20.8243C16.4878 20.4367 15.75 19.9285 15.125 19.2997C14.5 18.671 13.8576 17.8742 13.1979 16.9096C12.5729 15.9879 12.2648 15.1525 12.2734 14.4031V14.2997C12.2995 13.5159 12.6207 12.8355 13.237 12.2584C13.4453 12.0689 13.671 11.9742 13.9141 11.9742C13.9661 11.9742 14.0443 11.9806 14.1484 11.9935C14.2526 12.0065 14.3351 12.0129 14.3958 12.0129C14.5608 12.0129 14.6758 12.0409 14.7409 12.0969C14.806 12.1529 14.8733 12.2713 14.9427 12.4522C15.0122 12.6245 15.1554 13.0034 15.3724 13.5891C15.5894 14.1748 15.6979 14.4978 15.6979 14.5581C15.6979 14.739 15.5482 14.9866 15.2487 15.301C14.9492 15.6154 14.7995 15.8157 14.7995 15.9018C14.7995 15.9621 14.8212 16.0267 14.8646 16.0956C15.1597 16.7244 15.6024 17.3144 16.1927 17.8656C16.6788 18.3221 17.3342 18.7571 18.1589 19.1705C18.263 19.2308 18.3585 19.261 18.4453 19.261C18.5755 19.261 18.8099 19.0521 19.1484 18.6344ZM12.6901 23.5116C14.0616 24.4074 15.559 24.8553 17.1823 24.8553C18.2847 24.8553 19.3416 24.64 20.3529 24.2093C21.3641 23.7786 22.2344 23.2015 22.9635 22.478C23.6927 21.7545 24.2743 20.891 24.7083 19.8876C25.1424 18.8842 25.3594 17.8355 25.3594 16.7416C25.3594 15.6477 25.1424 14.5991 24.7083 13.5956C24.2743 12.5922 23.6927 11.7287 22.9635 11.0052C22.2344 10.2817 21.3641 9.70457 20.3529 9.2739C19.3416 8.84324 18.2847 8.62791 17.1823 8.62791C16.0799 8.62791 15.023 8.84324 14.0117 9.2739C13.0004 9.70457 12.1302 10.2817 11.401 11.0052C10.6719 11.7287 10.0903 12.5922 9.65625 13.5956C9.22222 14.5991 9.00521 15.6477 9.00521 16.7416C9.00521 18.4901 9.52604 20.0749 10.5677 21.4961L9.53906 24.5065L12.6901 23.5116ZM13.3737 7.77519C14.5846 7.2584 15.8542 7 17.1823 7C18.5104 7 19.7799 7.2584 20.9909 7.77519C22.2018 8.29199 23.2457 8.98536 24.1224 9.8553C24.9991 10.7252 25.6979 11.761 26.2188 12.9625C26.7396 14.1641 27 15.4238 27 16.7416C27 18.0594 26.7396 19.3191 26.2188 20.5207C25.6979 21.7222 24.9991 22.758 24.1224 23.6279C23.2457 24.4978 22.2018 25.1912 20.9909 25.708C19.7799 26.2248 18.5104 26.4832 17.1823 26.4832C15.4896 26.4832 13.9054 26.0784 12.4297 25.2687L7 27L8.77083 21.7674C7.83333 20.2343 7.36458 18.559 7.36458 16.7416C7.36458 15.4238 7.625 14.1641 8.14583 12.9625C8.66667 11.761 9.36545 10.7252 10.2422 9.8553C11.1189 8.98536 12.1628 8.29199 13.3737 7.77519Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  background-size: cover;
}
.article-aside {
  width: 520px;
  background: var(--bg-grey-cards-large);
  text-transform: uppercase;
  text-align: center;
}
.article-aside-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.article-aside-title p {
  font-size: 40px;
  font-family: var(--accent-font);
  margin: 0;
  line-height: 40px;
}
.article-aside-btn {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='20' viewBox='0 0 38 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 3L18.2615 16L35 3' stroke='white' stroke-width='5' stroke-linecap='round'/%3e%3c/svg%3e ")
    center no-repeat;
  width: 38px;
  height: 20px;
  display: none;
  background-size: contain;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  margin-top: 5px;
}
.article-aside-btn_rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.article-aside-links.hidden {
  display: none;
}
.article-aside ul {
  list-style: none;
  padding: 0;
  margin: 50px 0 20px;
}
.article-aside ul li {
  margin-bottom: 20px;
  background: var(--main-text-color);
  border-radius: 20px;
  border: 3px black solid;
  width: 100%;
  padding: 11px 30px;
}
.article-aside ul li:last-of-type {
  margin-bottom: 0;
}
.article-aside ul li a {
  font-size: 24px;
  line-height: 24px;
  color: var(--black-bg-color);
}
.offer-fitlers {
  list-style: none;
  padding: 0;
  margin: 100px auto 0;
  max-width: 1600px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.offer-fitlers li {
  max-width: 385px;
  font-size: 20px;
  line-height: 20px;
  background: var(--main-text-color);
  color: var(--black-bg-color);
  cursor: pointer;
}
.offer-fitlers li.active {
  background: var(--black-bg-color);
  color: var(--main-text-color);
  text-decoration: none;
}
.portfolio-cases .btn-general-style {
  max-width: 520px;
  margin: 0 auto;
}
.not-visible-cards {
  display: none;
}
.sites-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}
.sites-cards:first-of-type {
  margin-bottom: 20px;
}
.sites-card {
  background: var(--bg-grey-cards-large);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 520px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sites-card strong {
  display: inline-block;
  font-size: 30px;
  font-family: var(--accent-font);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  margin-bottom: 50px;
}
.sites-card-info {
  margin-bottom: 70px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
}
.sites-card-info p {
  font-size: 24px;
  line-height: 24px;
}
.sites-card-links a:nth-of-type(2) {
  margin-top: 20px;
  background: var(--main-text-color);
  color: var(--black-bg-color);
  border: 3px var(--black-bg-color) solid;
}
.sites-card-other {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 520px;
  padding: 30px 0;
}
.sites-card-other p,
.sites-card-other ul li, .sites-card-other ul li a {
  font-size: 24px;
  line-height: 24px;
}
.sites-card-other ul li a {
color: var(--main-accent-color);
}
.sites-card-other p:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 40px;
  font-family: var(--accent-font);
  text-transform: uppercase;
  line-height: 40px;
}
.sites-card-other p:nth-of-type(2) {
  margin: 0;
}
.sites-card-other ul {
  margin-bottom: 0;
  padding-left: 30px;
}
.wrap-with-raschet .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.raschet-content {
  width: 55%;
  margin-right: 20px;
}
.raschet-content p, .raschet-content a {
  font-size: 24px;
  line-height: 24px;
}
.raschet-content a {
    color: var(--main-accent-color);
}
.raschet-content ul {
  margin: 20px 0;
}
.raschet-content ul li, .raschet-content ol li {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
.raschet-content ul li:last-of-type, .raschet-content ol li:last-of-type {
  margin-bottom: 0;
}
.raschet-content ul li::before {
  margin-right: 16px;
}
.form-raschet {
  width: 41%;
  background: var(--bg-grey-cards-large);
  text-align: center;
}
.form-raschet p:first-of-type {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
}
.form-raschet h2 {
  margin-bottom: 20px;
}
.form_raschet {
  margin: 50px auto 0;
  max-width: 460px;
}
.form__field_raschet {
  margin-bottom: 20px;
}
.form__btn_raschet {
  margin-bottom: 20px;
}
.form__text_raschet {
  margin-bottom: 0 !important;
}
.case-content p, .case-content a {
  font-size: 24px;
  line-height: 24px;
}
.case-content a {
    color: var(--main-accent-color);
}
.case-content-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}
.case-content-card {
  width: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.case-content-card:first-of-type {
  background: var(--bg-exclamation-cards);
  margin-right: 20px;
}
.case-content-card:last-of-type {
  background: var(--bg-question-cards);
}
.case-content-card__wraps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}
.case-content-card__wrap {
  width: 49%;
}
.case-content-card__wrap strong {
  font-size: 30px;
  font-family: var(--accent-font);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
}
.case-tasks-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}
.case-tasks-card {
  background: var(--bg-exclamation-cards);
  width: 520px;
  min-height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.case-tasks-card p {
  font-size: 24px;
  line-height: 24px;
}
.case-cards .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.case-card {
  background: var(--bg-grey-cards-large);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.case-card p {
  font-size: 24px;
  line-height: 24px;
  display: flex;
    align-items: center;
}
 .case-card ul, .case-card ol {
     font-size: 24px;
  line-height: 24px;
 }
.case-card_sm {
  width: 49%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.case-card__img img {
  -o-object-position: center;
  object-position: center;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -o-object-fit: contain;
  object-fit: contain;
}
.case-card_sm .case-card__img {
  margin-top: 30px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 678px;
  height: 342px;
}
.case-card_sm .case-card__img img {
  width: 100%;
  height: 100%;
}
.case-card_lg {
  width: 100%;
}
.case-card_lg h2 {
  max-width: 100%;
}
.case-card_lg .case-card__img {
  width: 656px;
  height: 425px;
}
.case-card_lg .case-card__img img {
  width: 100%;
  height: 100%;
}
.case-card_with-bg .case-card__img {
  position: relative;
  width: 571px;
  height: 356px;
}
.case-card_with-bg .case-card__img img {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  height: auto;
}
.case-card_with-bg .case-card__img img:first-of-type {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#proto .case-card__img img:nth-of-type(2) {
  top: 25px;
  left: 136px;
  width: 343px;
  height: 191px;
}
#proto .case-card__img img:last-of-type {
  bottom: 25px;
  left: 10px;
  width: 78px;
  height: 162px;
}
#disign .case-card__img img:nth-of-type(2) {
  top: 17px;
  left: 0;
  width: 568px;
  height: 309px;
}
#verstka .case-card__img img:nth-of-type(2) {
  top: 15px;
  left: 121px;
  width: 352px;
  height: 201px;
}
#verstka .case-card__img img:last-of-type {
  bottom: 30px;
  left: 8px;
  width: 83px;
  height: 161px;
}
#cms .case-card__img img:nth-of-type(2) {
  top: 98px;
  left: 136px;
  width: 338px;
  height: 180px;
}
.case-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.case-card__content {
  max-width: 760px;
}
.case-card_lg .case-card__content {
  margin-right: 20px;
}
.case-card .btn-general-style {
  max-width: 460px;
  margin-top: 50px;
}
.case-card strong {
  font-size: 62px;
  font-family: var(--accent-font);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 70px;
  margin-right: 20px;
  display: inline-block;
  white-space: nowrap;
}
.case-card:last-of-type .case-card__content:last-of-type {
  max-width: 45%;
}
.case-card:last-of-type .case-card__content:last-of-type .btn-general-style {
  display: none;
}
.open-popup-btn {
  border: 3px solid var(--main-text-color);
  border-radius: 30px;
  font-size: var(--accent-font);
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--main-text-color);
  background: transparent url(./imgs/svg/logo-btn.svg) no-repeat;
  width: 250px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px 10px 16px 94px;
  text-align: start;
  background-position: 7% 50%;
  -webkit-transition: box-shadow linear .1s;
  -moz-transition: box-shadow linear .1s;
  -ms-transition: box-shadow linear .1s;
  -o-transition: box-shadow linear .1s;
  transition: box-shadow linear .1s;
}

.open-popup-btn img {
  width: 75px;
  height: 38px;
  margin-right: 10px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.open-popup-btn p {
  font-size: 20px;
  line-height: 20px;
}
.open-popup-btn span {
  color: var(--main-accent-color);
}
.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(57, 8, 2, 0.3);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.popup_open {
  opacity: 1;
  visibility: visible;
}
.popup__container {
  position: relative;
  background: var(--bg-grey-cards-large);
  width: 520px;
}
.popup__container_card {
  padding: 70px;
  border-radius: 10px;
  max-width: 1600px;
  width: 100%;
  min-height: 900px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.popup__title {
  font-size: 30px;
  font-family: var(--accent-font);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}
.popup__title_card {
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 15px;
  text-align: start;
}
.popup__description {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
.popup__description_card {
  font-size: 40px;
  line-height: 40px;
  font-family: var(--accent-font);
  font-weight: 400;
  text-align: start;
  text-transform: uppercase;
  max-width: 535px;
}
.popup__description_success {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.popup__text_card {
  font-size: 24px;
  line-height: 36px;
  max-width: 803px;
  margin: 0;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.popup__text_card span {
  font-weight: 700;
}
.popup__text_card p, .popup__text_card ul {
    font-size: 24px;
  line-height: 36px;
}
.popup__text_card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}
.popup__image {
  position: absolute;
  width: 528px;
  height: 520px;
  -o-object-fit: contain;
  object-fit: contain;
  right: 70px;
  top: 70px;
}
.popup__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  z-index: 1;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.popup-img-idea {
  position: absolute;
  width: 370px;
  height: 263px;
  top: 70px;
  right: 490px;
  z-index: 2;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.popup__image_popup {
  position: absolute;
  width: 626px;
  height: 525px;
  bottom: 70px;
  left: 70px;
}
.popup__image_popup img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.popup__img-success {
  width: 100%;
  height: 188px;
  margin-bottom: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup-close-btn {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='25.5' cy='25.5' r='24' fill='black' stroke='white' stroke-width='3'/%3e%3cline x1='9.12099' y1='9.03721' x2='40.3777' y2='41.4103' stroke='white' stroke-width='3' stroke-linecap='round'/%3e%3cline x1='1.5' y1='-1.5' x2='46.5' y2='-1.5' transform='matrix(-0.694595 0.719401 0.719401 0.694595 44 9)' stroke='white' stroke-width='3' stroke-linecap='round'/%3e%3c/svg%3e ")
    center no-repeat;
  width: 51px;
  height: 51px;
  position: absolute;
  right: 0;
  top: 0;
  background-size: contain;
}
.popup-close-btn_sm-popup {
  right: -20px;
  top: -20px;
}
.swiper-pagination {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 35px;
  position: relative !important;
  margin-top: 35px;
}
.swiper-pagination-bullet {
  margin: 10px 10px 10px 0 !important;
  width: 115px;
  height: 20px;
  border-radius: 30px;
  border: 3px var(--main-text-color) solid;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active {
  background: #f5f5f5 !important;
}

.promo-cards .container {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 20px;
}
.promo-card {
  width: 48%;
  background: var(--bg-question-cards);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.promo-card p {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
}
.promo-card p:first-of-type {
  text-transform: uppercase;
  font-family: var(--accent-font);
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 50px;
}
.requisites .container {
  background: var(--black-bg-color);
  border-radius: 30px;
}
.requisites-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.requisites-list li {
  padding: 25px 50px;
  border-bottom: 1px solid var(--main-text-color);
}
.requisites-list_bank li {
  border: none;
}
.requisites-list li:first-of-type {
  padding-top: 50px;
}
.requisites-list_bank li:first-of-type {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 30px;
}
.requisites-list_bank li:last-of-type {
  padding-bottom: 50px;
}
.requisites-list li p {
  margin: 0;
  max-width: 556px;
}
.requisites-list li p:first-of-type {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 24px;
}
.vacancy-cards .container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px 20px;
}
.vacancy-card {
  width: 520px;
  background: var(--bg-exclamation-cards);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vacancy-card p {
  margin: 0;
  margin-bottom: 75px;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
  font-family: var(--accent-font);
}
.vacancy-card a {
  background: var(--main-text-color)
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='58' height='40' viewBox='0 0 58 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.5143 1.55641C31.4109 3.63163 31.4109 6.99666 33.5143 9.07093L37.5358 13.0394C38.1532 13.6475 37.7164 14.6866 36.8439 14.6866H5.3871C2.4121 14.6866 0 17.0654 0 20.0005C0 22.9356 2.41115 25.3144 5.3871 25.3144H36.8439C37.7155 25.3144 38.1513 26.3534 37.5358 26.9615L33.5143 30.9291C31.4109 33.0043 31.4109 36.3693 33.5143 38.4436C35.6178 40.5188 39.0286 40.5188 41.132 38.4436L56.7084 23.0761C58.4305 21.378 58.4305 18.623 56.7084 16.9249L41.132 1.55641C39.0276 -0.518804 35.6178 -0.518804 33.5143 1.55641Z' fill='%23334250'/%3e%3c/svg%3e ")
    center no-repeat;
  width: 220px;
  height: 60px;
  display: block;
  border-radius: 30px;
}
.brif-card {
  margin-bottom: 100px;
}
.brif-card:last-of-type {
  margin-bottom: 0;
}
.brif-card p:first-of-type {
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-family: var(--accent-font);
  margin-bottom: 35px;
}
.brif-card a {
  text-decoration: underline;
  font-size: 24px;
  line-height: 24px;
}
.brif-card img {
  width: 58px;
  height: 63px;
  margin-right: 20px;
}
.brif-card-wraps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 675px;
}
.brif-card-wrap-with-img {
  display: flex;
}
.brif-card-wraps a:last-child {
  align-self: flex-end;
  white-space: nowrap;
}
.brif-card .brif-card-wraps p {
  font-size: 24px;
  line-height: 24px;
  text-transform: none;
  margin: 0;
  font-family: var(--main-font);
}
.brif-card-wrap {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.brif-card-links {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.brif-card-links a {
  display: flex;
  align-items: center;
}
.brif-card-links a:first-of-type {
  margin: 0 10px 0 5px;
}
.brif-card-links a::before {
  content: "";
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 14.2929L16.1464 11.1464C16.3417 10.9512 16.6583 10.9512 16.8536 11.1464C17.0488 11.3417 17.0488 11.6583 16.8536 11.8536L12.8536 15.8536C12.6583 16.0488 12.3417 16.0488 12.1464 15.8536L8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464C8.34171 10.9512 8.65829 10.9512 8.85355 11.1464L12 14.2929V3.5C12 3.22386 12.2239 3 12.5 3C12.7761 3 13 3.22386 13 3.5V14.2929ZM20 15.5C20 15.2239 20.2239 15 20.5 15C20.7761 15 21 15.2239 21 15.5V18.5C21 19.8807 19.8807 21 18.5 21H6.5C5.11929 21 4 19.8807 4 18.5V15.5C4 15.2239 4.22386 15 4.5 15C4.77614 15 5 15.2239 5 15.5L5 18.5C5 19.3284 5.67157 20 6.5 20H18.5C19.3284 20 20 19.3284 20 18.5V15.5Z' fill='white'/%3e%3c/svg%3e ")
    center no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}
.article-content_vac p, .article-content_vac ul, .article-content_vac a {
font-size: 16px;
line-height: 19.36px;
}
.article-content_vac h2 {
  margin-bottom: 10px;
}
.article-content_vac h3 {
  margin-top: 50px;
}
.article-content_vac ul:last-of-type {
  margin-bottom: 50px;
}
.article-content_vac ul li {
  margin-bottom: 0;
}
.article-aside_vac ul {
  text-align: start;
}
.article-aside_vac ul li {
border: none;
background: transparent;
padding: 0;
margin-bottom: 30px;
}
.article-aside_vac ul li a {
  font-size: 30px;
  line-height: 30px;
  font-family: var(--accent-font);
  color: var(--main-text-color);
}
.form-feedback .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form_feedback {
  margin-right: 20px;
  width: 70%;
  text-align: start;
}
.form_feedback .form__case {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form_feedback .form__case:first-of-type .form__field_feedback {
  width: 50%;
}
.form_feedback .form__case:first-of-type .form__field_feedback:first-of-type {
  margin-right: 20px;
}
.form__input_feedback {
  text-align: start;
}
.form__textarea_feedback {
  margin-top: 20px;
}
.form__case_chechbox {
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
  gap: 20px;
}
.form-checkbox {
  display: none;
}
.form-checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  width: 48%;
}
.form-checkbox-label::before {
  content: "";
  background: var(--black-bg-color);
  min-width: 50px;
  height: 50px;
  border: 3px var(--main-text-color) solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  margin-right: 20px;
}
.form-checkbox:checked + .form-checkbox-label::before {
  background: var(--main-accent-color);
}
.form__btn_feedback {
  margin-right: 20px;
}
.form-feedback-img {
  width: 60%;
  height: 730px;
}
.form-feedback-img svg {
  width: 100%;
  height: 100%;
}
.upbtn {
  z-index: 99;
  width: 70px;
  height: 70px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  border: none;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='70' height='70' rx='10' transform='matrix(-1 0 0 1 70 0)' fill='%23FFA901'/%3e%3cpath d='M35 10L64 60H6L35 10Z' fill='black'/%3e%3ccircle cx='45.3021' cy='50.6965' r='5.52016' transform='rotate(1.61276 45.3021 50.6965)' fill='white'/%3e%3cpath d='M46.9388 56.4897C49.0735 55.8091 50.354 54.3659 51.0898 52.3693C51.4897 51.2828 51.7996 50.1774 51.8856 49.0206C51.897 48.8699 51.841 48.6783 51.7472 48.5611C50.7113 47.2608 49.4501 46.2279 47.9817 45.4526C47.1059 44.9893 46.1721 44.8077 45.1731 44.8125C44.1721 44.817 43.2443 45.07 42.3991 45.5412C41.2172 46.199 40.3126 47.1705 39.8181 48.4434C39.4374 49.4229 39.155 50.4402 38.8427 51.4462C38.5709 52.322 38.7626 53.0554 39.4611 53.6955C40.4279 54.5812 41.4121 55.4278 42.583 56.04C44.0005 56.7792 45.4755 56.8704 46.9388 56.4897ZM43.8731 45.9937C46.4235 45.1355 49.2934 46.7382 50.0734 49.2997C50.8676 51.9085 49.2911 54.7652 46.7339 55.5332C44.1553 56.3068 41.2813 54.7612 40.5144 52.1664C39.7597 49.6123 41.2569 46.6837 43.8731 45.9937Z' fill='black'/%3e%3cpath d='M48.0808 48.0539C47.637 47.9512 47.222 47.8639 46.8106 47.7599C46.3258 47.6371 46.2401 47.3415 46.5705 46.9566C46.7729 46.7222 46.966 46.477 47.1895 46.2625C47.4756 45.9884 47.4413 45.7857 47.1334 45.5534C46.3329 44.9502 45.0664 44.8992 44.2209 45.4554C43.2957 46.0649 42.8602 47.1562 43.131 48.1902C43.4485 49.4016 44.3785 50.1268 45.6155 50.1292C46.8234 50.1321 47.7414 49.3852 48.0808 48.0539Z' fill='black'/%3e%3ccircle cx='5.2362' cy='5.2362' r='5.2362' transform='matrix(-0.999604 0.0281443 0.0281443 0.999604 29.3359 45.259)' fill='white'/%3e%3cpath d='M22.6957 56.1359C20.6707 55.4903 19.4561 54.1214 18.7581 52.2275C18.3788 51.1969 18.0848 50.1483 18.0033 49.051C17.9925 48.9081 18.0456 48.7264 18.1346 48.6152C19.1172 47.3818 20.3135 46.402 21.7064 45.6666C22.5372 45.2271 23.4229 45.0548 24.3705 45.0594C25.32 45.0637 26.2 45.3037 27.0018 45.7506C28.1229 46.3746 28.981 47.2962 29.4501 48.5035C29.8111 49.4327 30.079 50.3977 30.3753 51.3519C30.6331 52.1826 30.4512 52.8783 29.7887 53.4855C28.8716 54.3256 27.938 55.1287 26.8274 55.7094C25.4828 56.4105 24.0836 56.497 22.6957 56.1359ZM25.6037 46.1799C23.1844 45.3658 20.4622 46.886 19.7223 49.3158C18.9689 51.7904 20.4643 54.5001 22.89 55.2286C25.336 55.9624 28.0621 54.4964 28.7896 52.0351C29.5054 49.6123 28.0853 46.8344 25.6037 46.1799Z' fill='black'/%3e%3cpath d='M26.9574 47.9716C26.5226 47.871 26.116 47.7855 25.713 47.6836C25.238 47.5633 25.1541 47.2736 25.4777 46.8966C25.676 46.6669 25.8652 46.4267 26.0842 46.2165C26.3645 45.948 26.3309 45.7494 26.0293 45.5218C25.2449 44.9308 24.0041 44.8808 23.1757 45.4258C22.2693 46.023 21.8426 47.0921 22.1079 48.1051C22.419 49.292 23.3301 50.0025 24.5421 50.0049C25.7255 50.0077 26.6249 49.2759 26.9574 47.9716Z' fill='black'/%3e%3c/svg%3e");*/
  background-size: cover;
  opacity: .4;
}
.upbtn:hover {
  -webkit-transform: scale(1.1) !important;
  -ms-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
  opacity: 1;
}
@media screen and (min-width: 1200px) and (max-width: 2590px) {
  .header-item:hover .header-btn-down__img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .header-btn-down__img:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .header-item:hover .open-menu-link {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #455a6d;
  }
  .header-item:hover .submenu {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 1740px) {
  h1 {
      max-width: 830px;
  }
}
@media screen and (max-width: 1620px) {
  .container,
  .form-request .container,
  .offer-fitlers {
    width: calc(100% - 20px);
  }
  .header-logo-link,
  .header-nav,
  .header-contacts,
  .header .icons-links {
    margin-right: 10px;
  }
  .header-item {
    margin-right: 0;
  }
  .header-contacts a {
    font-size: 18px;
    line-height: 18px;
  }
  .offer-img {
    width: 611px;
    max-height: 537px;
    bottom: 0;
    top: auto;
  }
  .offer-img_cases {
    bottom: auto;
    top: 170px;
  }
  .offer-img_case {
    background-size: contain;
  }
  .offer-img svg {
    width: 100%;
    height: 100%;
  }
  .offer_case .offer-img svg {
    width: 136px;
    height: 135px;
    bottom: 28px;
  }
  .offer-img__case {
    width: 527px;
    height: 313px;
    top: 23px;
  }
  .cases-card_sm {
    width: 49%;
  }
  .cases-card_lg h3 {
    font-size: 30px;
    line-height: 30px;
  }
  .cases-card_lg p:first-of-type,
  .cases-card_lg p:last-of-type,
  .cases-card_lg ul li {
    font-size: 16px;
    line-height: 19.36px;
  }
  .cases-card_lg p:last-of-type {
    margin-bottom: 0;
  }
  .cases-card_lg ul {
    margin: 20px 0 16px;
    max-width: 220px;
  }
  .cases-card_lg .cases-card-content-wrap {
    max-width: 239px;
  }
  .cases-card_lg::before {
    width: 205px;
    height: 374px;
    right: 0;
    background-size: contain;
  }
  .cases-card_lg img {
    bottom: 105px;
    width: 259px;
    height: 268px;
  }
  .cases-card_lg p:first-of-type {
    margin-bottom: 0;
  }
  .cases-card_lg a {
    font-size: 24px;
    line-height: 24px;
  }
  .cases-card_lg .cases-card-link {
    margin-top: 42px;
    margin-bottom: 0;
  }
  .technologies-icons {
    width: 45%;
  }
  .offer-link-error {
    right: auto;
    left: 0;
    top: 150px;
  }
  .error-img {
    width: 94%;
    bottom: -4%;
  }
  .popup__container_card {
    max-width: calc(100% - 20px);
    min-height: 800px;
    padding: 50px;
  }
  .popup__image {
    width: 25%;
    height: 450px;
    right: 50px;
    top: 50px;
  }
  .popup-img-idea {
    width: 17%;
    height: auto;
    right: 25%;
    top: 50px;
  }
  .popup__image_popup {
    width: 30%;
    height: auto;
    left: 50px;
    bottom: 50px;
  }
  .popup__text_card {
    max-width: 50%;
  }
  .footer:before {
      bottom: -45px;
      height: 220px;
  }
}
@media screen and (max-width: 1490px) {
  .form-main-img {
    width: 25%;
  }
  .form-main-wrap {
    width: 75%;
  }
  .error-img {
    bottom: -8%;
  }
}
@media screen and (max-width: 1440px) {
  .header-contacts-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 10px;
  }
  .header .icons-links {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .header-contacts,
  .header .icons-links {
    margin-right: 0;
  }
  .header-contacts a {
    font-size: 16px;
    line-height: 16px;
  }
  .header-contacts p {
    font-size: 14px;
    line-height: 14px;
  }
  .header .open-popup-btn {
    font-size: 16px;
    line-height: 16px;
    width: 210px;
    padding-left: 86px;
  }
  .offer-img {
    width: 458px;
    max-height: 402px;
  }
  .offer-img_cases {
    top: 30%;
  }
  .offer-fitlers {
      margin-top: 50px;
  }
  .offer-img__screen {
    width: 458px;
    height: 428px;
  }
  .offer-img__case {
    width: 400px;
    height: 232px;
    top: 16px;
    left: 15px;
  }
  .offer_case .offer-img svg {
    width: 105px;
    height: 101px;
    bottom: 21px;
    left: 50px;
  }
  .content-card__blocks-wrap {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .content-card__block {
    padding-left: 50px;
    width: 49%;
  }
  .faq-info {
    width: 36%;
  }
  /*
  .how-work-card:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .how-work-card:nth-of-type(2) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .how-work-card:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .how-work-card:nth-of-type(4) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .how-work-card:nth-of-type(5) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .how-work-card:nth-of-type(6) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  */
  .case-card_sm .case-card__img {
    width: 508px;
    height: 256px;
  }
  .case-card_lg .case-card__img {
    width: 492px;
    height: 318px;
  }
  .case-card_with-bg .case-card__img {
    width: 428px;
    height: 267px;
  }
  .case-card_with-bg .case-card__img img:first-of-type {
    width: 100%;
    height: 100%;
  }
  #proto .case-card__img img:nth-of-type(2) {
    top: 18px;
    left: 125px;
    width: 63%;
    height: auto;
  }
  #proto .case-card__img img:last-of-type {
    bottom: 12px;
    left: 28px;
    width: 14%;
    height: auto;
  }
  #disign .case-card__img img:nth-of-type(2) {
    top: 28px;
    left: 3px;
    width: 98%;
    height: auto;
  }
  #verstka .case-card__img img:nth-of-type(2) {
    top: 12px;
    width: 62%;
    height: auto;
  }
  #verstka .case-card__img img:last-of-type {
    bottom: 24px;
    left: 38px;
    width: 14%;
    height: auto;
  }
  #cms .case-card__img img:nth-of-type(2) {
    top: 96px;
    left: 107px;
    width: 58%;
    height: auto;
  }
  .popup__image {
      height: 400px;
  }
}
@media screen and (max-width: 1340px) {
  .error-img {
    bottom: -12%;
  }
  .content-card-foto::before {
    width: 250px;
    height: 250px;
    background-size: contain;
  }
  .content-card-foto img {
    width: 207px;
    height: 207px;
  }
  .case-card strong {
    font-size: 58px;
  }
}
@media screen and (max-width: 1290px) {
  .offer-wrap {
    max-width: 745px;
  }
  .offer-links .btn-general-style {
    max-width: 50%;
  }
  .expert-info {
    width: 50%;
  }
  .tariff .container {
    grid-template-columns: repeat(2, 1fr);
  }
  .tariff-card:first-of-type {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1 / 1 / 1 / 1;
  }
  .tariff-card:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    grid-area: 1 / 2 / 2 / 2;
  }
  .tariff-card:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: 2 / 1 / 4 / 1;
  }
  .tariff-card_sm {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: 2 / 2 / 2 / 2;
  }
  .offer-links-error {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 385px 20px 385px;
    grid-template-columns: repeat(2, 385px);
    width: 100%;
    gap: 20px;
  }
  .offer-links-error a {
    margin-right: 0;
  }
  .offer-link-error {
    left: 405px;
  }
  .error-wrap {
    margin-top: 50px;
  }
  .case-card_sm .case-card__img {
    width: 381px;
    height: 192px;
  }
  .case-card__content {
    max-width: 590px;
  }
  .form_feedback {
    width: 55%;
  }
  .form-feedback-img {
    width: 40%;
  }
      .popup__image {
        height: 380px;
    }
}
@media screen and (max-width: 1240px) {
  .header-item a,
  .header-contacts a {
    font-size: 15px;
  }
  .cases-card img {
    width: 194px;
    height: 201px;
  }
  .raschet-content {
    width: 49%;
  }
  .form-raschet {
    width: 50%;
  }
  .popup__image {
        height: 310px;
    }
}
@media screen and (max-width: 1199px) {
    h1 {
    max-width: 690px;
    }
    h1, h1 span {
    font-size: 50px;
    line-height: 50px;
    }
    .header-item a,
  .header-contacts a {
    font-size: 16px;
  }
  .content-cards .container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .content-card:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: 2 / 1 / 2 / 1;
  }
  .content-cards_razrab .content-card:nth-of-type(2),
  .content-cards_site .content-card:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: 2 / 1 / 2 / 1;
  }
  .content-card:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: 3 / 1 / 3 / 1;
  }
  .content-cards_site .content-card::before {
    font-size: 315px;
        top: -15px;
  }
  .header {
    padding: 15px 0;
  }
  .header-nav {
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    top: 102px;
    right: -100%;
    width: 50%;
    height: 100vh;
    -webkit-transition: 0.8s all;
    -o-transition: 0.8s all;
    transition: 0.8s all;
    margin: 0;
    background: var(--black-bg-color);
  }
  .header-nav_active {
    top: 102px;
    right: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    margin: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: calc(100% - 60px);
  }
  .burger-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .header-contacts-wrap {
    margin-right: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
  }
  .header .icons-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
  }
  .header .icons-links a {
    width: 30px;
    height: 30px;
  }
  .header-contacts a {
    font-size: 16px;
    margin-bottom: 2px;
  }
  .header-logo-link {
    min-width: 177px;
    max-width: 177px;
    height: 45px;
  }
  .header .open-popup-btn {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 40px;
  }
  .header-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 50px;
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .header-item {
    width: 100%;
    padding: 12px 20px;
    background: var(--bg-grey-cards-large);
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
  }
  .header-item:last-of-type {
    margin-bottom: 0;
  }
  .open-menu-link,
  .menu-link {
    padding: 0 8px;
    display: inline-block;
  }
  .open-menu-link {
      width: calc(100% - 25px);
  }
  .menu-link {
      width: 100%;
  }
  .header-btn-down {
    margin: 0;
    position: absolute;
    top: 7px;
    right: 20px;
    width: 30px;
        height: 30px;
        padding: 3px;
        border-radius: 5px;
        border: solid 1px #fff;
        background-size: auto;
        display: flex;
        justify-content: center;
        align-items: center;
  }
  .header-btn-down__img {
      width: 20px;
      height: 20px;
  }
  .submenu {
    position: static;
    opacity: 1;
    display: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
    margin-top: 15px;
    pointer-events: all;
    background: transparent;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .submenu li {
      text-align: start;
  }
  .error-img {
    bottom: -17%;
  }
  .case-card_sm {
    width: 48%;
  }
  .case-card h2 {
    font-size: 32px;
    line-height: 35px;
  }
  .case-card_lg .case-card__img {
    width: 369px;
    height: 238px;
  }
  .case-card_with-bg .case-card__img {
    width: 321px;
    height: 200px;
  }
  #proto .case-card__img img:nth-of-type(2) {
    top: 13px;
    left: 93px;
  }
  #proto .case-card__img img:last-of-type {
    bottom: 10px;
    left: 22px;
  }
  #disign .case-card__img img:nth-of-type(2) {
    top: 21px;
  }
  #verstka .case-card__img img:nth-of-type(2) {
    top: 9px;
    left: 94px;
    width: 60%;
  }
  #verstka .case-card__img img:last-of-type {
    bottom: 18px;
    left: 29px;
  }
  #cms .case-card__img img:nth-of-type(2) {
    top: 71px;
    left: 80px;
  }
}
@media screen and (max-width: 1099px) {
  .offer-img {
    width: 343px;
    max-height: 301px;
  }
  .offer-img_cases {
      top: 40%;
  }
  .offer-wrap {
    max-width: 725px;
  }
  .offer-links .btn-general-style:first-of-type {
    margin-right: 10px;
  }
  .offer-img__case {
    width: 300px;
    height: 170px;
    top: 13px;
    left: 11px;
  }
  .offer_case .offer-img svg {
    bottom: 3px;
    width: 78px;
    left: 36px;
  }
  .traffic-img {
    height: 100%;
  }
  .principles .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .principles-info {
    width: 100%;
    margin-right: 0;
  }
  .principles-cards {
    width: 100%;
    margin-top: 30px;
  }
  .faq .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .faq-info {
    width: 100%;
    margin-bottom: 30px;
  }
  .faq-info h2 {
    max-width: 100%;
  }
  .faq-info .btn-general-style {
    display: none;
  }
  .faq-cards {
    width: 100%;
  }
  .faq-cards .btn-general-style {
    display: block;
    width: 60%;
    margin-top: 30px;
  }
  .expert-info {
    width: 58%;
  }
  .popup__title_card {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .popup__description_card {
    font-size: 22px;
    line-height: 22px;
  }
  .popup__text_card, .popup__text_card p, .popup__text_card ul {
    font-size: 16px;
    line-height: 16px;
  }
  .popup__container_card {
    min-height: 540px;
  }
}
@media screen and (max-width: 1024px) {
  .header-nav {
    width: 60%;
  }
  .cases-card {
    width: 65%;
  }
  .case-card_sm {
    width: 100%;
  }
  .case-card__content {
    max-width: 100%;
  }
  .case-card_lg .case-card__content {
    margin-right: 0;
  }
  .case-card_sm .case-card__img {
    width: 320px;
    height: 170px;
  }
  .case-card__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
align-items: start;
  }
  .case-card__wrap .case-card__img {
      align-self: center;
  }
  .case-card_lg .case-card__img {
    margin-top: 30px;
  }
  .case-card:last-of-type .case-card__content:last-of-type {
    max-width: 100%;
  }
  .case-card:last-of-type .case-card__content:first-of-type .btn-general-style {
    display: none;
  }
  .case-card:last-of-type .case-card__content:last-of-type {
    margin-top: 30px;
  }
  .case-card:last-of-type .case-card__content:last-of-type .btn-general-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 990px) {
  .offer-wrap {
    margin-right: 0;
    max-width: 100%;
  }
  .offer-img {
    position: static;
    margin: 0 auto;
  }
  .offer-img_case {
    position: relative;
    max-width: 340px;
    width: 100%;
    height: 309px;
    margin-top: 10px;
    background-position: center;
    background-size: cover;
  }
  .offer-img__case {
    width: 321px;
    height: 182px;
    top: 5px;
    left: 9px;
  }
  .offer_case .offer-img svg {
    bottom: -2px;
    width: 82px;
  }
  .offer-links-error {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .offer-link-error {
    position: static;
    max-width: 385px;
    width: 100%;
    margin-top: 55px;
  }
  .error-wrap {
    height: 510px;
  }
  .error-img {
    bottom: -23%;
  }
  .tariff .container {
    gap: 10px;
  }
  .tariff-card {
    padding: 20px;
  }
  .what-do-cards {
    gap: 30px;
  }
  .what-do-card {
    width: 47%;
  }
  .form-main .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-main-wrap {
    width: 100%;
    margin-bottom: 10px;
  }
  .form-main-img {
    width: 340px;
    max-height: 190px;
  }
  .contacts .container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .contacts-info {
    position: static;
    width: calc(100% - 20px);
  }
  .contacts-map {
    width: 100%;
    border-radius: 0;
    margin-left: 0;
    margin-top: 10px;
    height: 456px;
  }
  .contacts-map_svg {
      display: none;
  }
  .contacts .btn-general-style {
    margin: 38px 0 0;
  }
  .about-cards .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .about-card {
    width: 100%;
  }
  .about-card:first-of-type {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .technologies .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .technologies-info {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .technologies-icons {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .article-content-wrap .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .article-content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .article-aside {
    width: 100%;
    padding: 10px;
  }
  .article-aside-title {
    cursor: pointer;
  }
  .article-aside-title:hover {
    opacity: 0.8;
  }
  .article-aside ul {
    margin: 30px 0 10px;
  }
  .article-aside ul li {
    margin-bottom: 10px;
    border: none;
    border-radius: 10px;
  }
  .portfolio-cases.section {
    margin-top: 25px;
  }
  .wrap-with-raschet .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .raschet-content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form-raschet {
    width: 100%;
  }
  .form_raschet {
    max-width: 752px;
    width: 100%;
  }
  .form__btn_raschet {
    max-width: 435px;
    margin: 0 auto 20px;
  }
  .case-content-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .case-content-card:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .case-content-card {
    width: 100%;
  }
  .case-content-card__wraps {
    margin-top: 0;
  }
  .promo-cards .container {
    gap: 10px;
  }
  .promo-card {
    width: 100%;
  }
  .form-feedback .container {
    flex-direction: column;
  }
  .form_feedback {
    width: 100%;
    margin-right: 0;
  }
  .form-feedback-img {
    width: 100%;
    height: 430px;
    margin-top: 30px;
  }
  .popup__image {
        height: 280px;
    }
}
@media screen and (max-width: 930px) {
  .error-img {
    bottom: -29%;
  }
}
@media screen and (max-width: 820px) {
  .tariff .container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .tariff-card {
    padding: 20p 10px;
  }
  .tariff-card:first-of-type {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1 / 1 / 1 / 1;
  }
  .tariff-card:nth-of-type(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: 2 / 1 / 2 / 1;
  }
  .tariff-card:nth-of-type(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: 3 / 1 / 3 / 1;
  }
  .tariff-card_sm {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: 4 / 1 / 4 / 1;
  }
  .tariff-card p:first-of-type {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  .tariff-card h2 {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 25px;
  }
  .tariff-card ul {
    margin: 30px 0;
  }
  .tariff-card ul li {
    margin-bottom: 25px;
  }
  .tariff-card strong {
    font-size: 22px;
    line-height: 22px;
  }
  .tariff-card .btn-general-style {
    margin-top: 30px;
    height: 60px;
    font-size: 20px;
    line-height: 20px;
  }
  .what-get ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
  }
  .what-get ul li {
    width: 100%;
  }
  .footer:before {
      transform: scaleX(-1);
  }
}
@media screen and (max-width: 768px) {
  h1,
  h1 span {
    font-size: 30px;
    line-height: 30px;
  }
  h1 {
    margin-top: 10px;
  }
  h2,
  h2 span {
    font-size: 25px;
    line-height: 25px;
  }
  h1,
  h2,
  h3 {
    margin-bottom: 10px;
    max-width: 100%;
  }
  h3,
  h3 span {
    font-size: 22px;
    line-height: 22px;
  }
  p,
  ul,
  ol,
  a {
    font-size: 14px;
    line-height: 16.94px;
  }
  .section {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .card-general-style {
    padding: 20px 10px;
  }
  .card-with-list ul li {
    font-size: 16px;
    line-height: 16px;
  }
  .card-with-list ul li::before {
    margin-right: 3px;
  }
  .header-nav {
    width: 100%;
  }
  .header-nav,
  .header-nav_active {
    top: 60px;
  }
  .header .open-popup-btn,
  .header-contacts {
    display: none;
  }
  .header-items {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 0;
    margin-top: 10px;
  }
  .header-item {
    margin-bottom: 5px;
    padding: 13px 10px;
    font-size: 16px;
  }
  .header-item a {
    font-size: 16px;
  }
  .header-btn-down {
    top: 7px;
    right: 10px;
  }
  .header:after, .header:before {
      display: none;
  }
  .header .container:before {
      top: -16px;
      height: 60px;
      width: 100%;
      max-width: 653px;
  }
  .mobile-menu {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .mobile-menu .header-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .header-logo-link {
    min-width: 111px;
    max-width: 111px;
    height: 28px;
    margin-right: 20px;
  }
  .header .icons-links {
    margin-bottom: 0;
  }
  .header .btn-general-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto 0;
    width: calc(100% - 20px);
    background: transparent;
    padding: 16px 10px;
  }
  .header-contacts-wrap .icons-links a:first-of-type {
      display: block;
  }
  .offer {
    margin-bottom: 25px;
  }
  .offer-wrap {
    padding-top: calc(50px + 58px);
  }
  .offer-wrap p:first-of-type, .offer_sm .offer-wrap p, .offer-wrap a, .offer_sm .offer-wrap a {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
  }
  .offer-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
  }
  .offer-links .btn-general-style {
    max-width: 100%;
    height: 59px;
  }
  .offer-links .btn-general-style:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .offer-img {
    max-width: 360px;
    width: 100%;
    height: 221px;
  }
  .offer-img_case {
    max-width: 340px;
    width: 100%;
    height: 309px;
  }
  .error-wrap {
    margin-bottom: -35px;
    margin-top: 0;
    height: auto;
    overflow: hidden;
  }
  .error-img {
    position: static;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .error-img-paper {
    position: static;
    width: 296px;
    height: 320px;
    margin-bottom: -50px;
  }
  .offer-links-error {
    gap: 10px;
    margin-top: 30px;
  }
  .offer-links-error a {
    height: 60px;
  }
  .offer-link-error {
    margin-top: 60px;
  }
  .offer-tags {
    gap: 10px;
    margin: 10px 0;
  }
  .offer-tags p,
  .offer-case-link {
    font-size: 16px;
    line-height: 16px;
  }

  .breadcrumb {
    display: none;
  }
  .offer-fitlers {
    margin-top: 10px;
    gap: 10px;
  }
  .content-cards .container {
    gap: 10px;
    display: flex;
    flex-direction: column;
  }
  .content-card::before {
    right: 0px;
  }
  .content-card__blocks-wrap {
    margin: 15px 0 10px;
    gap: 10px;
  }
  .content-card__block {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    min-height: 61px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .content-card__block-number {
    font-size: 50px;
  }
  .content-card ul li {
    margin-bottom: 20px;
  }
  .content-cards_razrab .content-card ul {
    margin: 10px 0;
  }
  .content-cards_razrab .content-card ul li {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
  }
  .content-card-foto-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
  }
  .content-card-blockquote-wrap {
    width: 100%;
  }
  .content-card-blockquote-wrap blockquote {
    margin-bottom: 10px;
  }
  .content-card-blockquote-wrap blockquote p {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.8px;
  }
  .content-card-foto {
    margin-left: 0;
    margin-top: 10px;
  }
  .content-card-foto::before {
    width: 199px;
    height: 206px;
  }
  .content-card-foto img {
    width: 174px;
    height: 174px;
    top: 16px;
    left: 13px;
  }
  .content-cards_site .content-card h2 {
    margin-bottom: 10px;
  }
  .content-cards_site .content-card p, .content-cards_site .content-card ul {
    font-size: 16px;
    line-height: 16px;
  }
  .content-cards_site .content-card::before {
    font-size: 200px;
    top: -10px;
  }
  .traffic .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .traffic-info {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .traffic-img {
    width: 100%;
    height: auto;
  }
  .form-main-wrap h2 {
    margin: 10px 0;
  }
  .form-main-wrap p:first-of-type {
    font-size: 16px;
    line-height: 16px;
  }
  .form_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
  }
  .form_popup {
    margin-top: 10px;
  }
  .form__field_popup {
    margin-bottom: 10px;
  }
  .form__input {
    height: 40px;
    padding: 12px;
    font-size: 16px;
    line-height: 16px;
  }
  .form__input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 16px;
  }
  .form__input::-moz-placeholder {
    font-size: 16px;
    line-height: 16px;
  }
  .form__input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 16px;
  }
  .form_main .form__case {
    width: 100%;
  }
  .form_main .form__case:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form__field_main:first-of-type {
    margin-bottom: 10px;
  }
  .form__btn_main,
  .form__btn_popup {
    margin-bottom: 10px;
  }
  .btn-general-style {
    height: 60px;
    font-size: 20px;
    line-height: 20px;
  }
  .form__text,
  .form__link_request {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  .form-main-img {
    width: 164px;
    height: 141px;
  }
  .form__field_request {
    margin-bottom: 10px;
  }
  .form__textarea {
    padding: 10px;
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    min-height: 100px;
  }
  .form__textarea::-webkit-input-placeholder {
    font-size: 16px;
  }
  .form__textarea::-moz-placeholder {
    font-size: 16px;
  }
  .form__textarea:-ms-input-placeholder {
    font-size: 16px;
  }
  .form__btn_request {
    margin-top: 10px;
  }
  .cases-cards {
    margin-bottom: 30px;
    gap: 10px;
  }
  .cases-card {
    width: 100%;
  }
  .cases-card::before {
    width: 105px;
    height: 192px;
    bottom: 50%;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='106' height='192' viewBox='0 0 106 192' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M96.7295 192C43.7102 192 0.729492 149.019 0.729492 96V96C0.729492 42.9807 43.7102 0 96.7295 0L106 0L106 192L96.7295 192Z' fill='url(%23paint0_linear_358_1366)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_358_1366' x1='-49.0713' y1='77.9645' x2='181.852' y2='152.43' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.34' stop-color='white'/%3e%3cstop offset='1' stop-color='%23334250'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
      center;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
  .cases-card-wrap {
    padding: 20px 10px;
  }
  .cases-card .cases-card-content-wrap {
    max-width: 192px;
  }
  .cases-card .cases-card-link {
    width: 192px;
    height: 52px;
    margin-top: 20px;
  }
  .cases-card img {
    width: 133px;
    height: 137px;
    bottom: 50%;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
  .cases-card-tags {
    display: none;
  }
  .cases-card h3 {
    font-size: 22px;
    line-height: 22px;
    max-width: 100%;
  }
  .cases-card_lg p:first-of-type,
  .cases-card ul li,
  .cases-card_lg p:last-of-type {
    font-size: 14px;
    line-height: 16.94px;
  }
  .cases-card a {
    font-size: 16px;
    line-height: 16px;
  }
  .cases-card ul {
    margin: 10px 0;
  }
  .cases-wrap .btn-general-style,
  .portfolio-cases .btn-general-style {
    max-width: 340px;
    width: 100%;
  }
  .principles-cards {
    margin-top: 10px;
    gap: 10px;
  }
  .principles-card {
    width: 100%;
    padding: 10px;
    min-height: 61px;
  }
  .how-work-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    gap: 0;
  }
  .how-work-card {
    width: 100%;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 10px;
  }
  .how-work-card:last-of-type {
    margin-bottom: 0;
  }
  .how-work-card__number {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 20px;
    left: 0;
  }
  .how-work-card p:first-of-type {
    margin-bottom: 5px;
  }
  .what-do-cards {
    margin-top: 10px;
    gap: 10px;
  }
  .what-do-card {
    width: 100%;
    padding: 14px 10px;
    min-height: 61px;
  }
  .what-do-card__number {
    font-size: 50px;
    left: 27px;
  }
  .what-get .container {
    padding-bottom: 20px;
  }
  .what-get .container::before {
    font-size: 500px;
    top: -140px;
    right: 0px;
  }
  .what-get ul li {
    font-size: 16px;
    line-height: 16px;
  }
  .expert .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .expert-info {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .expert-info p:first-of-type {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  .expert-info h2 {
    margin-bottom: 10px;
  }
  .expert-info .btn-general-style {
    max-width: 100%;
    margin-top: 10px;
  }
  .expert-img {
    height: 124px;
    width: 100%;
    max-width: 360px;
    overflow: hidden;
  }
  .expert-img svg {
    scale: 1.3;
  }
  .blog-cards .container {
    gap: 10px;
  }
  .blog-card {
    width: 100%;
  }
  .blog-card p {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .blog-card__img {
    width: 214px;
    height: 174px;
  }
  .about-card-wrap {
    gap: 10px 16px;
  }
  .about-card:first-of-type {
    margin-bottom: 10px;
  }
  .about-card h2,
  .technologies-info h2,
  .technologies-info {
    margin-bottom: 10px;
  }
  .about-card-item strong {
    font-size: 25px;
    line-height: 25px;
  }
  .about-card-item p {
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
  }
  .technologies-icons {
    gap: 5px;
  }
  .technologies-icon {
    width: 60px;
    height: 60px;
  }
  .article-content p,
  .article-content ul, .article-content ol {
    font-size: 16px;
    line-height: 16px;
  }
  .article-content h2,
  .article-content h3 {
    margin-top: 50px;
  }
  .article-aside {
    padding: 10px;
  }
  .article-aside ul {
    margin-top: 10px;
  }
  .article-aside ul li {
    padding: 6px 10px;
  }
  .article-aside ul li a {
    font-size: 16px;
    line-height: 16px;
  }
  .article-aside-title p {
    font-size: 25px;
    line-height: 25px;
  }
  .article-info {
      margin-top: 30px;
  }
  .article-views-wrap {
      margin: 10px 0;
      flex-direction: column;
      align-items: flex-start;
  }
  .article-views {
      margin-top: 10px;
      margin-left: 0;
  }
  .sites-cards {
    gap: 10px;
  }
  .sites-cards:first-of-type {
    margin-bottom: 10px;
  }
  .sites-card,
  .sites-card-links {
    width: 100%;
  }
  .sites-card-info p,
  .sites-card-other p,
  .sites-card-other ul li,
  .sites-card-other ul li a{
    font-size: 16px;
    line-height: 16px;
  }
  .sites-card-info {
    margin-bottom: 10px;
  }
  .sites-card strong {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 22px;
  }
  .sites-card-links a:nth-of-type(2) {
    margin-top: 10px;
  }
  .sites-card-other {
    padding: 10px 0;
    width: 100%;
  }
  .sites-card-other p:first-of-type {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .raschet-content p, .raschet-content a,
  .case-card p, .case-card ul, .case-card ol .raschet-content ul li, .raschet-content ol li {
    font-size: 16px;
    line-height: 16px;
  }
  .raschet-content ul {
    margin: 20px 0;
  }
  .raschet-content ul li, .raschet-content ol li {
    margin-bottom: 10px;
  }
  .form-raschet p:first-of-type {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .form-raschet p:last-of-type {
    margin-top: 0;
    font-size: 16px;
    line-height: 16px;
  }
  .form-raschet h2 {
    margin-bottom: 10px;
  }
  .form_raschet {
    margin-top: 10px;
  }
  .form__field_raschet {
    margin-bottom: 10px;
  }
  .form__btn_raschet {
    margin-bottom: 10px;
    max-width: 100%;
  }
  .case-cards .container {
    gap: 10px;
  }
  .case-card h2 {
    font-size: 25px;
    line-height: 25px;
  }
  .case-card strong {
    font-size: 30px;
    line-height: 30px;
    margin-right: 5px;
  }
  .case-card .case-card__img {
    margin-top: 10px;
  }
  .case-card_lg .case-card__img {
    width: 320px;
    height: 170px;
  }
  .case-card:last-of-type .case-card__content:last-of-type {
    margin-top: 20px;
  }
  .case-card:last-of-type .case-card__content:last-of-type .btn-general-style {
    max-width: 100%;
    margin-top: 30px;
  }
  #proto .case-card__img img:nth-of-type(2) {
    top: 13px;
    left: 103px;
    width: 53%;
  }
  #proto .case-card__img img:last-of-type {
    bottom: 6px;
    left: 42px;
    width: 12%;
  }
  #disign .case-card__img img:nth-of-type(2) {
    top: 12px;
    left: 15px;
    width: 91%;
  }
  #verstka .case-card__img img:nth-of-type(2) {
    left: 102px;
    width: 52%;
  }
  #verstka .case-card__img img:last-of-type {
    left: 48px;
    width: 12%;
  }
  #cms .case-card__img img:nth-of-type(2) {
    top: 54px;
    left: 82px;
    width: 52%;
  }
  .popup__container {
    width: 340px;
  }
  .popup__container_card {
    padding: 10px;
    max-width: 340px;
    width: 100%;
    min-height: auto;
  }
  .popup-close-btn {
    width: 30px;
    height: 30px;
  }
  .popup-close-btn_sm-popup {
    right: 0;
    top: 0;
  }
  .popup__image {
    position: static;
    width: 169px;
    height: 171px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 10px 0 6px;
  }
  .popup__image_popup {
    position: static;
    width: 100%;
    max-width: 202px;
    height: 145px;
    margin: 6px auto 0;
  }
  .popup__title {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .popup__title_card {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .popup__title_card,
  .popup__description_card {
    text-align: center;
  }
  .popup__title_success {
    font-size: 22px;
    line-height: 22px;
  }
  .popup__description_success {
    font-size: 16px;
    line-height: 16px;
  }
  .popup__text_card {
    max-width: 100%;
  }
  .popup__img-success {
    height: auto;
    max-height: 151px;
    margin-bottom: 10px;
  }
  .popup-img-idea {
    width: 106px;
    height: 75px;
    top: 17%;
    right: auto;
    left: 40px;
  }
  .team-card-info-click {
    opacity: 1;
  }
  .faq-info {
    margin-bottom: 10px;
  }
  .faq-card-title p,
  .case-content p,
  .case-content a,
  .case-tasks-card p {
    font-size: 16px;
    line-height: 16px;
  }
  .faq-cards .btn-general-style {
    width: 100%;
    margin-top: 10px;
  }
  .faq-card {
    padding: 16px 10px;
    margin-bottom: 10px;
  }
  .faq-card-info_open {
    padding-top: 10px;
  }
  .faq-card-btn {
    width: 30px;
  }
  .other-services-slider {
    margin-top: 10px;
  }
  .other-services-slider-card {
    gap: 10px;
  }
  .other-services-slider-card-wrap {
    gap: 10px;
  }
  .other-services-slider-card a {
    width: 100%;
    height: 52px;
    background: var(--main-text-color)
      url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='34' viewBox='0 0 58 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.5143 1.55641C31.4109 3.63163 31.4109 6.99666 33.5143 9.07093L37.5358 13.0394C38.1532 13.6475 37.7164 14.6866 36.8439 14.6866H5.3871C2.4121 14.6866 0 17.0654 0 20.0005C0 22.9356 2.41115 25.3144 5.3871 25.3144H36.8439C37.7155 25.3144 38.1513 26.3534 37.5358 26.9615L33.5143 30.9291C31.4109 33.0043 31.4109 36.3693 33.5143 38.4436C35.6178 40.5188 39.0286 40.5188 41.132 38.4436L56.7084 23.0761C58.4305 21.378 58.4305 18.623 56.7084 16.9249L41.132 1.55641C39.0276 -0.518804 35.6178 -0.518804 33.5143 1.55641Z' fill='%23334250'/%3e%3c/svg%3e ")
      center no-repeat;
  }
  .contacts-info__phones {
    margin: 20px 0;
  }
  .contacts-info__time {
    margin: 10px 0;
  }
  .contacts .btn-general-style {
    margin-top: 10px;
    max-width: 100%;
    height: 60px;
    font-size: 20px;
    line-height: 20px;
  }
  .contacts-map {
    height: 256px;
  }
  .case-content-cards {
    margin-top: 10px;
  }
  .case-content-card__wrap strong {
    font-size: 25px;
    line-height: 25px;
  }
  .case-content-card__wraps {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .case-content-card__wrap {
    width: 100%;
  }
  .case-content-card__wrap p:nth-of-type(2) {
    text-transform: uppercase;
    line-height: 19px;
  }
  .case-tasks-cards {
    gap: 0;
  }
  .case-tasks-card {
    width: 100%;
    min-height: 80px;
    margin-bottom: 10px;
  }
  .case-tasks-card:last-of-type {
    margin-bottom: 0;
  }
  .footer {
    padding: 30px 0;
    margin-top: 25px;
  }
  .footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
  .footer-logo-wrap p {
    margin-bottom: 10px;
  }
  .footer-logo-wrap,
  .footer-nav {
    margin-bottom: 30px;
  }
  .footer-logo-link {
    width: 133px;
    height: 34px;
    margin-bottom: 10px;
  }
  .footer-nav ul li {
    margin-bottom: 10px;
  }
  .footer-contacts {
    max-width: 100%;
  }
  .footer-contacts-link,
  .footer-contacts p,
  .footer-info p {
    font-size: 16px;
    line-height: 19.36px;
  }
  .footer .icons-links {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin: 30px 0 10px;
  }
  .footer .open-popup-btn {
    display: none;
  }
  .footer-info p {
    text-align: start;
  }
  .footer-info p:first-of-type {
    margin-top: 0;
  }
  .swiper-pagination-bullet {
    width: 75px;
    height: 13px;
    margin: 7px 7px 7px 0 !important;
  }
  .eye {
    width: 13.5%;
    height: 39.2%;
    right: 22%;
  }
  .promo-card p {
    font-size: 16px;
    line-height: 16px;
  }
  .promo-card p:first-of-type {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 25px;
  }
  .requisites-list li {
    padding: 10px;
  }
  .requisites-list li:first-of-type {
    padding-top: 20px;
  }
  .requisites-list_bank li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .requisites-list_bank li:first-of-type {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 19.36px;
  }
  .requisites-list_bank li:last-of-type {
    padding-bottom: 20px;
  }
  .requisites-list li p {
    max-width: 320px;
  }
  .requisites-list li p:first-of-type {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 16px;
  }
  .vacancy-cards .container {
    gap: 10px;
  }
  .vacancy-card {
    width: 100%;
  }
  .vacancy-card p {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 22px;
  }
  .vacancy-card a {
    width: 192px;
    height: 52px;
    background: var(--main-text-color)
      url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='34' viewBox='0 0 58 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.5143 1.55641C31.4109 3.63163 31.4109 6.99666 33.5143 9.07093L37.5358 13.0394C38.1532 13.6475 37.7164 14.6866 36.8439 14.6866H5.3871C2.4121 14.6866 0 17.0654 0 20.0005C0 22.9356 2.41115 25.3144 5.3871 25.3144H36.8439C37.7155 25.3144 38.1513 26.3534 37.5358 26.9615L33.5143 30.9291C31.4109 33.0043 31.4109 36.3693 33.5143 38.4436C35.6178 40.5188 39.0286 40.5188 41.132 38.4436L56.7084 23.0761C58.4305 21.378 58.4305 18.623 56.7084 16.9249L41.132 1.55641C39.0276 -0.518804 35.6178 -0.518804 33.5143 1.55641Z' fill='%23334250'/%3e%3c/svg%3e ")
      center no-repeat;
  }
  .brif-card {
    margin-bottom: 50px;
  }
  .brif-card img {
    margin-right: 10px;
  }
  .brif-card-wraps {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
  }
  .brif-card-wrap {
    margin-right: 0;
  }
  .brif-card p:first-of-type {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .brif-card .brif-card-wraps p, .brif-card a {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
  }
  .brif-card-links {
    margin: 20px 0;
  }
  .brif-card-links a:first-of-type {
    margin-right: 5px;
  }
  .brif-card-wraps a:last-child {
    align-self: flex-start;
    margin-left: 68px;
  }
  .brif-card-wraps .brif-card-links a {
    margin-left: 0;
  }
  .article-content_vac p, .article-content_vac ul, .article-content_vac a {
    font-size: 14px;
    line-height: 16.94px;
  }
  .article-content_vac h3 {
    margin-top: 30px;
  }
  .article-content_vac h3:first-of-type {
    margin-top: 20px;
  }
  .article-content_vac ul {
    padding-left: 20px;
  }
  .article-content_vac ul:last-of-type {
    margin-bottom: 30px;
}
  .article-aside_vac ul li {
    margin-bottom: 8px;
  }
  .article-aside_vac ul li a {
    font-size: 22px;
    line-height: 22px;
  }
  .form-feedback-img {
    max-width: 340px;
    height: 190px;
  }
  .form_feedback .form__case {
    flex-direction: column;
    align-items: flex-start;
  }
  .form_feedback .form__case:first-of-type .form__field_feedback {
    width: 100%;
  }
  .form_feedback .form__case:first-of-type .form__field_feedback:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form__textarea_feedback {
    margin-top: 10px;
    min-height: 120px;
  }
  .form__case_chechbox {
    gap: 10px;
    margin: 10px 0;
  }
  .form-checkbox-label {
    font-size: 14px;
    line-height: 16.94px;
    width: 100%;
  }
  .form-checkbox-label::before {
    min-width: 35px;
    height: 35px;
  }
  .form__btn_feedback {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form__text_feedback {
    margin: 0 auto;
    text-align: center;
  }
  .upbtn {
      width: 50px;
      height: 50px;
  }
}
@media screen and (max-width: 520px) {
  .team-cards {
    gap: 10px;
  }
  .team-card {
    width: 100%;
    min-height: 357px;
  }
  .team-card h3 {
    margin-bottom: 10px;
  }
  .team-card-img-idea {
    width: 150px;
    height: 103px;
    top: 50px;
    left: 5px;
  }
  .team-card-img {
    width: 240px;
    height: 233px;
    right: 10px;
    bottom: 10px;
    left: auto;
  }
  .team-card-black {
    width: 100%;
  }
  .team-card-black__img {
    max-width: 302px;
    height: 124px;
    margin-left: 30px;
  }
  .team-card-black__img svg {
    width: 100%;
    height: 100%;
  }
  .team-card-black-info-wrap {
    margin-top: 70px;
  }
  .team-card-black-info-wrap p {
    font-size: 16px;
    line-height: 16px;
  }
  .team-card-black-info-wrap strong {
    font-size: 30px;
    line-height: 30px;
    margin: 10px 0;
  }
  .team-card-info-click {
    font-size: 16px;
    line-height: 16px;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .content-cards_site .content-card::before {
    top: -20px;
  }
}
@media screen and (max-width: 425px) {
    .offer-links .btn-general-style {
        font-size: 24px;
    }
  .error-img svg {
    width: 120%;
  }
  .error-img-paper svg {
    height: 80%;
  }
  .error-img-paper {
    margin-bottom: -90px;
  }

}
@media screen and (max-width: 420px) {
h1, h1 span, h2, h2 span {
    font-size: 22px;
    line-height: 22px;
  }
}
@media screen and (max-width: 375px) {
    .header-logo-link {
        min-width: 90px;
        max-width: 90px;

    }
    .burger-btn {
        margin-left: 10px;
    }
  .content-cards_site .content-card p {
    font-size: 14px;
  }
  .case-card .case-card__img {
    width: 100%;
  }
  .case-card_with-bg .case-card__img {
    width: 290px;
  }
  #proto .case-card__img img:nth-of-type(2) {
    width: 59%;
    left: 87px;
  }
  #proto .case-card__img img:last-of-type {
    bottom: 8px;
    left: 27.5px;
    width: 13%;
  }
  #disign .case-card__img img:nth-of-type(2) {
    left: 1px;
    width: 99%;
  }
  #verstka .case-card__img img:nth-of-type(2) {
    left: 89px;
    width: 56%;
  }
  #verstka .case-card__img img:last-of-type {
    left: 33.5px;
    bottom: 15px;
    width: 13%;
  }
  #cms .case-card__img img:nth-of-type(2) {
    left: 73px;
    width: 57%;
  }
}
@media screen and (max-width: 346px) {
  .case-card h2 {
    font-size: 21px;
    line-height: 21px;
  }
  .offer-link-error {
    margin-top: 40px;
  }
  .offer-img__case {
    width: 94%;
    height: 177px;
    top: 12px;
  }
  .btn-general-style,
  .tariff-card .btn-general-style,
  .contacts .btn-general-style,
  .offer-fitlers li {
    font-size: 17px;
    line-height: 17px;
  }
  .about-card-item p {
    font-size: 14px;
    line-height: 14px;
  }
  .popup__container {
    width: calc(100% - 20px);
  }
  .eye {
    width: 13%;
    height: 30%;
    right: 22.5%;
    top: 47%;
  }
  .form__input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 14px;
}
.form__input::-moz-placeholder {
  font-size: 14px;
  line-height: 14px;
}
.form__input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 14px;
}
.form__textarea::-webkit-input-placeholder {
  font-size: 14px;
}
.form__textarea::-moz-placeholder {
  font-size: 14px;
}
.form__textarea:-ms-input-placeholder {
  font-size: 14px;
}
.popup__text_card, .popup__text_card p, .popup__text_card ul {
    font-size: 15px;
}
}
@media screen and (max-width: 320px) {
  .offer_case .offer-img svg {
    bottom: 3px;
    width: 77px;
  }
}

/**анимации*/
.plash {
  animation: rotatePlash 2.5s infinite alternate linear;
  transform-origin: center;
}
.plash-left {
  animation: rotatePlashLeft 2.5s infinite alternate linear;
  transform-origin: center;
}
@keyframes rotatePlash {
  from {
    transform: rotateX(0deg) rotateZ(0deg);
  }
  to {
    transform: rotateX(10deg) rotateZ(-2deg);
  }
}
@keyframes rotatePlashLeft {
  from {
    transform: rotateX(0deg) rotateZ(0deg);
  }
  to {
    transform: rotateX(10deg) rotateZ(2.3deg);
  }
}
#mouth {
  animation: rotateMouth 0.8s infinite alternate ease;
  transform-origin: center;
}
@keyframes rotateMouth {
  from {
    transform: rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  to {
    transform: rotateX(-35deg) rotateZ(-3deg) rotateY(-6deg);
  }
}
#material {
  animation: moveAndSquash 0.8s infinite alternate linear;
}
@keyframes moveAndSquash {
  from {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(-7px) translateY(3px);
  }
  to {
    transform: translateX(-15px) translateY(7px);
  }
}
#left-part-material {
  animation: moveAndSquashLeft 0.8s infinite alternate linear;
}
@keyframes moveAndSquashLeft {
  from {
    transform: translateX(0) translateY(0) rotateY(0deg);
  }
  50% {
    transform: translateX(-1px) translateY(-4px) rotateY(6deg);
  }
  to {
    transform: translateX(-2px) translateY(-8px) rotateY(10deg);
  }
}
#line1-material {
  animation: moveAndSquashLeftLine 0.8s infinite alternate linear;
}
@keyframes moveAndSquashLeftLine {
  from {
    transform: translateX(0) translateY(0) rotateY(5deg);
  }
  50% {
    transform: translateX(-1px) translateY(-4px) rotateY(11deg);
  }
  to {
    transform: translateX(-2px) translateY(-8px) rotateY(15deg);
  }
}
#right-part-material {
  animation: moveAndSquashRight 0.8s infinite alternate linear;
}
@keyframes moveAndSquashRight {
  from {
    transform: translateX(0) translateY(0) rotateY(0deg);
  }
  50% {
    transform: translateX(-8px) translateY(10px) rotateY(-6deg);
  }
  to {
    transform: translateX(-7px) translateY(20px) rotateY(-10deg);
  }
}
#line2-material {
  animation: moveAndSquashLineRight 0.8s infinite alternate linear;
}
@keyframes moveAndSquashLineRight {
  from {
    transform: translateX(0) translateY(0) rotateY(0deg);
  }
  50% {
    transform: translateX(-8px) translateY(5px) rotateY(-2deg);
  }
  to {
    transform: translateX(-7px) translateY(15px) rotateY(-4deg);
  }
}
.right-404-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: eyeBlink 4s 3s linear infinite;
}
@keyframes eyeBlink {
  0%, 27.5%, 32.5%, 45%, 100%  {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.2, 0.2);
  }
}
.left-404-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: eyeLeftError 0.26s ease infinite;
}
@keyframes eyeLeftError {
  0%,
  100% {
    transform: scale(1, 1);
  }
  25%,
  75% {
    transform: scale(1.03, 0.96);
  }
  50% {
    transform: scale(0.98, 1.03);
  }
}
.eye-blink {
  transform-box: fill-box;
  transform-origin: center;
  animation: eyeBlink 2s ease infinite;
}
.eye-blink-delay {
  animation: eyeBlink 2s 7s ease infinite;
  transform-box: fill-box;
  transform-origin: center;
}
.eye-blink-delay-faster {
  animation: eyeBlink 2s 3.5s ease infinite;
  transform-box: fill-box;
  transform-origin: center;
}
.eye-blink-delay-slow {
  animation: eyeBlink 2.6s 5s ease infinite;
  transform-box: fill-box;
  transform-origin: center;
}
.phone-form {
  animation: movePhone 1s infinite alternate ease-in;
  transform-origin: 0 0;
  transform-box: fill-box;
}
@keyframes movePhone {
  0% {
    transform: rotateY(0deg) rotateZ(-0.5deg);
  }
  25% {
    transform: rotateY(2deg) rotateZ(-1deg);
  }
  50% {
    transform: rotateY(5deg) rotateZ(-2deg);
  }
  75% {
    transform: rotateY(-2deg) rotateZ(-1deg);
  }
  100% {
    transform: rotateY(-5deg) rotateZ(-1.5deg);
  }
}
.phone-form-wire {
  animation: movePhoneWire 1s infinite alternate ease-in;
  transform-origin: 25px 45px;
  transform-box: fill-box;
}
@keyframes movePhoneWire {
  0% {
    transform: skew(0deg, -4deg);
  }
  25%, 75% {
    transform: skew(0deg, -6deg);
  }
  50% {
    transform: skew(0deg, -7deg);
  }
  100% {
    transform: skew(0deg, -6.5deg);
  }
}
.phone-contacts-wire {
  animation: movePhoneContactsWire 1s infinite alternate ease-in;
  transform-origin: 25px 45px;
  transform-box: fill-box;
}
@keyframes movePhoneContactsWire {
  0% {
    transform: skew(4deg, 0deg);
  }
  25%, 75% {
    transform: skew(2deg, 0deg);
  }
  50% {
    transform: skew(1deg, -0.4deg);
  }
  100% {
    transform: skew(2.5deg, 0deg);
  }
}
.team-eye-double {
  transform-box: fill-box;
  transform-origin: center;
  animation: eyeDoubleBlink 1.9s ease infinite;
}
@keyframes eyeDoubleBlink {
  0%, 27.5%, 32.5%, 45%, 47.5%, 52.5%, 100% {
    transform: scale(1, 1);
  }
  30%, 50% {
    transform: scale(1.2, 0.2);
  }
}
.read-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: readEye 6s ease-in-out infinite;
}
@keyframes readEye {
  0%, 75%, 100% {
    transform: rotate(0) translate(3px, -2px);
  }
  25%, 50% {
    transform: rotate(25deg) translate(-3px, 2px);
  }
}
.corner-paper {
  transform-origin: center;
  animation: moveConerPaper 2.5s alternate infinite linear;
}
@keyframes moveConerPaper {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  to {
    transform: rotateX(9deg) rotateY(6deg);
  }
}
.paper-in-hands {
  transform-origin: right;
  animation: movePaper 2.5s alternate infinite linear;
}
@keyframes movePaper {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(2px);
  }
}
.paper-down-one {
  transform-origin: center;
  animation: movePaperDown 5s infinite alternate linear;
}
@keyframes movePaperDown {
  0%, 100% {
    transform: skew(0) translateX(0) rotateZ(-3deg);
}
50% {
    transform: skew(6deg) translateX(-3px) rotateZ(2deg);
}
}
.paper-down-two {
  transform-origin: center;
  animation: movePaperDownTwo 5s infinite alternate linear;
}
@keyframes movePaperDownTwo {
  0%, 100% {
    transform: translateX(0px);
}
50% {
    transform: translateX(-12px);
}
}
.paper-down-three {
  transform-origin: center;
  animation: movePaperDownThree 5s infinite alternate linear;
}
@keyframes movePaperDownThree {
  0%, 100% {
    transform: translateX(0px);
}
50% {
    transform: translateX(12px);
}
}
.move-trolley {
  animation: body-kick 2s linear infinite;
  animation-delay: 100ms;
}
.move-body {
  animation: body-kick 2s linear infinite;
  animation-delay: 150ms;
}
@keyframes body-kick {
  10% {
    transform: translateY(5px) rotate(0.5deg);
  }
  15%, 40% {
    transform: translateY(-2px) rotate(-0.5deg);
  }
  20%, 30%, 45% {
    transform: translateY(0) rotate(0deg);
  }
  35% {
    transform: translateY(6px) rotate(1deg);
  }
  50% {
    transform: translateY(4px) rotate(1deg);
  }
  55% {
    transform: translateY(-1px) rotate(-0.5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
.dust-lg {
  opacity: 0;
  animation: dust-kick 2s linear infinite;
  animation-delay: 250ms;
}
.dust-sm {
  opacity: 0;
  animation: dust-kick 2s linear infinite;
  animation-delay: 350ms;
}
@keyframes dust-kick {
  from {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
  to {
    transform: translateY(-4px) rotate(-1deg);
    opacity: 0;
  }
}
.plash-trolley {
  animation: rotatePlashTrolley 1s infinite alternate linear;
  transform-origin: inherit;
}
@keyframes rotatePlashTrolley {
from {
  transform: rotateX(0);
}
to {
  transform: rotateX(8deg);
}
}
.plash-trolley-up {
  animation: upPlashTrolley 1s infinite alternate linear;
  transform-origin: top;
}
@keyframes upPlashTrolley {
  0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-0.5deg);
}
}
.plash-slice {
  animation: rotatePlashSlice 2.5s infinite alternate linear;
  transform-origin: top;
}
@keyframes rotatePlashSlice {
  from {
    transform: rotateX(0deg) rotateZ(0deg);
  }
  to {
    transform: rotateX(1deg) rotateZ(-0.6deg);
  }
}
.plash-slice-skew {
  animation: rotatePlashSliceSkew 2.5s infinite alternate linear;
  transform-origin: top;
}
@keyframes rotatePlashSliceSkew {
  from {
    transform: skewY(0);
  }
  to {
    transform: skewY(-1.3deg);
  }
}
.pazzle-design {
  animation: movePazzleDesign 1s ease-in-out;
  transform-origin: center;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-delay: 150ms;
}
@keyframes movePazzleDesign {
  from {
    transform: translate3d(-5px, 50px, -5px);
    opacity: 0;
  }
  to {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
.pazzle-back {
  animation: movePazzleBack 1s ease-in-out;
  transform-origin: center;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-delay: 250ms;
}
@keyframes movePazzleBack {
  from {
    transform: translate3d(-50px, -5px, -5px);
    opacity: 0;
  }
  50% {
    transform: translate3d(-50px, -5px, -5px);
    opacity: 0;
  }
  to {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
.pazzle-sem {
  animation-delay: 650ms;
  animation: movePazzleSem 3s ease-in-out;
  transform-origin: center;
  opacity: 0;
  animation-fill-mode: forwards;
}
@keyframes movePazzleSem {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pazzle-proto {
  animation-delay: 450ms;
  animation: movePazzleProto 2s ease-in-out;
  transform-origin: center;
  opacity: 0;
  animation-fill-mode: forwards;
}
@keyframes movePazzleProto {
  from {
    transform: translate3d(-5px, 50px, -5px);
    opacity: 0;
  }
  50% {
    transform: translate3d(-5px, 50px, -5px);
    opacity: 0;
  }
  to {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
.pazzle-front {
  animation-delay: 800ms;
  animation: movePazzleFront 3s ease-in-out;
  transform-origin: center;
  opacity: 0;
  animation-fill-mode: forwards;
}
@keyframes movePazzleFront {
  from {
    transform: translate3d(-50px, -5px, -5px);
    opacity: 0;
  }
  50%, 75% {
    transform: translate3d(-50px, -5px, -5px);
    opacity: 0;
  }
  to {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
.catalog-eyes {
  transform-box: fill-box;
  transform-origin: center;
  animation: eyeCatalog 0.26s ease infinite;
}
@keyframes eyeCatalog {
  0%,
  100% {
    transform: scale(1, 1);
  }
  25%,
  75% {
    transform: scale(1, 0.94);
  }
  50% {
    transform: scale(0.99, 0.98);
  }
}
.left-catalog-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: eyeLeftCatalog 7s 2s ease-in-out infinite;
}
@keyframes eyeLeftCatalog {
  0%, 5%, 15%, 25%, 27.5%, 75%, 100% {
    transform: translate(0, 0);
  }
  30%, 45%, 72.5% {
    transform: translate(3px, 22px);
  }
}
.right-catalog-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: eyeRightCatalog 7s 2s ease-in-out infinite;
}
@keyframes eyeRightCatalog {
  0%, 5%, 15%, 25%, 27.5%, 75%, 100% {
    transform: translate(0, 0);
  }
  30%, 45%, 72.5%  {
    transform: translate(3px, 20px);
  }
}
.sale-banner {
  transform-box: fill-box;
  transform-origin: center;
  animation: moveSale 1.6s ease-in-out infinite;
}
@keyframes moveSale {
  0%, 100% {
    transform: scale(1, 1);
  }
  25%, 75% {
    transform: scale(1.13, 1.13);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
}
.shovel {
  animation: moveShovel 2.6s infinite ease-in-out;
  transform-origin: bottom;
  transform-box: fill-box;
}
@keyframes moveShovel {
  0%, 100% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(-20deg);
  }
}
.plash-trolley-down {
  animation: downPlashTrolley 1s infinite alternate linear;
  transform-origin: top;
}
@keyframes downPlashTrolley {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0.5deg);
  }
}
.landing-body {
  transform-box: fill-box;
  transform-origin: center;
  animation: moveLandBody 10s linear infinite;
  animation-delay: 750ms;
}
@keyframes moveLandBody {
  0%, 5%, 15%, 75%, 100% {
    transform: scaleY(1);
  }
  25%, 45% {
    transform: scaleY(1.16);
  }
}
.clock {
  transform-box: fill-box;
  transform-origin: center;
  animation: moveClock 10s linear infinite;
}
@keyframes moveClock {
from {
  transform: rotate(0deg);
}
to {
  transform: rotate(360deg);
}
}
.glares {
  transform-box: fill-box;
  transform-origin: center;
  animation: moveGlares 5s ease alternate infinite;
  animation-delay: 350ms;
}
@keyframes moveGlares {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(10px);
    opacity: 0.3;
  }
}
.body-corporat {
  transform-box: fill-box;
  transform-origin: center;
  animation: moveBodyCorporat 0.65s linear alternate infinite;
  animation-delay: 350ms;
}
@keyframes moveBodyCorporat {
  from {
    transform: translateY(0) rotateY(0) scaleY(1);
  }
  to {
    transform: translateY(1px) rotateY(5deg) scaleY(1.01);
  }
}
.read-eye-sm {
  transform-box: fill-box;
  transform-origin: center;
  animation: readEyeSm 6s ease-in-out infinite;
}
@keyframes readEyeSm {
  0%, 75%, 100% {
    transform: rotate(0) translate(1px, -1px);
}
25%, 50% {
    transform: rotate(25deg) translate(-6px, 2px);
}
}
.board-first {
  animation: moveBoardFirst 1s linear infinite;
  transform-origin: center;
}
@keyframes moveBoardFirst {
  0%, 100% {
    transform: rotate(0) translateX(0);
  }
  50% {
    transform: rotate(3deg) translateX(6px);
  }
}
.board-second {
  animation: moveBoardSecond 1s linear infinite;
  transform-origin: center;
  animation-delay: 0.15s;
}
@keyframes moveBoardSecond {
  0%, 100% {
    transform: rotate(0) translateX(0);
  }
  50% {
    transform: rotate(4.5deg) translateX(8px);
  }
}
.circle-tilda {
  animation: moveCircleTilda 1s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
  animation-delay: 0.25s;
}
@keyframes moveCircleTilda {
  0%, 100% {
    transform: translate3d(0, 0, 0px) rotate(0deg);
  }
  50% {
    transform: translate3d(15px, 5px, 0px) rotate(30deg);
  }
}
.body-tilda {
  animation: moveBodyTilda 1s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
  animation-delay: 0.28s;
}
@keyframes moveBodyTilda {
  0%, 100% {
    transform: translate3d(0, 0, 0px) rotate(0);
  }
  50% {
    transform: translate3d(20px, -17px, 0px) rotate(-8deg);
  }
}
.plash-tilda {
  animation: movePlashTilda 1s infinite linear;
  transform-origin: center;
  transform-box: fill-box;
  animation-delay: 0.56s;
}
@keyframes movePlashTilda {
0%, 100% {
  transform: rotate(0deg) translateX(0);
}
50% {
  transform: rotate(-5deg) translateX(2px);
}
}
.eye-blink-tilda {
  transform-box: fill-box;
    transform-origin: right;
    animation: eyeBlinkTilda 2s ease infinite;
}
@keyframes eyeBlinkTilda {
  0%, 27.5%, 32.5%, 45%, 100%  {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.1, 0.2);
}
}
.contex-eye {
  animation: moveContextEye 1.8s infinite linear;
  transform-origin: center;
  transform-box: fill-box;
}
@keyframes moveContextEye {
  0%, 27.5%, 32.5%, 45%, 47.5%, 52.5%, 100% {
    transform: scale(1);
  }
  30%, 50% {
    transform: scale(1.2);
  }
  }
  .screen-first {
    transform-origin: center;
    animation: moveScreenFirst 7s infinite alternate linear;
    animation-delay: 150ms;
    animation-fill-mode: forwards;
  }
  @keyframes moveScreenFirst {
    0%,
    100% {
      transform: translate(0px);
    }
    50% {
      transform: translate(12px);
    }
  }
  .screen-second {
    transform-origin: center;
    animation: moveScreenFirst 8.5s infinite alternate linear;
    animation-delay: 350ms;
    animation-fill-mode: forwards;
  }
  .screen-third {
    transform-origin: center;
    animation: moveScreenFirst 10.5s infinite alternate linear;
    animation-delay: 550ms;
    animation-fill-mode: forwards;
  }
  .screen-marker{
    transform-origin: center;
    animation: moveScreenMarker 8s infinite alternate linear;
    animation-delay: 150ms;
  }
  @keyframes moveScreenMarker {
    0%,
    100% {
      transform: skewY(0deg);
    }
    50% {
      transform: skewY(2deg);
    }
  }
.glass {
  transform-origin: center;
    animation: moveGlass 4s infinite ease-in-out;
}
@keyframes moveGlass {
  0%, 100% {
    transform: skewY(0deg) translateZ(0);
}
50% {
    transform: skewY(5deg) translateZ(5px);
}
}
.cogwheel {
  animation: moveCogwheel 10s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}
@keyframes moveCogwheel {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.arrow {
  animation: moveArrow 4s linear infinite;
  transform-origin: left;
  transform-box: fill-box;
}
@keyframes moveArrow {
  from {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-4.5px) rotate(180deg);
  }
  to {
    transform: translateY(0) rotate(360deg);
  }
}
.letter {
  animation: moveLetter 4s ease alternate infinite;
  transform-origin: center 0;
  transform-box: fill-box;
}
@keyframes moveLetter {
  from {
    transform: rotateX(0) translateY(0);
  }
  50% {
    transform: rotateX(-180deg) translateY(2px);
  }
  to {
    transform: rotateX(-180deg) translateY(2px);
  }
}
.text-one {
  stroke-dasharray: 85.439;
  stroke-dashoffset: 85.439;
  animation: moveText 2s linear forwards;
}
@keyframes moveText {
  from {
    stroke-dashoffset: 85.439;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.text-two {
  stroke-dasharray: 85.439;
  stroke-dashoffset: 85.439;
  animation: moveText 2.5s linear forwards;
  animation-delay: 2s;
}
.text-three {
  stroke-dasharray: 85.439;
  stroke-dashoffset: 85.439;
  animation: moveText 2s linear forwards;
  animation-delay: 4.5s;
}
.text-four {
  stroke-dasharray: 85.439;
  stroke-dashoffset: 85.439;
  animation: moveText 2.5s linear forwards;
  animation-delay: 6.5s;
}
.read-eye-support {
  transform-box: fill-box;
  transform-origin: center;
  animation: readEyeSupport 6s ease-in-out infinite;
}
@keyframes readEyeSupport {
0%, 75%, 100% {
  transform: rotate(0) translate(0px, 0px);
}
25%, 50% {
  transform: rotate(25deg) translate(-5px, 7px);
}
}
.bulb {
  transform-box: fill-box;
  transform-origin: center;
  animation: moveBulb 1.6s ease-in-out infinite;
}
@keyframes moveBulb {
  0%,
  100% {
    fill: white;
  }
  25%, 50%,
  75% {
    fill: #ffa901;
  }
}
.cogwheel-rev {
  animation: moveCogwheel 10s linear reverse infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.crazy-eye-left {
  animation: moveCrazyEyeLeft 6s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}
@keyframes moveCrazyEyeLeft {
  from {
    transform: rotate(0deg) translateY(3px);
  }
  to {
    transform: rotate(360deg) translateY(3px);
  }
}
.crazy-eye-right {
  animation: moveCrazyEyeRight 6s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}
@keyframes moveCrazyEyeRight {
  from {
    transform: rotate(0deg) translateY(-3px);
  }
  to {
    transform: rotate(360deg) translateY(-3px);
  }
}
.bulb-rev {
  transform-box: fill-box;
  transform-origin: center;
  animation: moveBulb 1.6s ease-in-out reverse infinite;
}
.color-one {
  animation: changeColorOne 3s linear alternate infinite;
}
@keyframes changeColorOne {
  from {
    fill: #ffa901;
  }
  to {
    fill: #c03213;
  }
}
.color-two {
  animation: changeColorTwo 3s linear alternate infinite;
  animation-delay: 1s;
}
@keyframes changeColorTwo {
  from {
    fill: #ffa901;
  }
  to {
    fill: #7d9f1d;
  }
}
.color-three {
  animation: changeColorThree 3s linear alternate infinite;
  animation-delay: 2s;
}
@keyframes changeColorThree {
  from {
    fill: #ffa901;
  }
  to {
    fill: #bbe1d8;
  }
}
.color-four {
  animation: changeColorFour 3s linear alternate infinite;
  animation-delay: 2.5s;
}
@keyframes changeColorFour {
  from {
    fill: #ffa901;
  }
  to {
    fill: #de3c27;
  }
}
.color-five {
  animation: changeColorFive 3s linear alternate infinite;
  animation-delay: 3s;
}
@keyframes changeColorFive {
  from {
    fill: #ffa901;
  }
  to {
    fill: #27c167;
  }
}
.color-six {
  animation: changeColorSix 3s linear alternate infinite;
  animation-delay: 3.5s;
}
@keyframes changeColorSix {
  from {
    fill: #ffa901;
  }
  to {
    fill: #f5f5f5;
  }
}
.brush {
  animation: changeColorBrush 30s linear infinite forwards;
}
@keyframes changeColorBrush {
  0%,
  100% {
    fill: #ffa901;
  }
  10%,
  20% {
    fill: #c03213;
  }
  30%,
  40% {
    fill: #7d9f1d;
  }
  50%,
  55% {
    fill: #bbe1d8;
  }
  60%,
  65% {
    fill: #de3c27;
  }
  70%,
  75%,
  80% {
    fill: #27c167;
  }
  90%,
  95% {
    fill: #f5f5f5;
  }
}
.book {
  transform-origin: center;
  animation: moveBook 6s infinite alternate linear;
  animation-fill-mode: forwards;
}
@keyframes moveBook {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
}
.read-eye-verstka {
  transform-box: fill-box;
  transform-origin: center;
  animation: readEyeverstka 6s ease-in-out infinite;
}
@keyframes readEyeverstka {
  0%,
  20%,
  75%,
  100% {
    transform: rotate(0) translate(0px, 0px);
  }
  25%,
  50%,
  70% {
    transform: rotate(25deg) translate(-6px, 14px);
  }
}
.book-later {
  transform-origin: center;
  animation: moveBook 6s infinite alternate linear;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}
.book-after-later {
  transform-origin: center;
  animation: moveBook 6s infinite alternate linear;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
}
.big-book-block {
  animation: moveBigBookBlock 6s linear infinite;
}
@keyframes moveBigBookBlock {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(8px, 5px, 10px);
  }
  50%,
  75%,
  90% {
    transform: translate3d(-11px, 5px, 10px);
  }
}
.sm-book-block {
  animation: moveSmBookBlock 6s linear infinite;
animation-delay: .2s;
 }
@keyframes moveSmBookBlock {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(4px, 2px, 10px);
  }
  35%,
  50%,
  75%,
  90% {
    transform: translate3d(-47px, 13px, 10px);
  }
}
.sm-book-block-later {
  animation: moveSmBookBlockLater 6s linear infinite;
  animation-delay: .2s;
}
@keyframes moveSmBookBlockLater {
  0%,
  25%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  45%,
  50%,
  75%,
  90% {
    transform: translate3d(37px, -49px, 10px);
  }
}
.sm-book-block-after-later {
  animation: moveSmBookBlockAfterLater 6s linear infinite;
  animation-delay: .5s;
}
@keyframes moveSmBookBlockAfterLater {
  0%,
  25%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50%,
  75%,
  90% {
    transform: translate3d(-47px, 14px, 10px);
  }
}
.contex-speaker {
  animation: moveContextSpeaker 1.8s infinite ease;
  transform-origin: center;
  transform-box: fill-box;
  animation-delay: .3s;
}
@keyframes moveContextSpeaker {
  0%,
  27.5%,
  32.5%,
  45%,
  47.5%,
  52.5%,
  100% {
    transform: scale(1);
  }
  30%,
  50% {
    transform: scale(1.1);
  }
}
.big-book-block-two {
  animation: moveBigBookBlockTwo 6s linear infinite;
  animation-delay: 1s;
}
@keyframes moveBigBookBlockTwo {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(2px, 6px, 10px);
  }
  50%,
  75%,
  90% {
    transform: translate3d(-21px, 2px, 10px);
  }
}
.sm-book-block-two {
  animation: moveSmBookBlockTwo 6s linear infinite;
  animation-delay: 1s;
}
@keyframes moveSmBookBlockTwo {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(4px, 2px, 10px);
  }
  35%,
  50%,
  75%,
  90% {
    transform: translate3d(-86px, -1px, 10px);
  }
}
.sm-book-block-later-two {
  animation: moveSmBookBlockLaterTwo 6s linear infinite;
  animation-delay: 1.2s;
}
@keyframes moveSmBookBlockLaterTwo {
  0%,
  25%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  45%,
  50%,
  75%,
  90% {
    transform: translate3d(85px, -38px, 10px);
  }
}
.sm-book-block-after-later-two {
  animation: moveSmBookBlockAfterLaterTwo 6s linear infinite;
  animation-delay: 1.4s;
}
@keyframes moveSmBookBlockAfterLaterTwo {
  0%,
  25%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50%,
  75%,
  90% {
    transform: translate3d(-85px, -1px, 10px);
  }
}
.big-book-block-three {
  animation: moveBigBookBlockThree 6s linear infinite;
  animation-delay: 2s;
}
@keyframes moveBigBookBlockThree {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(4px, 4px, 10px);
  }
  50%,
  75%,
  90% {
    transform: translate3d(-6px, -1px, 10px);
  }
}
.sm-book-block-three {
  animation: moveSmBookBlockThree 6s linear infinite;
  animation-delay: 1s;
}
@keyframes moveSmBookBlockThree {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(4px, 2px, 10px);
  }
  35%,
  50%,
  75%,
  90% {
    transform: translate3d(-24px, -7px, 10px);
  }
}
.sm-book-block-later-three {
  animation: moveSmBookBlockLaterThree 6s linear infinite;
  animation-delay: 1.2s;
}
@keyframes moveSmBookBlockLaterThree {
  0%,
  25%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  45%,
  50%,
  75%,
  90% {
    transform: translate3d(30px, -14px, 10px);
  }
}
.sm-book-block-after-later-three{
  animation: moveSmBookBlockAfterLaterThree 6s linear infinite;
  animation-delay: 1.4s;
}
@keyframes moveSmBookBlockAfterLaterThree {
  0%,
  25%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50%,
  75%,
  90% {
    transform: translate3d(-24px, -7px, 10px);
  }
}
.book-two-circle {
  animation: moveBookTwoCircle 6s linear infinite;
    animation-delay: 1.6s;
}
@keyframes moveBookTwoCircle {
0%, 100% {
  transform: translate3d(0, 0, 0);
}
25% {
  transform: translate3d(0px, 0px, 0px);
}
35%, 50%, 75%, 90% {
  transform: translate3d(30px, 0px, 10px);
}
}


/* briefs start */
.accordion-container{
    margin:7px auto 45px;
    max-width:900px
}
.set{
    position:relative;
    width:100%;
    height:auto;
    background-color: #000;
    border-radius: 30px;
}
.set>a, .set>span {
    padding: 20px;
    text-decoration: none;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    /* border-bottom: 4px solid #fff; */
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    background: ;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 9px center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.briefs .set>a,.briefs .set>span{
    /*background:url(data:image/svg+xml;
    utf8,%0A%3Csvg%20height%3D%22512pt%22%20viewBox%3D%22-41%200%20511%20512%22%20width%3D%22512pt%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M290.941%20127.27c-4.664-4.66-10.863-7.23-17.457-7.23s-12.793%202.57-17.453%207.23c-4.664%204.664-7.234%2010.863-7.234%2017.457s2.57%2012.793%207.23%2017.453l42.055%2042.054c4.66%204.66%2010.863%207.23%2017.457%207.23s12.79-2.57%2017.453-7.23l89.852-89.851c4.664-4.664%207.23-10.863%207.23-17.453%200-6.594-2.566-12.793-7.23-17.457-4.66-4.664-10.864-7.23-17.457-7.23s-12.793%202.566-17.453%207.23l-9.907%209.906a95.422%2095.422%200%200%200-23.93-13.344v-11.23c0-13.614-11.074-24.688-24.683-24.688h-77.406v-8.57C252.008%2014.152%20237.855%200%20220.46%200h-86.324c-17.395%200-31.547%2014.152-31.547%2031.547V67.19c0%209.664%207.863%2017.528%2017.527%2017.528H234.48c9.665%200%2017.528-7.864%2017.528-17.528v-12.05h77.402c5.328%200%209.664%204.336%209.664%209.664v6.918a95.417%2095.417%200%200%200-18.914-1.914c-52.613%200-95.418%2042.804-95.418%2095.418%200%2052.613%2042.805%2095.418%2095.418%2095.418%206.418%200%2012.746-.645%2018.914-1.883v228.554c0%205.329-4.336%209.66-9.664%209.66H25.184c-5.329%200-9.66-4.331-9.66-9.66V64.805c0-5.328%204.331-9.664%209.66-9.664h49.933a7.512%207.512%200%200%200%200-15.024H25.184C11.574%2040.117.5%2051.191.5%2064.805v422.511C.5%20500.926%2011.574%20512%2025.184%20512h304.23c13.61%200%2024.684-11.074%2024.684-24.684V254.418a95.25%2095.25%200%200%200%2032.43-20.633c17.843-17.277%2028.144-40.441%2028.995-65.226a7.515%207.515%200%200%200-7.25-7.766c-4.117-.137-7.62%203.102-7.765%207.25-1.2%2034.887-24.14%2063.691-55.645%2073.742a7.136%207.136%200%200%200-1.254.41c-7.414%202.23-15.285%203.426-23.449%203.426-44.328%200-80.394-36.066-80.394-80.394%200-44.329%2036.066-80.395%2080.394-80.395a80.254%2080.254%200%200%201%2047.137%2015.277l-51.758%2051.762zM236.984%2067.19a2.504%202.504%200%200%201-2.504%202.504H120.117a2.504%202.504%200%200%201-2.504-2.504V31.547c0-9.113%207.41-16.524%2016.524-16.524h86.324c9.11%200%2016.523%207.41%2016.523%2016.524zM398.56%2090.098a9.582%209.582%200%200%201%206.828-2.832%209.616%209.616%200%200%201%206.836%202.832c3.765%203.765%203.765%209.898%200%2013.664l-89.856%2089.851a9.6%209.6%200%200%201-6.832%202.832%209.6%209.6%200%200%201-6.832-2.832l-42.055-42.054a9.597%209.597%200%200%201-2.828-6.832%209.584%209.584%200%200%201%202.832-6.832%209.6%209.6%200%200%201%206.832-2.833%209.607%209.607%200%200%201%206.832%202.833l29.91%2029.91a7.51%207.51%200%200%200%2010.622%200zm0%200%22%2F%3E%3Cpath%20d%3D%22M204.938%20188.547H113.41a7.509%207.509%200%200%200-7.508%207.512%207.508%207.508%200%200%200%207.508%207.507h91.528a7.511%207.511%200%200%200%207.511-7.507%207.512%207.512%200%200%200-7.512-7.512zm0%200M99.074%20111.012H48.531a7.512%207.512%200%200%200%200%2015.023h50.543a7.512%207.512%200%200%200%200-15.023zm0%200M113.41%20238.414h91.528a7.512%207.512%200%200%200%207.511-7.512%207.511%207.511%200%200%200-7.512-7.507H113.41a7.508%207.508%200%200%200-7.508%207.507%207.509%207.509%200%200%200%207.508%207.512zm0%200M236.555%20279.648H113.41a7.509%207.509%200%200%200-7.508%207.512%207.509%207.509%200%200%200%207.508%207.512h123.145a7.512%207.512%200%200%200%200-15.024zm0%200M113.41%20329.52h61.574a7.509%207.509%200%200%200%207.508-7.512%207.509%207.509%200%200%200-7.508-7.512H113.41a7.509%207.509%200%200%200-7.508%207.512%207.509%207.509%200%200%200%207.508%207.512zm0%200M113.41%20385.871h91.528a7.512%207.512%200%200%200%200-15.023H113.41c-4.148%200-7.508%203.363-7.508%207.511s3.36%207.512%207.508%207.512zm0%200M113.41%20420.715h123.145a7.512%207.512%200%200%200%207.511-7.512%207.511%207.511%200%200%200-7.511-7.508H113.41a7.508%207.508%200%200%200-7.508%207.508%207.509%207.509%200%200%200%207.508%207.512zm0%200M64.473%20182.035c-16.73%200-30.34%2013.61-30.34%2030.34s13.61%2030.34%2030.34%2030.34%2030.34-13.61%2030.34-30.34-13.61-30.34-30.34-30.34zm0%2045.656c-8.446%200-15.317-6.87-15.317-15.316s6.871-15.316%2015.317-15.316c8.445%200%2015.316%206.87%2015.316%2015.316s-6.871%2015.316-15.316%2015.316zm0%200M64.473%20274.242c-16.73%200-30.34%2013.613-30.34%2030.34%200%2016.73%2013.61%2030.34%2030.34%2030.34s30.34-13.61%2030.34-30.34c0-16.727-13.61-30.34-30.34-30.34zm0%2045.66c-8.446%200-15.317-6.87-15.317-15.316%200-8.45%206.871-15.32%2015.317-15.32%208.445%200%2015.316%206.87%2015.316%2015.32%200%208.445-6.871%2015.316-15.316%2015.316zm0%200M64.473%20365.441c-16.73%200-30.34%2013.61-30.34%2030.34s13.61%2030.34%2030.34%2030.34%2030.34-13.61%2030.34-30.34-13.61-30.34-30.34-30.34zm0%2045.657c-8.446%200-15.317-6.871-15.317-15.317s6.871-15.316%2015.317-15.316c8.445%200%2015.316%206.87%2015.316%2015.316s-6.871%2015.317-15.316%2015.317zm0%200%22%2F%3E%3C%2Fsvg%3E);
    */
    background-size:22px;
    background-repeat:no-repeat;
    background-position:12px 8px;
}
.content2 .brief .bri{
    float:left;
    margin:2%;
    width:96%;
    display:none
}
.briefs .set,.content2 .brief{
    float:left;
    width:100%;
    transition:.5s
}
.ta{
    float:left;
    width:100%;
    padding:15px 0 0
}
.ta textarea{
    width:100%;
    min-height:100px;
    padding:8px 9px;
    font-size:14px;
    border-radius:10px;
    resize: vertical;
    border-radius: 5px;
}
.ta input {
  padding:8px 9px;
  border-radius: 5px;
}
.bPropusk {
    color: #FFC107;
    border-bottom: 1px dotted #ffc10766;
    cursor: pointer;
    margin-bottom: 5px;
}
.bPropusk:hover{
    border-bottom:1px solid
}
.bBar>span{
    background:#FFC107;
    height:18px;
    position:absolute;
    transition:.8s
}
.upr{
    float:left;
    margin:0 2% 0;
    width:96%
}
.bVopr{
    font-size:20px;
    font-weight:700
}
.briefs .set{
    margin:0 0 10px
}
.briefs .set>span{
    cursor:pointer
}
.bCss,.bNext,.bPrev,.bSend{
    float:right
}
.bPrik,.bPropusk{
    float:left
}
.bCss,.bNext,.bSend{
    background-color:#111;
    color:#fff;
    padding:6px 35px 7px;
    margin:-7px 0 0 25px;
    border-radius:20px;
    cursor:pointer
}
.bCss:hover,.bNext:hover,.bSend:hover{
    background-color:#272727
}
button.dz-button{
    color:#000;
    display:block;
    width:100%;
    padding:10px 0;
}
button.dz-button span{
    color:#279fb1;
    text-decoration:underline
}
.endd h2{
    font-size:34px;
    text-align:center;
    margin-bottom: 0;
}
.bPrev{
    color:#FFC107;
    cursor:pointer;
    position:relative;
    top:-1px;
    display:none;
    transition:.3s
}
.bPrev:before{
    content:"";
    background:url(data:image/svg+xml;
    utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cpath%20d%3D%22M492%20236H68.442l70.164-69.824c7.829-7.792%207.859-20.455.067-28.284-7.792-7.83-20.456-7.859-28.285-.068l-104.504%20104-.018.019c-7.809%207.792-7.834%2020.496-.002%2028.314l.018.019%20104.504%20104c7.828%207.79%2020.492%207.763%2028.285-.068%207.792-7.829%207.762-20.492-.067-28.284L68.442%20276H492c11.046%200%2020-8.954%2020-20s-8.954-20-20-20z%22%20data-original%3D%22%23000000%22%20class%3D%22active-path%22%20data-old_color%3D%22%23000000%22%20fill%3D%22%23279FB1%22%2F%3E%3C%2Fsvg%3E);
    background-size:22px;
    background-repeat:no-repeat;
    background-position:0;
    width:30px;
    height:10px;
    display:block;
    position:absolute;
    left:-33px;
    top:5px;
    transition:.3s
}
.bPrev:hover{
    border-bottom:1px solid
}
.bPrev:hover:before{
    left:-37px
}
.bPrik{
    background:url(data:image/svg+xml;
    utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20430.628%20430.628%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cpath%20d%3D%22M414.143%2068.674l-31.62-32.1-1.837-1.878c-10.648-10.592-24.776-16.428-39.773-16.428-15.013%200-29.149%205.844-39.806%2016.46L123.034%20212.794c-8.665%208.706-13.063%2020.126-13.063%2033.929v25.312c-.358%208.673%203.211%2017.639%209.567%2024.004%206.129%206.088%2014.591%209.584%2023.223%209.584l1.04-.016%2025.052.024c13.981-.024%2025.06-4.308%2033.888-13.111l176.333-176.39c3.089-3.089%204.78-7.202%204.772-11.575%200-4.357-1.699-8.446-4.755-11.486-6.137-6.194-16.899-6.202-23.093-.008l-176.3%20176.332c-1.764%201.731-4.43%203.512-10.852%203.512h-25.491l-.813.252c.041-.317.089-.707.089-26.426%200-7.348%202.374-9.722%203.512-10.86l178.065-178.04c8.901-8.885%2024.54-8.868%2033.36-.073l33.473%2034.002c9.21%209.21%209.21%2024.207%200%2033.417L148.07%20368.22c-7.885%207.828-18.167%2011.478-32.376%2011.478l-56.965-7.356-.927.016c-4.503%200-8.502-1.609-11.559-4.65-3.17-3.162-4.82-7.373-4.641-12.014l-8.99-56.429c0-14.258%203.674-24.556%2011.567-32.4L265.073%2045.979c6.316-6.357%206.316-16.712-.016-23.093-6.186-6.145-16.883-6.17-23.101.008l-220.87%20220.87C6.901%20257.916%200%20276.075%200%20299.266l8.982%2055.819c-.512%2013.168%204.658%2026.182%2014.184%2035.709%209.039%209.047%2021.614%2014.241%2034.473%2014.241l58.054%207.324c23.069%200%2041.187-6.885%2055.412-21.053l243.036-243.053c10.632-10.681%2016.485-24.817%2016.485-39.822-.023-15.038-5.884-29.157-16.483-39.757z%22%20data-original%3D%22%23010002%22%20class%3D%22active-path%22%20data-old_color%3D%22%23010002%22%20fill%3D%22%23279FB1%22%2F%3E%3C%2Fsvg%3E);
    background-size:20px;
    background-repeat:no-repeat;
    background-position:0;
    color:#FFC107;
    cursor:pointer;
    position:relative;
    top:0;
    padding:0 0 0 27px;
    transition:.3s
}
.bPrik:hover{
    text-decoration:underline
}
.upr.atta{
    height:0;
    overflow:hidden;
    transition:.3s
}
.upr.atta.open{
    height:222px
}
.bProgress{
    float:left;
    width:100%
}
.bNum{
    text-align:right;
    padding:10px 19px 0
}
.bNum span{
    font-weight:700;
    width:0%
}
.bBar>span>span{
    position:absolute;
    right:-32px;
    top:0;
    border-radius:4px;
    padding:2px 7px;
    text-align:center;
    font-size:12px;
    color:#000;
    width:35px;
    font-weight:800
}
.ris {
    position: absolute;
    width: calc(100% - 1px);
    height: 8px;
    top: 18px;
    left: 0;
}
.ris span{
    position:absolute;
    width:1px;
    height:7px;
    background:#818181
}
.content2 .brief {
    position: relative;
    padding: 10px 0 20px;
    border: 5px solid #ffa901;
    top: -1px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.briefs .content2{
    border:0 solid #fff!important
}
.bBar{
    width:80%;
    height:18px;
    float:left;
    background:#ccc;
    margin:10px 2% 10px;
    position:relative
}
.bDop{
    float:left;
    width:100%
}
.bDop ul{
    float:left;
    width:100%;
    padding:20px 0 5px 30px
}
.set>a:hover,.set>span:hover{
    background-color:#ffa901;
    color: #000;
    border-radius: 30px;
}
.set>a i, .set>span i {
    float: right;
    background: #ffa901;
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    text-align: center;
    font-size: 20px;
    font-style: inherit;
    border-radius: 4px;
    color: #000000;
    margin-left: 5px;
}
.set>a i:hover,.set>span i:hover{
    opacity:.8
}
.set>a:hover i,.set>span:hover i{
    background-color:#000;
    color:#fff
}
.set>a.active, .set>span.active {
    background-color: #ffa901;
    color: #000;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
.set>a.active:hover, .set>span.active:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
@media screen and (max-width: 768px) {
    .content2 .brief {
        padding: 10px 0;
    }
    .endd h2 {
    font-size: 18px;
    }
    .set>a, .set>span {
        font-size: 16px;
    }
}
@media screen and (max-width: 520px) {
.set>a, .set>span {
    font-size: 14px;
}
}
/* briefs end */