@charset "UTF-8";
[name=form_dropdown_LEVEL_SECURITY] {
  display: none;
}

/* шрифты */
@font-face {
  font-family: "PT Astra Fact";
  src: url("../assets/fonts/PTAstraFact-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "PT Astra Fact";
  src: url("../assets/fonts/PTAstraFact-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* Анимация градиента */
@-webkit-keyframes gentleFlow {
  0%, 100% {
    background-position: 0% 50%;
    -webkit-box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  }
  50% {
    background-position: 100% 50%;
    -webkit-box-shadow: 0 6px 16px rgba(91, 72, 253, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
            box-shadow: 0 6px 16px rgba(91, 72, 253, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  }
}
@keyframes gentleFlow {
  0%, 100% {
    background-position: 0% 50%;
    -webkit-box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  }
  50% {
    background-position: 100% 50%;
    -webkit-box-shadow: 0 6px 16px rgba(91, 72, 253, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
            box-shadow: 0 6px 16px rgba(91, 72, 253, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  }
}
/* Анимация блика */
@-webkit-keyframes delicateShine {
  0%, 100% {
    left: -80%;
    opacity: 0.3;
  }
  20% {
    opacity: 0.5;
  }
  50% {
    left: 120%;
    opacity: 0.3;
  }
}
@keyframes delicateShine {
  0%, 100% {
    left: -80%;
    opacity: 0.3;
  }
  20% {
    opacity: 0.5;
  }
  50% {
    left: 120%;
    opacity: 0.3;
  }
}
@-webkit-keyframes subtleShadowFlow {
  0%, 100% {
    background-position: 0% 50%;
  }
  33% {
    background-position: 33% 33%;
  }
  66% {
    background-position: 66% 66%;
  }
}
@keyframes subtleShadowFlow {
  0%, 100% {
    background-position: 0% 50%;
  }
  33% {
    background-position: 33% 33%;
  }
  66% {
    background-position: 66% 66%;
  }
}
/* Анимация тёмного блика */
@-webkit-keyframes darkShine {
  0%, 100% {
    left: -100%;
    opacity: 0.4;
  }
  20% {
    opacity: 0.7;
  }
  50% {
    left: 150%;
    opacity: 0.4;
  }
}
@keyframes darkShine {
  0%, 100% {
    left: -100%;
    opacity: 0.4;
  }
  20% {
    opacity: 0.7;
  }
  50% {
    left: 150%;
    opacity: 0.4;
  }
}
.popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(50, 50, 50, 0.25);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  display: none;
}

#ai {
  /* переменные - цвета*/
  --neutral-900: #1b1f28;
  --neutral-800: #2f3441;
  --neutral-700: #43485b;
  --neutral-500: #788198;
  --neutral-300: #aeb5c9;
  --neutral-100: #aeb5c9;
  --neutral-50: #eff0f5;
  --accent-50: #efe9ff;
  --accent-100: #d5cafe;
  --accent-200: #b8a7ff;
  --accent-500: #5b48fd;
  --accent-600: #4c43f6;
  --accent-700: #333bed;
  --blue-400: #4ebae5;
  --blue-500: #00a2e1;
  --blue-800: #0062aa;
  --main-gradient: linear-gradient(90deg, #352cf3 0%, #7762ff 100%);
  font-family: "PT Astra Fact", "Arial", "Verdana", sans-serif !important;
  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;
  gap: 80px;
}
#ai .text-large {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--neutral-900);
  margin: 0;
}
#ai .text-xlarge {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: var(--neutral-900);
  margin: 0;
}
#ai .text-small {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--neutral-900);
  margin: 0;
}
#ai .text-regular {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--neutral-900);
  margin: 0;
}
#ai h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  color: var(--neutral-900);
  margin-bottom: 0;
}
#ai h3 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  color: var(--neutral-900);
  margin-bottom: 0;
}
#ai h4 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
#ai h5 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: var(--neutral-900);
  margin-bottom: 0;
}
#ai h6 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--neutral-900);
  margin-bottom: 0;
}
#ai .white {
  color: #fff;
}
#ai html {
  scroll-behavior: smooth;
}
#ai .container {
  width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#ai section {
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
#ai .btn-main {
  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;
  gap: 16px;
  height: 68px;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: var(--blue-500);
  min-width: 243px;
  cursor: pointer;
}
#ai .btn-main p,
#ai .btn-main p.text-large,
#ai .btn-main p.text-xlarge {
  white-space: nowrap;
}
#ai .btn-main:hover {
  background-color: var(--blue-800);
}
#ai .btn-main:active {
  background-color: var(--blue-900);
}
#ai .btn-main.dark {
  padding: 20px 16px;
  background-color: var(--neutral-700);
  min-width: 236px;
}
#ai .btn-main.dark:hover {
  background-color: var(--neutral-800);
}
#ai .btn-main.dark:active {
  background-color: var(--neutral-900);
}
#ai .btn-dropdown {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background-color: var(--accent-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;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#ai .btn-dropdown svg {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
#ai .btn-outline {
  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;
  gap: 16px;
  height: 68px;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: linear-gradient(135deg, #e6eaf3 0%, #dde3f0 25%, #d5dcee 50%, #dde3f0 75%, #e6eaf3 100%);
  background-size: 400% 400%;
  border: none;
  width: 100%;
  cursor: pointer;
  -webkit-animation: subtleShadowFlow 6s ease-in-out infinite;
          animation: subtleShadowFlow 6s ease-in-out infinite;
  position: relative;
  overflow: hidden;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#ai .btn-outline:hover .text-xlarge {
  color: var(--blue-800);
}
#ai .btn-outline:hover svg path {
  fill: var(--blue-800);
}
#ai .btn-outline:hover {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  background-size: 400% 400%;
}
#ai .btn-outline:hover::before {
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  opacity: 0.85;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, rgba(77, 119, 225, 0.12)), color-stop(30%, rgba(67, 113, 229, 0.18)), color-stop(50%, rgba(19, 71, 202, 0.12)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(77, 119, 225, 0.12) 10%, rgba(67, 113, 229, 0.18) 30%, rgba(19, 71, 202, 0.12) 50%, transparent);
}
#ai .btn-outline:active, #ai .btn-outline:focus {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  background: linear-gradient(135deg, #d5dcee 0%, #cdd5eb 25%, #c5cde8 50%, #cdd5eb 75%, #d5dcee 100%) !important;
  background-size: 400% 400%;
}
#ai .btn-outline:active::before, #ai .btn-outline:focus::before {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  opacity: 0.3;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, rgba(77, 119, 225, 0.04)), color-stop(30%, rgba(67, 113, 229, 0.06)), color-stop(50%, rgba(19, 71, 202, 0.04)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(77, 119, 225, 0.04) 10%, rgba(67, 113, 229, 0.06) 30%, rgba(19, 71, 202, 0.04) 50%, transparent);
}
#ai .btn-outline ::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, rgba(77, 119, 225, 0.08)), color-stop(30%, rgba(67, 113, 229, 0.12)), color-stop(50%, rgba(19, 71, 202, 0.08)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(77, 119, 225, 0.08) 10%, rgba(67, 113, 229, 0.12) 30%, rgba(19, 71, 202, 0.08) 50%, transparent);
  -webkit-animation: darkShine 8s ease-in-out infinite;
          animation: darkShine 8s ease-in-out infinite;
  opacity: 0.7;
  pointer-events: none;
  -webkit-transform: skewX(-15deg);
      -ms-transform: skewX(-15deg);
          transform: skewX(-15deg);
  mix-blend-mode: multiply; /* Чтобы темный цвет лучше смешивался */
}
#ai {
  /* Ослабляем блик при активном состоянии */
}
#ai .btn-outline:active .btn-outline:focus {
  outline: 2px solid rgba(74, 81, 103, 0.4);
  outline-offset: 3px;
}
#ai .btn-outline:focus:not(:active) {
  /* При фокусе, но не при активном нажатии */
  -webkit-box-shadow: 0 0 0 3px rgba(74, 81, 103, 0.15), 0 4px 12px rgba(47, 52, 65, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95);
          box-shadow: 0 0 0 3px rgba(74, 81, 103, 0.15), 0 4px 12px rgba(47, 52, 65, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
#ai .btn-close {
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
}
#ai .btn-close:hover svg {
  pointer-events: none;
}
#ai .btn-close:hover svg path {
  fill: var(--neutral-800);
}
#ai .btn-close:active svg path {
  fill: var(--neutral-900);
}
#ai .banner {
  background-image: url(../img/header.webp), url(../img/header_bg.webp);
  background-repeat: no-repeat;
  background-position: bottom right, center;
  background-size: auto, cover;
}
#ai .banner .container {
  padding: 116px 0;
}
#ai .banner-info {
  width: 50%;
}
#ai .banner-info img {
  padding-bottom: 28px;
}
#ai .banner-info h2.white {
  max-width: 484px;
  margin-bottom: 20px;
}
#ai .banner-info .text-large.white {
  max-width: 650px;
  margin-bottom: 60px;
}
#ai .banner-info .btn-main {
  width: 282px;
}
#ai .structure h2 {
  margin-bottom: 38px;
}
#ai .structure-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-bottom: 20px;
}
#ai .structure-block-item {
  height: 178px;
  width: calc((100% - 80px) / 3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--accent-700);
}
#ai .structure-block-item h2.white {
  margin-bottom: 0;
}
#ai .structure .text-regular {
  color: var(--neutral-500);
}
#ai .scenaries .container > h6 {
  margin-bottom: 40px;
}
#ai .scenaries h2 {
  margin-bottom: 20px;
}
#ai .scenaries-block {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--neutral-50);
  padding: 48px 120px;
}
#ai .scenaries-block h3 {
  margin-bottom: 40px;
}
#ai .scenaries-block-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  margin-bottom: 40px;
}
#ai .scenaries-block-item {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  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;
  gap: 24px;
  padding: 28px 32px;
  height: 120px;
  position: relative;
  cursor: pointer;
}
#ai .scenaries-block-item:not(:first-child) {
  margin-top: 20px;
}
#ai .scenaries-block-item .text-regular {
  color: var(--neutral-700);
}
#ai .scenaries-block-item-info {
  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;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
