/* Start:/local/templates/aio/assets/css/dragula.min.css?17320228661258*/
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: .8;
  display: flex;
  align-items: center;
  column-gap: 4px;
  background-color: #f4f5fd;
  border-radius: 8px;

  & .drag-btn {
    width: 32px;
    height: 32px;
    background-color: transparent;
    background-image: url(/local/templates/aio/assets/css/../img/drag-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: grabbing;
  }

  & p {
    background: #fff;
    border-radius: 8px;
    padding: 8px;
    font-family: var(--second-family);
    font-size: 12px;
    line-height: 133%;
    letter-spacing: -0.02em;
    color: #6e6e84;
    flex-grow: 1;
  }

  & .delete-btn {
    border-radius: 8px;
    width: 32px;
    height: 32px;
    background-color: #ebecf6;
    position: relative;

    &::after {
      position: absolute;
      content: '';
      width: 10px;
      height: 1px;
      background-color: #6E6E84;
      left: 50%;
      transform: translateX(-50%);
      top: 50%;
    }
  }
}

.gu-hide {
  display: none !important
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important
}

.gu-transit {
  opacity: .2
}
/* End */


/* Start:/local/templates/aio/assets/css/features.css?175128968196138*/
.top-section {
  position: relative;
}

.top-section .top-section__inner {
  padding: 127px 0 152px;
  text-align: center;
}

.top-section .top-section__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.top-section .top-section__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 96px;
  line-height: 112%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
}

.top-section .top-section__subtitle {
  font-family: var(--second-family);
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.04em;
  color: #f4f5fd;
  margin: 16px 0 32px;
}

.top-section .top-section__link {
  margin: 0 auto;
  height: 56px;
}

.section-tracker {
  background: #000;

}

.section-tracker::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #000;
}

.section-tracker .section-tracker__title {
  font-family: var(--third-family);
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
  padding: 0 10px;
}

.section-tracker .section-tracker__body {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.section-tracker .section-tracker__body.splide__list {
  height: fit-content;
}

.section-tracker .section-tracker__body-item {
  background: #313ffe;
  border-radius: 32px;
  width: 100%;
  min-height: 354px;
  overflow: hidden;
  grid-column: 4 span;
}

.section-tracker .section-tracker__body-item:nth-child(7n + 1),
.section-tracker .section-tracker__body-item:nth-child(7n + 7) {
  grid-column: 8 span;
}

.section-tracker .section-tracker__superfast {
  position: relative;
  height: 100%;
  padding: 16px 24px;
}

:is(.section-tracker .section-tracker__superfast) div {
  font-family: var(--third-family);
  font-size: 83px;
  line-height: 110%;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, #fff 35.27%, #000 110.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

:is(.section-tracker .section-tracker__superfast) img {
  position: absolute;
  left: 24px;
  top: 87px;
}

.section-tracker .section-tracker__traffic {
  position: relative;
  background: #f4f5fd;
  height: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 354px;
}

:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme {
  border: 1px solid #cacddc;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(/local/templates/aio/assets/css/../img/dots-bg.svg);
  cursor: grab;
  position: relative;
}

:is(:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme) .traffic-scheme__content {
  transform: translate(-390px, -25px);
}

:is(:is(:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme) .traffic-scheme__content) img {
  transition: transform 0.3s ease-in;
}

:is(:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme) .section-tracker__size-buttons {
  position: absolute;
  z-index: 10;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;

  background: #232332;
  border-radius: 64px;
  padding: 4px;

}

:is(:is(:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme) .section-tracker__size-buttons) button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border: 1px solid #cacddc;
  border-radius: 64px;
  padding: 8px;
  background: #f4f5fd;

}

:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-title {
  font-family: var(--third-family);
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #232332;
  position: absolute;
  max-width: 336px;
  width: 100%;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  user-select: none;
}

.section-tracker .section-tracker__integrator {
  position: relative;
  display: flex;
  height: 100%;
  padding: 24px;
}

:is(.section-tracker .section-tracker__integrator) img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

:is(.section-tracker .section-tracker__integrator) .content {
  position: relative;
  z-index: 1;
  margin-top: auto;

}

:is(:is(.section-tracker .section-tracker__integrator) .content) p {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #fff;
}

:is(:is(.section-tracker .section-tracker__integrator) .content) p:first-child {
  font-family: var(--third-family);
  font-size: 24px;
  line-height: 117%;
  margin-bottom: 8px;
}

.section-tracker .section-tracker__traffic-filter {
  background: #f4f5fd;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px;

}

:is(.section-tracker .section-tracker__traffic-filter)>p {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #232332;
  margin-bottom: 37px;
}

:is(.section-tracker .section-tracker__traffic-filter)>p:first-child {
  font-family: var(--third-family);
  font-size: 24px;
  line-height: 117%;
  margin-bottom: 8px;
}

:is(.section-tracker .section-tracker__traffic-filter) .switchers {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  overflow-y: auto;
  max-height: 112px;
}

:is(:is(.section-tracker .section-tracker__traffic-filter) .switchers)::-webkit-scrollbar {
  width: 6px;
  height: 100%;
  display: none;
}

@supports not selector(::-webkit-scrollbar) {
  :is(.section-tracker .section-tracker__traffic-filter) .switchers {
    scrollbar-width: none;
  }
}

:is(.section-tracker .section-tracker__traffic-filter) .switchers__item {
  display: flex;
  align-items: center;
  column-gap: 4px;
}

:is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) .drag-btn {
  width: 32px;
  height: 32px;
  background-color: transparent;
  background-image: url(/local/templates/aio/assets/css/../img/drag-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: grab;
}

:is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) p {
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  font-family: var(--second-family);
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #6e6e84;
  flex-grow: 1;
}

:is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) .delete-btn {
  border-radius: 8px;
  width: 32px;
  height: 32px;
  background-color: #ebecf6;
  position: relative;
}

:is(:is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) .delete-btn):hover {
  cursor: pointer;
}

:is(:is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) .delete-btn)::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 1px;
  background-color: #6E6E84;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
}

:is(.section-tracker .section-tracker__traffic-filter) .add-filter {
  margin-top: auto;
  border-radius: 8px;
  padding: 0 12px;
  height: 36px;
  background: #22cd48;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: right;
  color: #fff;
  position: relative;
}

:is(:is(.section-tracker .section-tracker__traffic-filter) .add-filter)::before,
:is(:is(.section-tracker .section-tracker__traffic-filter) .add-filter)::after {
  content: '';
  position: absolute;
  left: 14px;
  top: 50%;
  width: 12px;
  height: 2px;
  background-color: #fff;
}

:is(:is(.section-tracker .section-tracker__traffic-filter) .add-filter)::after {
  transform: rotate(90deg);
}

.section-tracker .section-tracker__conversion {
  position: relative;
  height: 100%;
  padding: 24px;
}

:is(.section-tracker .section-tracker__conversion) img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

:is(.section-tracker .section-tracker__conversion) video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.section-tracker .section-tracker__conversion) .conversion-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;

}

:is(:is(.section-tracker .section-tracker__conversion) .conversion-content) p:first-child {
  font-family: var(--third-family);
  font-size: 56px;
  line-height: 114%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 16px #000;
  min-height: 192px;
}

:is(:is(.section-tracker .section-tracker__conversion) .conversion-content) p:last-child {
  border-radius: 16px;
  padding: 10px;
  background: #313ffe;
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}

.section-tracker .section-tracker__metrics {
  height: 100%;
  padding: 24px;
  background: #f4f5fd;
}

:is(.section-tracker .section-tracker__metrics) .metrics__info {
  padding-bottom: 25px;
  border-bottom: 1px solid #cacddc;
  margin-bottom: 25px;
}

:is(:is(.section-tracker .section-tracker__metrics) .metrics__info)>div {
  font-family: var(--third-family);
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.04em;
  color: #232332;
  margin-bottom: 8px;
}

:is(:is(.section-tracker .section-tracker__metrics) .metrics__info)>p {
  max-width: 280px;
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #232332;
}

:is(.section-tracker .section-tracker__metrics) .metrics__inputs {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

:is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__title {
  width: fit-content;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #232332;
  position: relative;
  padding-right: 20px;
  margin-bottom: 4px;
}

:is(:is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__title)::after {
  content: '';
  position: absolute;
  right: 2px;
  top: 0;
  width: 16px;
  height: 16px;
  background-image: url(/local/templates/aio/assets/css/../img/question-mark.svg);
  background-repeat: no-repeat;
  background-position: center;
}

:is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__input {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 8px 8px 8px 28px;
  font-family: var(--second-family);
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #6e6e84;
  background-image: url(/local/templates/aio/assets/css/../img/setting.svg);
  background-repeat: no-repeat;
  background-position: 8px center;
}

:is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__inputs-item:nth-child(2) .metrics__input,
:is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__inputs-item:nth-child(3) .metrics__input {
  background-image: url(/local/templates/aio/assets/css/../img/driver.svg);
}

.section-tracker .section-tracker__generator {
  height: 100%;
  padding-left: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

:is(.section-tracker .section-tracker__generator) .text-content {
  max-width: 358px;
}

:is(:is(.section-tracker .section-tracker__generator) .text-content) .text-content__title {
  font-family: var(--third-family);
  font-size: 64px;
  line-height: 112%;
  letter-spacing: -0.04em;
  color: #fff;
  margin-bottom: 8px;
}

:is(:is(.section-tracker .section-tracker__generator) .text-content) .text-content__suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #fff;
}

:is(.section-tracker .section-tracker__generator) .generator__img-sm {
  box-shadow: 0 15px 20px 0 rgba(110, 110, 132, 0.1);
  position: absolute;
  top: 170px;
  left: 413px;
  z-index: 2;
}

.section-testing {
  background: #313ffe;


}

.section-testing::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #313ffe;
}

