span.label-step.active {
  background-color: #0099FF;
}

span.label-step {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 90px;
  background-color: #1E252B;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

span.hits {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  padding: 10px 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 90px;
  background-color: #FC5045;
  font-weight: 400;
  white-space: nowrap;
}

.stars-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stars-wrap span.star {
  display: inline-block;
  width: 28px;
  height: 27px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDIyLjkxNjdMNS41IDI3LjY2NjdMNy44NzUgMTguMTY2N0wwLjc1IDEwLjI1TDExLjA0MTcgOS40NTgzM0wxNSAwLjc1TDE4Ljk1ODMgOS40NTgzM0wyOS4yNSAxMC4yNUwyMi4xMjUgMTguMTY2N0wyNC41IDI3LjY2NjdMMTUgMjIuOTE2N1oiIGZpbGw9IiMxRTI1MkIiLz4KPC9zdmc+Cg==");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.stars-wrap span.star + span.star {
  margin-left: 22px;
}

h2,
.h2 {
  font-size: 44px;
  line-height: 64px;
}

h3 {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
}

.arrows-pricing-slider {
  display: flex;
  align-items: center;
  gap: 42px;

}

.btn-pricing-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: static;
  right: auto;
  left: auto;
  top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 0;
  white-space: nowrap;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}
.btn-pricing-arrow.swiper-button-disabled {
  opacity: .5 !important;
}
.btn-pricing-arrow:after {
  display: none;
}

.btn-slider-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: static;
  right: auto;
  left: auto;
  top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 0;
  white-space: nowrap;
  border-radius: 90px;
  border: 1px solid #1E252B;
  padding: 10px 20px;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.btn-slider-arrow:after {
  display: none;
}

.btn-slider-arrow span {
  font-size: 18px;
  line-height: 24px;
  color: #1E252B;
}

.btn-slider-arrow svg {
  width: 28px;
  min-width: 28px;
  height: 18px;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.btn-slider-arrow.swiper-button-prev svg {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-right: 20px;
}

.btn-slider-arrow.swiper-button-next svg {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 20px;
}

header.serv {
  /*background-color: #ffffff;*/
}

/* Белая полоса меню над hero каталога (раньше давал светлый верх JPG с offset 116px) */
body:has(.section-main--catalog) #header .header-fixed {
  background-color: #ffffff;
}

.section-main.nomain {
  background-image: url("../img/services-page/services-section-main-bg.jpg");
  background-position-y: 116px;
  background-size: 100% calc(100% - 116px);
  max-height: 100%;
  height: 100%;
}

/* Hero каталога — маркетплейс плагинов (без JPG) */
.section-main.section-main--catalog {
  --catalog-brand: #2563eb;
  --catalog-brand-soft: rgba(37, 99, 235, 0.12);
  --catalog-indigo: #4f46e5;
  --catalog-success: #10b981;
  --catalog-success-soft: rgba(16, 185, 129, 0.14);
  --catalog-slate: #0f172a;
  --catalog-bg: #f1f5f9;
  --catalog-bg-alt: #e8eef6;
  position: relative;
  overflow: hidden;
  background-color: var(--catalog-bg);
  background-image: none;
}

.section-main.section-main--catalog.nomain {
  background-image: none;
  max-height: none;
  height: auto;
  padding-top: 116px;
  padding-bottom: clamp(56px, 7vh, 80px);
}

.section-main--catalog .container,
.section-main--catalog .section-main-block,
.section-main--catalog .section-main-middle {
  position: relative;
  z-index: 1;
}

/* Не перекрываем фото продукта в колонке справа */
.section-main--catalog:has(.section-main-middle--with-photo) .catalog-hero-modules,
.section-main--catalog:has(.section-main-middle--with-photo) .catalog-hero-network {
  display: none;
}

.section-main--catalog:has(.section-main-middle--with-photo) .catalog-hero-pattern {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 55%, #000 85%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 55%, #000 85%, #000 100%);
}

.catalog-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

/* --- База: светлый B2B + зона «каталог» справа --- */
.catalog-hero-base {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(118deg, #ffffff 0%, var(--catalog-bg) 38%, var(--catalog-bg-alt) 100%),
    radial-gradient(ellipse 70% 90% at 88% 50%, var(--catalog-brand-soft) 0%, transparent 58%),
    radial-gradient(ellipse 50% 60% at 75% 85%, var(--catalog-success-soft) 0%, transparent 52%);
}

/* Плавающие градиентные пятна и геометрия */
.catalog-hero-floats {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.catalog-hero-blob {
  position: absolute;
  border-radius: 50%;
  -webkit-filter: blur(56px);
  filter: blur(56px);
  will-change: transform;
  -webkit-animation: catalog-hero-blob-drift 20s ease-in-out infinite;
  animation: catalog-hero-blob-drift 20s ease-in-out infinite;
}

.catalog-hero-blob--1 {
  width: min(42vw, 320px);
  height: min(42vw, 320px);
  left: -4%;
  top: 18%;
  background: radial-gradient(circle at 40% 40%, rgba(37, 99, 235, 0.5) 0%, rgba(37, 99, 235, 0) 68%);
  -webkit-animation-duration: 18s;
  animation-duration: 18s;
}

.catalog-hero-blob--2 {
  width: min(36vw, 280px);
  height: min(36vw, 280px);
  right: 12%;
  top: 8%;
  background: radial-gradient(circle at 50% 50%, rgba(79, 70, 229, 0.38) 0%, rgba(79, 70, 229, 0) 70%);
  -webkit-animation-duration: 22s;
  animation-duration: 22s;
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
}

.catalog-hero-blob--3 {
  width: min(40vw, 300px);
  height: min(40vw, 300px);
  right: 28%;
  bottom: 5%;
  background: radial-gradient(circle at 55% 55%, rgba(16, 185, 129, 0.42) 0%, rgba(16, 185, 129, 0) 65%);
  -webkit-animation-duration: 24s;
  animation-duration: 24s;
  -webkit-animation-delay: -9s;
  animation-delay: -9s;
}

.catalog-hero-blob--4 {
  width: min(28vw, 200px);
  height: min(28vw, 200px);
  left: 32%;
  bottom: 12%;
  background: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.35) 0%, rgba(59, 130, 246, 0) 72%);
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.catalog-hero-shape {
  position: absolute;
  display: block;
  opacity: 0.55;
  -webkit-animation: catalog-hero-shape-float 12s ease-in-out infinite;
  animation: catalog-hero-shape-float 12s ease-in-out infinite;
}

.catalog-hero-shape--ring {
  width: 48px;
  height: 48px;
  left: 14%;
  top: 62%;
  border: 2px solid rgba(37, 99, 235, 0.22);
  border-radius: 50%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.catalog-hero-shape--plus {
  width: 20px;
  height: 20px;
  right: 38%;
  top: 28%;
  background:
    linear-gradient(var(--catalog-brand) 0 0) center/2px 100% no-repeat,
    linear-gradient(var(--catalog-brand) 0 0) center/100% 2px no-repeat;
  opacity: 0.35;
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
}

.catalog-hero-shape--square {
  width: 14px;
  height: 14px;
  right: 14%;
  bottom: 32%;
  border-radius: 4px;
  border: 1.5px solid rgba(16, 185, 129, 0.35);
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
  -webkit-animation-delay: -6s;
  animation-delay: -6s;
}

.catalog-hero-shape--dot {
  width: 10px;
  height: 10px;
  left: 48%;
  top: 22%;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.25);
  -webkit-box-shadow: 0 0 24px rgba(37, 99, 235, 0.35);
  box-shadow: 0 0 24px rgba(37, 99, 235, 0.35);
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s;
}

@-webkit-keyframes catalog-hero-blob-drift {
  0%, 100% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(28px, -22px) scale(1.08);
    transform: translate(28px, -22px) scale(1.08);
  }
  66% {
    -webkit-transform: translate(-18px, 16px) scale(0.94);
    transform: translate(-18px, 16px) scale(0.94);
  }
}