#ai .scenaries-block-item:hover .text-regular {
  color: var(--neutral-900);
}
#ai .scenaries-block-item:hover .btn-dropdown {
  background-color: var(--accent-100);
}
#ai .scenaries-block-item:hover .btn-dropdown svg path {
  fill: var(--accent-600);
}
#ai .scenaries-block-item:active .text-regular {
  color: var(--neutral-900);
}
#ai .scenaries-block-item:active .btn-dropdown {
  background-color: var(--accent-200);
}
#ai .scenaries-block-item:active .btn-dropdown svg path {
  fill: var(--accent-700);
}
#ai .scenaries-block-item.collapsed svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
#ai .scenaries-block-card {
  width: 100%;
  height: 100%;
  padding: 0 56px 48px 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  background-color: #fff;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#ai .scenaries-block-card-scenary {
  -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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100%;
  position: relative;
}
#ai .scenaries-block-card-scenary-problem {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 32px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#ai .scenaries-block-card-scenary-problem h5 {
  margin-bottom: 24px;
}
#ai .scenaries-block-card-scenary-problem .scenaries-block-card-scenary-item::before {
  content: url(../img/marker-chat.svg);
}
#ai .scenaries-block-card-scenary-solution {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 32px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--neutral-50);
}
#ai .scenaries-block-card-scenary-solution h5 {
  margin-bottom: 24px;
}
#ai .scenaries-block-card-scenary-solution .scenaries-block-card-scenary-item::before {
  content: url(../img/marker-check.svg);
}
#ai .scenaries-block-card-scenary-list {
  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;
  gap: 20px;
  padding-left: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#ai .scenaries-block-card-scenary-item {
  list-style: none;
  position: relative;
}
#ai .scenaries-block-card-scenary-item:before {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: -36px;
}
#ai .scenaries-block-card-result {
  -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: 16px;
  min-height: 100%;
}
#ai .scenaries-block-card-result-cover {
  width: 100%;
  height: 95px;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: bottom right, center;
  background-size: contain, cover;
}
#ai .scenaries-block-card-result-wrapper {
  background-color: var(--accent-500);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px;
  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;
  gap: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#ai .scenaries-block-card-result-list {
  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;
  gap: 20px;
  padding-left: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#ai .scenaries-block-card-result-item {
  list-style: none;
  position: relative;
}
#ai .scenaries-block-card-result-item:before {
  content: url(../img/marker-star.svg);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: -36px;
}
#ai .scenaries-block-card-result-item h5,
#ai .scenaries-block-card-result-item h6,
#ai .scenaries-block-card-result-item .text-regular {
  display: inline;
  color: #fff !important;
}
#ai .why {
  background-image: url(../img/why_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#ai .why .container {
  background-color: #fff;
  padding: 60px;
  margin: 80px 0;
}
#ai .why h2 {
  margin-bottom: 20px;
}
#ai .why h6 {
  margin-bottom: 60px;
}
#ai .why-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}
#ai .why-block-item {
  height: 256px;
  width: 33.33%;
  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;
  padding: 0 48px;
}
#ai .why-block-item:first-child {
  padding-left: 0;
}
#ai .why-block-item:not(:last-child) {
  border-right: 1px solid var(--neutral-300);
}
#ai .why-block-item img {
  margin-bottom: 12px;
}
#ai .why-block-item h5 {
  margin-bottom: 20px;
  color: var(--accent-700);
}
#ai .all-in-one {
  background-color: var(--neutral-50);
}
#ai .all-in-one .container {
  margin: 80px 0;
}
#ai .all-in-one h2 {
  margin-bottom: 40px;
}
#ai .all-in-one-features-block {
  background: var(--main-gradient);
  width: 100%;
  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;
  padding: 40px 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 28px;
  margin-bottom: 40px;
}
#ai .all-in-one-features-block-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
}
#ai .all-in-one-features-block-item:not(:last-child) {
  padding-right: 24px;
  border-right: 1px solid var(--neutral-100);
  width: calc((100% - 56px) / 3);
}
#ai .all-in-one-features-block-item:last-child h6.white {
  letter-spacing: -0.05em;
}
#ai .all-in-one-soft-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
#ai .all-in-one-soft-block-item {
  width: calc((100% - 80px) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #fff;
  position: relative;
}
#ai .all-in-one-soft-block-item-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 54px;
  border-bottom: 1px solid var(--neutral-100);
}
#ai .all-in-one-soft-block-item-title h5 {
  color: var(--blue-800);
  font-weight: 400;
}
#ai .all-in-one-soft-block-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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}
#ai .all-in-one-soft-block-item-wrap-item {
  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;
  gap: 12px;
  min-height: 80px;
}
#ai .all-in-one-soft-block-item-wrap-item h5 {
  text-align: center;
}
#ai .all-in-one-soft-block-item-wrap-item h6 {
  text-align: center;
}
#ai .all-in-one-soft-block-item:first-child h6 {
  color: var(--Astra-Group-Neutral-500, #788198);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 156%;
}
#ai .all-in-one-soft-block-item:nth-child(2) .all-in-one-soft-block-item-wrap {
  gap: 40px;
}
#ai .all-in-one .offset-40 {
  margin-top: 40px;
}
#ai .all-in-one small {
  color: var(--Astra-Group-Neutral-500, #788198);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 156%;
}
#ai .ai-ml-tablet, #ai .ai-ml-mobile {
  display: none;
}
#ai .ai-ml h2 {
  margin-bottom: 38px;
}
#ai .ai-ml-block {
  width: 100%;
  position: relative;
  height: 667px;
  background-image: url(../img/al_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
}
#ai .ai-ml-block-item {
  position: absolute;
  width: 56px;
  height: 56px;
  background: linear-gradient(105deg, #1e40af 0%, #3b82f6 30%, #5b48fd 50%, #7c3aed 70%, #1e40af 100%);
  background-size: 300% 300%;
  border: none;
  -webkit-animation: gentleFlow 4s ease-in-out infinite;
          animation: gentleFlow 4s ease-in-out infinite;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  pointer-events: all;
}
#ai .ai-ml-block-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 40%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(255, 255, 255, 0.15)), color-stop(50%, rgba(255, 255, 255, 0.25)), color-stop(80%, rgba(255, 255, 255, 0.15)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.15) 80%, transparent);
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
  -webkit-animation: delicateShine 6s ease-in-out infinite;
          animation: delicateShine 6s ease-in-out infinite;
  opacity: 0.5;
}
#ai .ai-ml-block-item::after {
  content: "";
  width: 56px;
  height: 56px;
  position: absolute;
  top: -12px;
  left: -12px;
  background-color: transparent;
  z-index: 2000;
}
#ai .ai-ml-block-item {
  cursor: pointer;
}
#ai .ai-ml-block-item-details-wrapper {
  pointer-events: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 0;
  padding: 32px 32px 32px 68px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 32.5px 8px rgba(112, 79, 230, 0.3);
          box-shadow: 0px 0px 32.5px 8px rgba(112, 79, 230, 0.3);
  width: 298px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: linear-gradient(white, white) padding-box, linear-gradient(45deg, #2865ff 13%, #933bff 71%, #00079e 100%) border-box;
  border: 2px solid transparent;
}
#ai .ai-ml-block-item-details-wrapper:before {
  content: url(../img/marker-arrow.svg);
  position: absolute;
  top: 32px;
  left: 32px;
}
#ai .ai-ml-block-item:hover {
  -webkit-animation: none !important;
          animation: none !important;
  overflow: visible;
  background-color: #fff !important;
  background-image: url(../img/square.svg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 20px rgba(78, 186, 229, 0.4), 0 0 40px rgba(78, 186, 229, 0.2) !important;
          box-shadow: 0 0 20px rgba(78, 186, 229, 0.4), 0 0 40px rgba(78, 186, 229, 0.2) !important;
  width: 56px;
  height: 56px;
}
#ai .ai-ml-block-item:hover::before {
  opacity: 0 !important;
  -webkit-animation: none !important;
          animation: none !important;
}
#ai .ai-ml-block-item:hover .ai-ml-block-item-details-wrapper {
  opacity: 1;
}
#ai .ai-ml-block-item-popup {
  display: none;
}
#ai .ai-ml-block #ai1 {
  top: 307px;
  right: 528px;
  z-index: 200;
}
#ai .ai-ml-block #ai1 .ai-ml-block-item-details-wrapper {
  top: 89px;
  left: 141px;
}
#ai .ai-ml-block #ai1 .ai-ml-block-item-details-wrapper::after {
  content: "";
  width: 234px;
  height: 74px;
  background: -webkit-gradient(linear, left top, right top, from(#00a2e1), to(#933bff)) 0 0/calc(100% - 2px) 2px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#933bff), to(#933bff)) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  background: linear-gradient(90deg, #00a2e1 0%, #933bff 100%) 0 0/calc(100% - 2px) 2px no-repeat, linear-gradient(180deg, #933bff 0%, #933bff 100%) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  position: absolute;
  top: -74px;
  right: 50%;
}
#ai .ai-ml-block #ai2 {
  top: 113px;
  right: 556px;
}
#ai .ai-ml-block #ai2 .ai-ml-block-item-details-wrapper {
  top: -68px;
  left: -504px;
  z-index: 250;
}
#ai .ai-ml-block #ai2 .ai-ml-block-item-details-wrapper::after {
  content: "";
  width: 209px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#933bff), to(#00a2e1)) 0 100% no-repeat;
  background: linear-gradient(90deg, #933bff 0%, #00a2e1 100%) 0 100% no-repeat;
  /* Правая граница 2px */
  position: absolute;
  top: 84px;
  right: -209px;
}
#ai .ai-ml-block #ai3 {
  top: 140px;
  right: 218px;
}
#ai .ai-ml-block #ai3 .ai-ml-block-item-details-wrapper {
  top: 76px;
  left: -97px;
  z-index: 250;
  width: 307px;
}
#ai .ai-ml-block #ai3 .ai-ml-block-item-details-wrapper::after {
  content: "";
  width: 47px;
  height: 60px;
  background: -webkit-gradient(linear, left top, right top, from(#00a2e1), to(#933bff)) 0 0/calc(100% - 2px) 2px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#933bff), to(#933bff)) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  background: linear-gradient(90deg, #00a2e1 0%, #933bff 100%) 0 0/calc(100% - 2px) 2px no-repeat, linear-gradient(180deg, #933bff 0%, #933bff 100%) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  position: absolute;
  top: -60px;
  right: 106px;
}
#ai .ai-ml-block #ai4 {
  bottom: 152px;
  left: 454px;
  z-index: 200;
}
#ai .ai-ml-block #ai4 .ai-ml-block-item-details-wrapper {
  top: -15px;
  left: -392px;
}
#ai .ai-ml-block #ai4 .ai-ml-block-item-details-wrapper::after {
  content: "";
  width: 116px;
  height: 21px;
  background: -webkit-gradient(linear, left top, right top, from(#933bff), to(#00a2e1)) 0 100%/calc(100% - 2px) 2px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#00a2e1), to(#00a2e1)) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  background: linear-gradient(90deg, #933bff 0%, #00a2e1 100%) 0 100%/calc(100% - 2px) 2px no-repeat, linear-gradient(180deg, #00a2e1 0%, #00a2e1 100%) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  position: absolute;
  top: 69px;
  right: -117px;
}
#ai .ai-ml-block #ai5 {
  bottom: 120px;
  right: 528px;
  z-index: 200;
}
#ai .ai-ml-block #ai5 .ai-ml-block-item-details-wrapper {
  top: -275px;
  left: 174px;
}
#ai .ai-ml-block #ai5 .ai-ml-block-item-details-wrapper::after {
  content: "";
  width: 265px;
  height: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#00a2e1), to(#933bff)) 0 100%/calc(100% - 2px) 2px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#933bff), to(#933bff)) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  background: linear-gradient(90deg, #00a2e1 0%, #933bff 100%) 0 100%/calc(100% - 2px) 2px no-repeat, linear-gradient(180deg, #933bff 0%, #933bff 100%) calc(100% - 2px) 0/2px 100% no-repeat, transparent;
  position: absolute;
  bottom: -50px;
  right: 150px;
}
#ai .ai-ml-block #ai6 {
  top: 259px;
  left: 215px;
}
#ai .ai-ml-block #ai6 .ai-ml-block-item-details-wrapper {
  top: -186px;
  left: 152px;
  z-index: 250;
  width: 320px;
}
#ai .ai-ml-block #ai6 .ai-ml-block-item-details-wrapper::after {
  content: "";
  width: 135px;
  height: 94px;
  background: -webkit-gradient(linear, left top, right top, from(#00a2e1), to(#933bff)) 0 0/calc(100% - 2px) 2px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#00a2e1), to(#00a2e1)) 0 0/2px 100% no-repeat, transparent;
  background: linear-gradient(90deg, #00a2e1 0%, #933bff 100%) 0 0/calc(100% - 2px) 2px no-repeat, linear-gradient(180deg, #00a2e1 0%, #00a2e1 100%) 0 0/2px 100% no-repeat, transparent;
  position: absolute;
  top: 92px;
  left: -134px;
}
#ai .ai-ml-block #ai7 {
  bottom: 184px;
  left: 215px;
}
#ai .ai-ml-block #ai7 .ai-ml-block-item-details-wrapper {
  top: 64px;
  left: 148px;
  z-index: 250;
  width: 320px;
}
#ai .ai-ml-block #ai7 .ai-ml-block-item-details-wrapper::after {
  content: "";
  width: 135px;
  height: 72px;
  background: -webkit-gradient(linear, left top, right top, from(#00a2e1), to(#933bff)) 0 100%/calc(100% - 2px) 2px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#00a2e1), to(#00a2e1)) 0 0/2px 100% no-repeat, transparent;
  background: linear-gradient(90deg, #00a2e1 0%, #933bff 100%) 0 100%/calc(100% - 2px) 2px no-repeat, linear-gradient(180deg, #00a2e1 0%, #00a2e1 100%) 0 0/2px 100% no-repeat, transparent;
  position: absolute;
  bottom: 62px;
  left: -134px;
}
#ai .ai-ml-block img {
  position: absolute;
  z-index: 100;
}
#ai .ready .container {
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: var(--neutral-50);
  margin-bottom: 120px;
}
#ai .ready-info {
  padding: 80px 0;
  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;
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
  margin-left: 80px;
}
#ai .ready-info h2 {
  margin-bottom: 20px;
}
#ai .ready-info h6 {
  margin-bottom: 60px;
}
#ai .ready-info-btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
}
#ai .ready-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  pointer-events: none;
}

