.intro {
	background-color: #f2f3f7;
	background-image: url(../img/int_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 100px 0 100px;
}
.intro__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 60px;
}
.intro__card {
	padding: 0 27px 0 0;
}
.intro__card + .intro__card {
  border-left: 1px solid #ced3e7;
  padding-left: 30px;
  padding-right: 27px;
}
.intro__card img { width: 42px; height: 42px; }
.intro__card h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  color: #08173e;
  margin: 26px 0 22px;
  text-wrap: pretty;
}
.intro__card p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #45566a;
}

@media (max-width: 1100px) {
  .intro__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 10px; }
  .intro__card + .intro__card { border-left: 0; padding-left: 0; }
  .intro__card:nth-child(even) { border-left: 1px solid #ced3e7; padding-left: 30px; }
  .intro__card h3 { font-size: 24px; }
}
@media (max-width: 768px) {
  .intro { background-attachment: scroll; }
  .intro__cards { grid-template-columns: minmax(0, 1fr); margin-top: 40px; }
  .intro__card,
  .intro__card:nth-child(even),
  .intro__card + .intro__card { border-left: 0; padding: 24px 0; border-top: 1px solid #ced3e7; }
  .intro__card:first-child { border-top: 0; padding-top: 0; }
  .intro__card h3 { margin: 18px 0 12px; }
}