@keyframes catalog-hero-blob-drift {
  0%, 100% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(28px, -22px) scale(1.08);
    transform: translate(28px, -22px) scale(1.08);
  }
  66% {
    -webkit-transform: translate(-18px, 16px) scale(0.94);
    transform: translate(-18px, 16px) scale(0.94);
  }
}

@-webkit-keyframes catalog-hero-shape-float {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-14px) rotate(8deg);
    transform: translateY(-14px) rotate(8deg);
  }
}

@keyframes catalog-hero-shape-float {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-14px) rotate(8deg);
    transform: translateY(-14px) rotate(8deg);
  }
}

.catalog-hero-shape--square {
  -webkit-animation-name: catalog-hero-shape-float-square;
  animation-name: catalog-hero-shape-float-square;
}

@-webkit-keyframes catalog-hero-shape-float-square {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(12deg);
    transform: translateY(0) rotate(12deg);
  }
  50% {
    -webkit-transform: translateY(-12px) rotate(22deg);
    transform: translateY(-12px) rotate(22deg);
  }
}

@keyframes catalog-hero-shape-float-square {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(12deg);
    transform: translateY(0) rotate(12deg);
  }
  50% {
    -webkit-transform: translateY(-12px) rotate(22deg);
    transform: translateY(-12px) rotate(22deg);
  }
}

.section-main--catalog:has(.section-main-middle--with-photo) .catalog-hero-floats {
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 52%, transparent 72%);
  mask-image: linear-gradient(90deg, #000 0%, #000 52%, transparent 72%);
}

.section-main--catalog:has(.section-main-middle--with-photo) .catalog-hero-blob--2,
.section-main--catalog:has(.section-main-middle--with-photo) .catalog-hero-blob--3 {
  right: auto;
  left: 38%;
}

/* Точки + «соты» модулей справа */
.catalog-hero-pattern {
  position: absolute;
  inset: 0;
  z-index: 2;
  background-image:
    radial-gradient(circle, rgba(37, 99, 235, 0.14) 1px, transparent 1px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48' viewBox='0 0 56 48'%3E%3Cpath d='M28 0 L56 14 L56 34 L28 48 L0 34 L0 14 Z' fill='none' stroke='rgba(37,99,235,0.07)' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 24px 24px, 56px 48px;
  background-position: 0 0, 100% 50%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 42%, #000 72%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 42%, #000 72%, #000 100%);
  opacity: 0.9;
}

/* Сеть связей между «модулями» */
.catalog-hero-network {
  position: absolute;
  right: 0;
  top: 50%;
  width: min(52%, 520px);
  height: 75%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.85;
}

.catalog-hero-network__path {
  stroke-dasharray: 480;
  stroke-dashoffset: 480;
  -webkit-animation: catalog-hero-path-draw 2.8s ease-out forwards;
  animation: catalog-hero-path-draw 2.8s ease-out forwards;
}

.catalog-hero-network__path--2 {
  stroke-dasharray: 8 10;
  -webkit-animation: catalog-hero-path-dash 12s linear infinite;
  animation: catalog-hero-path-dash 12s linear infinite;
}

.catalog-hero-network__node {
  fill: var(--catalog-brand);
  opacity: 0.7;
  -webkit-animation: catalog-hero-node-pulse 3s ease-in-out infinite;
  animation: catalog-hero-node-pulse 3s ease-in-out infinite;
}

.catalog-hero-network__node--success {
  fill: var(--catalog-success);
}

@-webkit-keyframes catalog-hero-path-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes catalog-hero-path-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes catalog-hero-path-dash {
  to {
    stroke-dashoffset: -36;
  }
}

@keyframes catalog-hero-path-dash {
  to {
    stroke-dashoffset: -36;
  }
}

@-webkit-keyframes catalog-hero-node-pulse {
  0%, 100% {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}

@keyframes catalog-hero-node-pulse {
  0%, 100% {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}

/* Карточки-плагины */
.catalog-hero-modules {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.catalog-hero-module {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: 92px;
  padding: 10px 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(37, 99, 235, 0.1);
  -webkit-box-shadow: 0 16px 48px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  -webkit-animation: catalog-hero-module-float 7s ease-in-out infinite;
  animation: catalog-hero-module-float 7s ease-in-out infinite;
}

.catalog-hero-module__bar {
  display: block;
  height: 6px;
  width: 36px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--catalog-brand), #3b82f6);
}

.catalog-hero-module__bar--green {
  background: linear-gradient(90deg, var(--catalog-success), #34d399);
}

.catalog-hero-module__bar--indigo {
  background: linear-gradient(90deg, var(--catalog-indigo), #818cf8);
  width: 28px;
}

.catalog-hero-module__icon {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0.04) 100%),
    linear-gradient(var(--catalog-brand) 0 0) center/10px 2px no-repeat,
    linear-gradient(var(--catalog-brand) 0 0) center/2px 10px no-repeat;
}

.catalog-hero-module__icon--alt {
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(16, 185, 129, 0.05) 100%);
  position: relative;
}

.catalog-hero-module__icon--alt::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  width: 12px;
  height: 8px;
  border: 2px solid var(--catalog-success);
  border-top: none;
  border-radius: 0 0 3px 3px;
}

.catalog-hero-module__line {
  display: block;
  height: 4px;
  border-radius: 2px;
  background: rgba(15, 23, 42, 0.08);
  width: 100%;
}

.catalog-hero-module__line--short {
  width: 65%;
}

.catalog-hero-module--1 {
  top: 22%;
  right: 18%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.catalog-hero-module--2 {
  top: 48%;
  right: 8%;
  width: 100px;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.catalog-hero-module--3 {
  bottom: 18%;
  right: 22%;
  width: 84px;
  opacity: 0.92;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

@-webkit-keyframes catalog-hero-module-float {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes catalog-hero-module-float {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.catalog-hero-glow {
  position: absolute;
  z-index: 4;
  border-radius: 50%;
  -webkit-filter: blur(72px);
  filter: blur(72px);
  pointer-events: none;
}

.catalog-hero-glow--brand {
  width: 420px;
  height: 420px;
  top: -80px;
  right: 5%;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.22) 0%, transparent 70%);
  -webkit-animation: catalog-hero-glow-drift 26s ease-in-out infinite;
  animation: catalog-hero-glow-drift 26s ease-in-out infinite;
}

.catalog-hero-glow--success {
  width: 320px;
  height: 320px;
  bottom: -60px;
  right: 25%;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.16) 0%, transparent 70%);
  -webkit-animation: catalog-hero-glow-drift 20s ease-in-out infinite reverse;
  animation: catalog-hero-glow-drift 20s ease-in-out infinite reverse;
}

@-webkit-keyframes catalog-hero-glow-drift {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-24px, 18px);
    transform: translate(-24px, 18px);
  }
}

@keyframes catalog-hero-glow-drift {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-24px, 18px);
    transform: translate(-24px, 18px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-hero-blob,
  .catalog-hero-shape,
  .catalog-hero-glow,
  .catalog-hero-module {
    -webkit-animation: none;
    animation: none;
  }
}

.catalog-hero-shine {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(255, 255, 255, 0) 22%,
    transparent 100%
  );
  pointer-events: none;
}

