:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(0, 0, 0, 0.7);
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-opacity: 1;
  --f-button-svg-disabled-opacity: 0.5;
  --f-button-svg-transition: opacity 0.15s ease;
  --f-button-svg-transform: none;
}
.f-button {
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  transform: var(--f-button-transform);
  transition: var(--f-button-transition);
  backdrop-filter: var(--f-button-backdrop-filter);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  overflow: hidden;
}
@media (hover: hover) {
  .f-button:hover:not([aria-disabled]) {
    color: var(--f-button-hover-color, var(--f-button-color));
    background-color: var(--f-button-hover-bg, var(--f-button-bg));
  }
}
.f-button:active:not([aria-disabled]) {
  color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
  background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
}
.f-button:focus {
  outline: none;
}
.f-button:focus-visible {
  outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
  outline-offset: var(--f-button-outline-offset);
}
.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  transform: var(--f-button-svg-transform);
  fill: var(--f-button-svg-fill);
  filter: var(--f-button-svg-filter);
  opacity: var(--f-button-svg-opacity, 1);
  transition: var(--f-button-svg-transition);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.f-button[aria-disabled] {
  cursor: default;
}
.f-button[aria-disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}
[data-panzoom-action="toggleFS"] g:first-child {
  display: flex;
}
[data-panzoom-action="toggleFS"] g:last-child {
  display: none;
}
.in-fullscreen [data-panzoom-action="toggleFS"] g:first-child {
  display: none;
}
.in-fullscreen [data-panzoom-action="toggleFS"] g:last-child {
  display: flex;
}
[data-autoplay-action="toggle"] svg g:first-child {
  display: flex;
}
[data-autoplay-action="toggle"] svg g:last-child {
  display: none;
}
.has-autoplay [data-autoplay-action="toggle"] svg g:first-child {
  display: none;
}
.has-autoplay [data-autoplay-action="toggle"] svg g:last-child {
  display: flex;
}
:fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:first-child {
  display: none;
}
:fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:last-child {
  display: flex;
}
:root {
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
}
.f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
  translate: -50% -50%;
  border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
  border-top-color: var(--f-spinner-color-2);
  border-radius: var(--f-spinner-border-radius);
  animation:
    f-spinner 0.75s linear infinite,
    f-fadeIn 0.2s ease 0.2s both;
}
@keyframes f-spinner {
  to {
    rotate: 360deg;
  }
}
.f-panzoom,
.f-zoomable {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.f-panzoom:before,
.f-panzoom:after,
.f-zoomable:before,
.f-zoomable:after {
  display: block;
  content: "";
}
.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
  margin-bottom: auto;
}
.f-panzoom:after,
.f-zoomable:after {
  margin-top: auto;
}
.f-panzoom.in-fullscreen,
.f-zoomable.in-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: unset !important;
  z-index: 9999;
}
.f-panzoom__wrapper {
  position: relative;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}
.f-panzoom__wrapper.will-zoom-out {
  cursor: zoom-out;
}
.f-panzoom__wrapper.can-drag {
  cursor: move;
  cursor: grab;
}
.f-panzoom__wrapper.will-zoom-in {
  cursor: zoom-in;
}
.f-panzoom__wrapper.is-dragging {
  cursor: move;
  cursor: grabbing;
}
.f-panzoom__wrapper.has-error {
  display: none;
}
.f-panzoom__content {
  display: block;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}