.section-testing .section-testing__inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;

  background-image: url(/local/templates/aio/assets/css/../img/testing-decor.svg);
  background-repeat: no-repeat;
  background-position: 51% 17%;
  background-size: 372px 372px;
}

.section-testing .section-testing__item {
  min-height: 354px;
  background-color: #000;
  grid-column: 4 span;
  border-radius: 32px;
}

/* временно цвета */

.section-testing .section-testing__item:first-child {
  background-color: transparent;
}

.section-testing .section-testing__item:nth-child(4n + 1),
.section-testing .section-testing__item:nth-child(4n + 4) {
  grid-column: 8 span;
}

.section-testing .section-testing__main {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 40px 48px;
  position: relative;
}

:is(.section-testing .section-testing__main) .section-testing__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 120px;
  line-height: 110%;
  letter-spacing: -0.04em;
  color: #fff;
}

:is(.section-testing .section-testing__main) .section-testing__sticker {
  border-radius: 16px;
  padding: 12px;
  height: 48px;
  background: #232332;
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  transform: rotate(6deg);
  position: absolute;
  top: 55px;
  right: 4px;
}

:is(:is(.section-testing .section-testing__main) .section-testing__sticker) span {
  position: relative;
  padding-right: 23px;
}

:is(:is(:is(.section-testing .section-testing__main) .section-testing__sticker) span)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background: url(/local/templates/aio/assets/css/../img/smile-icon.png) no-repeat center / cover;
}

:is(.section-testing .section-testing__main) .section-testing__link {
  position: absolute;
  right: 34px;
  bottom: 64px;
}

.section-testing .section-testing__campaign {
  height: 100%;
  padding: 35px 24px;
  overflow: hidden;
  border-radius: 32px;
  position: relative;
}

:is(.section-testing .section-testing__campaign) .section-testing__campaign-title {
  font-family: var(--third-family);
  font-size: 32px;
  line-height: 125%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #f4f5fd;
}

:is(.section-testing .section-testing__campaign) img {
  position: absolute;
  left: 0;
  bottom: 0;
}

.section-testing .section-testing__winner {
  height: 100%;
  padding: 20px 24px;
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

:is(.section-testing .section-testing__winner) img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}

:is(.section-testing .section-testing__winner) .section-testing__winner-title {
  font-family: var(--third-family);
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #000;
  position: relative;
  z-index: 1;
}

.section-testing .section-testing__combinations {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 24px;
  overflow: hidden;
  border-radius: 32px;
  position: relative;
}

:is(.section-testing .section-testing__combinations) .section-testing__combinations-image {
  position: absolute;
  right: -12%;
  top: 37%;
  width: 656px;
  transform: translateY(-36%) rotate(12deg);
}

:is(:is(.section-testing .section-testing__combinations) .section-testing__combinations-image) img {
  width: 100%;
}

:is(.section-testing .section-testing__combinations) .section-testing__combinations-info {
  position: relative;
  z-index: 1;
  color: #fff;
}

:is(.section-testing .section-testing__combinations) .section-testing__combinations-title {
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 64px;
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
  max-width: 605px;
}

:is(.section-testing .section-testing__combinations) .section-testing__combinations-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  max-width: 300px;
}

.section-tech {
  background: #000;

}

.section-tech::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #000;
}

.section-tech .section-tech__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 56px;
  line-height: 114%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  padding: 0 10px;
}

.section-tech .section-tech__items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.section-tech .section-tech__item {
  grid-column: 6 span;
  min-height: 354px;
}

.section-tech .section-tech__domains {
  height: 100%;
  padding: 24px;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  background-color: #000;
  overflow: hidden;
  position: relative;

}

:is(.section-tech .section-tech__domains) .section-tech__domains-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-38%) translateY(-42%);
  z-index: 2;
}

:is(.section-tech .section-tech__domains) .section-tech__domains-info {
  position: relative;
  z-index: 1;
  color: #fff;
}

:is(.section-tech .section-tech__domains) .section-tech__domains-title {
  font-family: var(--third-family);
  font-size: 48px;
  line-height: 92%;
  letter-spacing: -0.04em;
  margin-bottom: 21px;
  max-width: 365px;
}

:is(.section-tech .section-tech__domains) .section-tech__domains-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  max-width: 201px;
}

.section-tech .section-tech__geo {
  height: 100%;
  background-color: #000;
  border: 1px solid #6e6e84;
  padding: 24px;
  border-radius: 32px;
  overflow: hidden;
  position: relative;

}

:is(.section-tech .section-tech__geo) .section-tech__geo-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-4%) translateY(-50%);
  z-index: 1;
}

:is(.section-tech .section-tech__geo) .section-tech__geo-info {
  height: 100%;
  color: #fff;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

:is(.section-tech .section-tech__geo) .section-tech__geo-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  max-width: 304px;
}

:is(.section-tech .section-tech__geo) .section-tech__geo-title {
  font-family: var(--third-family);
  font-size: 60px;
  line-height: 95%;
  letter-spacing: -0.04em;
  max-width: 336px;
}

.section-tech .section-tech__proxy {
  height: 100%;
  padding: 24px;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 8px;
  position: relative;
}

:is(.section-tech .section-tech__proxy) .section-tech__proxy-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

:is(.section-tech .section-tech__proxy) .section-tech__proxy-mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 69%, rgba(0, 0, 0, 0.60) 100%);
}

:is(.section-tech .section-tech__proxy) .section-tech__proxy-info {
  max-width: 336px;
  position: relative;
  z-index: 3;
}

:is(.section-tech .section-tech__proxy) .section-tech__proxy-title {
  font-family: var(--third-family);
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.04em;
  color: #fff;
}

:is(.section-tech .section-tech__proxy) .section-tech__proxy-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #fff;
}

.section-tech .section-tech__manager {
  height: 100%;
  padding: 24px;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

}

:is(.section-tech .section-tech__manager) .section-tech__manager-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

:is(.section-tech .section-tech__manager) .section-tech__manager-info {
  position: relative;
  z-index: 2;
  color: #232332;
  text-align: center;
}

:is(.section-tech .section-tech__manager) .section-tech__manager-title {
  max-width: 477px;
  font-family: var(--third-family);
  font-size: 64px;
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 33px;
}

:is(.section-tech .section-tech__manager) .section-tech__manager-suptitle {
  max-width: 336px;
  font-family: var(--second-family);
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  margin: 0 auto;
}

.section-monitoring {
  background: #f4f5fd;
}

.section-monitoring::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #f4f5fd;
}

.section-monitoring .section-monitoring__inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  background: url(/local/templates/aio/assets/css/../img/wave-bg.svg) no-repeat 59% top / 490px 544px;
}

.section-monitoring .section-monitoring__item {
  min-height: 354px;
  grid-column: 4 span;
}

.section-monitoring .section-monitoring__item:nth-child(4n + 1) {
  grid-column: 8 span;
}

.section-monitoring .section-monitoring__item:nth-child(4n + 2) {
  grid-row: 2 span;
}

.section-monitoring .section-monitoring__item:nth-child(1) {
  order: 1;
}

.section-monitoring .section-monitoring__item:nth-child(2) {
  order: 3;
  grid-row: 1 span;
}

.section-monitoring .section-monitoring__item:nth-child(3) {
  order: 4;
}

.section-monitoring .section-monitoring__item:nth-child(4) {
  order: 2;
  grid-row: 2 span;
}

.section-monitoring .section-monitoring__main {
  background-color: transparent;
  padding: 50px 20px 50px 67px;
  display: flex;
  align-items: center;
  position: relative;
}

:is(.section-monitoring .section-monitoring__main) .section-monitoring__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 88px;
  line-height: 109%;
  letter-spacing: -0.04em;
  color: #232332;
}

:is(.section-monitoring .section-monitoring__main) .section-monitoring__link {
  position: absolute;
  right: 0;
  bottom: 55px;
}

.section-monitoring .section-monitoring__link.section-monitoring__link--mobile {
  display: none;
}

.section-monitoring .section-monitoring__rate {
  height: 100%;
  background-color: #000;
  border: 1px solid #000;
  overflow: hidden;
  border-radius: 32px;
  padding: 24px 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

:is(.section-monitoring .section-monitoring__rate) .section-monitoring__info {
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
}

:is(.section-monitoring .section-monitoring__rate) .section-monitoring__title {
  font-family: var(--third-family);
  font-size: 32px;
  line-height: 125%;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}

:is(.section-monitoring .section-monitoring__rate) .section-monitoring__text {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
}

.section-monitoring .section-monitoring__recording {
  height: 100%;
  border: 1px solid #000;
  border-radius: 32px;
  background-color: #000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

}

:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-title {
  font-family: var(--third-family);
  font-size: 60px;
  line-height: 93%;
  letter-spacing: -0.04em;
  text-align: center;
  background: linear-gradient(180deg, #fff 71.2%, #292929 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: -8px;
}

:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player {
  min-height: 204px;
  border-radius: 30px;
  background: #f4f5fd;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

}

:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-btn {
  border-radius: 50%;
  width: 68px;
  height: 68px;
  background-color: #22cd48;
  position: relative;
}

:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-btn):after {
  content: '';
  cursor: pointer;
  inset: 0;
  position: absolute;
  background: url(/local/templates/aio/assets/css/../img/pause.svg) no-repeat center center / 20px;
}

:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-btn.active):after {
  background: url(/local/templates/aio/assets/css/../img/play.svg) no-repeat center center / 26px;
}

:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-progress {
  width: 100%;
  position: relative;
}

:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-line {
  display: block;
  height: 4px;
  border-radius: 8px;
}

:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-line--base {
  background-color: #ebecf6;
  width: 100%;
}

:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-line--play {
  width: 0%;
  background-color: #313ffe;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: played;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 30s;
}

:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-line--play.stopped {
  animation-play-state: paused;
}

:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}

:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-speed {
  border-radius: 8px;
  padding: 8px 36px;
  background: #ebecf6;
  position: relative;
}

:is(:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-speed)::after,
:is(:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-speed)::before {
  position: absolute;
  top: 10px;
  content: '';
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

:is(:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-speed)::after {
  left: 12px;
  background-image: url(/local/templates/aio/assets/css/../img/play-cricle.svg);
}

:is(:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-speed)::before {
  right: 12px;
  background-image: url(/local/templates/aio/assets/css/../img/Chevron-down.svg);
}

:is(:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-speed) span {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #6e6e84;
}

:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-skip {
  background: #ebecf6;
  border-radius: 8px;
  padding: 8px;

}

:is(:is(:is(:is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-player) .section-monitoring__player-footer) .section-monitoring__player-skip) span {
  font-family: var(--second-family);
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: right;
  color: #232332;
}

.section-monitoring .section-monitoring__heat {
  height: 100%;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 32px;
  overflow: hidden;
  padding: 40px 24px;
  position: relative;
}

:is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-title {
  font-family: var(--third-family);
  font-size: 100px;
  line-height: 55%;
  letter-spacing: -0.04em;
  color: #fff;
  position: relative;
  z-index: 2;
}

:is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-img {
  position: absolute;
}

:is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-img--small {
  z-index: 1;
  left: -33%;
  top: 19%;
  animation: moveClouds 15s linear infinite;
  width: 66%;
}

:is(:is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-img--small) img {
  width: 100%;
}

:is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-img--big {
  z-index: 3;
  bottom: -46%;
  right: -54%;
  animation: moveClouds 20s linear infinite;
  width: 125%;
}

:is(:is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-img--big) img {
  width: 100%;
}

/* анимация для heat */
@keyframes moveClouds {
  0% {
    transform: translate(30px, 0px);
  }

  25% {
    transform: translate(0px, 30px);
  }

  50% {
    transform: translate(-30px, 0px);
  }

  75% {
    transform: translate(0px, -30px);
  }

  100% {
    transform: translate(30px, 0px);
  }
}

/* анимация для плеера */
@keyframes played {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.section-meta {
  background: #000;

}

.section-meta::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #000;
}

.section-meta .section-meta__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 209px;
  line-height: 105%;
  letter-spacing: -0.07em;
  text-align: center;
  background: linear-gradient(90deg, #568fff 0%, #0e42a7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-meta .splide--small-2 {
  margin-top: -51px;
}

.section-meta .section-meta__items {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.section-meta .section-meta__items.splide__list {
  height: fit-content;
}

.section-meta .section-meta__item {
  min-height: 354px;
  grid-column: 4 span;
}

.section-meta .section-meta__item:nth-child(5n + 1) {
  grid-column: 8 span;
}

.section-meta .section-meta__main {
  background: #313ffe;
  padding: 24px;
  border-radius: 32px;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;

}

:is(.section-meta .section-meta__main)::before {
  content: '';
  z-index: 0;
  position: absolute;
  inset: 0;
  background-image: url(/local/templates/aio/assets/css/../img/stars-backgroud.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

:is(.section-meta .section-meta__main) .section-meta__main-image {
  width: 851px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-25%) translateY(-46%) rotate(341deg);
  z-index: 1;
}

:is(:is(.section-meta .section-meta__main) .section-meta__main-image) img {
  width: 100%;
}

:is(.section-meta .section-meta__main) .section-meta__main-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}

:is(.section-meta .section-meta__main) .section-meta__main-title {
  font-family: var(--third-family);
  font-size: 64px;
  line-height: 112%;
  letter-spacing: -0.04em;
  max-width: 500px;
  margin-bottom: 10px;
}

:is(.section-meta .section-meta__main) .section-meta__main-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  max-width: 254px;
}

:is(.section-meta .section-meta__main) .section-meta__link {
  position: relative;
  z-index: 2;
}

.section-meta .section-meta__intergation {
  height: 100%;
  padding: 29px 24px;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  background-color: #000;
  overflow: hidden;
  position: relative;
}

:is(.section-meta .section-meta__intergation) .section-meta__intergation-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-51%) translateY(-48%);
  z-index: 1;
}

:is(.section-meta .section-meta__intergation) .section-meta__intergation-title {
  font-family: var(--third-family);
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}

:is(.section-meta .section-meta__intergation) .section-meta__intergation-title--down {
  z-index: 0;
}

.section-meta .section-meta__ads {
  height: 100%;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  background-color: #000;
}

:is(.section-meta .section-meta__ads) .section-meta__lottie-mob {
  display: none;
}

.section-meta .section-meta__finance {
  height: 100%;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  background-color: #000;
  overflow: hidden;
  position: relative;
  padding: 27px 24px;
  color: #fff;
  text-align: left;
}

:is(.section-meta .section-meta__finance) .section-meta__finance-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-33%) translateY(-30%);
  z-index: 1;
}

:is(.section-meta .section-meta__finance) .section-meta__finance-title {
  font-family: var(--third-family);
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  margin-bottom: 16px;
  position: relative;
  z-index: 2;
}

:is(.section-meta .section-meta__finance) .section-meta__finance-suptitle {
  font-family: var(--second-family);
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  position: relative;
  z-index: 2;
}

.section-meta .section-meta__rules {
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  padding: 24px 12px;
  position: relative;
}

:is(.section-meta .section-meta__rules) .section-meta__rules-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

:is(.section-meta .section-meta__rules) .section-meta__rules-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

:is(.section-meta .section-meta__rules) .section-meta__rules-title {
  font-family: var(--third-family);
  font-size: 88px;
  line-height: 97%;
  letter-spacing: -0.04em;
  color: #fff;
  max-width: 360px;
  -webkit-text-stroke: 1px #232332;
}

:is(:is(.section-meta .section-meta__rules) .section-meta__rules-title) span {
  display: block;
}

:is(:is(.section-meta .section-meta__rules) .section-meta__rules-title) img {
  display: none;
}

:is(:is(.section-meta .section-meta__rules) .section-meta__rules-title) span:last-child {
  text-align: right;
  line-height: 27%;
}

:is(.section-meta .section-meta__rules) .section-meta__rules-text {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #232332;
}

.section-editor {
  background: #313ffe;

}

.section-editor::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #313ffe;
}

.section-editor .section-editor__items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.section-editor .section-editor__item {
  min-height: 354px;
  grid-column: 4 span;
}

.section-editor .section-editor__item:nth-child(2n + 2) {
  grid-column: 8 span;
}

.section-editor .section-editor__item:nth-child(3) {
  order: 4;
}

.section-editor .section-editor__item:nth-child(4) {
  order: 3;
}

.section-editor .section-editor__visual {
  height: 100%;
  padding: 24px;
  border-radius: 32px;
  overflow: hidden;
  background: #f4f5fd;
  position: relative;
}

:is(.section-editor .section-editor__visual) .section-editor__visual-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

:is(.section-editor .section-editor__visual) .section-editor__visual-image--up {
  transform: translateX(-50%) translateY(-43%);
  z-index: 3;
}

:is(.section-editor .section-editor__visual) .section-editor__visual-title {
  font-family: var(--third-family);
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #232332;
  position: relative;
  z-index: 2;
}

.section-editor .section-editor__macros {
  height: 100%;
  padding: 24px;
  background: #232332;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

:is(.section-editor .section-editor__macros) .section-editor__macros-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

:is(.section-editor .section-editor__macros) .section-editor__macros-image--up {
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
}

:is(.section-editor .section-editor__macros) .section-editor__macros-title {
  font-family: var(--third-family);
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  position: relative;
  z-index: 2;
}

:is(.section-editor .section-editor__macros) .section-editor__macros-text {
  font-family: var(--second-family);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.04em;
  max-width: 326px;
  position: relative;
  z-index: 4;
}

.section-editor .section-editor__main {
  height: 100%;
  background-color: transparent;
  padding: 24px 24px 24px 48px;
  display: flex;
  align-items: center;
  position: relative;

}

:is(.section-editor .section-editor__main) .section-editor__main-title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 120px;
  line-height: 110%;
  letter-spacing: -0.04em;
  color: #fff;
}