@media screen and (max-width: 1024px) {
  .catalog-hero-network,
  .catalog-hero-modules {
    opacity: 0.45;
  }

  .catalog-hero-module--1 {
    right: 4%;
  }

  .catalog-hero-module--2 {
    right: 0;
  }

  .catalog-hero-module--3 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .catalog-hero-network,
  .catalog-hero-modules,
  .catalog-hero-pattern,
  .catalog-hero-shape {
    display: none;
  }

  .catalog-hero-blob--3,
  .catalog-hero-blob--4 {
    display: none;
  }

  .catalog-hero-base {
    background:
      linear-gradient(165deg, #ffffff 0%, var(--catalog-bg) 55%, var(--catalog-bg-alt) 100%),
      radial-gradient(ellipse 90% 70% at 100% 0%, var(--catalog-brand-soft) 0%, transparent 50%);
  }
}

.section-main--catalog h1 {
  letter-spacing: -0.02em;
}

.section-main h1 {
  font-size: 56px;
  line-height: 76px;
  max-width: 890px;
}

.nomain .section-main-middle {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 30px;
}

.nomain .section-main-middle.section-main-middle--with-photo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nomain .section-main-middle--with-photo .section-main-content {
  width: calc(55% - 20px);
  max-width: 890px;
}

.nomain .section-main-middle--with-photo .section-main-photo--hero {
  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;
  width: calc(45% - 20px);
  max-width: 800px;
  -ms-flex-item-align: center;
  align-self: center;
}

.nomain .section-main-middle--with-photo .section-main-photo--hero img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 800px;
  -o-object-fit: contain;
     object-fit: contain;
}

.section-main-content {
  width: 60%;
  padding-top: 7%;
}

.section-main-content__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}

.section-main-content__btns .section-main-content__btn {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  width: auto;
}

/* Блок gifts — только каталог (services не затрагиваем) */
.gifts-block--catalog .gifts-photo {
  -ms-flex-item-align: center;
  align-self: center;
  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;
  width: calc(50% - 40px);
  max-width: 663px;
}

.gifts-block--catalog .gifts-photo img {
  display: block;
  max-width: 100%;
  height: auto;
}

.gifts-block--catalog .gifts-content {
  width: calc(50% - 40px);
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.gifts-block--catalog .gifts-content-wrap {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 1600px) {
  .gifts-block--catalog .gifts-content-wrap {
    max-width: none;
  }
}

@media screen and (max-width: 1024px) {
  .section-main--catalog.nomain .section-main-middle.section-main-middle--with-photo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .section-main--catalog.nomain .section-main-middle--with-photo .section-main-content,
  .section-main--catalog.nomain .section-main-middle--with-photo .section-main-photo--hero {
    width: 100%;
    max-width: 100%;
  }

  .section-main--catalog.nomain .section-main-middle--with-photo .section-main-photo--hero {
    margin-top: 32px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .gifts-block--catalog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .gifts-block--catalog .gifts-photo {
    width: 100%;
    max-width: 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-top: 50px;
  }

  .gifts-block--catalog .gifts-content {
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

.product-gallery {
  padding: 60px 0 40px;
}

.product-gallery__title {
  margin: 0 0 40px;
}

.product-gallery .team-grid.gallery,
.product-gallery__grid {
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.product-gallery__grid img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .product-gallery .team-grid.gallery,
  .product-gallery__grid {
    grid-template-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}

.section-main .breadcrumb {
  width: 100%;
}

.section-main .breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-main .breadcrumb ul li + li {
  margin-left: 37px;
}

.section-main .breadcrumb ul li + li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -24px;
  display: block;
  width: 9px;
  height: 9px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNyA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNyA0TDAuMjUgNy44OTcxMUwwLjI1IDAuMTAyODg1TDcgNFoiIGZpbGw9IiM3QTdEODAiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.section-main .breadcrumb ul li {
  position: relative;
}

.section-main .breadcrumb ul li a,
.section-main .breadcrumb ul li span {
  font-size: 14px;
  line-height: 32px;
  color: #1E252B;
}

.section-main .breadcrumb ul li a {
  text-decoration: none;
}

.section-main .breadcrumb ul li span {
  opacity: .6;
}

.section-main .services-main-content-advantages {
  margin-top: 62px;
  margin-bottom: 62px;
}

.section-main .services-main-content-advantages ul li + li {
  margin-top: 20px;
}

.section-main .services-main-content-advantages ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-main .services-main-content-advantages ul li div {
  min-width: 42px;
  width: 42px;
  margin-right: 32px;
}

.section-main .services-main-content-advantages ul li p {
  font-size: 22px;
  line-height: 38px;
  color: #1E252B;
}

.cases-section {
  padding-top: 160px;
  overflow-x: hidden;
}

.cases-section h2,
.cases-section .h2 {
  margin-bottom: 42px;
}

.cases-section h3 {
  margin-bottom: 62px;
}

.cases-section .cases-arrows {
  margin-bottom: 62px;
}

.cases-section .cases-arrows-block {
  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;
}

.cases-section .cases-slider-item-content {
  margin-bottom: 118px;
}

.cases-section .cases-slider-item-img {
  background-color: #F7F9FB;
  padding-top: 130px;
  padding-bottom: 130px;
}

.cases-section .cases-slider-item-img-block {
  width: 100%;
  max-width: 1390px;
  margin: auto;
}

.cases-section .cases-slider-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 160px;
}

.cases-section .cases-slider-item-top,
.cases-section .cases-slider-item-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.cases-section .cases-slider-item-main {
  padding-right: 136px;
}

.cases-section .cases-slider-item-title,
.cases-section .cases-slider-item-desc {
  width: 100%;
  max-width: 954px;
}

.cases-section .cases-slider-item-logo,
.cases-section .cases-slider-item-task {
  width: 100%;
  max-width: 474px;
}

.cases-section .cases-slider-item-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 238px;
  padding: 5px;
  background-color: #F7F9FB;
}

.cases-section .cases-slider-item-logo img {
  max-width: 270px;
}

.cases-section .cases-slider-item-task a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 28px;
  line-height: 34px;
  color: #0099FF;
  margin-bottom: 54px;
}

.cases-section .cases-slider-item-task p {
  font-size: 28px;
  line-height: 34px;
  color: #1E252B;
}

.cases-section .cases-slider-item-desc p {
  font-size: 28px;
  line-height: 56px;
  color: #1E252B;
}

.cases-section .cases-slider-item-desc p + p {
  margin-top: 20px;
}

.results-section {
  position: relative;
  background-image: url("../img/services-page/result-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 124px;
  padding-bottom: 124px;
}

.results-section .results-block {
  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;
}

.results-section .results-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.results-section .results-text p {
  font-size: 44px;
  line-height: 71px;
  font-weight: 600;
  color: #1E252B;
}

.results-section .results-text p span {
  display: block;
  color: #0099FF;
}

.results-section .results-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 9%;
}

.working {
  padding-top: 60px;
  padding-bottom: 160px;
}

.working h2,
.working .h2 {
  margin-bottom: 64px;
}

.working-step:nth-child(odd) {
  background-color: #F7F9FB;
}

.working-step:nth-child(odd) .working-step-icon {
  background-color: #ffffff;
}

.working-step:nth-child(even) {
  background-color: #ffffff;
}

.working-step:nth-child(even) .working-step-icon {
  background-color: #F7F9FB;
}

.working-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3.8%;
}

.working-step-icon {
  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;
  width: 100%;
  max-width: 341px;
  height: 341px;
  margin-right: 11.3%;
}

.working-step-text {
  padding-right: 64px;
}

.working-step-text-label {
  margin-bottom: 42px;
}

.working-step-text-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 46px;
  color: #1E252B;
}

.clients-logo {
  padding-top: 80px;
  padding-bottom: 160px;
}

.clients-logo-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
     transition-timing-function: linear !important;
}

.clients-logo-wrap {
  margin: auto;
  width: 100%;
  max-width: 226px;
  background-color: #ffffff;
}

.clients-logo-wrap img {
  mix-blend-mode: luminosity;
  opacity: .6;
}

.pricing {
  background-color: #F7F9FB;
  padding-top: 160px;
  padding-bottom: 160px;
}

.pricing h2,
.pricing .h2 {
  margin-bottom: 64px;
}

.pricing-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*.pricing-list .swiper-wrapper {
  gap: 30px;
}*/

