.section-wrapper {
      background-color: #009688;
      /* w3-teal */
      padding: 40px 20px;
      border-radius: 15px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

    .section-title {
      display: inline-block;
      background: #ffffff;
      padding: 6px 20px;
      font-size: 20px;
      color: #009688;
      font-weight: 600;
      font-family: 'Sarabun', sans-serif;
      border-radius: 30px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease;
    }

    .section-title:hover {
      background: #00695c;
      color: #fff;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    }

    .display-6 {
      color: #ffffff;
      font-size: 2rem;
    }

    .underline {
      width: 80px;
      height: 4px;
      background: #ffffff;
      border-radius: 2px;
    }