/* One-Touch Home mobile feature 2x2 layout V16.10.83
   Scope: homepage top 4 service features only. */
@media (max-width:767.98px){
  .features{
    padding:0!important;
  }
  .features-box{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    min-height:0!important;
    border-bottom:1px solid #e4eaf1!important;
    background:#fff!important;
  }
  .feature{
    min-width:0!important;
    min-height:60px!important;
    padding:8px 12px!important;
    gap:9px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    box-sizing:border-box!important;
    border-bottom:1px solid #eef2f6!important;
  }
  .feature:nth-child(odd){
    border-right:1px solid #eef2f6!important;
  }
  .feature:nth-child(n+3){
    border-bottom:0!important;
  }
  .feature+.feature:before{
    display:none!important;
  }
  .feature-icon{
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    border-radius:11px!important;
  }
  .feature-icon svg{
    width:24px!important;
    height:24px!important;
  }
  .feature-copy{
    min-width:0!important;
  }
  .feature-copy h3{
    margin:0 0 2px!important;
    font-size:15.5px!important;
    line-height:1.25!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
  }
  .feature-copy p{
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    color:#758399!important;
    text-align:left!important;
  }
}

@media (max-width:390px){
  .feature{
    min-height:56px!important;
    padding:7px 9px!important;
    gap:8px!important;
  }
  .feature-icon{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
  }
  .feature-icon svg{
    width:22px!important;
    height:22px!important;
  }
  .feature-copy h3{
    font-size:14.5px!important;
  }
  .feature-copy p{
    font-size:10.5px!important;
  }
}