.section__slogan {
  padding: 90px 0;
}
.section__slogan__body {
  display: flex;
  flex-direction: column;
  gap: 70px;
  align-items: center;
}
.section__slogan__logo .icon {
  width: 190px;
  height: 37px;
}
.section__slogan__logo .icon use {
  color: var(--color-black-60);
}
.section__slogan__title {
  color: var(--color-main);
  font-size: var(--font-size-80);
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: center;
  font-family: var(--font-varela);
}
.section__slogan__title span {
  color: var(--color-main-60);
}
@media (max-width: 1280px) {
  .section__slogan {
    padding: 70px 0;
  }
  .section__slogan__title {
    font-size: var(--font-size-75);
  }
}
@media (max-width: 992px) {
  .section__slogan {
    padding: 60px 0;
  }
  .section__slogan__body {
    gap: 56px;
    padding: 64px 0;
  }
  .section__slogan__title {
    font-size: var(--font-size-70);
  }
}
@media (max-width: 560px) {
  .section__slogan {
    padding: 50px 0;
  }
  .section__slogan__body {
    padding: 48px 0;
    gap: 36px;
  }
  .section__slogan__logo .icon {
    width: 126px;
    height: 24px;
  }
  .section__slogan__title {
    font-size: var(--font-size-40);
  }
}