.main {
  padding: 52px 0 80px;
}

.main__box {
}

.main__content {
  position: relative;
}

.main__banner {
  position: absolute;
  top: -52px;
  left: -80px;
  width: 366px;
  z-index: 10;

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.main__text {
  background: var(--bgCard);
  border-radius: 40px;
  padding: 18px 36px 34px 264px;
  transform: translateX(36px);
}

.main__titleMain {
}

.main__titleMain-color {
  color: var(--textColorMain);
}

.main__title {
  font-size: 21px;
  margin: 24px 0;
}

.main__desc {
  font-size: 18px;
}

.main__desc-color {
  color: var(--textColorMain);
  border-bottom: 1px solid var(--textColorMain);
}

@media (hover: hover) {
  .main__desc-color:hover {
    border-color: transparent;
  }
}

@media screen and (max-width: 1100px) {
  .main__banner {
    top: -32px;
    left: -40px;
    width: 320px;
  }
}

@media screen and (max-width: 940px) {
  .main__banner {
    top: -26px;
    left: -40px;
    width: 320px;
  }
}

@media screen and (max-width: 720px) {
  .main {
    padding-top: 0;
  }

  .main__banner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }

  .main__text {
    margin-top: 40px;
    padding: 0;
    background: transparent;
    transform: none;
  }
}