:root {
  --color-white: #fff;
  --color-white_rgb: 255, 255, 255;
  --color-black: #000;
  --color-black_rgb: 0, 0, 0;
  --color-grey_a: #A5A7AD;
  --color-grey_b: #B0B0B0;
  --color-grey_d: #DADCE0;
  --color-grey_e: #ECEDEF;
  --color-grey_f: #F5F5F7;
  --color-grey_1: #191919;
  --color-dark_2: #2C2D2E;
  --color-grey_5: #5F5F5F;
  --color-grey_8: #8C8E94;
  --color-grey_9: #959697;
  --color-blue: #0077FF;
  --color-blue_rgb: 0, 119, 255;
  --color-green: #B8FC75;
  --color-blue-light-c: #CCE4FF;
  --color-green_accent: #B8FC75;
  --color-bg-light: #f6f7f8; }

.d-block {
  display: block !important; }

.d-inline-block {
  display: inline-block !important; }

.d-grid {
  display: grid !important; }

.d-inline-grid {
  display: inline-grid !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-none {
  display: none !important; }

@media (min-width: 320px) {
  .d-xxs-block {
    display: block !important; }
  .d-xxs-inline-block {
    display: inline-block !important; }
  .d-xxs-grid {
    display: grid !important; }
  .d-xxs-inline-grid {
    display: inline-grid !important; }
  .d-xxs-flex {
    display: flex !important; }
  .d-xxs-inline-flex {
    display: inline-flex !important; }
  .d-xxs-none {
    display: none !important; } }

@media (min-width: 360px) {
  .d-xs-block {
    display: block !important; }
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-grid {
    display: grid !important; }
  .d-xs-inline-grid {
    display: inline-grid !important; }
  .d-xs-flex {
    display: flex !important; }
  .d-xs-inline-flex {
    display: inline-flex !important; }
  .d-xs-none {
    display: none !important; } }

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-grid {
    display: grid !important; }
  .d-sm-inline-grid {
    display: inline-grid !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; }
  .d-sm-none {
    display: none !important; } }

@media (min-width: 768px) {
  .d-md-block {
    display: block !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-grid {
    display: grid !important; }
  .d-md-inline-grid {
    display: inline-grid !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; }
  .d-md-none {
    display: none !important; } }

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-grid {
    display: grid !important; }
  .d-lg-inline-grid {
    display: inline-grid !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; }
  .d-lg-none {
    display: none !important; } }

@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-grid {
    display: grid !important; }
  .d-xl-inline-grid {
    display: inline-grid !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; }
  .d-xl-none {
    display: none !important; } }

@media (min-width: 1366px) {
  .d-xxl-block {
    display: block !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-grid {
    display: grid !important; }
  .d-xxl-inline-grid {
    display: inline-grid !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; }
  .d-xxl-none {
    display: none !important; } }

@media (min-width: 1600px) {
  .d-xxxl-block {
    display: block !important; }
  .d-xxxl-inline-block {
    display: inline-block !important; }
  .d-xxxl-grid {
    display: grid !important; }
  .d-xxxl-inline-grid {
    display: inline-grid !important; }
  .d-xxxl-flex {
    display: flex !important; }
  .d-xxxl-inline-flex {
    display: inline-flex !important; }
  .d-xxxl-none {
    display: none !important; } }

:root {
  --padding-h: 12px;
  --padding-v: 6px; }
  @media only screen and (min-width: 768px) {
    :root {
      --padding-v: 12px;
      --padding-h: 48px; } }
  @media only screen and (min-width: 1366px) {
    :root {
      --padding-h: 50px;
      --padding-v: 15px; } }

.p-0 {
  padding: 0; }

:root {
  --transition: .2s;
  --section-radius: 24px; }
  @media only screen and (min-width: 768px) {
    :root {
      --section-radius: 32px; } }

.s-ai {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--section-radius);
  background: var(--color-black) url("../images/s_ai/bg-sm.webp") no-repeat 0 0/cover;
  color: var(--color-white); }
  @media only screen and (min-width: 576px) {
    .s-ai {
      flex-direction: row;
      gap: 24px;
      padding: 24px;
      background-image: url("../images/s_ai/bg-md.webp");
      background-position: 100% 100%; } }
  @media only screen and (min-width: 768px) {
    .s-ai {
      padding: 32px; } }
  @media only screen and (min-width: 1200px) {
    .s-ai {
      gap: 0;
      max-width: 539px;
      padding: 32px 32px 0;
      flex-direction: column;
      background-image: url("../images/s_ai/bg-lg.webp"); } }
  .s-ai__text {
    padding: 0 24px 24px; }
    @media only screen and (min-width: 576px) {
      .s-ai__text {
        padding: 0; } }
    @media only screen and (min-width: 1200px) {
      .s-ai__text {
        max-width: 90%; } }
  .s-ai__descr {
    margin: 10px 0 0; }
    @media only screen and (min-width: 1200px) {
      .s-ai__descr {
        margin: 8px 0 0; } }
  .s-ai picture {
    order: -1;
    display: block;
    height: 184px;
    margin: 0 0 15px; }
    @media only screen and (min-width: 576px) {
      .s-ai picture {
        flex: none;
        order: 0;
        height: auto;
        width: 50%;
        max-height: 195px;
        margin: 0; } }
    @media only screen and (min-width: 768px) {
      .s-ai picture {
        margin: 0 20px; } }
    @media only screen and (min-width: 1200px) {
      .s-ai picture {
        margin: 5px -7px 20px auto;
        width: 382px; } }
    .s-ai picture img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center; }

