.sdac_readings {

      font-family: 'Inter', sans-serif;
      background-color: #f0f4f8;
      /* Light gray background */


      .container-card {
        background-color: #ffffff;
        border-radius: 0.75rem;
        /* rounded-xl */
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        /* shadow-lg */
        padding: 2rem;
        /* Moved border styling here */
        border: 2px solid #A79421;
        /* Brown border */
      }

      h1 {
        color: #334155;
        /* Slate 700 */
      }

      h2 {
        color: #1e293b;
        /* Slate 800 */
      }

      p {
        color: #475569;
        /* Slate 600 */
      }

      ul {
        list-style-type: disc;
        margin-left: 1.5rem;
      }

      li {
        margin-bottom: 0.5rem;
        color: #000;
        /* Slate 600 */
      }

      .section-number {
        color: #334155;
        /* Slate 700 */
        font-weight: 600;
        /* font-semibold */
      }

      .section-title {
        color: #1e293b;
        /* Slate 800 */
        font-weight: 700;
        /* font-bold */
        font-size: 15px;
      }

      .trait-pair {
        color: #000;
        /* Slate 500 */
        font-weight: normal;
        /* font-semibold */

        .domain_percentage {
          font-size:15px;
          font-weight:bold;
        }
      }

      .trait-value {
        color: #000;
        /* Slate 900 */
        font-weight: 700;
        /* font-bold */
      }

      .percentage {
        color: #0f172a;
        /* Slate 900 */
        font-weight: 600;
        /* font-semibold */
      }
      /*.key_domain li {
        list-style-type: none;
        margin-bottom: 0 !important;
      }

      .key_domain_heading {
        text-align: center;
      }

      .key_domain_block {
        display: grid;
        justify-content: center;
      }

      .key_domain_block ol {
        width: 90%;
      }*/

      .key_domain li {
        list-style-type: none;
        margin-bottom: 0 !important;
      }

      .key_domain li::before {
        content: "-";
        /* Position it relative to the li */
        left: 0;
        /* Align to the left of the padding-left */
        color: #333;
        /* Optional: style the hyphen color */
        font-weight: bold;
        /* Optional: make the hyphen bold */
      }

      .space-y-6 {
        font-size: 15px;
        padding-left:15px;

      }

      .vocation li {
        box-shadow : 0px 0px 25px rgba(0, 0, 0, 0.1);
        margin-bottom: 25px;
        list-style: none;

      }

      .text-left {
        font-size: 30px;
        font-weight: bold !important;
      }
}