/* Dental Savings Plan from the styleguide2 artboard in Final1.xd. */
.membership-page .wm-heading{padding:30px 20px;background:#fff;text-align:center}
.membership-page .wm-heading h1{margin:0;color:#000;font-size:clamp(32px,4.15vw,58px);line-height:1.1;font-weight:900;text-transform:uppercase}
.membership-page .wm-plan-background{padding:100px 30px;background:#3277d5}
.membership-page .wm-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;max-width:1084px;margin:auto}
.membership-page .wm-plan-actions{display:flex;justify-content:center;margin-top:40px}
.membership-page .wm-card{display:flex;flex-direction:column;overflow:hidden;border-radius:47px;background:#fff}
.membership-page .wm-card-body{flex:1;padding:46px 32px 32px;min-height:468px}
.membership-page .wm-card h2{margin:0 -14px 16px;color:#0d346d;text-align:center;font-size:clamp(28px,3.15vw,44px);font-weight:900;line-height:1.05;letter-spacing:-1.7px;text-transform:uppercase}
.membership-page .wm-periodontal h2{color:#3e7de2}
.membership-page .wm-includes{margin:0 0 22px;text-align:center;font-size:22px;line-height:1.3;font-style:italic}
.membership-page .wm-benefits{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.membership-page .wm-benefits li{display:flex;align-items:baseline;gap:10px;margin:0;padding:0;font-size:18px;font-weight:400;line-height:1.35;color:#222}
.membership-page .wm-benefits i{flex:none;color:#e58026;font-size:18px;line-height:1}
.membership-page .wm-benefits i::before{margin:0;width:1.35em;font-size:inherit}
.membership-page .wm-pricing{display:flex;min-height:144px;color:#fff}
.membership-page .wm-price{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:13px 8px;text-align:center}
.membership-page .wm-adult{background:#e58026}
.membership-page .wm-child{background:#d9aa60}
.membership-page .wm-periodontal-price{background:#0d346d}
.membership-page .wm-price h3{margin:0 0 3px;color:#fff;font-size:26px;font-weight:700;line-height:1;letter-spacing:3px;text-transform:uppercase}
.membership-page .wm-price p{margin:0;color:#fff}
.membership-page .wm-price .wm-amount{font-size:42px;font-weight:900;line-height:1.05}
.membership-page .wm-price .wm-period{margin-top:3px;font-size:15px;line-height:1.2;font-weight:700;letter-spacing:3px;text-transform:uppercase}
.membership-page .wm-price .wm-savings{margin-top:5px;font-size:15px;line-height:1.2}
.membership-page .wm-periodontal-price .wm-amount{font-size:50px}
.membership-page .wm-periodontal-price .wm-period,.membership-page .wm-periodontal-price .wm-savings{font-size:18px}
@media(max-width:1100px){
  .membership-page .wm-plan-grid{gap:28px}
  .membership-page .wm-card-body{padding:38px 24px 30px;min-height:440px}
  .membership-page .wm-card h2{font-size:32px;letter-spacing:-1.2px}
  .membership-page .wm-benefits li{font-size:16px}
  .membership-page .wm-price h3{font-size:22px}
}
@media(max-width:800px){
  .membership-page .wm-plan-background{padding:45px 20px}
  .membership-page .wm-plan-grid{grid-template-columns:1fr;max-width:517px;gap:32px}
  .membership-page .wm-card{border-radius:32px}
  .membership-page .wm-card-body{min-height:0;padding:34px 24px}
  .membership-page .wm-card h2{font-size:clamp(26px,6.8vw,38px);letter-spacing:-1px}
  .membership-page .wm-includes{font-size:20px;margin-bottom:22px}
  .membership-page .wm-benefits{gap:13px}
  .membership-page .wm-benefits li{gap:8px;font-size:16px}
  .membership-page .wm-pricing{min-height:140px}
  .membership-page .wm-price h3{font-size:20px;letter-spacing:2px}
  .membership-page .wm-price .wm-amount{font-size:40px}
  .membership-page .wm-price .wm-savings{font-size:13px}
  .membership-page .wm-periodontal-price .wm-amount{font-size:48px}
  .membership-page .wm-periodontal-price .wm-savings{font-size:16px}
}
