/* ========================================
   Service Features - 3 columns list
   (clone from histing_list, but isolated)
   ======================================== */

.service_features .feature_list{
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
}

.service_features .feature_list li{
  flex: 0 0 calc( (100% - (20px * 2 )) / 3); /* ✅ 三欄 */
  padding: 20px;

  border: solid 1px var(--c-white);
  border-radius: 20px;

  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.service_features .feature_list .name{
  font: 500 16px/20px 'Outfit', 'Noto Sans TC', sans-serif;
  color: var(--c-white);
}

.service_features .feature_list .name span{
  display: block;
}

.service_features .feature_list p{
  color: var(--c-white);
  line-height: 1.4em;
  margin-bottom: 0;
}

/* RWD：平板 2 欄、手機 1 欄 */
@media (max-width: 991.98px){
  .service_features .feature_list li{
    flex: 0 0 calc( (100% - 20px) / 2);
  }
}

@media (max-width: 575.98px){
  .service_features .feature_list li{
    flex: 0 0 100%;
  }
}