.pricing-list .swiper-wrapper {
    width: auto;
}

.pricing-item {
  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;
  background-color: #ffffff;
  width: 100%;
  max-width: 517px;
  padding: 3.8%;
  border-top: 12px solid #1E252B;
  -ms-flex-negative: inherit;
      flex-shrink: inherit;
  height: auto;
}

.pricing-item::before {
  position: absolute;
  content: '';
  top: -12px;
  left: 0;
  width: 0;
  height: 12px;
  background-color: #0099FF;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.pricing-item-cost {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  margin-bottom: 42px;
}

.pricing-item-cost-old-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.pricing-item-cost-old {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #7A7D80;
  text-decoration: line-through;
}

.pricing-item-discount {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  padding: 10px 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 90px;
  background-color: #FC5045;
  font-weight: 400;
  white-space: nowrap;
}

.pricing-item-cost-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #1E252B;
}

.pricing-item-cost-current > span:first-child {
  white-space: nowrap;
  margin-right: 25px;
}

.pricing-item-name {
  font-size: 28px;
  line-height: 36px;
  color: #1E252B;
  margin-bottom: 24px;
}

.pricing-item-desc {
  font-size: 22px;
  line-height: 38px;
  color: #7A7D80;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 42px;
}

.pricing-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 42px;
  gap: 32px;
}

.pricing-item-list li {
  position: relative;
  font-size: 22px;
  line-height: 38px;
  padding-left: 70px;
}

.pricing-item-list li::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 39px;
  height: 39px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMxLjE4NjkgMTMuODUzNkMzMS4zODIyIDEzLjY1ODMgMzEuMzgyMiAxMy4zNDE3IDMxLjE4NjkgMTMuMTQ2NEMzMC45OTE2IDEyLjk1MTIgMzAuNjc1IDEyLjk1MTIgMzAuNDc5OCAxMy4xNDY0TDMxLjE4NjkgMTMuODUzNlpNMTUuNjY2NiAyOC42NjY3TDE1LjMxMzEgMjkuMDIwM0MxNS41MDgzIDI5LjIxNTUgMTUuODI0OSAyOS4yMTU1IDE2LjAyMDIgMjkuMDIwM0wxNS42NjY2IDI4LjY2NjdaTTkuNTIwMDkgMjEuODEzMUM5LjMyNDgyIDIxLjYxNzkgOS4wMDgyNCAyMS42MTc5IDguODEyOTggMjEuODEzMUM4LjYxNzcyIDIyLjAwODQgOC42MTc3MiAyMi4zMjUgOC44MTI5OCAyMi41MjAyTDkuNTIwMDkgMjEuODEzMVpNMzAuNDc5OCAxMy4xNDY0TDE1LjMxMzEgMjguMzEzMkwxNi4wMjAyIDI5LjAyMDNMMzEuMTg2OSAxMy44NTM2TDMwLjQ3OTggMTMuMTQ2NFpNOC44MTI5OCAyMi41MjAyTDE1LjMxMzEgMjkuMDIwM0wxNi4wMjAyIDI4LjMxMzJMOS41MjAwOSAyMS44MTMxTDguODEyOTggMjIuNTIwMlpNMzkgMjBDMzkgMzAuNDkzNCAzMC40OTM0IDM5IDIwIDM5VjQwQzMxLjA0NTcgNDAgNDAgMzEuMDQ1NyA0MCAyMEgzOVpNMjAgMzlDOS41MDY1OSAzOSAxIDMwLjQ5MzQgMSAyMEgwQzAgMzEuMDQ1NyA4Ljk1NDMgNDAgMjAgNDBWMzlaTTEgMjBDMSA5LjUwNjU5IDkuNTA2NTkgMSAyMCAxVjBDOC45NTQzIDAgMCA4Ljk1NDMgMCAyMEgxWk0yMCAxQzMwLjQ5MzQgMSAzOSA5LjUwNjU5IDM5IDIwSDQwQzQwIDguOTU0MyAzMS4wNDU3IDAgMjAgMFYxWiIgZmlsbD0iIzFFMjUyQiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.pricing-item-btn {
  margin-top: auto;
}

.pricing-item-btn a {
  width: 100%;
}

.pricing-item.hit .pricing-item-cost-current {
  color: #0099FF;
}

.search-tags {
  padding-top: 130px;
  padding-bottom: 80px;
  overflow-x: hidden;
}

/* Навигация по разделам страницы продукта (под hero) */
.search-tags.search-tags--product-nav {
  padding-top: 40px;
  padding-bottom: 56px;
}

.search-tags--product-nav .search-tags-block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-tags--product-nav .search-tags-list {
  margin-left: 0;
  max-width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0;
}

.search-tags h2,
.search-tags .h2 {
  white-space: nowrap;
}

.search-tags-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.search-tags-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px;
  margin-left: 20px;
  width: 100%;
  max-width: 1170px;
  padding-top: 10px;
}

.we-desc {
  padding-top: 80px;
  padding-bottom: 160px;
  overflow-x: hidden;
}

.team.acsii {
  padding-top: 160px;
  padding-bottom: 80px;
}

.text-section.services-section {
  padding-bottom: 80px;
}

.view-videos.services-videos {
  padding-top: 80px;
}

.services-about-me {
  padding-top: 160px;
  padding-bottom: 110px;  
}

.we-desc-block {
  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;
}

.we-desc-img {
  width: 100%;
  max-width: 810px;
  margin-right: 20px;
}

.we-desc-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.we-desc-content {
  width: 100%;
  max-width: 730px;
}

.we-desc-content h2,
.we-desc-content .h2 {
  margin-bottom: 34px;
}

.we-desc-content__text {
  font-size: 28px;
  line-height: 46px;
  color: #1E252B;
}

.reviews {
  padding-top: 80px;
  padding-bottom: 80px;
}

.reviews-top {
  margin-bottom: 62px;
}

.reviews-top-block {
  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;
}

.reviews-slider {
  margin-bottom: 102px;
}

.reviews .swiper-slide {
  height: auto;
}

.reviews-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 68px;
  padding: 12.5%;
  background-color: #F7F9FB;
}

.reviews-slide-stars {
  margin-bottom: 38px;
}

.reviews-slide-date {
  font-size: 22px;
  line-height: 42px;
  color: #7A7D80;
  margin-bottom: 18px;
}

.reviews-slide-desc {
  font-size: 22px;
  line-height: 42px;
  color: #1E252B;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 32px;
}

.reviews-slide-name {
  font-size: 28px;
  line-height: 36px;
  color: #1E252B;
  margin-bottom: 24px;
  /*margin-top: auto;*/
}

.reviews-slide__letter {
  font-size: 22px;
  line-height: 27px;
  color: #0099FF;
  text-decoration: none;
}