/* tablet */
@media (max-width: 1349px) {
  #ai {
    gap: 120px;
  }
  #ai .container {
    width: 688px;
  }
  #ai .banner {
    background-image: url(../img/header_tablet.webp), url(../img/header_bg_tablet.webp);
    background-position: bottom center, center;
    background-size: auto, cover;
  }
  #ai .banner .container {
    padding: 80px 0 347px 0;
  }
  #ai .banner-info {
    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;
    width: 100%;
  }
  #ai .banner-info img {
    min-width: 326px;
    min-height: 56px;
  }
  #ai .banner-info h2.white {
    max-width: 500px;
    text-align: center;
  }
  #ai .banner-info .text-large.white {
    max-width: 100%;
    text-align: center;
  }
  #ai .banner-info .btn-main {
    width: 100%;
  }
  #ai .structure .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  #ai .structure h2 {
    margin-bottom: 40px;
    text-align: center;
  }
  #ai .structure-block {
    -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;
    padding: 0 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    gap: 20px;
  }
  #ai .structure-block-item {
    width: 100%;
  }
  #ai .structure .text-regular {
    text-align: center;
  }
  #ai .scenaries {
    padding: 0;
  }
  #ai .scenaries .container {
    width: 100%;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #ai .scenaries .container > h6 {
    margin-bottom: 40px;
    text-align: center;
  }
  #ai .scenaries h2 {
    text-align: center;
  }
  #ai .scenaries-block {
    padding: 48px 0;
    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;
  }
  #ai .scenaries-block:first-of-type {
    margin-bottom: 40px;
  }
  #ai .scenaries-block h3 {
    text-align: center;
    max-width: 688px;
  }
  #ai .scenaries-block-item {
    height: auto;
    min-height: 120px;
  }
  #ai .scenaries-block-item-info {
    max-width: 564px;
  }
  #ai .scenaries-block-wrapper {
    width: 688px;
  }
  #ai .scenaries-block-card {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #ai .scenaries-block-card-scenary {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 32px;
    min-height: 0;
  }
  #ai .scenaries-block-card-result {
    min-height: 0;
  }
  #ai .scenaries-block-card-result-cover {
    background-position: bottom right, center;
    background-size: auto, cover;
  }
  #ai .scenaries-block .btn-outline {
    width: 688px;
  }
  #ai .why {
    background-image: url(../img/why_bg_tablet.webp);
  }
  #ai .why .container {
    width: 648px;
    padding: 60px 56px;
    margin: 60px 0;
    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;
  }
  #ai .why .container > h6 {
    max-width: 370px;
  }
  #ai .why h2 {
    text-align: center;
  }
  #ai .why h6 {
    text-align: center;
  }
  #ai .why-block {
    -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;
  }
  #ai .why-block-item {
    height: auto;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  #ai .why-block-item:not(:first-child) {
    padding-top: 48px;
  }
  #ai .why-block-item:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid var(--neutral-300);
    padding-bottom: 48px;
  }
  #ai .why-block-item h5 {
    text-align: center;
  }
  #ai .why-block-item h6 {
    margin-bottom: 0;
  }
  #ai .all-in-one .container {
    width: 648px;
    margin: 80px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  #ai .all-in-one h2 {
    text-align: center;
  }
  #ai .all-in-one-features-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 60px;
    gap: 31px;
  }
  #ai .all-in-one-features-block-item {
    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;
    height: auto;
    width: 100%;
  }
  #ai .all-in-one-features-block-item:not(:last-child) {
    padding-bottom: 32px;
    border-right: none;
    border-bottom: 1px solid var(--neutral-100);
    width: 100%;
    padding-right: 0;
  }
  #ai .all-in-one-features-block-item h6.white {
    letter-spacing: 0 !important;
    max-width: 336px;
    text-align: center;
  }
  #ai .all-in-one-soft-block {
    -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;
  }
  #ai .all-in-one-soft-block-item {
    height: auto;
    width: 100%;
  }
  #ai .ai-ml-tablet {
    display: block;
    margin-top: 60px;
  }
  #ai .ai-ml-desktop {
    display: none;
  }
  #ai .ai-ml h2 {
    text-align: center;
  }
  #ai .ai-ml-block {
    height: 617px;
    background-image: url(../img/al_bg_tablet.webp);
  }
  #ai .ai-ml-block-item-popup {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent;
    z-index: 1000;
  }
  #ai .ai-ml-block-item-popup .ai-ml-block-item-details-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
  }
  #ai .ai-ml-block-item {
    width: 40px;
    height: 40px;
  }
  #ai .ai-ml-block-item::after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: -12px;
    left: -12px;
    background-color: transparent;
    z-index: 2000;
  }
  #ai .ai-ml-block-item {
    cursor: pointer;
  }
  #ai .ai-ml-block-item-details-wrapper {
    pointer-events: all;
    padding: 68px 32px 32px 32px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 32.5px 8px rgba(112, 79, 230, 0.3);
            box-shadow: 0px 0px 32.5px 8px rgba(112, 79, 230, 0.3);
    width: 360px;
    height: auto;
    opacity: 0;
    display: none;
  }
  #ai .ai-ml-block-item-details-wrapper h6 {
    text-align: center;
  }
  #ai .ai-ml-block-item-details-wrapper:before {
    top: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #ai .ai-ml-block-item-details-wrapper::after {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
  #ai .ai-ml-block-item-details-wrapper .btn-close {
    display: block;
  }
  #ai .ai-ml-block-item:hover {
    width: 40px;
    height: 40px;
    background-image: none !important;
    background: linear-gradient(105deg, #1e40af 0%, #3b82f6 30%, #5b48fd 50%, #7c3aed 70%, #1e40af 100%) !important;
    background-size: 300 300;
  }
  #ai .ai-ml-block-item:hover .ai-ml-block-item-details-wrapper {
    opacity: 0;
    display: none;
  }
  #ai .ai-ml-block-item:active, #ai .ai-ml-block-item:focus {
    -webkit-animation: none !important;
            animation: none !important;
    overflow: visible;
    background-color: #fff !important;
    background-image: url(../img/square.svg) !important;
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 20px rgba(78, 186, 229, 0.4), 0 0 40px rgba(78, 186, 229, 0.2) !important;
            box-shadow: 0 0 20px rgba(78, 186, 229, 0.4), 0 0 40px rgba(78, 186, 229, 0.2) !important;
    width: 40px;
    height: 40px;
  }
  #ai .ai-ml-block-item:active::before, #ai .ai-ml-block-item:focus::before {
    opacity: 0 !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  #ai .ai-ml-block-item:active .ai-ml-block-item-details-wrapper, #ai .ai-ml-block-item:focus .ai-ml-block-item-details-wrapper {
    opacity: 1;
  }
  #ai .ai-ml-block #ai1 {
    top: 293px;
    right: 284px;
    z-index: 200;
  }
  #ai .ai-ml-block #ai2 {
    top: 190px;
    right: 290px;
  }
  #ai .ai-ml-block #ai3 {
    top: 210px;
    right: 118px;
    z-index: 200;
  }
  #ai .ai-ml-block #ai4 {
    bottom: 204px;
    left: 212px;
    z-index: 200;
  }
  #ai .ai-ml-block #ai5 {
    top: 383px;
    right: 284px;
    z-index: 200;
  }
  #ai .ai-ml-block #ai6 {
    top: auto;
    bottom: 312px;
    left: 102px;
  }
  #ai .ai-ml-block #ai7 {
    bottom: 224px;
    left: 102px;
  }
  #ai .ai-ml-block img {
    position: absolute;
    z-index: 100;
  }
  #ai .ready {
    background-color: var(--neutral-50);
    margin-bottom: 120px;
  }
  #ai .ready .container {
    padding: 0;
    -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-bottom: 0;
  }
  #ai .ready-info {
    padding: 80px 0 30px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
  }
  #ai .ready-info h2 {
    text-align: center;
  }
  #ai .ready-info h6 {
    text-align: center;
  }
  #ai .ready-info-btn-block {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  #ai .ready-info-btn-block .btn-main {
    width: 100%;
  }
  #ai .ready-img {
    max-height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: hidden;
  }
  #ai .ready-img img {
    width: 660px;
  }
}
/* mobile */
@media (max-width: 767px) {
  #ai {
    gap: 80px;
  }
  #ai h2 {
    font-size: 32px;
    line-height: 42px;
  }
  #ai .text-xlarge {
    font-size: 16px;
  }
  #ai .container {
    width: 100%;
    padding: 0 20px;
  }
  #ai .banner {
    background-image: url(../img/header_mobile.webp), url(../img/header_bg_mobile.webp);
  }
  #ai .banner .container {
    padding: 80px 20px 376px 20px;
  }
  #ai .banner-info img {
    max-width: 100%;
    min-width: 290px;
  }
  #ai .banner-info h2.white {
    max-width: 100%;
  }
  #ai .structure .container {
    padding: 0 20px;
  }
  #ai .structure-block {
    padding: 0;
  }
  #ai .scenaries .container {
    padding: 0;
  }
  #ai .scenaries .container > h2, #ai .scenaries .container > h6 {
    padding-left: 20px;
    padding-right: 20px;
  }
  #ai .scenaries-block {
    padding: 48px 20px;
  }
  #ai .scenaries-block h3 {
    max-width: 100%;
  }
  #ai .scenaries-block-item {
    min-height: 142px;
  }
  #ai .scenaries-block-item-info {
    max-width: calc(100% - 60px);
  }
  #ai .scenaries-block-wrapper {
    width: 100%;
  }
  #ai .scenaries-block .btn-outline {
    width: 100%;
  }
  #ai .why {
    background-image: url(../img/why_bg_mobile.webp);
    padding: 0 24px;
  }
  #ai .why .container {
    width: 100%;
    padding: 60px 20px;
    margin: 32px 0;
  }
  #ai .why .container > h6 {
    max-width: 100%;
  }
  #ai .why h5 {
    font-size: 22px;
  }
  #ai .all-in-one .container {
    padding: 0 20px;
  }
  #ai .all-in-one-soft-block-item {
    padding: 40px 24px;
  }
  #ai .all-in-one-soft-block-item h5 {
    font-size: 21px;
    letter-spacing: -0.02em;
  }
  #ai .all-in-one-soft-block-item img {
    -webkit-transform: scale(90%);
        -ms-transform: scale(90%);
            transform: scale(90%);
  }
  #ai .all-in-one-features-block {
    padding: 40px;
  }
  #ai .all-in-one-features-block-item h6.white {
    max-width: 100%;
  }
  #ai .ai-ml .container {
    width: 400px;
  }
  #ai .ai-ml-mobile {
    display: block;
  }
  #ai .ai-ml-tablet {
    display: none;
  }
  #ai .ai-ml-block {
    background-image: url(../img/al_bg_mobile.webp);
    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;
  }
  #ai .ai-ml-block #ai1 {
    top: 303px;
    right: 35%;
    z-index: 200;
  }
  #ai .ai-ml-block #ai2 {
    top: 228px;
    right: 40%;
  }
  #ai .ai-ml-block #ai3 {
    top: 244px;
    right: 10px;
    z-index: 200;
  }
  #ai .ai-ml-block #ai4 {
    bottom: 205px;
    left: 30%;
    z-index: 200;
  }
  #ai .ai-ml-block #ai5 {
    bottom: 189px;
    right: 35%;
  }
  #ai .ai-ml-block #ai6 {
    top: auto;
    bottom: 294px;
    left: 14px;
  }
  #ai .ai-ml-block #ai7 {
    top: 354px;
    left: 20px;
    z-index: 200;
  }
  #ai .ai-ml-block img {
    position: absolute;
    z-index: 100;
  }
  #ai .ready .container {
    padding: 0 20px;
  }
  #ai .ready-img {
    max-height: 370px;
  }
  #ai .ready-img img {
    width: 660px;
  }
}
/*# sourceMappingURL=style.css.map */