@media only screen and (min-width: 1200px) {
  .scictt {
    padding: 24px var(--padding-h) 28px; } }

@media only screen and (min-width: 1200px) {
  .scictt .s-section__title {
    margin: 0 0 12px; } }

@media only screen and (min-width: 992px) {
  .scictt .swiper {
    width: 764px;
    margin: 0 auto; } }

.scictt .swiper-slide {
  width: 320px;
  max-width: 100%; }
  @media only screen and (min-width: 768px) {
    .scictt .swiper-slide {
      width: 367px; } }
  .scictt .swiper-slide:not(:last-child) {
    margin-right: 12px; }
    @media only screen and (min-width: 768px) {
      .scictt .swiper-slide:not(:last-child) {
        margin-right: 32px; } }

.scictt .swiper .swiper-navigation {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100vw - var(--padding-h) * 2);
  max-width: 1270px;
  transform: translate(-50%); }
  @media only screen and (min-width: 1600px) {
    .scictt .swiper .swiper-navigation {
      display: none; } }

@media only screen and (min-width: 992px) and (max-width: 1599px) {
  .scictt .swiper:hover .swiper-navigation {
    display: flex; } }

.scictt__card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 24px 24px 32px;
  border-radius: 32px;
  background-color: var(--color-white); }
  @media only screen and (min-width: 768px) {
    .scictt__card {
      padding: 40px 40px 38px;
      border-radius: 30px; } }
  .scictt__card-ico {
    flex: none;
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin: 0 0 24px; }
    @media only screen and (min-width: 768px) {
      .scictt__card-ico {
        width: 76px;
        height: 76px;
        margin: 0 0 30px; } }
    .scictt__card-ico svg {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .scictt__card-title {
    margin: auto 0 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px; }
    @media only screen and (min-width: 768px) {
      .scictt__card-title {
        font-size: 30px;
        line-height: 33px; } }
  .scictt__card-txt {
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 23px; }
    @media only screen and (min-width: 768px) {
      .scictt__card-txt {
        margin: 18px 0 0;
        font-size: 20px;
        line-height: 26px; } }

.s-intro {
  padding-top: 12px; }
  @media only screen and (min-width: 992px) {
    .s-intro {
      padding-top: 32px; } }
  @media only screen and (min-width: 1366px) {
    .s-intro {
      padding-top: 48px; } }
  .s-intro .s-section__inner {
    overflow: hidden;
    position: relative;
    min-height: 525px;
    padding: 32px 36px 0;
    border-radius: 32px;
    background-color: var(--color-blue);
    color: var(--color-white);
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .s-intro .s-section__inner {
        padding: 57px 20px 0; } }
    @media only screen and (min-width: 992px) {
      .s-intro .s-section__inner {
        min-height: 362px;
        padding: 20px 32px 0; } }
    @media only screen and (min-width: 1366px) {
      .s-intro .s-section__inner {
        min-height: 406px;
        padding: 40px 32px 0; } }
  .s-intro__inner {
    position: relative;
    max-width: 280px;
    margin: 0 auto; }
    @media only screen and (min-width: 576px) {
      .s-intro__inner {
        max-width: 480px; } }
    @media only screen and (min-width: 992px) {
      .s-intro__inner {
        max-width: unset; } }
    .s-intro__inner .--arr-md {
      position: absolute;
      left: auto;
      top: 70px;
      right: -18px;
      width: 43px;
      height: 160px; }
      @media only screen and (min-width: 576px) {
        .s-intro__inner .--arr-md {
          left: auto;
          top: 86px;
          right: 17px;
          width: 43px;
          height: 150px;
          transform: rotate(32deg); } }
      @media only screen and (min-width: 992px) {
        .s-intro__inner .--arr-md {
          left: 50%;
          top: 108px;
          right: auto;
          width: 200px;
          height: 108px;
          margin-left: 110px;
          stroke-width: 5px;
          transform: rotate(0); } }
      @media only screen and (min-width: 1366px) {
        .s-intro__inner .--arr-md {
          top: 160px;
          margin-left: 124px; } }
    .s-intro__inner .--arr-angle {
      position: absolute;
      left: -20px;
      top: 165px;
      width: 50px;
      height: 50px;
      stroke-width: 6px;
      transform: rotate(-7deg); }
      @media only screen and (min-width: 576px) {
        .s-intro__inner .--arr-angle {
          left: 50px;
          top: 205px; } }
      @media only screen and (min-width: 992px) {
        .s-intro__inner .--arr-angle {
          left: 50%;
          top: 192px;
          width: 70px;
          height: 60px;
          margin-left: -180px;
          transform: rotate(0); } }
      @media only screen and (min-width: 1366px) {
        .s-intro__inner .--arr-angle {
          top: auto;
          bottom: -60px;
          width: 80px;
          height: 70px;
          margin-left: -206px; } }
  .s-intro__logo {
    height: 28px;
    margin: 8px auto 16px; }
    @media only screen and (min-width: 992px) {
      .s-intro__logo {
        height: 40px;
        margin: 8px auto 20px; } }
    @media only screen and (min-width: 1366px) {
      .s-intro__logo {
        height: 42px;
        margin: 0 0 20px; } }
    .s-intro__logo svg {
      width: auto;
      height: 100%; }
  .s-intro__title {
    font-size: 38px;
    font-weight: 500;
    line-height: 40px; }
    @media only screen and (min-width: 992px) {
      .s-intro__title {
        font-size: 46px;
        line-height: 48px; } }
    @media only screen and (min-width: 1366px) {
      .s-intro__title {
        max-width: 1080px;
        margin: 0 auto; } }
    .s-intro__title .--line {
      position: relative;
      display: inline-block; }
      .s-intro__title .--line svg {
        position: absolute;
        top: auto;
        left: -2px;
        right: -6px;
        bottom: -4px;
        stroke-width: 5px; }
        @media only screen and (min-width: 1366px) {
          .s-intro__title .--line svg {
            left: -5px;
            right: -3px;
            bottom: -12px;
            stroke-width: 2px; } }
  .s-intro__text {
    margin: 4px 0;
    font-size: 16px;
    line-height: 22px; }
    @media only screen and (min-width: 992px) {
      .s-intro__text {
        margin: 12px 0;
        font-size: 18px;
        line-height: 23px; } }
  .s-intro__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 20px 0; }
    @media only screen and (min-width: 992px) {
      .s-intro__btns {
        margin: 32px 0; } }
    @media only screen and (min-width: 1366px) {
      .s-intro__btns {
        margin: 40px 0; } }
    .s-intro__btns .a-btn {
      width: 100%;
      max-width: 227px; }
      @media only screen and (min-width: 992px) {
        .s-intro__btns .a-btn {
          max-width: 165px; } }
      @media only screen and (min-width: 1366px) {
        .s-intro__btns .a-btn {
          max-width: 201px; } }
  .s-intro .--byte {
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    height: 162px;
    width: 165px; }
    @media only screen and (min-width: 992px) {
      .s-intro .--byte {
        right: -8px;
        height: 186px;
        width: 190px; } }
    @media only screen and (min-width: 1366px) {
      .s-intro .--byte {
        right: 0;
        height: 214px;
        width: 218px; } }
  .s-intro .--faces {
    position: absolute;
    left: 24px;
    top: auto;
    bottom: 74px;
    width: 180px;
    height: 92px; }
    @media only screen and (min-width: 992px) {
      .s-intro .--faces {
        left: 32px;
        top: auto;
        bottom: 42px;
        width: 198px;
        height: 102px; } }
    @media only screen and (min-width: 1366px) {
      .s-intro .--faces {
        left: 54px;
        top: auto;
        bottom: 54px;
        width: 222px;
        height: 112px; } }