:is(.section-editor .section-editor__main) .section-editor__link {
  position: absolute;
  right: 23px;
  top: 94px;
}

.section-editor .section-editor__link.section-editor__link--mobile {
  display: none;
}

.section-editor .section-editor__code {
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  background-color: #000;
  padding: 24px;

  display: grid;
  grid-template-columns: minmax(auto, 419px) minmax(auto, 306px);
  column-gap: 16px;
  row-gap: 24px;
}

:is(.section-editor .section-editor__code) .section-editor__code-block {
  height: 100%;
}

:is(.section-editor .section-editor__code) .section-editor__code-block:nth-child(2) {
  grid-row: 2 span;
}

:is(.section-editor .section-editor__code) .section-editor__code-title {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

:is(:is(.section-editor .section-editor__code) .section-editor__code-title) span {
  display: none;
}

:is(.section-editor .section-editor__code) .section-editor__code-text p {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #fff;
  max-width: 198px;
}

.section-libraries {
  background: #000;
}

.section-libraries::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #000;
}

.section-libraries .section-libraries__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 120px;
  line-height: 110%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  padding: 0 10px;
}

.section-libraries .section-libraries__items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  margin-top: -31px;
}

.section-libraries .section-libraries__item {
  grid-column: 6 span;
  min-height: 354px;
}

.section-libraries .section-libraries__block {
  background-color: #000;
  height: 100%;
  padding: 24px;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

:is(.section-libraries .section-libraries__block) .section-libraries__block-mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 69%, rgba(0, 0, 0, 0.60) 100%);
}

:is(.section-libraries .section-libraries__block) .section-libraries__block-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-45%);
  z-index: 1;
}

:is(.section-libraries .section-libraries__block) .section-libraries__block-image--fix {
  transform: translateX(-43%) translateY(-43%);
}

.section-libraries .section-libraries__block-title {
  max-width: 336px;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 112%;
  letter-spacing: -0.04em;
  color: #fff;
  position: relative;
  z-index: 2;
}

.section-libraries .section-libraries__block-title--down {
  z-index: 0;
}

.section-libraries .section-libraries__block-desc {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #fff;
  position: relative;
  z-index: 3;
}

.section.section-libraries {
  padding-bottom: 390px;
}

.section-analytics {
  background: #f4f5fd;


}

.section-analytics::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #f4f5fd;
}

.section-analytics .section-analytics__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 56px;
  line-height: 114%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #232332;
  margin-bottom: 40px;
  padding: 0 10px;
}

.section-analytics .section-analytics__items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 24px;
  margin-bottom: 40px;
}

.section-analytics .section-analytics__item {
  min-height: 354px;
  grid-column: 12 span;
  border-radius: 32px;
  overflow: hidden;
  background: #6e6e84;
}