.reviews-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.slogan {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #1E252B), color-stop(50%, #F7F9FB));
  background: -o-linear-gradient(left, #1E252B 50%, #F7F9FB 50%);
  background: linear-gradient(to right, #1E252B 50%, #F7F9FB 50%);
  padding-top: 160px;
  padding-bottom: 160px;
}

.slogan-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 156px;
}

.slogan-text.swiper-slide-active p {
  color: #ffffff;
}

.slogan-text.swiper-slide-next p {
  margin-left: auto;
  color: #1E252B;
}

.slogan-text:not(.swiper-slide-active):not(.swiper-slide-next) {
  opacity: 0;
}

.slogan-text {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.slogan-text p {
  font-weight: 600;
  font-size: 36px;
  line-height: 52px;
  max-width: 663px;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.slogan-text p span {
  color: #0099FF;
}

.slogan-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.slogan-arrows__next,
.slogan-arrows__prev {
  background-color: transparent;
  border: none;
  outline: none;
  width: 68px;
  height: 68px;
  min-width: 68px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;  
  opacity: 1;
  overflow: hidden;
  transition: all .3s;
}
.slogan-arrows button + button {
  margin-top: 20px;
}
.slogan-arrows__next {
  /* margin-bottom: 20px; */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2OCA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxjaXJjbGUgY3g9IjM0IiBjeT0iMzQiIHI9IjMzLjUiIHN0cm9rZT0iIzFFMjUyQiIvPgo8cGF0aCBkPSJNMjAgMzRMNDggMzQiIHN0cm9rZT0iIzFFMjUyQiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zNyAyNUw0OCAzNEwzNyA0MyIgc3Ryb2tlPSIjMUUyNTJCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDEpIj4KPGNpcmNsZSBjeD0iMzQiIGN5PSIzNCIgcj0iMzMuNSIgc3Ryb2tlPSIjRThFOEU4Ii8+CjxwYXRoIGQ9Ik0yMCAzNEw0OCAzNCIgc3Ryb2tlPSIjRThFOEU4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIzNCIgaGVpZ2h0PSI2OCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0KSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxIj4KPHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjY4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.slogan-arrows__prev {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2OCA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxjaXJjbGUgY3g9IjM0IiBjeT0iMzQiIHI9IjMzLjUiIHN0cm9rZT0iI0U4RThFOCIvPgo8cGF0aCBkPSJNMjAgMzRMNDggMzQiIHN0cm9rZT0iI0U4RThFOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zNyAyNUw0OCAzNEwzNyA0MyIgc3Ryb2tlPSIjRThFOEU4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDEpIj4KPGNpcmNsZSBjeD0iMzQiIGN5PSIzNCIgcj0iMzMuNSIgc3Ryb2tlPSIjMUUyNTJCIi8+CjxwYXRoIGQ9Ik0yMCAzNEw0OCAzNCIgc3Ryb2tlPSIjMUUyNTJCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIzNCIgaGVpZ2h0PSI2OCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0KSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxIj4KPHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjY4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.questions {
  padding-top: 160px;
  padding-bottom: 80px;
}

.questions h2,
.questions .h2 {
  text-align: center;
  margin-bottom: 64px;
}

.questions-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 42px;
  width: 100%;
  max-width: 1386px;
  margin: auto;
  margin-bottom: 64px;
}

.questions-accordion-item.active {
  background-color: transparent;
}

.questions-accordion-item.active .questions-accordion-item-question p:after {
  width: 0;
}

.questions-accordion-item.active .questions-accordion-item-question span::after {
  height: 0;
}

.questions-accordion-item {
  padding: 41px 64px;
  background-color: #F7F9FB;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.questions-accordion-item-question {
  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;
  cursor: pointer;
}

.questions-accordion-item-question p {
  position: relative;
  font-size: 28px;
  line-height: 36px;
  color: #1E252B;
  padding-bottom: 14px;
}

.questions-accordion-item-question p:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1E252B;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.questions-accordion-item-question span {
  position: relative;
  width: 68px;
  min-width: 68px;
  height: 68px;
  border: 1px solid #1E252B;
  border-radius: 50%;
}

.questions-accordion-item-question span::after,
.questions-accordion-item-question span::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  background-color: #1E252B;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.questions-accordion-item-question span::before {
  width: 28px;
  height: 1px;
}

.questions-accordion-item-question span::after {
  width: 1px;
  height: 28px;
}

.questions-accordion-item-answer {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.questions-accordion-item-answer-wrap {
  max-width: 89%;
  padding-top: 41px;
}

.questions-accordion-item-answer-wrap p {
  font-size: 22px;
  line-height: 42px;
  color: #1E252B;
}

.questions-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.work-plan {
  padding-top: 160px;
  padding-bottom: 160px;
  background-color: #F7F9FB;
}

.work-plan h2,
.work-plan .h2 {
  margin-bottom: 84px;
}

.work-plan-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 44px;
}

.work-plan-steps-item:last-child .work-plan-steps-item__arrow {
  display: none;
}

.work-plan-steps-item.active .work-plan-steps-item__label {
  background-color: #0099FF;
}

.work-plan-steps-item.active .work-plan-steps-item__arrow {
  max-width: 258px;
}

.work-plan-steps-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 25%;
  gap: 44px;
}

.work-plan-steps-item__label {
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.work-plan-steps-item-text {
  width: 100%;
  font-size: 28px;
  line-height: 46px;
  color: #1E252B;
  padding-right: 35px;
}

.work-plan-steps-item__arrow {
  margin-top: 13px;
  max-width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 18px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjYwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxMEwyNTggOS45OTk5OCIgc3Ryb2tlPSIjMUUyNTJCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI0OCAxTDI1OSAxMEwyNDggMTkiIHN0cm9rZT0iIzFFMjUyQiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}

.text-section {
  padding-bottom: 160px;
}

.text-section-block {
  width: 100%;
  max-width: 1390px;
  margin: auto;
}

.text-section p {
  font-size: 28px;
  line-height: 56px;
  color: #1E252B;
}

.text-section .slideFade a {

  word-break: break-word;
}

.expert-question {
  padding-top: 160px;
  padding-bottom: 160px;
  background-color: #F7F9FB;
}

.expert-question-block {
  width: 100%;
  max-width: 1390px;
  margin: auto;
}

.expert-question-top {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 44px;
  margin-bottom: 64px;
}

.expert-question-top p {
  font-size: 28px;
  line-height: 56px;
  color: #7A7D80;
  width: 100%;
}

.expert-question-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
  margin-bottom: 84px;
}

.expert-question-item:nth-child(odd) {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.expert-question-item:nth-child(odd) .expert-question-item-info-img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 32px;
}

.expert-question-item:nth-child(odd) .expert-question-item-desc {
  background-color: #E6EAF0;
  border-radius: 90px 0 55px 90px;
}

.expert-question-item:nth-child(even) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.expert-question-item:nth-child(even) .expert-question-item-info-img {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-right: 32px;
}

.expert-question-item:nth-child(even) .expert-question-item-desc {
  background-color: #ffffff;
  border-radius: 0 90px 90px 55px;
}

.expert-question-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.expert-question-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
}

.expert-question-item-info-img {
  width: 70px;
  height: 70px;
  min-width: 70px;
  overflow: hidden;
  border-radius: 50%;
}

.expert-question-item-info-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.expert-question-item-info__name {
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
  color: #1E252B;
}

.expert-question-item-desc {
  padding: 43px 64px;
  width: calc(100% - 82px);
}

.expert-question-item-desc p {
  font-size: 22px;
  line-height: 42px;
  color: #1E252B;
}

.expert-question-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

@media (min-width: 1025px) {
  .pricing-item:hover::before {
    width: 100%;
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
  }

  .btn-slider-arrow:hover {
    background-color: #1E252B;
  }

  .btn-slider-arrow:hover span {
    color: #ffffff;
  }

  .btn-slider-arrow:hover svg path {
    stroke: #ffffff;
  }
}

@media screen and (max-width: 1560px) {
  .results-section {
    background-position: center right;
  }

  .results-section .results-text p {
    font-size: 35px;
    line-height: 50px;
  }

  .reviews-slide__letter {
    font-size: 18px;
    line-height: 24px;
  }

  .slogan-text p {
    font-size: 32px;
    line-height: 48px;
  }
}

@media screen and (max-width: 1440px) {
  .services-about-me {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .team.acsii {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-main {
    background-size: cover;
    background-position: center center;
  }

  .section-main-content {
    padding-top: 3%;
  }

  .section-main .services-main-content-advantages {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .section-main .services-main-content-advantages ul li + li {
    margin-top: 25px;
  }

  .section-main .services-main-content-advantages ul li div {
    min-width: 40px;
    width: 40px;
    margin-right: 20px;
  }

  .section-main .services-main-content-advantages ul li p {
    font-size: 18px;
    line-height: 24px;
  }

  .pricing-list .swiper-wrapper {
    gap: 34px;
  }

  .pricing-item {
    padding: 30px;
  }

  .pricing-item-cost {
    margin-bottom: 30px;
  }

  .pricing-item-cost-current > span:first-child {
    font-size: 32px;
  }

  .pricing-item-name {
    font-size: 24px;
    line-height: 32px;
  }

  .pricing-item-desc {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 30px;
  }

  .pricing-item-list li {
    font-size: 18px;
    line-height: 29px;
    padding-left: 55px;
  }

  .pricing-item-list li::before {
    width: 29px;
    height: 29px;
  }

  .we-desc {
    padding-top: 120px;
  }

  .we-desc-content h2,
  .we-desc-content .h2 {
    margin-bottom: 24px;
  }

  .we-desc-content__text {
    font-size: 24px;
    line-height: 48px;
  }

  .we-desc-img {
    margin-right: 40px;
  }

  .slogan {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .slogan-text p {
    font-size: 28px;
    line-height: 44px;
  }

  .work-plan-steps-item-text {
    font-size: 22px;
    line-height: 38px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1280px) {
  .text-section.services-section {
    padding-bottom: 60px;
  }
  .view-videos.services-videos {
    padding-top: 30px;
  }
  h2,
  .h2 {
    font-size: 38px;
    line-height: 46px;
  }

  h3 {
    font-size: 32px;
    line-height: 40px;
  }

  span.hits {
    font-size: 16px;
    line-height: 22px;
  }

  .results-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .results-section .results-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .results-section .results-text {
    margin-bottom: 35px;
  }

  .cases-section {
    padding-top: 120px;
  }

  .cases-section h2,
  .cases-section .h2 {
    margin-bottom: 32px;
  }

  .cases-section h3 {
    margin-bottom: 32px;
  }

  .cases-section .cases-slider-item-logo {
    max-width: 355px;
    height: 178px;
  }

  .cases-section .cases-slider-item-logo img {
    max-width: 200px;
  }

  .cases-section .cases-slider-item-task {
    max-width: 374px;
  }

  .cases-section .cases-slider-item-task a {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 32px;
  }

  .cases-section .cases-slider-item-task p {
    font-size: 22px;
    line-height: 30px;
  }

  .cases-section .cases-slider-item-wrap {
    row-gap: 100px;
  }

  .cases-section .cases-slider-item-main {
    padding-right: 0;
  }

  .cases-section .cases-slider-item-desc p {
    font-size: 20px;
    line-height: 46px;
    max-width: 650px;
  }

  .cases-section .cases-slider-item-img {
    padding: 120px 80px;
  }

  .working {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .working-step {
    padding: 2.8%;
  }

  .working-step-icon {
    max-width: 240px;
    margin-right: 5.3%;
  }

  .working-step-icon img {
    max-width: 100px;
  }

  .working-step-text-label {
    margin-bottom: 22px;
  }

  .working-step-text-title {
    font-size: 28px;
    line-height: 40px;
  }

  .clients-logo {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .pricing {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pricing h2,
  .pricing .h2 {
    margin-bottom: 44px;
  }

  .pricing-item {
    padding: 20px;
  }

  .pricing-item-cost-current > span:first-child {
    font-size: 24px;
    margin-right: 10px;
  }

  .search-tags {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .search-tags h2,
  .search-tags .h2 {
    margin-bottom: 30px;
  }

  .search-tags-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .search-tags-list {
    gap: 10px;
    margin-left: 0;
  }

  .we-desc {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .we-desc-content h2,
  .we-desc-content .h2 {
    margin-bottom: 15px;
  }

  .we-desc-content__text {
    font-size: 18px;
    line-height: 40px;
  }

  .we-desc-img {
    margin-right: 40px;
  }

  .reviews {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slogan {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slogan-text p {
    font-size: 24px;
    line-height: 40px;
  }

  .slogan-arrows__next,
  .slogan-arrows__prev {
    width: 58px;
    height: 58px;
    min-width: 58px;
  }

  .questions {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .questions h2,
  .questions .h2 {
    margin-bottom: 44px;
  }

  .questions-accordion-item {
    padding: 30px 55px;
  }

  .questions-accordion-item-question p {
    font-size: 24px;
    padding-bottom: 5px;
  }

  .questions-accordion-item-answer-wrap {
    padding-top: 30px;
  }

  .questions-accordion-item-answer-wrap p {
    font-size: 18px;
  }

  .work-plan {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .work-plan h2,
  .work-plan .h2 {
    margin-bottom: 54px;
  }

  .work-plan-steps {
    gap: 24px;
  }

  .work-plan-steps-item {
    gap: 24px;
  }

  .work-plan-steps-item-text {
    font-size: 18px;
    line-height: 34px;
  }

  .text-section {
    padding-bottom: 120px;
  }

  .text-section p {
    font-size: 22px;
    line-height: 52px;
  }

  .expert-question {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .expert-question-top {
    margin-bottom: 44px;
  }

  .expert-question-top p {
    font-size: 24px;
    line-height: 52px;
  }

  .expert-question-list {
    margin-bottom: 64px;
  }

  .expert-question-item-info {
    margin-bottom: 20px;
  }

  .expert-question-item-desc {
    padding: 30px 50px;
  }

  .expert-question-item-desc p {
    font-size: 18px;
    line-height: 34px;
  }
}

@media screen and (max-width: 1024px) {
  .services-about-me {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  h2,
  .h2 {
    font-size: 34px;
  }

  .stars-wrap span.star + span.star {
    margin-left: 12px;
  }

  .section-main h1 {
    font-size: 44px;
    line-height: 65px;
    max-width: 100%;
  }

  .section-main-content {
    width: 100%;
    padding-top: 30px;
  }

  .cases-section {
    padding-top: 60px;
  }

  .cases-section h3 {
    margin-bottom: 15px;
  }

  .cases-section .cases-slider-item-logo {
    max-width: 200px;
    height: 100px;
  }

  .cases-section .cases-slider-item-logo img {
    max-width: 130px;
  }

  .cases-section .cases-slider-item-wrap {
    grid-gap: 60px;
  }

  .cases-section .cases-slider-item-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cases-section .cases-slider-item-task {
    margin-bottom: 30px;
  }

  .cases-section .cases-slider-item-task a {
    margin-bottom: 15px;
  }

  .cases-section .cases-slider-item-content {
    margin-bottom: 80px;
  }

  .cases-section .cases-slider-item-img {
    padding: 60px;
  }

  .working {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .working h2,
  .working .h2 {
    margin-bottom: 34px;
  }

  .working-step {
    padding: 20px;
  }

  .working-step-text {
    padding-right: 0;
  }

  .working-step-text-title {
    font-size: 22px;
    line-height: 34px;
  }

  .working-step-text-label {
    margin-bottom: 10px;
  }

  .working-step-icon {
    max-width: 200px;
    margin-right: 20px;
  }

  .pricing {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .arrows-pricing-slider {
    display: none;
  }

  .pricing-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .pricing-item.hit {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .pricing-list {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-list .swiper-wrapper {
    gap: 0;
  }

  .search-tags {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .search-tags h2,
  .search-tags .h2 {
    margin-bottom: 20px;
  }

  .reviews {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .reviews-slider {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 60px;
  }

  .reviews-slide {
    padding: 30px;
  }

  .reviews-slide-stars {
    margin-bottom: 18px;
  }

  .reviews-slide-date,
  .reviews-slide-desc {
    font-size: 18px;
    line-height: 36px;
  }

  .reviews-slide-desc {
    margin-bottom: 20px;
  }

  .reviews-slide__letter {
    font-size: 15px;
    line-height: 20px;
  }

  .slogan {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .slogan-text p {
    font-size: 18px;
    line-height: 34px;
  }

  .slogan-arrows__next,
  .slogan-arrows__prev {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }

  .questions-accordion {
    margin-bottom: 44px;
    gap: 24px;
  }

  .questions-accordion-item {
    padding: 30px 30px;
  }

  .questions-accordion-item-question span {
    min-width: 48px;
    height: 48px;
    width: 48px;
  }

  .questions-accordion-item-question span::after {
    height: 22px;
  }

  .questions-accordion-item-question span::before {
    width: 22px;
  }

  .questions-accordion-item-question p {
    font-size: 18px;
  }

  .questions-accordion-item-answer-wrap p {
    font-size: 16px;
    line-height: 34px;
  }

  .work-plan {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .work-plan h2,
  .work-plan .h2 {
    margin-bottom: 54px;
  }

  .work-plan-steps {
    gap: 14px;
  }

  .work-plan-steps-item {
    gap: 14px;
  }

  .work-plan-steps-item-text {
    font-size: 16px;
    line-height: 30px;
  }

  .work-plan-steps-item__arrow {
    -webkit-transition: all 1.6s;
    -o-transition: all 1.6s;
    transition: all 1.6s;
  }

  .expert-question-top {
    gap: 30px;
  }

  .expert-question-top p {
    font-size: 20px;
    line-height: 32px;
  }

  .expert-question-item:nth-child(odd) .expert-question-item-info-img {
    margin-left: 20px;
  }

  .expert-question-item:nth-child(odd) .expert-question-item-desc {
    border-radius: 70px 0 45px 70px;
  }

  .expert-question-item:nth-child(even) .expert-question-item-info-img {
    margin-right: 20px;
  }

  .expert-question-item:nth-child(even) .expert-question-item-desc {
    border-radius: 0 70px 70px 45px;
  }

  .expert-question-item-info__name {
    font-size: 20px;
  }

  .expert-question-item-info-img {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }

  .expert-question-item-desc {
    width: calc(100% - 42px);
  }
}

@media screen and (max-width: 768px) {
  .text-section.services-section {
    padding-bottom: 40px;
  }
  .view-videos.services-videos {
    padding-top: 30px;
  }
  .team.acsii {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .btn-slider-arrow span {
    font-size: 16px;
    line-height: 22px;
  }

  .results-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .results-section .results-text {
    max-width: 625px;
    margin-bottom: 20px;
  }

  .results-section .results-text p {
    font-size: 29px;
    line-height: 43px;
  }

  .cases-section .cases-slider-item-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cases-section .cases-slider-item-logo {
    margin-left: auto;
  }

  .cases-section .cases-slider-item-desc p {
    font-size: 18px;
    line-height: 40px;
  }

  .cases-section .cases-slider-item-img {
    padding: 60px 0;
  }

  .working-step {
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .working-step-icon {
    margin-bottom: 20px;
  }

  .clients-logo {
    padding-top: 30px;
    padding-bottom: 80px;
  }

  .we-desc-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .we-desc-img {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .we-desc-content {
    padding-right: 40px;
    width: 100%;
    max-width: 670px;
  }

  .reviews {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .slogan-arrows {
    height: 100%;
    padding: 15px 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .questions {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .questions-accordion-item-question p {
    margin-right: 25px;
    line-height: 28px;
  }

  .questions-accordion-item-question p::after {
    display: none;
  }

  .work-plan {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .work-plan h2,
  .work-plan .h2 {
    text-align: center;
  }

  .work-plan-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .work-plan-steps-item {
    width: 100%;
    gap: 20px;
    padding-bottom: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .work-plan-steps-item-text {
    font-size: 28px;
    line-height: 46px;
    padding-right: 0;
  }

  .work-plan-steps-item-text p {
    text-align: center;
    max-width: 350px;
    margin: auto;
  }

  .work-plan-steps-item .work-plan-steps-item__arrow {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }

  .work-plan-steps-item.active .work-plan-steps-item__arrow {
    max-width: 75px;
  }

  .text-section {
    padding-top: 0px;
    padding-bottom: 60px;
  }

  .text-section p {
    font-size: 18px;
    line-height: 42px;
  }

  .expert-question {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .expert-question-top {
    gap: 20px;
  }

  .expert-question-top h2,
  .expert-question-top .h2 {
    width: calc(60% - 20px);
  }
}

@media screen and (max-width: 575px) {
  .view-videos.services-videos {
    padding-top: 30px;
  }
  .team.acsii {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  h2,
  .h2 {
    font-size: 28px;
    line-height: 40px;

    @media (max-width: 550px) {
      font-size: 30px;
      line-height: 1.35;
    }

    @media (max-width: 450px) {
      font-size: 24px;
    }
  }

  h3 {
    font-size: 22px;
    line-height: 32px;
  }

  span.hits {
    font-size: 14px;
  }

  .section-main h1 {
    font-size: 32px;
    line-height: 44px;
    max-width: 100%;
  }

  .section-main-content {
    padding-top: 20px;
  }

  .results-section {
    background-image: url("../img/services-page/results-bg-mobile.jpg");
    background-position: bottom center;
  }

  .results-section .results-text p {
    font-size: 32px;
    line-height: 44px;
  }

  .btn-slider-arrow.swiper-button-prev svg {
    margin-right: 10px;
  }

  .btn-slider-arrow.swiper-button-next svg {
    margin-left: 10px;
  }

  .btn-slider-arrow {
    padding: 10px;
  }

  .btn-slider-arrow span {
    font-size: 12px;
    line-height: 18px;
  }

  .btn-slider-arrow svg {
    width: 18px;
    min-width: 18px;
    height: auto;
  }

  .cases-section h2,
  .cases-section .h2 {
    margin-bottom: 20px;
  }

  .cases-section .cases-slider-item-task a {
    margin-bottom: 20px;
  }

  .cases-section .cases-slider-item-task a,
  .cases-section .cases-slider-item-task p {
    font-size: 18px;
    line-height: 24px;
  }

  .cases-section .cases-slider-item-content {
    margin-bottom: 60px;
  }

  .working-steps {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }

  .working-step {
    padding: 30px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .working-step-icon {
    margin-bottom: 40px;
  }

  .working-step-text-title {
    font-size: 20px;
    line-height: 30px;
  }

  .pricing h2,
  .pricing .h2 {
    margin-bottom: 24px;
  }

  .pricing-list {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-item-cost {
    margin-bottom: 25px;
  }

  .pricing-item-cost-current > span:first-child {
    font-size: 22px;
  }

  .pricing-item-desc {
    font-size: 16px;
    line-height: 30px;
  }

  .pricing-item-name {
    margin-bottom: 10px;
  }

  .pricing-item-list {
    gap: 20px;
  }

  .pricing-item-list li {
    padding-left: 45px;
  }

  .search-tags h2,
  .search-tags .h2 {
    margin-bottom: 10px;
  }

  .reviews-slider {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 40px;
  }

  .reviews-top {
    margin-bottom: 32px;
  }

  .reviews-top-block .btn {
    min-width: 165px;
  }

  .reviews-slide-desc,
  .reviews-slide-date {
    font-size: 16px;
    line-height: 32px;
  }

  .reviews-slide-name {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
  }

  .slogan-text p {
    font-size: 14px;
    line-height: 28px;
  }

  .questions-accordion-item {
    padding: 25px 16px;
  }

  .questions-accordion-item-answer-wrap {
    padding-top: 25px;
  }

  .work-plan h2,
  .work-plan .h2 {
    margin-bottom: 34px;
  }

  .work-plan-steps-item-text {
    font-size: 20px;
    line-height: 32px;
  }

  .work-plan-steps-item-text p {
    max-width: 300px;
  }

  .expert-question-top {
    gap: 30px;
  }

  .expert-question-top h2,
  .expert-question-top .h2 {
    width: 100%;
  }

  .expert-question-top p {
    font-size: 18px;
  }

  .expert-question-list {
    margin-bottom: 44px;
  }

  .expert-question-item-desc {
    padding: 30px 40px;
    width: 100%;
  }

  .expert-question-item:nth-child(odd) .expert-question-item-desc {
    border-radius: 60px 0 45px 60px;
  }

  .expert-question-item:nth-child(even) .expert-question-item-desc {
    border-radius: 0 60px 60px 45px;
  }
}

/* правки по странице услуг */
.pricing h2,
.pricing .h2 {
  margin-bottom: 0;
}
.pricing-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 64px;
}
.text-section h2,
.text-section .h2 {
  margin-top: 80px;
  margin-bottom: 40px;
}
.text-section p, .text-section ul, .text-section ol {
  margin-bottom: 40px;
  /*margin: 40px 0;*/
  font-size: 28px;
  line-height: 56px;
  color: #1E252B;
}
.text-section-new p, .text-section-new ul, .text-section-new ol {
  font-size: 28px;
  line-height: 56px;
  color: #1E252B;
}
.text-section ul, .text-section ol {
  padding-left: 30px;
}
.text-section ul li {
  position: relative;
}
.text-section ul li:before {
  content: '';
  position: absolute;
  top: 25px;
  left: -30px;
  display: block;
  width: 14px;
  height: 4px;
  background-color: #1e252b;
}
.attention {
  margin: 40px 0;
  padding: 46px 44px;
  padding-left: 134px;
  background-repeat: no-repeat;
  background-size: 47px 47px;
  background-position: 44px center;
}
.attention p {
  font-size: 22px;
  line-height: 48px;
  color: #1E252B;
  margin: 0;
}
.attention.type-1 {
  background-color: rgba(72, 193, 120, 0.12);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM3LjQ0NyAxNi43ODAzQzM3LjczOTkgMTYuNDg3NCAzNy43Mzk5IDE2LjAxMjYgMzcuNDQ3IDE1LjcxOTdDMzcuMTU0MSAxNS40MjY4IDM2LjY3OTIgMTUuNDI2OCAzNi4zODYzIDE1LjcxOTdMMzcuNDQ3IDE2Ljc4MDNaTTE4LjgzMzMgMzQuMzMzNEwxOC4zMDMgMzQuODYzN0MxOC41OTU4IDM1LjE1NjYgMTkuMDcwNyAzNS4xNTY2IDE5LjM2MzYgMzQuODYzN0wxOC44MzMzIDM0LjMzMzRaTTExLjYxMzUgMjYuMDUzQzExLjMyMDYgMjUuNzYwMSAxMC44NDU3IDI1Ljc2MDEgMTAuNTUyOCAyNi4wNTNDMTAuMjYgMjYuMzQ1OSAxMC4yNiAyNi44MjA4IDEwLjU1MjggMjcuMTEzN0wxMS42MTM1IDI2LjA1M1pNMzYuMzg2MyAxNS43MTk3TDE4LjMwMyAzMy44MDMxTDE5LjM2MzYgMzQuODYzN0wzNy40NDcgMTYuNzgwM0wzNi4zODYzIDE1LjcxOTdaTTEwLjU1MjggMjcuMTEzN0wxOC4zMDMgMzQuODYzN0wxOS4zNjM2IDMzLjgwMzFMMTEuNjEzNSAyNi4wNTNMMTAuNTUyOCAyNy4xMTM3Wk00Ni41IDI0QzQ2LjUgMzYuNDI2NCAzNi40MjY0IDQ2LjUgMjQgNDYuNVY0OEMzNy4yNTQ4IDQ4IDQ4IDM3LjI1NDggNDggMjRINDYuNVpNMjQgNDYuNUMxMS41NzM2IDQ2LjUgMS41IDM2LjQyNjQgMS41IDI0SDBDMCAzNy4yNTQ4IDEwLjc0NTIgNDggMjQgNDhWNDYuNVpNMS41IDI0QzEuNSAxMS41NzM2IDExLjU3MzYgMS41IDI0IDEuNVYwQzEwLjc0NTIgMCAwIDEwLjc0NTIgMCAyNEgxLjVaTTI0IDEuNUMzNi40MjY0IDEuNSA0Ni41IDExLjU3MzYgNDYuNSAyNEg0OEM0OCAxMC43NDUyIDM3LjI1NDggMCAyNCAwVjEuNVoiIGZpbGw9IiM0OEMxNzgiLz4KPC9zdmc+Cg==");
}

@media screen and (max-width: 1280px) {
  .pricing h2,
  .pricing .h2 {
    margin-bottom: 0;
  }
  .pricing-top, .text-section h2,
  .pricing-top, .text-section .h2 {
    margin-bottom: 44px;
  }
  .pricing-top a {
    min-width: 220px;
  }
  .text-section p, .text-section ul, .text-section ol {
    font-size: 22px;
    line-height: 52px;
    margin: 30px 0;
  }
}

@media screen and (max-width: 1024px) {
  .attention {
    margin: 30px 0;
    padding: 35px;
    padding-left: 75px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    background-position: 25px center;
  }
  .attention p {
    font-size: 18px;
    line-height: 42px;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .text-section p, .text-section ul, .text-section ol {
    font-size: 18px;
    line-height: 42px;
    margin: 20px 0;
  }
  .text-section ul li:before {
    top: 20px;
    height: 2px;
  }
  .pricing-top {
    align-items: flex-start;
  }
}

@media screen and (max-width: 575px) {
  .pricing h2,
  .pricing .h2 {
    margin-bottom: 0;
  }
  .pricing-top, .text-section h2,
  .pricing-top, .text-section .h2 {
    margin-bottom: 24px;
  }
  .attention {
    padding: 25px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 15px center;
  }
  .attention p {
    margin: 15px 0;
    line-height: 30px;
  }
  .pricing-top {
    flex-direction: column;
    gap: 32px;
  }
}

.slogan-arrows > button.swiper-button-disabled {
  /* display: none; */
  height: 0;
  opacity: 0;
}

@media (min-width: 1441px) and (max-width: 1560px) {
  .section-main {
    min-height: 960px;
  }
}

#as-part-of-the-service {
  background-color: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
}
.cases {
  padding-top: 80px;
  padding-bottom: 80px;
}
.read-more {
    padding-top: 30px;
    padding-bottom: 60px;
}

.main-page-body .team.acsii {
  padding-bottom: 160px;
}
.main-page-body .cases {
  padding-top: 160px;
  padding-bottom: 160px;
}
.main-page-body .read-more {
    padding-top: 160px;
    padding-bottom: 160px;
}

@media (max-width: 767px) {
  .main-page-body .cases {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .main-page-body .read-more {
      padding-top: 60px;
      padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .main-page-body .team.acsii {
      padding-top: 60px;
      padding-bottom: 60px;
  }

  .text-section table th {
    font-size: 16px;
  }
}
.article-detail-text table, .text-section table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}
.article-detail-text table th, .text-section table th {
  font-size: 22px;
  font-weight: 600;
  line-height: 38px;
  color: #fff;
  background-color: #1E252B;
}
.article-detail-text table th p, .text-section table th p, .article-detail-text table td p, .text-section table td p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}

.article-detail-text table td, .text-section table td {
  font-size: 18px;
  line-height: 38px;
  color: #1E252B;
  background-color: #F7F9FB;
}
.article-detail-text table tr:nth-child(2n + 2) td, .text-section table tr:nth-child(2n + 2) td {
  background-color: #fff;
}
.article-detail-text table th, .article-detail-text table td, .text-section table th, .text-section table td {
  min-height: 90px;
  padding: 26px 34px;
}

@media (max-width: 767px) {
  .text-section table th {

    th, td {
      font-size: 16px;
      padding: 22px 24px !important;
    }
  }
}

.table-container {
  overflow-x: auto;

  @media (max-width: 768px) {
    margin-inline: -16px;
    padding-inline: 16px;
  }

  table {
    min-width: 100%;
  }
}