.s-importer {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--section-radius);
  background-color: var(--color-green_accent); }
  @media only screen and (min-width: 576px) {
    .s-importer {
      min-height: 260px; } }
  @media only screen and (min-width: 768px) {
    .s-importer {
      padding: 32px; } }
  .s-importer__text {
    padding: 0 24px 24px; }
    @media only screen and (min-width: 576px) {
      .s-importer__text {
        width: 80%;
        padding: 24px 24px 0; } }
    @media only screen and (min-width: 768px) {
      .s-importer__text {
        width: 50%;
        padding: 0; } }
    @media only screen and (min-width: 1200px) {
      .s-importer__text {
        width: auto; } }
  .s-importer__title .--el {
    position: relative;
    display: inline-block; }
    .s-importer__title .--el svg {
      display: none; }
      @media only screen and (min-width: 768px) {
        .s-importer__title .--el svg {
          display: block;
          color: var(--color-blue);
          stroke-width: 5px; } }
  .s-importer__descr {
    margin: 8px 0 0; }
    @media only screen and (min-width: 1200px) {
      .s-importer__descr {
        width: 58%; } }
  .s-importer picture {
    order: -1;
    display: block;
    height: 222px;
    margin: 0 0 10px; }
    @media only screen and (min-width: 576px) {
      .s-importer picture {
        order: 1;
        margin: 0; } }
    @media only screen and (min-width: 768px) {
      .s-importer picture {
        position: absolute;
        left: auto;
        top: auto;
        right: 0;
        bottom: 0;
        height: auto;
        width: 50%;
        max-width: 458px;
        margin: 0; } }
    @media only screen and (min-width: 1200px) {
      .s-importer picture {
        width: 72%; } }
    @media only screen and (min-width: 1366px) {
      .s-importer picture {
        width: 500px;
        max-width: unset; } }
    .s-importer picture img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: right; }

