.approach-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px
}
.approach-card {
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 5px 17px #0a2b4010;
  background:white
}
.approach-content {
  padding:23px 20px 19px;
  text-align:center;
  min-height:315px;
  display:flex;
  align-items:center;
  flex-direction:column
}
.approach-content h3 {
  font-size:22px;
  margin:17px 0 13px
}
.approach-content p {
  font-size:14px;
  color:#233743;
  line-height:1.65;
  margin-bottom:15px
}
.approach-content .short-line {
  margin:auto 0 5px;
  width:44px
}
.approach-photo {
  aspect-ratio:1.35;
  background-image:url("../../img/approach-reference.webp");
  background-size:569% 512%;
  background-position:4.35% 68.65%
}
.approach-photo--1 {
  background-position-x:27.2%
}
.approach-photo--2 {
  background-position-x:49.95%
}
.approach-photo--3 {
  background-position-x:72.7%
}
.approach-photo--4 {
  background-position-x:95.7%
}
.approach-proof {
  margin-top:40px;
  background:#f0f7fa;
  border-color:#d0e2e7
}
.approach-proof strong {
  color:#12455a;
  font-size:26px;
  line-height:1.25
}
.approach-proof strong small {
  display:block;
  font-size:16px;
  margin-top:3px
}
.approach-proof .icon {
  width:45px;
  height:45px
}
.approach-proof p {
  font-size:14px
}
.approach-proof>div {
  gap:24px
}
@media(max-width:1150px) {
  .approach-grid {
  gap:12px
}
.approach-content {
  padding:20px 12px;
  min-height:340px
}
.approach-content h3 {
  font-size:19px
}
.approach-content p {
  font-size:13px
}
.approach-proof>div {
  gap:12px
}
.approach-proof strong {
  font-size:22px
}
.approach-proof strong small {
  font-size:13px
}

}
@media(max-width:900px) {
  .approach-grid {
  grid-template-columns:repeat(3,1fr)
}
.approach-content {
  min-height:310px
}
.approach-proof {
  display:grid;
  grid-template-columns:1fr 1fr
}
.approach-proof>div {
  border:0
}

}
@media(max-width:600px) {
  .approach-grid {
  grid-template-columns:1fr
}
.approach-card {
  display:grid;
  grid-template-columns:1fr .8fr
}
.approach-content {
  min-height:280px;
  padding:23px 16px
}
.approach-content .icon-circle {
  width:50px;
  height:50px
}
.approach-content .icon {
  width:29px;
  height:29px
}
.approach-content h3 {
  font-size:20px
}
.approach-photo {
  height:100%;
  aspect-ratio:auto;
  background-size:auto 512%;
  background-position-y:68.65%
}
.approach-proof .icon {
  width:28px;
  height:28px
}
.approach-proof strong {
  font-size:22px
}
.approach-proof p {
  font-size:12px
}

}