.editor-styles-wrapper .intro1__content,
.intro1__content {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--grid-gap) * 2);
}
@media (min-width: 769px) {
  .editor-styles-wrapper .intro1__content,
.intro1__content {
    grid-template-columns: 155px 1fr;
  }
}
@media (min-width: 993px) {
  .editor-styles-wrapper .intro1__content,
.intro1__content {
    grid-template-columns: 155px 32% auto;
  }
}

.editor-styles-wrapper .intro1__main-text,
.intro1__main-text {
  font-size: var(--text-xl);
  color: var(--primary);
  line-height: 1.34;
}

.editor-styles-wrapper .intro1__icon,
.intro1__icon {
  margin-inline: auto;
  height: auto;
}
@media (max-width: 768px) {
  .editor-styles-wrapper .intro1__icon,
.intro1__icon {
    width: 90px;
  }
}

.intro1__main-text .intro1__description,
.intro1__description {
  font-size: var(--text-l);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .intro1__main-text .intro1__description,
.intro1__description {
    font-size: calc(var(--text-m) * 1.15);
  }
}
@media (min-width: 769px) {
  .intro1__main-text .intro1__description,
.intro1__description {
    grid-column: 1/-1;
  }
}
@media (min-width: 993px) {
  .intro1__main-text .intro1__description,
.intro1__description {
    grid-column: 3;
    grid-row: 1;
    -webkit-padding-start: var(--space-m);
            padding-inline-start: var(--space-m);
  }
}

.intro1__icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

section.intro1 {
  background-color: var(--secondary);
  padding-block: var(--section-space-l);
}