.f-panzoom__content.is-lazyloading,
.f-panzoom__content.has-lazyerror {
  visibility: hidden;
}
img.f-panzoom__content {
  width: auto;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  transition: none;
  user-select: none;
}
.f-panzoom__wrapper > .f-panzoom__content {
  visibility: hidden;
}
.f-panzoom__viewport {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.f-panzoom__viewport > .f-panzoom__content {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
picture.f-panzoom__content img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  transition: none;
  user-select: none;
}
.f-panzoom__protected {
  position: absolute;
  inset: 0;
  z-index: 1;
  user-select: none;
}
html.with-panzoom-in-fullscreen {
  overflow: hidden;
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}
.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}
@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  to {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
  z-index: 2;
}
.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.2) ease calc(var(--f-transition-duration, 0.2s) * 0.8) both f-crossfadeOut;
  z-index: 1;
}
@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  to {
    opacity: 0;
  }
}
.is-horizontal .f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX;
}
.is-horizontal .f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX;
}
.is-horizontal .f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX;
}
.is-horizontal .f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX;
}
@keyframes f-slideInPrevX {
  0% {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideInNextX {
  0% {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideOutNextX {
  to {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }
}
@keyframes f-slideOutPrevX {
  to {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }
}
.is-vertical .f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY;
}
.is-vertical .f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY;
}
.is-vertical .f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY;
}
.is-vertical .f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY;
}
@keyframes f-slideInPrevY {
  0% {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideInNextY {
  0% {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideOutNextY {
  to {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }
}
@keyframes f-slideOutPrevY {
  to {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp;
}
.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
  0% {
    transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
    opacity: var(--f-zoomInUp-opacity, 0);
  }
  to {
    transform: scale(1) translateZ(0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
    opacity: 0;
  }
}
.f-throwOutUp {
  animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
  animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
    opacity: 0;
  }
}
.has-iframe .f-html,
.has-pdf .f-html,
.has-gmap .f-html {
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible;
}
.has-pdf .f-html,
.has-gmap .f-html {
  padding: 0;
}
.f-html {
  position: relative;
  box-sizing: border-box;
  margin: var(--f-html-margin, 0);
  padding: var(--f-html-padding, 2rem);
  color: var(--f-html-color, currentColor);
  background: var(--f-html-bg);
}
.f-html.is-error {
  text-align: center;
}
.f-iframe {
  display: block;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%;
}
.f-caption {
  align-self: center;
  flex-shrink: 0;
  margin: var(--f-caption-margin);
  padding: var(--f-caption-padding, 16px 8px);
  max-width: 100%;
  max-height: calc(80vh - 100px);
  overflow: auto;
  overflow-wrap: anywhere;
  line-height: var(--f-caption-line-height);
  color: var(--f-caption-color);
  background: var(--f-caption-bg);
  font: var(--f-caption-font);
}
.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible;
  max-width: var(--f-video-width, 960px);
  max-height: var(--f-video-height, 540px);
  aspect-ratio: var(--f-video-aspect-ratio);
  background: var(--f-video-bg, rgba(0, 0, 0, 0.9));
}
.f-html5video {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}
.f-button.is-arrow {
  --f-button-width: var(--f-arrow-width, 46px);
  --f-button-height: var(--f-arrow-height, 46px);
  --f-button-svg-width: var(--f-arrow-svg-width, 24px);
  --f-button-svg-height: var(--f-arrow-svg-height, 24px);
  --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
  --f-button-border-radius: var(--f-arrow-border-radius, unset);
  --f-button-bg: var(--f-arrow-bg, transparent);
  --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
  --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
  --f-button-shadow: var(--f-arrow-shadow);
  --f-button-color: var(--f-arrow-color);
  --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
  --f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
  overflow: visible;
}
.f-button.is-arrow.is-prev,
.f-button.is-arrow.is-next {
  position: absolute;
  transform: translate(0);
  z-index: 20;
}
.is-horizontal .f-button.is-arrow.is-prev,
.is-horizontal .f-button.is-arrow.is-next {
  inset: 50% auto auto;
  transform: translateY(-50%);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
  left: var(--f-arrow-pos, 0);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-next {
  right: var(--f-arrow-pos, 0);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
  right: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-next {
  left: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg);
}
.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
  top: var(--f-arrow-pos, 0);
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}
.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
  top: auto;
  right: auto;
  bottom: var(--f-arrow-pos, 0);
  left: 50%;
  transform: translate(-50%);
}
.is-vertical .f-button.is-arrow.is-prev svg,
.is-vertical .f-button.is-arrow.is-next svg {
  transform: rotate(90deg);
}
.f-carousel__toolbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin: var(--f-toolbar-margin, 0);
  padding: var(--f-toolbar-padding, 8px);
  line-height: var(--f-toolbar-line-height);
  background: var(--f-toolbar-bg, none);
  box-shadow: var(--f-toolbar-shadow, none);
  backdrop-filter: var(--f-toolbar-backdrop-filter);
  position: relative;
  z-index: 20;
  color: var(--f-toolbar-color, currentColor);
  font-size: var(--f-toolbar-font-size, 17px);
  font-weight: var(--f-toolbar-font-weight, inherit);
  font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
  text-shadow: var(--f-toolbar-text-shadow);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  white-space: nowrap;
  pointer-events: none;
}
.f-carousel__toolbar.is-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.f-carousel__toolbar .f-button:focus-visible {
  position: relative;
  z-index: 1;
}
.f-carousel__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--f-toolbar-gap, 0);
}
.f-carousel__toolbar__column.is-left {
  display: flex;
  justify-self: flex-start;
  justify-content: flex-start;
}
.f-carousel__toolbar__column.is-middle {
  display: flex;
  justify-content: center;
}
.f-carousel__toolbar__column.is-right {
  display: flex;
  justify-self: flex-end;
  justify-content: flex-end;
  flex-flow: nowrap;
}
.f-carousel__toolbar__column {
  pointer-events: none;
}
.f-carousel__toolbar__column > * {
  pointer-events: all;
}
.f-counter {
  position: relative;
  display: flex;
  flex-direction: row;
  cursor: default;
  user-select: none;
  margin: var(--f-counter-margin, 0);
  padding: var(--f-counter-padding, 4px);
  line-height: var(--f-counter-line-height);
  background: var(--f-counter-bg);
  border-radius: var(--f-counter-border-radius);
}
.f-counter span {
  padding: 0 var(--f-counter-gap, 4px);
}
:root {
  --f-thumbs-gap: 8px;
  --f-thumbs-margin: 0;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: transparent;
  --f-thumbs-transition: max-height 0.3s ease, max-width 0.3s ease, padding 0.3s ease;
  --f-thumbs-z-index: 1;
  --f-thumbs-viewport-padding-x: 0px;
  --f-thumbs-viewport-padding-y: 0px;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-clip-width: 46px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-opacity: 1;
  --f-thumb-transition: opacity 0.3s ease, transform 0.15s ease;
  --f-thumb-border: none;
  --f-thumb-border-radius: 4px;
  --f-thumb-shadow: none;
  --f-thumb-bg: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
  --f-thumb-focus-shadow: inset 0 0 0 0.8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-selected-shadow: inset 0 0 0 0.8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-border-transition: all 0.1s ease;
  --f-thumb-img-width: 100%;
  --f-thumb-img-height: 100%;
  --f-thumb-img-fit: cover;
  --f-thumb-img-position: 50% 20%;
}
.f-thumbs {
  --f-carousel-slide-width: var(--f-thumb-width);
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: var(--f-thumbs-gap);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: var(--f-thumbs-margin);
  padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
  overflow: hidden;
  background: var(--f-thumbs-bg);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  transition: var(--f-thumbs-transition);
  z-index: var(--f-thumbs-z-index);
}
.f-thumbs.is-horizontal {
  max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2);
}
.f-thumbs.is-horizontal.is-hidden {
  max-height: 0;
  --f-thumbs-padding-y: 0;
}
.f-thumbs.is-vertical {
  max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2);
}
.f-thumbs.is-vertical.is-hidden {
  max-width: 0;
  --f-thumbs-padding-x: 0;
}
.f-thumbs.is-scrollable.is-hidden {
  max-height: 0;
  --f-thumbs-padding-y: 0;
}
.f-thumbs.is-ltr {
  direction: ltr;
}
.f-thumbs.is-rtl {
  direction: rtl;
}
.f-thumbs img {
  display: block;
  width: var(--f-thumb-img-width);
  height: var(--f-thumb-img-height);
  object-fit: var(--f-thumb-img-fit);
  object-position: var(--f-thumb-img-position);
  pointer-events: none;
  border-radius: inherit;
  color: transparent;
}
.f-thumbs img[data-lazy-src] {
  visibility: hidden;
}
.f-thumbs img.has-lazyerror {
  display: none;
}
.f-thumbs__viewport {
  box-sizing: border-box;
  height: 100%;
  padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
  overflow: visible;
  display: grid;
}
.f-thumbs__slide {
  position: relative;
  box-sizing: border-box;
  grid-area: 1/1;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  overflow: visible;
}
.f-thumbs__slide:hover button {
  opacity: var(--f-thumb-hover-opacity, 1);
  transform: var(--f-thumb-hover-transform, none);
}
.f-thumbs__slide:hover button:after {
  border: var(--f-thumb-hover-border, none);
  box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide button {
  all: unset;
  display: block;
  margin: auto;
  padding: 0;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  outline: none;
  transition: var(--f-thumb-transition);
  border-radius: var(--f-thumb-border-radius);
  opacity: var(--f-thumb-opacity);
  transform: var(--f-thumb-transform);
  background: var(--f-thumb-bg);
}
.f-thumbs__slide button:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: var(--f-thumb-border-transition);
  border-radius: inherit;
  border: var(--f-thumb-border);
  box-shadow: var(--f-thumb-shadow);
}
.f-thumbs__slide button:focus-within {
  opacity: var(--f-thumb-focus-opacity, 1);
  transform: var(--f-thumb-focus-transform, none);
}
.f-thumbs__slide button:focus-within:after {
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide:active {
  opacity: var(--f-thumb-active-opacity, 1);
  transform: var(--f-thumb-active-transform, none);
}
.f-thumbs__slide:active:after {
  border: var(--f-thumb-active-border, none);
  box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide.is-selected {
  z-index: 2;
}
.f-thumbs__slide.is-selected button {
  opacity: var(--f-thumb-selected-opacity, 1);
  transform: var(--f-thumb-selected-transform, none);
}
.f-thumbs__slide.is-selected button:after {
  border: var(--f-thumb-selected-border, none);
  box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}
.f-thumbs.is-modern {
  --f-carousel-slide-width: calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: 0;
  --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));
}
.f-thumbs.is-modern .f-thumbs__viewport {
  width: calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));
  margin-inline: calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1);
}
.f-thumbs.is-modern .f-thumbs__slide {
  --clip-shift: calc((var(--width-diff) * 0.5) * var(--progress));
  --clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
  padding: 0;
  overflow: visible;
  left: var(--shift, 0);
  will-change: left;
  transition: left var(--f-transition-duration) var(--f-transition-easing);
}
.f-thumbs.is-modern .f-thumbs__slide button {
  display: block;
  margin-inline: 50%;
  width: var(--f-thumb-width);
  clip-path: var(--clip-path);
  border: none;
  box-shadow: none;
  transition:
    clip-path var(--f-transition-duration) var(--f-transition-easing),
    opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
}
.f-thumbs.is-modern .f-thumbs__slide button:after {
  display: none;
}
.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
  outline: none;
}
.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--clip-shift);
  bottom: 0;
  right: var(--clip-shift);
  transition:
    border var(--f-transition-duration) var(--f-transition-easing),
    box-shadow var(--f-transition-duration) var(--f-transition-easing);
  border-radius: inherit;
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, none);
}
.f-thumbs.is-modern {
  --f-transition-duration: 0.25s;
  --f-transition-easing: ease-out;
}
.f-thumbs.is-modern.is-syncing {
  --f-transition-duration: 0s;
}
.f-thumbs.is-scrollable .f-thumbs__viewport {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
  grid-auto-rows: var(--f-thumb-height);
  gap: var(--f-thumbs-gap);
  overflow: auto;
  overscroll-behavior: contain;
  user-select: none;
}
.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
  grid-area: auto;
  display: block;
  position: relative;
  max-width: 100%;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  cursor: pointer;
  outline: none;
}
:root {
  --f-progressbar-height: 3px;
  --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
  --f-progressbar-opacity: 1;
  --f-progressbar-z-index: 30;
}
.f-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--f-progressbar-z-index);
  height: var(--f-progressbar-height);
  transform: scaleX(0);
  transform-origin: 0;
  opacity: var(--f-progressbar-opacity);
  background: var(--f-progressbar-color);
  user-select: none;
  pointer-events: none;
  animation-name: f-progressbar;
  animation-play-state: running;
  animation-timing-function: linear;
}
.f-progressbar:empty {
  display: block;
}
button > .f-progressbar {
  --f-progressbar-height: 100%;
  --f-progressbar-opacity: 0.2;
}
@keyframes f-progressbar {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
[data-fullscreen-action="toggle"] svg g:first-child {
  display: flex;
}
[data-fullscreen-action="toggle"] svg g:last-child {
  display: none;
}
:fullscreen [data-fullscreen-action="toggle"] svg g:first-child {
  display: none;
}
:fullscreen [data-fullscreen-action="toggle"] svg g:last-child {
  display: flex;
}
.in-fullscreen-mode > .f-carousel {
  flex: 1;
  min-width: 0 !important;
  min-height: 0 !important;
}
html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}
html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}
.fancybox__dialog {
  position: fixed;
  inset: 0;
  z-index: 1050;
  width: 100%;
  height: 100vh;
  max-height: unset;
  max-width: unset;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
  touch-action: none;
  overscroll-behavior: contain;
}
.fancybox__dialog:focus {
  outline: none;
}
.fancybox__dialog::backdrop {
  opacity: 0;
}
@supports (height: 100dvh) {
  .fancybox__dialog {
    height: 100dvh;
  }
}
.fancybox__dialog *:empty {
  display: block;
}
.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-backdrop-bg: rgba(24, 24, 27, 0.95);
  --f-toolbar-margin: 0;
  --f-toolbar-padding: 8px;
  --f-toolbar-gap: 0;
  --f-toolbar-color: #ddd;
  --f-toolbar-font-size: 16px;
  --f-toolbar-font-weight: 500;
  --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  --f-toolbar-line-height: var(--f-button-height);
  --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  --f-toolbar-shadow: none;
  --f-toolbar-bg: none;
  --f-counter-margin: 0;
  --f-counter-padding: 0px 10px;
  --f-counter-gap: 4px;
  --f-counter-line-height: var(--f-button-height);
  --f-carousel-gap: 17px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: 100%;
  --f-carousel-slide-padding: 0;
  --f-carousel-slide-bg: unset;
  --f-html-color: #222;
  --f-html-bg: #fff;
  --f-error-color: #fff;
  --f-error-bg: #333;
  --f-caption-margin: 0;
  --f-caption-padding: 16px 8px;
  --f-caption-color: var(--fancybox-color, #dbdbdb);
  --f-caption-bg: transparent;
  --f-caption-font: inherit;
  --f-caption-line-height: 1.375;
  --f-spinner-color-1: rgba(255, 255, 255, 0.2);
  --f-spinner-color-2: rgba(255, 255, 255, 0.8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
  --f-progressbar-color: rgba(255, 255, 255);
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: #ddd;
  --f-button-hover-color: #fff;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(255, 255, 255, 0.75);
  --f-button-outline-offset: 0px;
  --f-button-bg: rgba(54, 54, 54, 0.75);
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-shadow: none;
  --f-button-transition: all 0.2s ease;
  --f-button-transform: none;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.75;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, 0.05));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.5;
  --f-arrow-pos: 32px;
  --f-arrow-width: 50px;
  --f-arrow-height: 50px;
  --f-arrow-svg-width: 24px;
  --f-arrow-svg-height: 24px;
  --f-arrow-svg-stroke-width: 2.5;
  --f-arrow-border-radius: 50%;
  --f-arrow-bg: rgba(54, 54, 54, 0.65);
  --f-arrow-color: #ddd;
  --f-arrow-hover-color: #fff;
  --f-close-button-width: 30px;
  --f-close-button-height: 30px;
  --f-close-button-svg-width: 24px;
  --f-close-button-svg-height: 24px;
  --f-close-button-svg-stroke-width: 1.75;
  --f-close-border-radius: 4px;
  --f-close-button-color: #fff;
  --f-close-button-hover-color: #fff;
  --f-close-button-bg: transparent;
  --f-close-button-hover-bg: transparent;
  --f-close-button-active-bg: transparent;
  --f-thumbs-margin: 0px;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: none;
  --f-thumb-transition: all 0.2s ease;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-opacity: 1;
  --f-thumb-border: none;
  --f-thumb-shadow: none;
  --f-thumb-transform: none;
  --f-thumb-focus-opacity: 1;
  --f-thumb-focus-border: none;
  --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.65);
  --f-thumb-focus-transform: none;
  --f-thumb-hover-opacity: 1;
  --f-thumb-hover-border: none;
  --f-thumb-hover-transform: none;
  --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
  --f-thumb-active-border: var(--f-thumb-hover-border);
  --f-thumb-active-transform: var(--f-thumb-hover-transform);
  --f-thumb-selected-opacity: 1;
  --f-thumb-selected-border: none;
  --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
  --f-thumb-selected-transform: none;
  --f-scrollbar-width: 7px;
  --f-scrollbar-track-bg: #444;
  --f-scrollbar-track-border-radius: 10px;
  --f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  --f-scrollbar-thumb-bg: #ddd;
  --f-scrollbar-thumb-border-radius: 10px;
}
.fancybox__container[theme="light"] {
  --fancybox-color: #222;
  --fancybox-backdrop-bg: rgba(255, 255, 255, 0.97);
  --f-toolbar-color: var(--fancybox-color, #222);
  --f-toolbar-text-shadow: none;
  --f-toolbar-font-weight: 400;
  --f-html-color: var(--fancybox-color, #222);
  --f-html-bg: #fff;
  --f-error-color: #555;
  --f-error-bg: #fff;
  --f-video-bg: #fff;
  --f-caption-color: #333;
  --f-spinner-color-1: rgba(0, 0, 0, 0.2);
  --f-spinner-color-2: rgba(0, 0, 0, 0.8);
  --f-spinner-border-width: 3.5px;
  --f-progressbar-color: rgba(111, 111, 116);
  --f-button-color: #333;
  --f-button-hover-color: #000;
  --f-button-outline-color: rgba(0, 0, 0, 0.85);
  --f-button-bg: rgba(255, 255, 255, 0.85);
  --f-button-svg-stroke-width: 1.3;
  --f-button-svg-filter: none;
  --f-arrow-bg: rgba(255, 255, 255, 0.85);
  --f-arrow-color: #333;
  --f-arrow-hover-color: #000;
  --f-arrow-svg-stroke-width: 1.3;
  --f-close-button-color: #555;
  --f-close-button-hover-color: #000;
  --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
  --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
  --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
  --f-scrollbar-track-bg: #ddd;
  --f-scrollbar-thumb-bg: #444;
}
.fancybox__container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.fancybox__container:focus {
  outline: none;
}
.fancybox__container.has-vertical-thumbs {
  flex-direction: row-reverse;
}
.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
  overflow-x: clip;
  overflow-y: visible;
}
.fancybox__container > *:not(.fancybox__carousel),
.fancybox__container .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected),
.fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
  opacity: var(--f-drag-opacity, 1);
}
.fancybox__container:not(.is-ready, .is-hiding) {
  visibility: hidden;
}
.fancybox__container.is-revealing > *:not(.fancybox__carousel),
.fancybox__container.is-revealing .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
  animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
}
.fancybox__container.is-hiding > *:not(.fancybox__carousel),
.fancybox__container.is-hiding .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper) {
  animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
}
.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
  opacity: 0;
}
.fancybox__container.is-hiding {
  pointer-events: none;
}
.fancybox__container.is-idle .f-carousel__toolbar {
  pointer-events: none;
  opacity: 0;
}
.fancybox__container.is-idle .f-button.is-arrow {
  opacity: 0;
}
.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__container.is-idle.is-ready .f-button.is-arrow {
  animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--fancybox-backdrop-bg);
}
.fancybox__carousel {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}
.fancybox__carousel.is-vertical {
  --f-carousel-slide-height: 100%;
}
.fancybox__carousel.is-ltr {
  direction: ltr;
}
.fancybox__carousel.is-rtl {
  direction: rtl;
}
.fancybox__carousel > .f-button.is-arrow:before {
  position: absolute;
  content: "";
  inset: -30px;
  z-index: 1;
}
.fancybox__viewport {
  display: grid;
  flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative;
  overflow: visible;
  transform: translate3d(0, var(--f-drag-offset, 0), 0);
}
.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}
.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}
.fancybox__viewport [data-selectable],
.fancybox__viewport [contenteditable] {
  cursor: auto;
}
.fancybox__slide {
  box-sizing: border-box;
  position: relative;
  grid-area: 1/1;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  margin: 0;
  padding: var(--f-carousel-slide-padding);
  background: var(--f-carousel-slide-bg);
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
}
.fancybox__slide:before,
.fancybox__slide:after {
  display: block;
  content: "";
}
.fancybox__slide:before {
  margin-bottom: auto;
}
.fancybox__slide:after {
  margin-top: auto;
}
.fancybox__slide.is-selected {
  z-index: 1;
}
.fancybox__slide.f-zoomable {
  overflow: visible;
}
.fancybox__slide.has-error {
  --f-html-color: var(--f-error-color, --f-html-color);
  --f-html-bg: var(--f-error-bg, --f-html-bg);
}
.fancybox__slide.has-html {
  overflow: auto;
  padding: 8px;
}
.fancybox__slide.has-close-btn {
  padding-top: 34px;
}
.fancybox__slide.has-controls:before {
  margin: 0;
}
.fancybox__slide .f-spinner {
  cursor: pointer;
}
.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
  visibility: hidden;
}
.fancybox__container.is-closing .fancybox__carousel {
  overflow: visible;
}
.f-button.is-close-button {
  --f-button-width: var(--f-close-button-width);
  --f-button-height: var(--f-close-button-height);
  --f-button-border-radius: var(--f-close-border-radius);
  --f-button-color: var(--f-close-button-color);
  --f-button-hover-color: var(--f-close-button-hover-color);
  --f-button-bg: var(--f-close-button-bg);
  --f-button-hover-bg: var(--f-close-button-hover-bg);
  --f-button-active-bg: var(--f-close-button-active-bg);
  --f-button-svg-width: var(--f-close-button-svg-width);
  --f-button-svg-height: var(--f-close-button-svg-height);
  --f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
  position: absolute;
  top: calc((var(--f-button-height) + 2px) * -1);
  right: 0;
  z-index: 10;
}
.fancybox__thumbs {
  flex: 0 1 100%;
}
.fancybox__thumbs.is-scrollable {
  --f-thumbs-cols: 1;
  --f-thumbs-gap: 8px;
  --f-thumbs-transition: none;
  --f-thumbs-padding-x: 4px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-viewport-padding-x: 4px;
  --f-thumbs-viewport-padding-y: 0px;
  max-width: calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
  width: var(--f-scrollbar-width);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
  background: var(--f-scrollbar-track-bg);
  border-radius: var(--f-scrollbar-track-border-radius);
  box-shadow: var(--f-scrollbar-track-shadow);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
  background: var(--f-scrollbar-thumb-bg);
  border-radius: var(--f-scrollbar-thumb-border-radius);
}
.fancybox__thumbs.is-scrollable.is-hidden {
  max-width: 0;
  --f-thumbs-padding-x: 0;
  max-height: unset;
  --f-thumbs-padding-y: unset;
}
.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
  overflow-x: hidden !important;
  grid-template-columns: repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols))) !important;
}

