.ai-marketing {
  background: var(--dark);
  min-height: 810px;
  overflow: hidden;
  color: var(--white);
  position: relative;
  padding-bottom: var(--sp);
}

.ai-marketing__title {
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
}

.ai-marketing__content {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 60px;
  column-gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
  padding-bottom: 67px;
}

.ai-marketing__bg {
  position: absolute;
  width: 100%;
  height: 70%;
  left: 0;
  top: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}

.ai-marketing__content-left {
  max-width: 391px;
  width: 100%;
}

.ai-marketing__content-left .content-left__about h3 {
  font-weight: 400;
  font-size: 60px;
  line-height: 120%;
  background: linear-gradient(93.87deg, #6A1BF0 14.13%, #21B7EF 103.34%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 24px;
}

.ai-marketing__content-left .content-left__about p {
  font-weight: 300;
  font-size: var(--m);
  line-height: 130%;
  margin-bottom: 10px;
}

.ai-marketing__content-left .content-left__about p:last-child {
  margin-bottom: 0;
}

.ai-marketing__content-left .content-left__list_tooltip {
  margin-top: 32px;
}

.ai-marketing__content-left .content-left__list_tooltip .item-tooltip {
  padding-left: 40px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: var(--m);
  line-height: 130%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ai-marketing__content-left .content-left__list_tooltip .item-tooltip:last-child {
  margin-bottom: 0;
}

.ai-marketing__content-left .content-left__list_tooltip .item-tooltip .marker {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L12.128 4.63441C12.2371 8.58557 15.4144 11.7629 19.3656 11.872L24 12L19.3656 12.128C15.4144 12.2371 12.2371 15.4144 12.128 19.3656L12 24L11.872 19.3656C11.7629 15.4144 8.58556 12.2371 4.63441 12.128L0 12L4.63441 11.872C8.58557 11.7629 11.7629 8.58556 11.872 4.63441L12 0Z' fill='url(%23paint0_linear_84_399)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_84_399' x1='-1.31784e-08' y1='5.81818' x2='27.8411' y2='7.6997' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.115385' stop-color='%236A1BF0'/%3E%3Cstop offset='0.932692' stop-color='%2321B7EF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center/contain;
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ai-marketing .tooltip {
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  margin-left: 16px;
  flex: 0 0 40px;
  position: relative;
  transition: var(--transition);
  cursor: pointer;
}

.ai-marketing .tooltip:before {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8571' cy='10.8571' r='10.8571' fill='white'/%3E%3Cg clip-path='url(%23clip0_2137_20)'%3E%3Cpath d='M13.0728 15.04L12.9238 15.6492C12.4767 15.8257 12.1195 15.96 11.8535 16.0524C11.5873 16.145 11.2779 16.1911 10.9255 16.1911C10.3842 16.1911 9.96317 16.0585 9.66289 15.7951C9.36261 15.5307 9.21243 15.1956 9.21243 14.7891C9.21243 14.6318 9.22332 14.4699 9.24598 14.305C9.26883 14.1399 9.30516 13.954 9.35487 13.7461L9.91365 11.7684C9.96336 11.579 10.0056 11.3996 10.0395 11.2299C10.0738 11.0612 10.0903 10.9061 10.0903 10.7664C10.0903 10.5138 10.038 10.3372 9.93391 10.2378C9.8298 10.1388 9.63115 10.0885 9.33623 10.0885C9.19178 10.0885 9.04331 10.1116 8.89198 10.1564C8.73997 10.2013 8.61006 10.2447 8.50098 10.2851L8.6504 9.67533C9.01645 9.52629 9.36634 9.39867 9.70103 9.29274C10.0357 9.18653 10.352 9.13338 10.6511 9.13338C11.1887 9.13338 11.6035 9.2633 11.8947 9.52314C12.186 9.78316 12.3316 10.1202 12.3316 10.5356C12.3316 10.6216 12.3221 10.773 12.3015 10.9894C12.2814 11.2063 12.2441 11.4051 12.1896 11.5859L11.6332 13.5557C11.5876 13.7139 11.5466 13.8948 11.5109 14.0983C11.4741 14.3005 11.4565 14.455 11.4565 14.5586C11.4565 14.8202 11.5148 14.9988 11.6318 15.0937C11.7495 15.1886 11.9524 15.2359 12.2405 15.2359C12.3758 15.2359 12.5297 15.2119 12.7007 15.1647C12.8713 15.1176 12.9957 15.0762 13.0728 15.04ZM13.2139 6.77007C13.2139 7.11327 13.0846 7.40638 12.8246 7.64738C12.5654 7.88925 12.253 8.01028 11.8875 8.01028C11.5209 8.01028 11.2077 7.88925 10.9454 7.64738C10.6837 7.40628 10.5525 7.11327 10.5525 6.77007C10.5525 6.42754 10.6837 6.13395 10.9454 5.88989C11.2072 5.64621 11.521 5.52441 11.8875 5.52441C12.2529 5.52441 12.5654 5.64649 12.8246 5.88989C13.0848 6.13395 13.2139 6.42763 13.2139 6.77007Z' fill='%23050505'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2137_20'%3E%3Crect width='10.6667' height='10.6667' fill='white' transform='translate(5.52393 5.52441)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center/contain;
  content: "";
  display: flex;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ai-marketing .tooltip .tooltip-content {
  background: var(--dark);
  display: none;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #353535;
  position: absolute;
  bottom: calc(100% + 16px);
  transition: var(--transition);
  width: 342px;
  font-size: var(--fz-default);
  transform: translateX(-50%);
  left: 50%;
}

.ai-marketing .tooltip:hover {
  background: rgba(255, 255, 255, 0.8);
}

.ai-marketing .tooltip:hover .tooltip-content {
  display: block;
}

.ai-marketing__content-right {
  max-width: 350px;
  width: 100%;
}

.ai-marketing__content-right h5 {
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-top: 32px;
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.ai-marketing__content-right h5 .tooltip .tooltip-content {
  padding: 0;
  -o-object-fit: contain;
  object-fit: contain;
  bottom: 50%;
  width: 50vw;
  transform: translateY(50%);
  right: calc(100% + 15px);
  left: unset;
  max-width: 800px;
}

.ai-marketing__content-right h5:first-child {
  margin-top: 0;
}

.ai-marketing__content-right p {
  line-height: 130%;
  font-size: var(--m);
}

.ai-marketing__subtitle {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: var(--m);
  line-height: 130%;
}

.ai-marketing__swiper-person {
  padding: 32px 0 66px 0 !important;
  position: relative;
}

.ai-marketing__swiper-person:before,
.ai-marketing__swiper-person:after {
  content: "";
  width: 104%;
  height: 1px;
  left: -2%;
  display: block;
  position: absolute;
  background: linear-gradient(90deg, rgba(82, 122, 254, 0) 0%, #527AFE 26%, #527AFE 70%, rgba(82, 122, 254, 0) 100%);
}

.ai-marketing__swiper-person:before {
  top: 2px;
}

.ai-marketing__swiper-person:after {
  bottom: 2px;
}

.ai-marketing__swiper-person .swiper-slide {
  display: flex;
  align-items: center;
  -moz-column-gap: 48px;
  column-gap: 48px;
}

.ai-marketing__swiper-person .swiper-slide__photo {
  width: 88px;
  height: 88px;
}

.ai-marketing__swiper-person .swiper-slide__photo .img-photo {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.ai-marketing__swiper-person .swiper-slide__content {
  flex: 1;
  max-width: 888px;
}

.ai-marketing__swiper-person .swiper-slide__name {
  font-weight: 500;
  font-size: var(--h4);
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.ai-marketing__swiper-person .swiper-slide__position {
  font-weight: 300;
  font-size: var(--m);
  line-height: 130%;
  color: var(--neutral-2);
  margin-bottom: 16px;
}

.ai-marketing__swiper-person .swiper-slide__description {
  font-weight: 300;
  font-size: var(--m);
  line-height: 130%;
}

.ai-marketing__swiper-person .swiper-slide__img-quote {
  width: 38px;
  height: 38px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: auto;
}

.ai-marketing .swiper-pagination {
  text-align: left;
  bottom: 30px !important;
  left: 10.5% !important;
}

.ai-marketing .swiper-pagination .swiper-pagination-bullet {
  background: var(--white);
  opacity: 1;
}

.ai-marketing .swiper-pagination .swiper-pagination-bullet-active {
  background: #21B7EF;
}

@media (max-width: 1260px) {
  .ai-marketing__content {
    align-items: flex-end;
  }

  .ai-marketing__bg {
    left: 10%;
    top: 100px;
  }

  .ai-marketing__content-left .content-left__about h3 {
    font-size: 42px;
  }

  .ai-marketing__content-right h5 {
    margin-top: 16px;
  }

  .ai-marketing__content-right h5 .tooltip .tooltip-content {
    max-width: 530px;
  }
}

@media (max-width: 760px) {
  .ai-marketing__title {
    margin-bottom: 0;
  }

  .ai-marketing__content {
    flex-direction: column;
    row-gap: 32px;
  }

  .ai-marketing__bg {
    background-size: cover;
    height: 70vw;
    left: 0;
  }

  .ai-marketing__bg:before {
    content: "";
    display: block;
    height: 100%;
    width: 44%;
    background: linear-gradient(89.43deg, #050505 39.94%, rgba(5, 5, 5, 0.89) 54.75%, rgba(5, 5, 5, 0) 99.93%);
  }

  .ai-marketing__content-left {
    padding-top: 60vw;
  }

  .ai-marketing .tooltip .tooltip-content {
    transform: translateX(-100%);
    left: 100%;
  }

  .ai-marketing__content-right h5 .tooltip .tooltip-content {
    transform: translateX(-100%);
    left: 100%;
    width: 90vw;
    bottom: 105%;
    max-width: 370px;
  }

  .ai-marketing__swiper-person .swiper-slide {
    flex-direction: column;
    row-gap: 16px;
    align-items: flex-start;
  }
}