.about-description {
  margin-top: 24px;
}

.about-content {
  padding-bottom: 24px;
}

.about-description p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 13px;
}

.about-description strong {
  color: var(--ink);
}

.about-left {
  background: #e8ebe5;
}

.about-image img {
  display: block;
  height: auto;
}

.about .about-benefits {
  position: relative;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 18px 40px 44px;
}

.about .about-benefits::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 40px;
  left: 40px;
  height: 1px;
  background: #cdd2cc;
}

.about .about-benefits li {
  padding: 48px 24px 0 0;
  border-top: 0;
}

.about .about-benefits li::before {
  left: 0;
  top: 14px;
}

.about .about-benefits li b {
  font-size: 17px;
}

.about .about-benefits li small {
  line-height: 1.5;
}

@media (max-width: 700px) {
  .about .about-benefits {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .about .about-benefits::before {
    display: none;
  }

  .about .about-benefits li {
    padding: 17px 0 17px 48px;
    border-top: 1px solid #cdd2cc;
  }

  .about .about-benefits li::before {
    left: 5px;
    top: 19px;
  }
}