.section-analytics .section-analytics__reports {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

:is(.section-analytics .section-analytics__reports) .section-analytics__reports-title {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 134px;
  line-height: 85%;
  letter-spacing: -0.04em;
  text-align: center;
  background: linear-gradient(180deg, #fff 47.27%, #000 148.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:is(.section-analytics .section-analytics__reports) .section-analytics__reports-img {
  margin-top: -16px;
}

.section-analytics .section-analytics__models {
  height: 100%;
  padding: 15px 37px 15px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
}

:is(.section-analytics .section-analytics__models) .section-analytics__models-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 8px;
  color: #fff;
}

:is(.section-analytics .section-analytics__models) .section-analytics__models-title {
  font-family: var(--third-family);
  font-size: 70px;
  line-height: 111%;
  letter-spacing: -0.04em;
}

:is(.section-analytics .section-analytics__models) .section-analytics__models-text {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
}

:is(.section-analytics .section-analytics__models) .section-analytics__models-image {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

:is(:is(.section-analytics .section-analytics__models) .section-analytics__models-image) img {
  width: 677px;
}

.section-analytics .section-analytics__compare {
  padding: 24px 37px 24px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-dekor {
  display: block;
  width: 105px;
  height: 105px;
  border-radius: 16px;
  background: #fff;
  position: absolute;
  z-index: 1;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-dekor:first-of-type {
  bottom: -54px;
  right: 298px;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-dekor:last-of-type {
  top: 81px;
  right: 154px;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-image {
  position: absolute;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-image.section-analytics__compare-image--up {
  top: 21px;
  right: 183px;
  z-index: 3;
  box-shadow: 0 15px 20px 0 rgba(110, 110, 132, 0.1);
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-image.section-analytics__compare-image--down {
  box-shadow: 0 15px 20px 0 rgba(110, 110, 132, 0.1);
  bottom: 0;
  right: 18px;
  z-index: 2;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-info {
  max-width: 860px;
  color: #fff;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-title {
  font-family: var(--third-family);
  font-size: 134px;
  line-height: 89%;
  letter-spacing: -0.04em;
}

:is(:is(.section-analytics .section-analytics__compare) .section-analytics__compare-title) span {
  margin-left: 218px;
}

:is(.section-analytics .section-analytics__compare) .section-analytics__compare-text {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  max-width: 208px;
  margin-top: -91px;
}

.section-analytics .section-analytics__link-wrap {
  text-align: center;
}

.section-customization {
  background: #313ffe;

}

.section-customization::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #313ffe;
}

.section-customization .section-customization__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 56px;
  line-height: 114%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  padding: 0 10px;
}

.section-customization .section-customization__items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 24px;
}

.section-customization .section-customization__item {
  min-height: 354px;
  grid-column: 12 span;
}

.section-customization .section-customization__dashboard {
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  background-color: #000;
  padding: 21px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

:is(.section-customization .section-customization__dashboard) .section-customization__dashboard-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 91px;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 3;
}

:is(.section-customization .section-customization__dashboard) .section-customization__dashboard-img {
  position: absolute;
  top: 62px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;

  max-width: 774px;
  width: 100%;
}

:is(:is(.section-customization .section-customization__dashboard) .section-customization__dashboard-img) img {
  width: 100%;
}

:is(.section-customization .section-customization__dashboard) .section-customization__dashboard-title {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 56px;
  line-height: 86%;
  letter-spacing: -0.04em;
  text-align: center;
  background: linear-gradient(180deg, #fff 57.02%, #000 94.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}

:is(.section-customization .section-customization__dashboard) .section-customization__dashboard-text {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 4;
}

.section-customization .section-customization__fields {
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  background-color: #000;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;

}

:is(.section-customization .section-customization__fields) .section-customization__fields-info {
  color: #fff;
  max-width: 570px
}

:is(.section-customization .section-customization__fields) .section-customization__fields-title {
  font-family: var(--third-family);
  font-size: 120px;
  line-height: 92%;
  letter-spacing: -0.04em;
  margin-bottom: 16px;
}

:is(.section-customization .section-customization__fields) .section-customization__fields-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
}

:is(.section-customization .section-customization__fields) .section-customization__fields-img {
  margin-bottom: -29px;
}

.section-customization .section-customization__item:last-child {
  min-height: auto;
}

.section-customization .section-customization__presets {
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  background-color: #000;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
  gap: 24px;
}

:is(.section-customization .section-customization__presets) img {
  display: block;
  width: 100%;
}

:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(1) {
  order: 4;
  grid-column: span 4;
  margin-top: -107px;
}

:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(2) {
  order: 2;
  grid-column: span 8;
  margin-top: -70px;
}

:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(3) {
  order: 5;
  grid-column: span 4;
  margin-top: -85px;
}

:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(4) {
  order: 1;
  grid-column: span 4;
}

:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(5) {
  order: 3;
  grid-column: span 4;
  margin-top: -19px;
}

:is(.section-customization .section-customization__presets) .section-customization__presets-info {
  color: #fff;

}

:is(:is(.section-customization .section-customization__presets) .section-customization__presets-info) .section-customization__presets-title {
  font-family: var(--third-family);
  font-size: 72px;
  line-height: 104%;
  letter-spacing: -0.04em;
  text-align: center;
  margin-bottom: 24px;
}

:is(:is(.section-customization .section-customization__presets) .section-customization__presets-info) .section-customization__presets-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  text-align: center;
}

.section-permissions {
  background: #000;



}

.section-permissions::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #000;
}

.section-permissions .section-permissions__title {
  font-family: var(--third-family);
  font-size: 56px;
  line-height: 114%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  padding: 0 10px;
}

.section-permissions .section-permissions__items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 24px;
  margin-bottom: 40px;
}

.section-permissions .section-permissions__item {
  min-height: 354px;
  grid-column: 12 span;
}

.section-permissions .section-permissions__positions {
  height: 100%;
  background-color: #000;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  overflow: hidden;
  padding: 24px 24px 24px 69px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 18px;
  position: relative;
}

:is(.section-permissions .section-permissions__positions) .section-permissions__positions-img {
  position: absolute;
  z-index: 2;
  right: 9px;
  bottom: 0;
}

:is(:is(.section-permissions .section-permissions__positions) .section-permissions__positions-img) img {
  display: block;
}

:is(.section-permissions .section-permissions__positions) .section-permissions__positions-title {
  font-family: var(--third-family);
  font-size: 143px;
  line-height: 81%;
  letter-spacing: -0.04em;
  background: linear-gradient(90deg, #fff 88.27%, #000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}

:is(.section-permissions .section-permissions__positions) .section-permissions__positions-suptitle {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  position: relative;
  z-index: 3;
}

.section-permissions .section-permissions__teams {
  height: 100%;
  background-color: #000;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  overflow: hidden;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  column-gap: 10px;
}

:is(.section-permissions .section-permissions__teams) .section-permissions__teams-img {
  margin-bottom: -26px;
}

:is(:is(.section-permissions .section-permissions__teams) .section-permissions__teams-img) img {
  display: block;
  width: 712px;
  height: 330px;
}

:is(.section-permissions .section-permissions__teams) .section-permissions__teams-info {
  max-width: 408px;
  color: #fff;
}

:is(.section-permissions .section-permissions__teams) .section-permissions__teams-title {
  font-family: var(--third-family);
  font-size: 72px;
  line-height: 111%;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
}

:is(.section-permissions .section-permissions__teams) .section-permissions__teams-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
}

.section-permissions .section-permissions__sharing {
  height: 100%;
  background-color: #000;
  border: 1px solid #6e6e84;
  border-radius: 32px;
  overflow: hidden;
  padding: 24px;
  position: relative;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 10px;
}

:is(.section-permissions .section-permissions__sharing) .section-permissions__sharing-img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

:is(.section-permissions .section-permissions__sharing) .section-permissions__sharing-title {
  font-family: var(--third-family);
  font-size: 72px;
  line-height: 104%;
  letter-spacing: -0.04em;
  max-width: 553px;
  position: relative;
  z-index: 2;
}

:is(.section-permissions .section-permissions__sharing) .section-permissions__sharing-suptitle {
  font-family: var(--second-family);
  line-height: 150%;
  letter-spacing: -0.04em;
  max-width: 553px;
  position: relative;
  z-index: 2;
}

.section-permissions .section-permissions__link-wrap {
  text-align: center;
}

.section-security {
  background: #f4f5fd;
}

.section-security::before {
  content: '';
  position: absolute;
  left: 0;
  top: -96px;
  width: 100%;
  height: 96px;
  border-radius: 96px 96px 0 0;
  background: #f4f5fd;
}

.section-security .section-security__title {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 160px;
  line-height: 115%;
  letter-spacing: -0.04em;
  color: #232332;
  text-align: center;
  padding: 0 10px;
}

.section-security .section-security__items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  margin-top: -44px;
}

.section-security .section-security__item {
  min-height: 594px;
  grid-column: 6 span;
}

.section-security .section-security__block {
  height: 100%;
  padding: 24px;
  overflow: hidden;
  border-radius: 32px;
  background-color: #000;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}

.section-security .section-security__block-img {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
}

.section-security .section-security__block-title {
  font-family: var(--third-family);
  font-size: 54px;
  line-height: 107%;
  letter-spacing: -0.04em;
  color: #fff;
  position: relative;
  z-index: 2;
}

/* -----------------slider start--------------------- */
.splide-arrow-box {
  display: none;
}

/* -----------------slider end--------------------- */

@media (max-width: 1200px) {

  .top-section .top-section__inner {}

  .top-section .top-section__img {}

  .top-section .top-section__title {}

  .top-section .top-section__subtitle {}

  .top-section .top-section__link {}

  .section-tracker::before {
    height: 72px;
    top: -72px;
  }

  .section-tracker .section-tracker__title {}

  .section-tracker .section-tracker__body {}

  .section-tracker .section-tracker__body-item {}

  .section-tracker .section-tracker__body-item:nth-child(7n + 1),
  .section-tracker .section-tracker__body-item:nth-child(7n + 7) {}

  :is(.section-tracker .section-tracker__superfast) div {
    font-size: 70px;
  }

  :is(.section-tracker .section-tracker__superfast) img {}

  :is(:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme) .traffic-scheme__content {}

  :is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-title {}


  :is(.section-tracker .section-tracker__integrator) img {}

  :is(:is(.section-tracker .section-tracker__integrator) .content) p {}

  :is(:is(.section-tracker .section-tracker__integrator) .content) p:first-child {}


  :is(.section-tracker .section-tracker__traffic-filter)>p {}

  :is(.section-tracker .section-tracker__traffic-filter)>p:first-child {}

  :is(.section-tracker .section-tracker__traffic-filter) .switchers {}

  :is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) .drag-btn {}

  :is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) p {}


  :is(:is(:is(.section-tracker .section-tracker__traffic-filter) .switchers__item) .delete-btn)::after {}


  :is(:is(.section-tracker .section-tracker__traffic-filter) .add-filter)::before,
  :is(:is(.section-tracker .section-tracker__traffic-filter) .add-filter)::after {}

  :is(:is(.section-tracker .section-tracker__traffic-filter) .add-filter)::after {}



  :is(.section-tracker .section-tracker__conversion) img {}


  :is(:is(.section-tracker .section-tracker__conversion) .conversion-content) p:first-child {
    font-size: 43px;
  }

  :is(:is(.section-tracker .section-tracker__conversion) .conversion-content) p:last-child {}


  :is(:is(.section-tracker .section-tracker__metrics) .metrics__info)>div {}

  :is(:is(.section-tracker .section-tracker__metrics) .metrics__info)>p {}


  :is(:is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__title)::after {}

  :is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__input {}

  :is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__inputs-item:nth-child(2) .metrics__input,
  :is(:is(.section-tracker .section-tracker__metrics) .metrics__inputs) .metrics__inputs-item:nth-child(3) .metrics__input {}

  :is(:is(.section-tracker .section-tracker__generator) .text-content) .text-content__title {
    font-size: 59px;
  }

  .section-testing::before {
    height: 72px;
    top: -72px;
  }

  :is(.section-testing .section-testing__main) .section-testing__title {
    font-size: 100px;
  }

  :is(.section-testing .section-testing__main) .section-testing__sticker {
    top: 66px;
    right: -10px;
  }

  :is(.section-testing .section-testing__main) .section-testing__link {
    right: 26px;
    bottom: 74px;
  }

  .section-tech::before {
    height: 72px;
    top: -72px;
  }

  :is(.section-tech .section-tech__manager) .section-tech__manager-title {
    font-size: 61px;
  }

  .section-monitoring::before {
    height: 72px;
    top: -72px;
  }

  .section-monitoring .section-monitoring__item:nth-child(1) {
    grid-column: 12 span;
    min-height: auto;
  }

  .section-monitoring .section-monitoring__item:nth-child(2) {
    grid-column: 6 span;
  }

  .section-monitoring .section-monitoring__item:nth-child(3) {
    grid-column: 6 span;
  }

  .section-monitoring .section-monitoring__item:nth-child(4) {
    grid-column: 6 span;
  }

  .section-monitoring .section-monitoring__main {
    padding: 16px 16px 8px;
  }

  :is(.section-monitoring .section-monitoring__main) .section-monitoring__title {
    text-align: center;
  }

  :is(.section-monitoring .section-monitoring__main) .section-monitoring__link {
    display: none;
  }

  .section-monitoring .section-monitoring__link.section-monitoring__link--mobile {
    display: block;
    text-align: center;
    padding-top: 24px;
  }

  :is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-title {
    max-width: 400px;
    text-align: center;
    margin: 0 auto -18px;
    line-height: 126%;
  }

  .section-meta::before {
    height: 72px;
    top: -72px;
  }

  .section-meta .section-meta__title {
    font-size: 160px;
  }

  .section-meta .splide--small-2 {
    margin-top: -32px;
  }

  :is(.section-meta .section-meta__main) .section-meta__main-title {
    font-size: 54px;
  }

  :is(.section-meta .section-meta__intergation) .section-meta__intergation-title {

    font-size: 33px;
  }

  :is(.section-meta .section-meta__finance) .section-meta__finance-title {
    font-size: 33px;
  }

  :is(.section-meta .section-meta__rules) .section-meta__rules-title {
    max-width: 300px;
    font-size: 71px;
  }

  .section-editor::before {
    height: 72px;
    top: -72px;
  }


  :is(.section-editor .section-editor__main) .section-editor__main-title {
    font-size: 75px;
  }

  :is(.section-editor .section-editor__main) .section-editor__link {
    right: 116px;
    top: 190px;
  }

  :is(:is(.section-editor .section-editor__code) .section-editor__code-title) img {
    display: none;
  }

  :is(:is(.section-editor .section-editor__code) .section-editor__code-title) span {
    display: block;
    font-family: var(--third-family);
    font-size: 63px;
    line-height: 125%;
    letter-spacing: -0.04em;
    text-align: left;
    color: #fff;
  }

  .section-libraries::before {
    height: 72px;
    top: -72px;
  }


  .section-analytics::before {
    height: 72px;
    top: -72px;
  }

  :is(.section-analytics .section-analytics__reports) .section-analytics__reports-title {
    font-size: 110px;
  }

  :is(.section-analytics .section-analytics__models) .section-analytics__models-title {
    font-size: 45px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-title {
    font-size: 95px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-text {
    margin-top: -63px;

  }

  .section-customization::before {
    height: 72px;
    top: -72px;
  }

  :is(.section-customization .section-customization__fields) .section-customization__fields-title {
    font-size: 95px;
  }

  .section-permissions::before {
    height: 72px;
    top: -72px;
  }

  :is(.section-permissions .section-permissions__positions) .section-permissions__positions-title {
    font-size: 99px;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }

  .section-security::before {
    height: 72px;
    top: -72px;
  }
}

@media (max-width: 1024px) {

  .top-section .top-section__inner {
    padding-left: 10px;
    padding-right: 10px;
  }

  :is(.section-tracker .section-tracker__superfast) div {
    font-size: 55px;
  }

  :is(.section-testing .section-testing__main) .section-testing__title {
    font-size: 94px;
  }

  :is(.section-testing .section-testing__main) .section-testing__link {
    right: 23px;
    bottom: 80px;
  }

  :is(.section-tech .section-tech__domains) .section-tech__domains-image {
    z-index: 1;
  }

  .section-meta .section-meta__title {
    font-size: 135px;
  }

  .section-meta .splide--small-2 {
    margin-top: -24px;
  }

  :is(.section-meta .section-meta__main) .section-meta__main-title {
    font-size: 51px;
  }


  :is(.section-analytics .section-analytics__reports) .section-analytics__reports-title {
    font-size: 100px;
    line-height: 98%;
  }

  :is(.section-analytics .section-analytics__models) .section-analytics__models-title {
    font-size: 38px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-title {
    font-size: 67px;
    max-width: 400px;
  }

  :is(:is(.section-analytics .section-analytics__compare) .section-analytics__compare-title) span {
    margin-left: 0;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-text {
    margin-top: 0;
  }

  :is(.section-customization .section-customization__fields) .section-customization__fields-title {
    font-size: 84px;
  }

  :is(:is(.section-customization .section-customization__presets) .section-customization__presets-info) .section-customization__presets-title {
    font-size: 58px;
  }

  :is(.section-permissions .section-permissions__positions) .section-permissions__positions-title {
    font-size: 92px;
  }

}

@media (max-width: 992px) {

  .section-tracker::before {
    height: 48px;
    top: -48px;
  }

  .section-tracker .section-tracker__body {
    gap: 16px;
  }

  .section-tracker .section-tracker__body-item {
    grid-column: 12 span;
  }

  .section-tracker .section-tracker__body-item:nth-child(7n + 1),
  .section-tracker .section-tracker__body-item:nth-child(7n + 7) {
    grid-column: 12 span;
  }

  .section-tracker .section-tracker__body-item:nth-child(7n + 2),
  .section-tracker .section-tracker__body-item:nth-child(7n + 3),
  .section-tracker .section-tracker__body-item:nth-child(7n + 4),
  .section-tracker .section-tracker__body-item:nth-child(7n + 5) {
    grid-column: 6 span;
  }

  .section-testing::before {
    height: 48px;
    top: -48px;
  }

  .section-testing .section-testing__item {
    grid-column: 6 span;
  }

  .section-testing .section-testing__item:first-child {
    min-height: auto;
  }

  .section-testing .section-testing__item:nth-child(4n + 1),
  .section-testing .section-testing__item:nth-child(4n + 4) {
    grid-column: 12 span;
  }

  .section-testing .section-testing__main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 24px;
    padding-top: 0;
    padding-bottom: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }

  :is(.section-testing .section-testing__main) .section-testing__title {
    text-align: center;
    font-size: 82px;
    max-width: 700px;
  }

  :is(.section-testing .section-testing__main) .section-testing__sticker {
    top: 83px;
    right: 154px;

  }

  :is(.section-testing .section-testing__main) .section-testing__link {
    position: static;
  }

  .section-tech::before {
    height: 48px;
    top: -48px;
  }

  :is(.section-tech .section-tech__domains) .section-tech__domains-title {
    font-size: 38px;
  }

  :is(.section-tech .section-tech__geo) .section-tech__geo-title {
    font-size: 42px;
    max-width: 297px;
  }

  :is(.section-tech .section-tech__manager) .section-tech__manager-title {
    font-size: 48px;
    line-height: 117%;
    margin-bottom: 9px;
  }

  .section-monitoring::before {
    height: 48px;
    top: -48px;
  }

  .section-meta::before {
    height: 48px;
    top: -48px;
  }

  .section-meta .section-meta__title {
    font-size: 113px;
  }

  .section-meta .splide--small-2 {
    margin-top: -17px;
  }

  .section-meta .section-meta__item {
    grid-column: span 6;
  }

  .section-meta .section-meta__item:nth-child(5n + 1) {
    grid-column: span 12;
  }

  :is(:is(.section-meta .section-meta__rules) .section-meta__rules-image) img {
    transform: scale(1.1);
  }

  :is(.section-meta .section-meta__rules) .section-meta__rules-content {
    align-items: center;
  }


  :is(:is(.section-meta .section-meta__rules) .section-meta__rules-title) span {
    display: none;
  }

  :is(:is(.section-meta .section-meta__rules) .section-meta__rules-title) img {
    display: block;
  }


  .section-editor::before {
    height: 48px;
    top: -48px;
  }


  .section-editor .section-editor__item:nth-child(1) {
    grid-column: 6 span;
    order: 2;
  }

  .section-editor .section-editor__item:nth-child(2) {
    order: 1;
    grid-column: 12 span;
    min-height: auto;
  }

  .section-editor .section-editor__item:nth-child(3) {
    grid-column: 6 span;
    order: 3;
  }

  .section-editor .section-editor__item:nth-child(4) {
    order: 4;
    grid-column: 12 span;
  }





  .section-editor .section-editor__main {
    padding: 16px 16px 8px;
  }

  :is(.section-editor .section-editor__main) .section-editor__main-title {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
  }

  :is(.section-editor .section-editor__main) .section-editor__link {
    display: none;
  }

  .section-editor .section-editor__link.section-editor__link--mobile {
    display: block;
    text-align: center;
    margin-top: 24px;
  }

  .section-editor .section-editor__code {
    justify-content: space-between;
  }

  .section-libraries::before {
    height: 48px;
    top: -48px;
  }

  :is(.section-libraries .section-libraries__block) .section-libraries__block-mask {
    background: rgba(0, 0, 0, 0.3);
  }

  :is(.section-libraries .section-libraries__block) .section-libraries__block-image--fix {
    transform: translateX(-71%) translateY(-54%);
    width: 210%;
  }

  :is(:is(.section-libraries .section-libraries__block) .section-libraries__block-image--fix) img {
    width: 100%;
  }

  .section-libraries .section-libraries__block-title {
    font-size: 42px;
  }

  .section-libraries .section-libraries__block-title--down {
    z-index: 2;
  }


  .section-analytics::before {
    height: 48px;
    top: -48px;
  }

  .section-analytics .section-analytics__item {
    min-height: auto;
  }


  :is(.section-analytics .section-analytics__reports) .section-analytics__reports-title {
    font-size: 47px;
    margin: 24px auto 8px 24px;
  }

  :is(.section-analytics .section-analytics__reports) .section-analytics__reports-img {
    margin-top: 0;
  }

  .section-analytics .section-analytics__models {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
  }


  :is(.section-analytics .section-analytics__models) .section-analytics__models-img {
    margin-left: auto;
  }

  .section-analytics .section-analytics__compare {
    min-height: 461px;
    justify-content: flex-start;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-dekor:first-of-type {
    bottom: 142px;
    right: 251px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-dekor:last-of-type {
    top: 17px;
    right: 32px;
  }


  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-image.section-analytics__compare-image--up {
    top: auto;
    bottom: 174px;
    right: 48px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-image.section-analytics__compare-image--down {
    bottom: 4px;
    right: 0px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-title {
    font-size: 57px;
    margin-bottom: 8px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-text {
    max-width: 300px;
  }


  .section-customization::before {
    height: 48px;
    top: -48px;
  }



  .section-customization .section-customization__fields {

    flex-direction: column;
    row-gap: 24px;

  }


  :is(.section-customization .section-customization__fields) .section-customization__fields-info {
    text-align: center;
  }

  .section-customization .section-customization__presets {
    display: flex;
    flex-direction: column;
    padding: 24px;

  }

  :is(.section-customization .section-customization__presets) img {
    width: auto;
  }

  :is(.section-customization .section-customization__presets) .section-customization__presets-block {
    position: static;
    width: 100%;
  }

  :is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(1),
  :is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(2),
  :is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(3),
  :is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(4),
  :is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(5) {
    order: unset;
    margin: auto;
  }

  :is(:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(3)) img {
    margin-right: auto;
    margin-left: -24px;

  }

  :is(:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(4)) img {
    margin-left: auto;
    margin-right: -24px;
  }

  :is(:is(.section-customization .section-customization__presets) .section-customization__presets-block:nth-child(5)) img {
    margin-right: auto;
    margin-left: -24px;
  }

  .section-permissions::before {
    height: 48px;
    top: -48px;
  }

  .section-permissions .section-permissions__positions {
    padding: 24px;
    row-gap: 0;
  }

  :is(.section-permissions .section-permissions__positions) .section-permissions__positions-img {
    margin: 0 auto;
    position: static;
    order: 2;
  }

  :is(.section-permissions .section-permissions__positions) .section-permissions__positions-title {
    font-size: 70px;
  }

  :is(.section-permissions .section-permissions__positions) .section-permissions__positions-suptitle {
    order: 3;
    margin-top: -116px;
  }

  .section-permissions .section-permissions__teams {

    flex-direction: column;
    align-items: flex-start;
    row-gap: 24px;

  }


  :is(.section-permissions .section-permissions__teams) .section-permissions__teams-img {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: -24px;
  }

  :is(:is(.section-permissions .section-permissions__teams) .section-permissions__teams-img) img {
    width: 460px;
    height: auto;
  }

  :is(.section-permissions .section-permissions__teams) .section-permissions__teams-info {
    max-width: none;
  }

  :is(.section-permissions .section-permissions__teams) .section-permissions__teams-title {
    font-size: 57px;
  }

  :is(.section-permissions .section-permissions__sharing) .section-permissions__sharing-img {
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  :is(.section-permissions .section-permissions__sharing) .section-permissions__sharing-title {
    font-size: 50px;

  }


  .section-security::before {
    height: 48px;
    top: -48px;
  }

  .section-security .section-security__title {
    font-size: 137px;
  }

  .section-security .section-security__block-title {
    font-size: 44px;
  }
}

/* особый */
@media (max-width: 820px) {

  .section-customization .section-customization__dashboard {

    min-height: 381px;

  }

  :is(.section-customization .section-customization__dashboard) .section-customization__dashboard-img {
    left: 24px;
    transform: none;
  }

  :is(.section-customization .section-customization__dashboard) .section-customization__dashboard-title {
    font-size: 42px;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }
}

@media (max-width: 768px) {
  .top-section .top-section__inner {
    padding-top: 96px;
    padding-bottom: 110px;
  }

  .top-section .top-section__title {
    font-size: 56px;
    line-height: 114%;
  }

  .section-testing .section-testing__inner {
    gap: 16px;
  }

  .section-tech .section-tech__title {
    font-size: 48px;
    line-height: 117%;
    margin-bottom: 24px;
  }

  .section-tech .section-tech__items {
    gap: 16px;
  }

  .section-monitoring .section-monitoring__inner {
    gap: 16px;
  }

  :is(.section-monitoring .section-monitoring__main) .section-monitoring__title {
    font-size: 68px;
    color: #000;
    text-align: left;
    max-width: 425px;
  }

  :is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-title {
    font-size: 50px;
    line-height: 100%;
    margin-bottom: 0;
  }

  .section-meta .section-meta__title {
    font-size: 94px;
  }

  .section-meta .splide--small-2 {
    margin-top: 32px;
  }

  .section-meta .section-meta__items {
    gap: 16px;
  }

  :is(.section-meta .section-meta__main) .section-meta__main-image {
    transform: translateX(-27%) translateY(-46%) rotate(341deg);
  }

  .section-editor .section-editor__items {
    gap: 16px;
  }

  :is(.section-editor .section-editor__visual) .section-editor__visual-title {
    font-size: 32px;
    line-height: 125%;
  }

  .section-libraries .section-libraries__title {
    font-size: 63px;
    margin-bottom: 32px;
  }

  .section-libraries .section-libraries__items {
    margin-top: 0;
    gap: 16px;

  }

  .section.section-libraries {
    padding-bottom: 136px;
  }

  .section-analytics .section-analytics__items {
    row-gap: 16px;
  }

  :is(.section-analytics .section-analytics__models) .section-analytics__models-image {
    width: auto;
  }

  .section-analytics .section-analytics__compare {

    min-height: 604px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-dekor:last-of-type {
    top: 152px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-info {
    max-width: none;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-title {
    max-width: none;
    font-size: 42px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-text {
    max-width: none;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-image.section-analytics__compare-image--up {
    bottom: 211px;
  }

  .section-customization .section-customization__items {
    row-gap: 16px;
  }

  :is(.section-customization .section-customization__fields) .section-customization__fields-title {
    font-size: 60px;
  }

  .section-permissions .section-permissions__items {
    row-gap: 16px;
  }

  :is(.section-permissions .section-permissions__positions) .section-permissions__positions-title {
    font-size: 59px;
  }

  .section-security .section-security__title {
    margin-bottom: 24px;
    font-size: 90px;
  }

  .section-security .section-security__items {
    margin-top: 0;
    row-gap: 16px;
  }

  .section-security .section-security__item {
    grid-column: 12 span;
  }
}

@media (max-width: 650px) {

  .section-tracker .section-tracker__body-item:nth-child(7n + 2),
  .section-tracker .section-tracker__body-item:nth-child(7n + 3),
  .section-tracker .section-tracker__body-item:nth-child(7n + 4),
  .section-tracker .section-tracker__body-item:nth-child(7n + 5) {
    grid-column: 12 span;
  }

  :is(.section-tracker .section-tracker__superfast) div {
    font-size: 50px;
  }

  :is(:is(.section-tracker .section-tracker__generator) .text-content) .text-content__title {
    font-size: 41px;
  }

  :is(.section-tracker .section-tracker__generator) .generator__img-sm {
    top: 20px;
    left: 292px;

  }

  .section-testing .section-testing__item {
    grid-column: 12 span;
  }

  :is(.section-testing .section-testing__main) .section-testing__title {
    font-size: 67px;
  }

  :is(.section-testing .section-testing__main) .section-testing__sticker {
    top: 60px;
    right: 22px;
  }



  .section-testing .section-testing__winner {
    padding: 36px 24px;
  }

  :is(.section-testing .section-testing__winner) img {}

  :is(.section-testing .section-testing__winner) .section-testing__winner-title {
    font-size: 40px;
    line-height: 120%;
    color: #232332;
  }

  .section-testing .section-testing__combinations {
    align-items: flex-end;
    padding: 32px;
  }

  :is(.section-testing .section-testing__combinations) .section-testing__combinations-title {
    font-size: 32px;
    line-height: 125%;
    font-weight: 400;
  }

  .section-tech .section-tech__item {
    grid-column: 12 span;
  }

  :is(.section-tech .section-tech__domains) .section-tech__domains-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  :is(.section-tech .section-tech__domains) .section-tech__domains-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-tech .section-tech__geo) .section-tech__geo-image {
    transform: translateX(-17%) translateY(-38%);
  }

  :is(.section-tech .section-tech__geo) .section-tech__geo-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-tech .section-tech__proxy) .section-tech__proxy-title {
    font-size: 32px;
    line-height: 125%;
  }

  .section-monitoring .section-monitoring__item:nth-child(1) {
    order: unset;
    grid-column: 12 span;
  }

  .section-monitoring .section-monitoring__item:nth-child(2) {
    order: unset;
    grid-column: 12 span;
  }

  .section-monitoring .section-monitoring__item:nth-child(3) {
    order: unset;
    grid-column: 12 span;
  }

  .section-monitoring .section-monitoring__item:nth-child(4) {
    order: unset;
    grid-column: 12 span;
  }

  .section-monitoring .section-monitoring__heat {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 272px;
  }

  :is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-img--small {
    left: -30%;
    top: -5%;
  }

  :is(.section-monitoring .section-monitoring__heat) .section-monitoring__heat-img--big {
    bottom: -104%;
    right: -56%;
  }

  .section-meta .section-meta__title {
    font-size: 74px;
  }

  .section-meta .section-meta__item {
    grid-column: span 12;
  }

  :is(.section-meta .section-meta__main) .section-meta__main-image {
    transform: translateX(-37%) translateY(-45%) rotate(341deg);
  }

  :is(.section-meta .section-meta__main) .section-meta__main-title {
    font-size: 33px;
    max-width: none;
  }

  :is(.section-meta .section-meta__finance) .section-meta__finance-image {
    transform: translateX(-26%) translateY(-36%);
  }

  :is(:is(.section-meta .section-meta__rules) .section-meta__rules-image) img {
    transform: scale(1.4);
  }

  .section-editor .section-editor__item:nth-child(1) {
    grid-column: 12 span;
  }

  .section-editor .section-editor__item:nth-child(3) {
    grid-column: 12 span;
  }

  :is(.section-editor .section-editor__macros) .section-editor__macros-image:first-child {
    transform: translateX(-50%) translateY(-50%) scale(1.25);
  }


  :is(.section-editor .section-editor__main) .section-editor__main-title {
    text-align: left;
    max-width: 450px;
    margin: 0;
    font-size: 60px;
  }

  .section-editor .section-editor__code {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  :is(.section-editor .section-editor__code) .section-editor__code-img img {
    width: 100%;
  }

  :is(.section-editor .section-editor__code) .section-editor__code-title span {
    font-size: 52px;
  }

  :is(.section-editor .section-editor__code) .section-editor__code-text p {
    max-width: none;
    text-align: center;
  }

  .section-libraries .section-libraries__item {
    grid-column: 12 span;
  }

  .section-customization .section-customization__dashboard {

    min-height: 406px;

  }

  :is(.section-customization .section-customization__fields) .section-customization__fields-img {
    margin-bottom: 0;
  }




}

/* особый */
@media (max-width: 610px) {


  .section-customization .section-customization__dashboard {

    min-height: 406px;

  }

  .section-customization .section-customization__fields {

    min-height: 571px;

  }

  :is(.section-customization .section-customization__fields) .section-customization__fields-img {
    position: absolute;
    left: 24px;
    bottom: 24px;
  }
}

@media (max-width: 569px) {
  :is(.section-customization .section-customization__dashboard) .section-customization__dashboard-img {
    top: 102px;
  }
}

@media (max-width: 500px) {
  .top-section .top-section__inner {
    padding-top: 191px;
    padding-bottom: 184px;
  }


  .splide-arrow-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    column-gap: 5px;

  }

  .splide-arrow-box .splide-arrow-box__arrow-next {
    max-width: 300px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 4px 4px 16px;
    background: #e6f355;
    border-radius: 32px;
    font-family: var(--second-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.04em;
    color: #232332;
  }

  :is(.splide-arrow-box .splide-arrow-box__arrow-next) span {
    border-radius: 32px;
    width: 44px;
    height: 44px;
    background: #000;
    position: relative;
  }

  :is(:is(.splide-arrow-box .splide-arrow-box__arrow-next) span)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(/local/templates/aio/assets/css/../img/arrow-slider.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .splide-arrow-box .splide-arrow-box__arrow-prev {
    border: 1px solid #e6f355;
    border-radius: 32px;
    width: 52px;
    height: 52px;
    background-color: transparent;
    position: relative;
  }

  :is(.splide-arrow-box .splide-arrow-box__arrow-prev)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
    width: 20px;
    height: 20px;
    background-image: url(/local/templates/aio/assets/css/../img/arrow-slider.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

  }



  .section-tracker .section-tracker__title {
    display: none;
  }

  .section-tracker .section-tracker__body {
    display: flex !important;
    gap: 0;
  }

  .section-tracker .section-tracker__body-item {
    max-height: 70vh;
  }

  .section-tracker .section-tracker__superfast {

    padding-top: 41px;
    padding-bottom: 0;
  }

  :is(.section-tracker .section-tracker__superfast) div {
    font-size: 40px;
    line-height: 120%;
    position: relative;
    top: 10px;
  }

  :is(.section-tracker .section-tracker__superfast) img {
    top: 131px;
    bottom: auto;
  }

  .section-tracker .section-tracker__traffic {
    row-gap: 24px;
    max-height: none;


  }

  :is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme {
    min-height: auto;
    flex-grow: 1;
  }

  :is(:is(.section-tracker .section-tracker__traffic) .section-tracker__traffic-scheme) .traffic-scheme__content {
    transform: translate(39px, 96px);
  }

  :is(:is(.section-tracker .section-tracker__integrator) .content) p:first-child {
    font-family: var(--third-family);
    font-size: 40px;
    line-height: 120%;
  }

  .section-tracker .section-tracker__traffic-filter {
    padding-top: 122px;
    justify-content: center;
    gap: 0;





  }

  :is(.section-tracker .section-tracker__traffic-filter) .switchers {
    max-height: 272px;
  }


  :is(.section-tracker .section-tracker__traffic-filter)>p {
    margin-bottom: 16px;
  }

  :is(.section-tracker .section-tracker__traffic-filter)>p:first-child {
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 8px;
  }

  :is(.section-tracker .section-tracker__conversion) .conversion-content {
    padding-top: 94px;
    justify-content: center;

  }

  :is(:is(.section-tracker .section-tracker__conversion) .conversion-content) p:first-child {
    font-size: 51px;
  }

  :is(:is(.section-tracker .section-tracker__conversion) .conversion-content) p:last-child {
    margin-top: auto;
  }


  :is(:is(.section-tracker .section-tracker__metrics) .metrics__info)>div {
    font-size: 40px;
    line-height: 120%;
    max-width: 300px;
  }

  .section-tracker .section-tracker__generator {
    padding-bottom: 24px;
    background-position: center -69px;
  }



  :is(.section-tracker .section-tracker__generator) .text-content {

    margin-top: auto;


  }

  :is(.section-tracker .section-tracker__generator) .generator__img-lg {
    position: absolute;
    right: 0;
    top: -6%;
  }

  :is(.section-tracker .section-tracker__generator) .generator__img-sm {
    top: 113px;
    left: 50px;
  }

  :is(.section-testing .section-testing__main) .section-testing__title {
    font-size: 48px;
    line-height: 117%;
    max-width: 430px;
  }

  :is(.section-testing .section-testing__combinations) .section-testing__combinations-image {
    right: -28%;
  }

  .section-monitoring .section-monitoring__inner {
    background-image: none;
  }

  .section-monitoring .section-monitoring__item:nth-child(2) {
    min-height: auto;
  }

  .section-monitoring .section-monitoring__item:nth-child(3) {
    min-height: auto;
  }

  :is(.section-monitoring .section-monitoring__main) .section-monitoring__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 117%;
    max-width: 335px;
  }



  .section-monitoring .section-monitoring__recording {
    padding-top: 32px;



  }

  :is(.section-monitoring .section-monitoring__recording) .section-monitoring__recording-title {
    font-size: 32px;
    line-height: 125%;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    margin-bottom: 24px;
    padding: 0 10px;
  }



  .section-meta .section-meta__title {
    font-size: 48px;
    line-height: 117%;
    margin-bottom: 32px;
  }

  .section-meta .section-meta__items {
    display: flex !important;
    gap: 0;
  }

  .section-meta .section-meta__item {
    min-height: 572px;
    /* max-height: 70vh; */
    width: 100%;
  }



  .section-meta .section-meta__main {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

  }

  :is(.section-meta .section-meta__main)::before {
    background-image: url(/local/templates/aio/assets/css/../img/stars-backgroud-mob.svg);
  }

  :is(.section-meta .section-meta__main) .section-meta__main-image {
    width: 170%;
    transform: translateX(-48%) translateY(-79%) rotate(340deg);
  }


  :is(.section-meta .section-meta__main) .section-meta__main-info {
    justify-content: flex-end;
    row-gap: 8px;
    margin-bottom: 24px;
  }

  :is(.section-meta .section-meta__main) .section-meta__main-title {
    font-size: 32px;
    line-height: 125%;
    max-width: 311px;
  }

  :is(.section-meta .section-meta__main) .section-meta__main-suptitle {
    max-width: none;
  }

  :is(.section-meta .section-meta__intergation) .section-meta__intergation-title {
    font-size: 32px;
    line-height: 125%;
    text-align: left;
  }

  :is(.section-meta .section-meta__ads) .section-meta__lottie-mob {
    display: block;
  }

  :is(.section-meta .section-meta__ads) .section-meta__lottie-desk {
    display: none;
  }

  :is(.section-meta .section-meta__finance) .section-meta__finance-image {
    transform: translateX(-42%) translateY(-36%);
  }

  :is(.section-meta .section-meta__finance) .section-meta__finance-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(:is(.section-meta .section-meta__rules) .section-meta__rules-image) img {
    transform: scale(1.5);
  }

  :is(.section-meta .section-meta__rules) .section-meta__rules-content {
    justify-content: flex-start;
    row-gap: 16px;
  }

  :is(.section-editor .section-editor__main) .section-editor__main-title {
    font-size: 48px;
    line-height: 117%;
    max-width: 330px;
  }

  :is(.section-editor .section-editor__code) .section-editor__code-title span {
    font-size: 32px;
    line-height: 125%;
  }

  .section-libraries .section-libraries__title {
    font-size: 48px;
    line-height: 117%;
  }

  .section-libraries .section-libraries__block-title {
    font-size: 32px;
    line-height: 125%;
  }

  .section-analytics .section-analytics__title {
    font-size: 48px;
    line-height: 117%;
    margin-bottom: 24px;
  }

  :is(.section-analytics .section-analytics__reports) .section-analytics__reports-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-analytics .section-analytics__models) .section-analytics__models-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-title {
    font-size: 32px;
    line-height: 125%;
  }

  .section-customization .section-customization__title {
    font-size: 48px;
    line-height: 117%;
    margin-bottom: 8px;
  }

  .section-customization .section-customization__dashboard {
    min-height: 705px;
  }

  :is(.section-customization .section-customization__dashboard) .section-customization__dashboard-img {
    top: auto;
    bottom: 0;
  }

  :is(:is(.section-customization .section-customization__dashboard) .section-customization__dashboard-img) img {
    height: 597px;
    width: auto;
  }

  :is(.section-customization .section-customization__dashboard) .section-customization__dashboard-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-customization .section-customization__fields) .section-customization__fields-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(:is(.section-customization .section-customization__presets) .section-customization__presets-info) .section-customization__presets-title {
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 8px;
  }

  .section-permissions .section-permissions__title {
    font-size: 48px;
    line-height: 117%;
  }

  :is(.section-permissions .section-permissions__positions) .section-permissions__positions-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-permissions .section-permissions__teams) .section-permissions__teams-title {
    font-size: 32px;
    line-height: 125%;
  }

  :is(.section-permissions .section-permissions__sharing) .section-permissions__sharing-title {
    font-size: 32px;
    line-height: 125%;
  }

  .section-security .section-security__title {
    font-size: 48px;
    line-height: 117%;
  }

  .section-security .section-security__block-title {
    font-size: 32px;
    line-height: 125%;
  }
}

@media (max-width: 450px) {
  :is(.section-testing .section-testing__main) .section-testing__sticker {
    top: 43px;
    right: 10px;
  }

  :is(.section-analytics .section-analytics__compare) .section-analytics__compare-image.section-analytics__compare-image--up {
    right: 13px;
  }

}
/* End */
/* /local/templates/aio/assets/css/dragula.min.css?17320228661258 */
/* /local/templates/aio/assets/css/features.css?175128968196138 */