.s_nospam {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  border-radius: var(--section-radius);
  background-color: var(--color-blue);
  color: var(--color-white); }
  .s_nospam__text {
    padding: 20px 24px 24px; }
    @media only screen and (min-width: 992px) {
      .s_nospam__text {
        max-width: 90%;
        padding: 32px 32px 0; } }
  .s_nospam__title svg {
    left: auto;
    top: -12px;
    right: -24px;
    width: 32px;
    height: 32px;
    color: var(--color-green_accent); }
    @media only screen and (min-width: 992px) {
      .s_nospam__title svg {
        top: -14px;
        right: -30px;
        width: 36px;
        height: 36px; } }
    @media only screen and (min-width: 1200px) {
      .s_nospam__title svg {
        top: -14px;
        right: -32px;
        width: 40px;
        height: 40px; } }
  .s_nospam__descr {
    margin: 10px 0 0; }
    @media only screen and (min-width: 768px) {
      .s_nospam__descr {
        margin: 8px 0 0; } }
    @media only screen and (min-width: 1200px) {
      .s_nospam__descr {
        max-width: 63%; } }
  .s_nospam picture {
    order: -1;
    width: auto;
    height: 221px; }
    @media only screen and (min-width: 992px) {
      .s_nospam picture {
        order: 0;
        height: 122px;
        margin: -12px 15px 8px; } }
    @media only screen and (min-width: 1200px) {
      .s_nospam picture {
        height: 292px;
        margin: -132px 0 10px; } }
    .s_nospam picture img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: right; }

.sptti {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  border-radius: var(--section-radius);
  background-color: var(--color-blue-light-c); }
  @media only screen and (min-width: 992px) {
    .sptti {
      max-width: 539px; } }
  .sptti__text {
    padding: 10px 24px 24px; }
    @media only screen and (min-width: 992px) {
      .sptti__text {
        padding: 32px 32px 0; } }
  .sptti__title .--el {
    position: relative;
    display: inline-block; }
    .sptti__title .--el svg {
      left: -3px;
      right: -3px;
      bottom: -8px;
      color: var(--color-blue);
      stroke-width: 5px; }
  .sptti__descr {
    margin: 10px 0 0; }
    @media only screen and (min-width: 768px) {
      .sptti__descr {
        margin: 8px 0 0; } }
    @media only screen and (min-width: 1200px) {
      .sptti__descr {
        max-width: 90%; } }
  .sptti picture {
    order: -1;
    display: block;
    width: auto;
    height: 221px; }
    @media only screen and (min-width: 992px) {
      .sptti picture {
        order: 0;
        height: 112px;
        margin: 0 auto 20px; } }
    @media only screen and (min-width: 1200px) {
      .sptti picture {
        height: 138px;
        margin: 38px auto 20px; } }
    .sptti picture img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center; }

/*# sourceMappingURL=maps/index.css.map */