/* ===== Duclsaty WhyChoose | Module 2 Strengths (Scoped | v3.9 Final) ===== */
#dwyc-m2{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:#333;
  line-height:1.6;
}
#dwyc-m2 *{box-sizing:border-box;}

/* layout */
#dwyc-m2 .wrap{
  max-width:1100px;
  margin:0 auto;
  padding:0 40px;
}
#dwyc-m2 .sec{padding:56px 0;}
#dwyc-m2 .center{text-align:center;}

/* Section title */
#dwyc-m2 h2{
  margin:0 0 18px;
  font-size:32px;
  font-weight:700;
  line-height:1.25;
  color:#1a2530;
  letter-spacing:-0.01em;
}

/* Intro sentence */
#dwyc-m2 .p{
  margin:0 auto 26px;
  max-width:70ch;
  font-size:18px;
  font-weight:400;
  line-height:1.8;
  color:#495057;
}

/* Cards layout */
#dwyc-m2 .flex{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}
#dwyc-m2 .col{
  flex:1;
  min-width:260px;
}

/* Card */
#dwyc-m2 .card{
  border:1px solid #eee;
  border-radius:8px;
  background:#fff;
  padding:22px;
}

/* Card title */
#dwyc-m2 .card h3{
  margin:0 0 10px;
  font-size:19px;
  font-weight:600;
  line-height:1.5;
  color:#1a2530;
}

/* Card body */
#dwyc-m2 .card p{
  margin:0;
  font-size:17px;
  font-weight:400;
  line-height:1.75;
  color:#495057;
}

/* Divider */
#dwyc-m2 .divider{
  height:1px;
  background:#f0f0f0;
  max-width:1200px;
  margin:0 auto;
}

/* ===== Desktop: keep intro sentence in ONE line ===== */
@media (min-width:1024px){
  #dwyc-m2 .p{
    max-width:none;
    white-space:nowrap;
  }
}

/* Mobile */
@media(max-width:768px){
  #dwyc-m2 .wrap{padding:0 20px;}
  #dwyc-m2 .sec{padding:44px 0;}
  #dwyc-m2 h2{
    font-size:24px;
    margin:0 0 16px;
  }
  #dwyc-m2 .p{
    font-size:17px;
    margin:0 auto 22px;
    white-space:normal;
  }
  #dwyc-m2 .card p{
    font-size:16.5px;
  }
}