@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: "Unbounded", "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%);
  --border-radius-full: calc(infinity * 1px);
}
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: 700;
}
h1,
h1 span {
  font-size: 56px;
  line-height: 120%;
}
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: 130%;
}
h2 {
  margin-bottom: 30px;
  max-width: 925px;
}
h2 span {
  color: var(--main-accent-color);
}
h3 {
  font-size: 28px;
  line-height: 120%;
}
p,
ul,
ol,
a {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
}
p,
ul,
ol{
  margin: 0 0 18px;
}
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: var(--border-radius-full);
  border: 3px var(--main-text-color) solid;
  background: var(--black-bg-color);
  font-size: 20px;
  font-weight: 700;
  font-family: var(--accent-font);
  text-transform: uppercase;
  line-height: 100%;
  color: var(--main-text-color);
  padding: 18px 40px 20px;
  -webkit-transition: box-shadow linear 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.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: 40px;
}
.card-with-list ul {
  list-style: none;
  padding: 0;
  margin: 18px 0;
}

.card-with-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.card-with-list ul li::before {
  box-sizing: border-box;
  content: "";
  flex-shrink: 0;
  position: relative;
  top: -1px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 8px;
  border-width: 0.86px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #282828;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.9104 0.486225C11.1635 0.734323 11.1635 1.13657 10.9104 1.38467L4.8624 7.31408C4.60934 7.56218 4.19905 7.56218 3.94599 7.31408L0.489987 3.92584C0.236927 3.67775 0.236927 3.2755 0.489987 3.0274C0.743047 2.7793 1.15334 2.7793 1.4064 3.0274L4.40419 5.96642L9.99399 0.486225C10.247 0.238127 10.6573 0.238127 10.9104 0.486225Z' fill='%23FCB00A'/><path d='M9.78359 0.271831C10.1533 -0.0906242 10.7508 -0.0905966 11.1205 0.271831C11.4935 0.637548 11.4935 1.23326 11.1205 1.59898L5.07265 7.52867C4.70295 7.89105 4.10544 7.89105 3.73574 7.52867L0.279684 4.14C-0.0931687 3.77426 -0.0932875 3.17851 0.279684 2.81285C0.649379 2.45043 1.24688 2.45046 1.6166 2.81285L4.40371 5.54527L9.78359 0.271831ZM10.9104 0.486225C10.6573 0.238127 10.247 0.238127 9.99399 0.486225L4.40419 5.96642L1.4064 3.0274C1.15334 2.7793 0.743047 2.7793 0.489987 3.0274C0.236927 3.2755 0.236927 3.67775 0.489987 3.92584L3.94599 7.31408C4.19905 7.56218 4.60934 7.56218 4.8624 7.31408L10.9104 1.38467C11.1635 1.13657 11.1635 0.734323 10.9104 0.486225Z' fill='%23FCB00A'/></svg>"),
   linear-gradient(97.22deg, #101010 51.4%, #222222 132.44%);
  background-position: left 6px center, center;
  background-repeat: no-repeat, repeat;
  transition: all .3s;

  /* 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)); */
}

.card-with-list ul li:hover::before {
  border-color: #FCB00A;
  transform: rotateY(360deg);
}

.what-get .card-with-list ul li::before,
.tariff-card.card-with-list ul li::before {
  border: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.5273 0.498663C10.7715 0.753108 10.7715 1.16564 10.5273 1.42009L4.69167 7.50118C4.4475 7.75563 4.05161 7.75563 3.80744 7.50118L0.472783 4.02627C0.228608 3.77183 0.228608 3.35929 0.472783 3.10485C0.716957 2.8504 1.11284 2.8504 1.35702 3.10485L4.24956 6.11904L9.64309 0.498663C9.88726 0.244219 10.2831 0.244219 10.5273 0.498663Z' fill='%23335068'/><path d='M9.44008 0.278785C9.7968 -0.0929425 10.3733 -0.0929141 10.73 0.278785C11.09 0.653857 11.09 1.26481 10.73 1.63988L4.89455 7.72126C4.53783 8.09291 3.96129 8.09291 3.60457 7.72126L0.269864 4.2459C-0.0898974 3.87081 -0.090012 3.25982 0.269864 2.8848C0.626579 2.51311 1.2031 2.51314 1.55984 2.8848L4.24909 5.68712L9.44008 0.278785ZM10.5273 0.498663C10.2831 0.244219 9.88726 0.244219 9.64309 0.498663L4.24956 6.11904L1.35702 3.10485C1.11284 2.8504 0.716957 2.8504 0.472783 3.10485C0.228608 3.35929 0.228608 3.77183 0.472783 4.02627L3.80744 7.50118C4.05161 7.75563 4.4475 7.75563 4.69167 7.50118L10.5273 1.42009C10.7715 1.16564 10.7715 0.753108 10.5273 0.498663Z' fill='%23335068'/></svg>"), none;
}

.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%3cg clip-path='url(%23clip0_2613_2)'%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 fill-rule='evenodd' clip-rule='evenodd' d='M17.2149 26.9429C15.2521 26.9429 14.34 26.6551 12.7545 25.504C11.7517 26.799 8.57594 27.8111 8.43743 26.0796C8.43743 24.7798 8.1509 23.6815 7.82616 22.4824C7.43935 21.0051 7 19.36 7 16.9763C7 11.2831 11.6514 7 17.1623 7C22.6781 7 26.9999 11.4941 26.9999 17.029C27.0184 22.4783 22.6406 26.9139 17.2149 26.9429ZM17.2961 11.921C14.6122 11.7819 12.5205 13.6476 12.0573 16.5734C11.6752 18.9955 12.3534 21.9452 12.9312 22.0987C13.2082 22.1658 13.9054 21.5999 14.34 21.1634C15.0586 21.662 15.8954 21.9614 16.766 22.0315C19.5469 22.1659 21.9231 20.0396 22.1098 17.2497C22.2185 14.4538 20.0774 12.0858 17.2961 11.9258V11.921Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2613_2'%3e%3crect width='35' height='35' fill='white'/%3e%3c/clipPath%3e%3c/defs%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%3cg clip-path='url(%23clip0_2613_2)'%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 fill-rule='evenodd' clip-rule='evenodd' d='M17.2149 26.9429C15.2521 26.9429 14.34 26.6551 12.7545 25.504C11.7517 26.799 8.57594 27.8111 8.43743 26.0796C8.43743 24.7798 8.1509 23.6815 7.82616 22.4824C7.43935 21.0051 7 19.36 7 16.9763C7 11.2831 11.6514 7 17.1623 7C22.6781 7 26.9999 11.4941 26.9999 17.029C27.0184 22.4783 22.6406 26.9139 17.2149 26.9429ZM17.2961 11.921C14.6122 11.7819 12.5205 13.6476 12.0573 16.5734C11.6752 18.9955 12.3534 21.9452 12.9312 22.0987C13.2082 22.1658 13.9054 21.5999 14.34 21.1634C15.0586 21.662 15.8954 21.9614 16.766 22.0315C19.5469 22.1659 21.9231 20.0396 22.1098 17.2497C22.2185 14.4538 20.0774 12.0858 17.2961 11.9258V11.921Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2613_2'%3e%3crect width='35' height='35' fill='white'/%3e%3c/clipPath%3e%3c/defs%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%; */
  margin-top: 18px;
}
.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 {
  font-family: var(--accent-font);
  font-weight: 700;
  font-size: 14px;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.open-menu-link,
.menu-link {
  padding: 10px 10px 54px;
}
.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;
  align-items: center;
  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; */
  gap: 6px;
}
.header-contacts a {
  font-family: var(--accent-font);
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  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: 200px;
  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: 18px;
  line-height: 140%;
  margin: 0 0 10px;
}
.offer-wrap .offer-title-wrap p:first-of-type{
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}
.offer-wrap a,
.offer_sm .offer-wrap a {
  /* color: var(--main-accent-color); */
}
.offer-title-wrap {
  padding-left: 30px;
  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: 50px;
}
.offer-links .btn-general-style {
  max-width: 385px;
  /* height: 74px; */
  /* font-size: 20px; */
  /* line-height: 100%; */
}
.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 0 40px;
  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 10px;
  margin-right: 0 !important;
}
.breadcrumb li {
  color: var(--main-text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  -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: 25px;
  height: 25px;
  background-size: cover;
  display: inline-block;
  margin: 2px 0 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); */
  display: flex;
  gap: 20px;
}
.tariff-card {
  flex: 1;
  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,
.tariff-card p:last-of-type {
  font-size: 18px;
  line-height: 140%;
  margin: 0 0 18px;
}
.tariff-card h2 {
  margin-bottom: 20px;
}
.tariff-card ul {
  margin: 0 0 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.tariff-card ul li {
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 18px;
}
.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: 24px;
  line-height: 120%;
  font-weight: 700;
  text-align: center;
  /* 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;
}
.tariff-card__footer {
  display: flex;
  flex-direction: column;
  min-height: 190px;
  margin-top: auto;
}
.tariff-card__footer strong {
  display: block;
  margin-bottom: auto;
}
.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: 18px;
}
.content-cards_razrab .content-card ul li {
  /* font-size: 24px; */
  /* line-height: 24px; */
  margin-bottom: 18px;
}
.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: 18px;
  line-height: 140%;
}
.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 30px;
  position: relative;
  width: 48%;
  background: var(--main-bg-color);
  /* min-height: 96px; */
  font-family: var(--accent-font);
  /* text-transform: uppercase; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  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;
  min-width: 54px;
  color: rgba(255, 255, 255, 0.1);
  font-size: 40px;
  line-height: 100%;
  font-weight: 700;
  text-align: center;
  top: 18px;
  right: 20px;
  z-index: 0;
}
.content-card__block-number:before {
  content: "0";
}
.content-card__block:nth-child(n+10) .content-card__block-number:before {
  content: "";
}
.content-card__block p {
  position: relative;
}
.content-card__block p::first-letter {
  text-transform: uppercase;
}
.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: var(--border-radius-full);
  background: rgba(255,255,255,.9);
  border: 3px solid #bb9e9e;
  outline: none;
  width: 100%;
  margin-bottom: 1px;
  /* height: 70px; */
  padding: 18px 40px 20px;
  font-family: var(--main-font) !important;
  color: var(--black-bg-color);
  font-family: 'Montserrat';
  font-size: 18px;
  line-height: 140%;
  transition: background-color 0.3s;
  /* -o-text-overflow: ellipsis;
  text-overflow: ellipsis; */
}
.form__input::-webkit-input-placeholder,
.form__input::-moz-placeholder,
.form__input:-ms-input-placeholder {
  color: #979797;
}
.form__input:focus{
  background-color: #fff;
}
.form__input-error {
  color: #e5ff47;
  font-size: 12px;
}
.form__btn_main {
  margin-bottom: 45px;
}
.form__btn_popup {
  width: 100%;
  margin-bottom: 20px;
}
.form__text {
  font-size: 18px;
  line-height: 140%;
}
.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: space-between;
  margin-bottom: 50px;
  gap: 20px;
}
.cases-card {
  position: relative;
  /* background: var(--bg-grey-cards-large); */
  border-radius: 30px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.45), inset 0px 1px 4px rgba(255, 255, 255, 0.04), inset 0px 1px 4px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(7px);
}
/* .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::before{
  content: "";
  position: absolute;
  bottom: -480px;
  left: -10px;
  width: 1480px;
  height: 960px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 0% 50%, rgba(114, 171, 191, .2), transparent),
      radial-gradient(circle at 50% 100%, rgba(114, 171, 191, .4), transparent);
  filter: blur(150px);
}
.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::before {
  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 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.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 {
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 120%;
}
.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: 320px;
}
.cases-card_sm ul li {
  margin-bottom: 18px;
}
.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%;
  justify-content:end;
  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: 48%;
  border-radius: 30px;
}
.how-work-card h3{
  margin-bottom: 20px;
}
.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: 40px;
  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: 30px;
}

.wrap-checkbox [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.wrap-checkbox [type="checkbox"]:not(:checked) + label:before,
.wrap-checkbox [type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #fff;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.wrap-checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.wrap-checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.wrap-checkbox {
  position: relative;
  cursor: pointer;
  text-align: left;
}

.wrap-checkbox label {
  display: block;
  padding-left: 40px;
  font-family: "Montserrat";
  text-align: left;
  /* line-height: 150% !important; */
  cursor: pointer;
}

