h1 {
      font-size: 2.4rem;
      text-align: center;
      color: #d32f2f;
      margin-bottom: 25px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    p {
      font-size: 1.1rem;
      margin-bottom: 18px;
      text-align: justify;
    }

    .highlight {
      font-weight: bold;
      color: #2c3e50;
    }

    .quote {
      font-style: italic;
      color: #555;
      border-left: 4px solid #d32f2f;
      padding-left: 16px;
      margin: 24px 0;
    }

    @media (max-width: 600px) {
      
      h1 {
        font-size: 1.8rem;
      }
      p {
        font-size: 1rem;
      }
    }
.career-table {
      width: 100%;
      border-collapse: collapse;
      margin: 25px 0;
      font-size: 0.95rem;
    }

    .career-table th,
    .career-table td {
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }

    .career-table th {
      background-color: #f1f8e9;
      color: #33691e;
    }

    .training-list {
      background-color: #f9f9f9;
      padding: 16px;
      border-radius: 6px;
      margin: 20px 0;
    }

    .training-list li {
      margin-bottom: 8px;
    }

    @media (max-width: 600px) {
      
      p, .quote {
        font-size: 1rem;
      }
      .career-table {
        font-size: 0.85rem;
      }
    }

.quote-block {
      background: linear-gradient(145deg, #fff9f9, #ffffff);
      padding: 36px 30px;
      margin: 28px;
      border-radius: 0px;
      box-shadow: 
        0 8px 24px rgba(198, 40, 40, 0.12),
        inset 0 0 0 2px #ffebee;
      position: relative;
      font-size: 1.25rem;
      text-align: center;
      letter-spacing: 0.4px;
      border-left: 5px solid #d32f2f;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .quote-block:hover {
      transform: translateY(-4px);
      box-shadow: 
        0 12px 30px rgba(198, 40, 40, 0.18),
        inset 0 0 0 2px #ffcdd2;
    }

    .quote-block::before,
    .quote-block::after {
      content: """;
      font-size: 5rem;
      color: #e0e0e0;
      position: absolute;
      font-family: Georgia, serif;
      line-height: 1;
    }

    .quote-block::before {
      top: 10px;
      left: 15px;
    }

    .quote-block::after {
      content: """;
      bottom: -30px;
      right: 15px;
    }
 @media (max-width: 600px) {
      .quote-block {
        padding: 20px;
        font-size: 1.05rem;
      }
      .quote-block::before {
        font-size: 3.5rem;
        top: 5px;
        left: 10px;
      }
      .quote-block::after {
        font-size: 3.5rem;
        bottom: -20px;
        right: 10px;
      }
    }