/* v7.87 — pricing commercial detail cards */
html body.v71-page-pricing .commercial-soft.v787-commercial-details {
  padding: 76px 0 !important;
  background: #F3F8F0 !important;
}
html body.v71-page-pricing .v787-commercial-details .v787-commercial-details-head {
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}
html body.v71-page-pricing .v787-commercial-details .v787-commercial-details-head .v719-small-label {
  display: block !important;
  margin: 0 0 10px !important;
  color: #3D681F !important;
  -webkit-text-fill-color: #3D681F !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
}
html body.v71-page-pricing .v787-commercial-details .v787-commercial-details-head h2 {
  margin: 0 !important;
  color: #10281A !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
}
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid > article {
  display: flex !important;
  flex-direction: column !important;
  padding: 30px !important;
  background: #fff !important;
  border: 1px solid #D1E0CB !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(19, 48, 29, .05) !important;
}
html body.v71-page-pricing .v787-commercial-details .v787-detail-icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 0 16px !important;
  background: #E3F0DD !important;
  color: #3D681F !important;
  border-radius: 13px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid .v719-small-label {
  margin: 0 0 10px !important;
  color: #3D681F !important;
  -webkit-text-fill-color: #3D681F !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1.25 !important;
}
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid h2 {
  margin: 0 0 12px !important;
  color: #10281A !important;
  font-size: 25px !important;
  line-height: 1.16 !important;
  letter-spacing: -.025em !important;
}
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid p {
  margin: 0 !important;
  color: #4E6455 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid a {
  display: inline-flex !important;
  width: fit-content !important;
  margin-top: 18px !important;
  color: #416F22 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid a:hover,
html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid a:focus-visible { color: #31561A !important; text-decoration: underline !important; }
@media (max-width: 800px) {
  html body.v71-page-pricing .commercial-soft.v787-commercial-details { padding: 60px 0 !important; }
  html body.v71-page-pricing .v787-commercial-details .v787-commercial-details-head { margin-bottom: 26px !important; text-align: left !important; }
  html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  html body.v71-page-pricing .v787-commercial-details .commercial-explain-grid > article { padding: 26px 24px !important; }
}