.wrap-checkbox label:hover:before {
  border: 2px solid #ffa901 !important;
}

.wrap-checkbox [type="checkbox"]:not(:checked) + label:after,
.wrap-checkbox [type="checkbox"]:checked + label:after {
  content: "\2713\0020";
  position: absolute;
  top: 0.1em;
  left: 0.22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #ffa901;
  transition: all 0.2s;
  font-family: "Lucida Sans Unicode", "Arial Unicode MS", Arial;
}

.briefs .wrap-checkbox label {
  margin-left: 0;
}

.briefs .wrap-checkbox {
  margin-top: 20px;
}

.what-do-card {
  width: calc((100% - 3 * 30px) / 4);
  min-height: 96px;
  padding: 20px 30px 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-family: var(--accent-font);
  font-size: 40px;
  line-height: 100%;
  font-weight: 600;
  top: 18px;
  right: 20px;
}
.what-do-card__number:before {
  content: "0";
}
.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;
  align-items: center;
  gap: 24px;
  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 {
  font-size: 38px;
  /* 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;
  margin-top: 40px;
}
.team-card {
  width: 520px;
  min-height: 500px;
  background: var(--bg-question-cards);
  position: relative;
  -webkit-transition: box-shadow linear 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.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 {
  font-family: 'Montserrat';
  font-size: 18px;
  line-height: 140%;
  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);
  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-family: var(--accent-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
}
.faq-card-btn {
  position: relative;
  top: 2px;
  flex-shrink: 0;
  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: 26px;
  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%;
  padding: 30px;
}
.logos-slider .other-services-slider-card {
  gap: 0;
  padding: 0;
  background: none;
  -webkit-transition: box-shadow linear 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.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 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.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;
}

.swiper-gratitude {
  overflow: hidden;
  margin-top: 40px;
}

.swiper-gratitude .swiper-slide {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.swiper-gratitude .swiper-slide img {
  border-radius: 30px;
  height: 544px;
  cursor: pointer;
  object-fit: cover;
  width: 100%;
}

.gratitude-section .container {
  position: relative;
}

.gratitude-decor {
  position: absolute;
  z-index: 1;
  top: -200px;
  right: -45px;
}

@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;
  }
  .cases-card_sm ul li {
    margin-bottom: 16px;
  }
}

@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;
  margin-bottom: 0;
  display: block;
  border-radius: 30px;
  -webkit-transition: box-shadow linear 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.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: 18px 0 18px;
  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: 8px;
}
.contacts-info__time {
  margin: 18px 0 18px;
  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__time p:first-of-type{
  margin-bottom: 8px;
}
.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: 20px; */
  /* font-weight: 400; */
  /* font-family: var(--accent-font); */
  /* line-height: 120%; */
  color: var(--main-text-color);
  padding: 18px 40px;
  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{
  display: flex;
  flex-direction: column;
  flex-basis: 300px;
}
.footer-logo-wrap p {
  margin-bottom: 20px;
}
.footer-logo-wrap p:last-of-type {
  margin-bottom: 0;
}
.footer-logo-link {
  width: 237px;
  height: 61px;
  display: block;
  margin-bottom: 20px;
}
.footer-logo-politic{
  margin: auto 0 10px;
}
.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 {
  line-height: 14px;
  margin-bottom: 20px;
}
.footer-nav ul li:last-of-type {
  margin-bottom: 0;
}
.footer-nav ul li a {
  font-family: var(--accent-font);
  font-size: 14px;
  line-height: 100%;
  font-weight: 700;
  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 {
  justify-content: flex-end;
  margin-top: 20px;
}
.footer-contacts-link {
  font-family: var(--accent-font);
  font-weight: 700;
}
.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;
}
.footer-info__time{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.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 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.1s;
}
.blog-card p {
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--accent-font);
  text-transform: uppercase;
  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: 18px;
  line-height: 140%;
}
.article-content a {
  color: var(--main-accent-color);
}
.article-content ul,
.article-content ol {
  margin-bottom: 18px;
  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: 18px;
  line-height:  140%;
  font-weight: 500;
}
.article-info a {
  color: var(--main-accent-color);
}
.article-views-wrap {
  margin: 18px 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(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%3cg clip-path='url(%23clip0_2613_2)'%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 fill-rule='evenodd' clip-rule='evenodd' d='M17.2149 26.9429C15.2521 26.9429 14.34 26.6551 12.7545 25.504C11.7517 26.799 8.57594 27.8111 8.43743 26.0796C8.43743 24.7798 8.1509 23.6815 7.82616 22.4824C7.43935 21.0051 7 19.36 7 16.9763C7 11.2831 11.6514 7 17.1623 7C22.6781 7 26.9999 11.4941 26.9999 17.029C27.0184 22.4783 22.6406 26.9139 17.2149 26.9429ZM17.2961 11.921C14.6122 11.7819 12.5205 13.6476 12.0573 16.5734C11.6752 18.9955 12.3534 21.9452 12.9312 22.0987C13.2082 22.1658 13.9054 21.5999 14.34 21.1634C15.0586 21.662 15.8954 21.9614 16.766 22.0315C19.5469 22.1659 21.9231 20.0396 22.1098 17.2497C22.2185 14.4538 20.0774 12.0858 17.2961 11.9258V11.921Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2613_2'%3e%3crect width='35' height='35' fill='white'/%3e%3c/clipPath%3e%3c/defs%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='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; */
  font-family: var(--accent-font);
  font-weight: 700;
  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-family: var(--accent-font);
  font-size: 28px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
}
.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: 30px 0 20px;
}
.article-aside ul li {
  width: 100%;
  margin-bottom: 20px;
  padding: 11px 30px;
  /* background: var(--main-text-color); */
  border-radius: 20px;
  /* border: 3px black solid; */
  background: #8097ad;
}
.article-aside ul li:last-of-type {
  margin-bottom: 0;
}
.article-aside ul li a {
  font-family: var(--accent-font);
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: var(--main-text-color);
}
.article-aside ul li.active-item {
  box-shadow: 0px 0px 10px var(--main-text-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),
.btn-general-style.btn-general-style--accent {
  background: var(--main-text-color);
  color: var(--black-bg-color);
  border: 3px var(--black-bg-color) solid;
}
.sites-card-links a:nth-of-type(2) {
  margin-top: 20px;
}
.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: 18px;
  line-height: 120%;
}
.sites-card-other ul li{
  margin-bottom: 18px;
}
.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: 18px; */
  /* line-height: 120%; */
}
.raschet-content a {
  color: var(--main-accent-color);
}
.raschet-content ul {
  margin: 20px 0;
}
.raschet-content ul li,
.raschet-content ol li {
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 18px;
}
.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: var(--border-radius-full);
  font-size: 18px;
  font-weight: 700;
  font-family: var(--accent-font);
  text-transform: uppercase;
  line-height: 100%;
  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 30px 16px 124px;
  text-align: start;
  background-position: 30px 50%;
  -webkit-transition: box-shadow linear 0.1s;
  -moz-transition: box-shadow linear 0.1s;
  -ms-transition: box-shadow linear 0.1s;
  -o-transition: box-shadow linear 0.1s;
  transition: box-shadow linear 0.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: 28px;
  font-family: var(--accent-font);
  font-weight: 700;
  /* text-transform: uppercase; */
  line-height: 120%;
  margin-bottom: 20px;
  text-align: center;
}
.popup__title_card {
  font-family: var(--accent-font);
  font-weight: 700;
  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: 120%;
  font-family: var(--accent-font);
  font-weight: 700;
  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; */
  font-family: 'Montserrat';
  font-size: 18px;
  line-height: 140%;
  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: 30px;
}
.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: 18px;
  line-height: 140%;
}
.promo-card p:first-of-type {
  text-transform: uppercase;
  font-family: var(--accent-font);
  font-size: 40px;
  line-height: 130%;
  font-weight: 700;
  margin-bottom: 30px;
}
.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 {
  font-family: var(--accent-font);
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
}
.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: 28px;
  line-height: 120%;
  font-weight: 700;
  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: 130%;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--accent-font);
  margin-bottom: 30px;
}
.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: 18px;
  line-height: 140%;
  text-transform: none;
  margin: 0;
  font-family: 'Montserrat';
  font-weight: 400;
}
.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;
  margin-right: 4px;
}
.article-content_vac p,
.article-content_vac ul,
.article-content_vac a {
  font-size: 18px;
  line-height: 140%;
}
.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: 18px;
}
.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: 0.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;
  }
  .gratitude-decor {
    right: 0;
  }
}
@media screen and (max-width: 1620px) {
  .what-do-card {
      width:calc((100% - 2 * 50px) / 3);
  }
  .swiper-gratitude .swiper-slide img {
    height: 650px;
  }
  .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 {
  }
  .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: 120%;
  }
  .cases-card_lg ul li {
    margin-bottom: 16px;
  }
  .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%;
  }
  
  .header .container {
    justify-content: flex-start;
    gap: 20px;
  }
  .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;
  }
  .burger-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .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);
  }
  .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;
  }
  .header-contacts-wrap{
    margin-left: auto;
  }
}
@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; */
    gap: 20px;
  }
  .header .icons-links {
    margin-right: 0;
    /* margin-bottom: 5px; */
  }
  .header-contacts,
  .header .icons-links {
    margin-right: 0;
  }
  .header-contacts a {
  }
  .header-contacts p {
    font-size: 14px;
    line-height: 14px;
  }
  .header .open-popup-btn {
    font-size: 16px;
    line-height: 16px;
    width: 270px;
    padding-left: 116px;
  }
  .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) {
  .what-do-card {
      width:calc((100% - 1 * 50px) / 2);
  }
  .swiper-gratitude .swiper-slide img {
    height: 550px;
  }
  .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) {
  h2{
    font-size: 30px;
  }
  .offer-wrap {
    max-width: 745px;
  }
  .offer-links .btn-general-style {
    max-width: 50%;
  }
  .expert-info {
    width: 50%;
  }
   .tariff-card__footer strong{
    font-size: 22px;
   }
  .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 {
  }
  .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) {
  .swiper-gratitude .swiper-slide img {
    height: 450px;
  }
  h1 {
    max-width: 690px;
  }
  h1,
  h1 span {
    /* font-size: 50px;
    line-height: 50px; */
  }
  .header-item a,
  .header-contacts a {
  }
  .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-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 {
  }
  .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; */
  }
  .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;
  }
  .tariff .container {
    flex-wrap: wrap;
  }
  .tariff-card{
    flex-basis: 49%;
  }
  .tariff-card:last-of-type{
    margin: 0 auto;
  }
}
@media screen and (max-width: 1099px) {
  .cases-card_sm {
    width:100%;
  }
  .cases-card_lg {
    width:100%;  
  }
  .cases-card {
      width:100%;
  }
  .gratitude-decor {
    width: 180px;
    top: -110px;
  }
  .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%;
  }
  .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%;
  }
  .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: 0;
    gap: 10px;
  }
}
@media screen and (max-width: 820px) {
  .swiper-gratitude .swiper-slide img {
    height: 314px;
  }
  .tariff .container {
    flex-direction: column;
  }
  .tariff-card {
    padding: 20px 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: 20px;
    line-height: 140%;
  }
  .tariff-card ul {
    margin: 0 0 16px;
  }
  .tariff-card ul li {
    margin-bottom: 18px;
  }
  .tariff-card strong {
    font-size: 20px;
    line-height: 130%;
  }
  .tariff-card .btn-general-style {
    margin-top: 30px;
    /* height: 60px; */
    /* font-size: 20px; */
    /* line-height: 120%; */
  }
  .tariff-card__footer{
    min-height: 0;
  }
  .tariff-card__footer strong{
    margin-bottom: 0;
  }
  .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) {
  .gratitude-section.section {
    margin-top: 60px;
  }
  .gratitude-decor {
    width: 120px;
    top: -80px;
  }
  h1,
  h1 span {
    font-size: 26px;
    line-height: 120%;
  }
  h1 {
    margin-top: 10px;
  }
  h2,
  h2 span {
    font-size: 20px;
    line-height: 130%;
  }
  h1,
  h2,
  h3 {
    margin-bottom: 10px;
    max-width: 100%;
  }
  h3,
  h3 span {
    font-size: 17px;
    line-height: 120%;
  }
  p,
  ul,
  ol,
  a {
    font-size: 16px;
    line-height: 140%;
  }
  p,
  ul,
  ol{
    margin-bottom: 16px;
  }
  .section {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .card-general-style {
    padding: 20px;
  }
  .card-with-list ul li {
    font-size: 16px;
    line-height: 140%;
  }
  .card-with-list ul li::before {
    margin-right: 3px;
  }
  .tariff-card:last-of-type{
    margin: 0;
  }
  .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: 0;
  }
  .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 .offer-title-wrap p:first-of-type{
    font-size: 16px;
    line-height: 140%;
  }
  .offer-wrap p:first-of-type,
  .offer_sm .offer-wrap p,
  .offer-wrap a,
  .offer_sm .offer-wrap a {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 16px;
  }
  .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;
  }
  .tariff-card{
    flex-basis: 100%;
  }
  .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: 140%;
  }

  .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: 16px;
  }
  .content-cards_razrab .content-card ul {
    margin: 10px 0;
  }
  .content-cards_razrab .content-card ul li {
    /* font-size: 16px; */
    /* line-height: 140%; */
    margin-bottom: 16px;
  }
  .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: 140%;
    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: 140%;
  }
  .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: 140%;
  }
  .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: 140%; */
  }
  .form__input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 140%;
  }
  .form__input::-moz-placeholder {
    font-size: 16px;
    line-height: 140%;
  }
  .form__input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 140%;
  }
  .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: 100%; */
  }
  .form__text,
  .form__link_request {
    font-size: 16px;
    line-height: 140%;
  }
  .form-main-img {
    width: 164px;
    height: 141px;
  }
  .form__field_request {
    margin-bottom: 10px;
  }
  .form__textarea {
    padding: 10px;
    line-height: 140%;
    font-size: 140%;
    margin-bottom: 10px;
    min-height: 100px;
  }
  .form__textarea::-webkit-input-placeholder,
  .form__textarea::-moz-placeholder,
  .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: 16px;
    line-height: 140%;
  }
  .cases-card a {
    font-size: 16px;
    line-height: 140%;
  }
  .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: 10px;
    text-align: center;
    margin-bottom: 10px;
  }
  .how-work-card h3{
    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;
  }
  .expert-info h2{
    font-size: 20px;
    line-height: 130%;
  }
  .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: 140%;
  }
  .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: 140%;
    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: 140%;
    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: 140%;
  }
  .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: 140%;
  }
  .article-aside-title p {
    font-size: 28px;
    line-height: 100%;
    text-transform: uppercase;
  }
  .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: 120%;
  }
  .sites-card-other ul li{
    margin-bottom: 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: 120%;
  }
  .raschet-content ul {
    margin: 20px 0;
  }
  .raschet-content ul li,
  .raschet-content ol li {
    margin-bottom: 16px;
  }
  .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: 140%;
  }
  .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: 28px;
    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: 140%;
  }
  .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;
  }
  .wrap-checkbox [type="checkbox"]:not(:checked) + label:before,
  .wrap-checkbox [type="checkbox"]:checked + label:before {
    top: 0;
  }
  .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: 140%;
  }
  .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: 100%; */
  }
  .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;
    justify-content: flex-start;
  }
  .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: 140%;
  }
  .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: 140%;
  }
  .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: 140%;
    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;
  }
  .footer-logo-wrap{
    flex-basis: auto;
  }
}
@media screen and (max-width: 520px) {
  .swiper-gratitude .swiper-slide img {
    height: 233px;
    border-radius: 20px;
  }
  .gratitude-decor {
    width: 90px;
    top: -85px;
  }
  .team-cards {
    margin-top: 0;
    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: 140%
  }
  .team-card-black-info-wrap strong {
    font-size: 30px;
    line-height: 30px;
    margin: 10px 0;
  }
  .team-card-info-click {
    font-size: 16px;
    line-height: 140%
    -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: 20px; */
  }
  .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{
    font-size: 26px;
    line-height: 120%;
  }
  h2,
  h2 span {
    font-size: 20px;
    line-height: 130%;
  } */
}
@media screen and (max-width: 375px) {
  .header-logo-link {
    min-width: 90px;
    max-width: 90px;
  }
  .burger-btn {
    margin-left: 0;
  }
  .content-cards_site .content-card p {
    font-size: 16px;
  }
  .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: 20px;
    line-height: 120%;
  }
  .about-card-item p {
    font-size: 16px;
    line-height: 140%
  }
  .popup__container {
    width: calc(100% - 20px);
  }
  .eye {
    width: 13%;
    height: 30%;
    right: 22.5%;
    top: 47%;
  }
  .form__input::-webkit-input-placeholder,
  .form__input::-moz-placeholder,
  .form__input:-ms-input-placeholder,
  .form__textarea::-webkit-input-placeholder,
  .form__textarea::-moz-placeholder,
  .form__textarea:-ms-input-placeholder {
    font-size: 16px;
    line-height: 140%;
  }
  .popup__text_card,
  .popup__text_card p,
  .popup__text_card ul {
    font-size: 16px;
    line-height: 140%;
  }
}
@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: 0.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: 0.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: 0.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: 0.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 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.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: 0.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: 0.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: 0.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: 0.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: 0.3s;
}
.bPrik:hover {
  text-decoration: underline;
}
.upr.atta {
  height: 0;
  overflow: hidden;
  transition: 0.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: 700;
}
.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: 0.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 */
.footer-info .open-popup-btn{
  max-width: 290px;
}