body {
          font-family: "Poppins", sans-serif;
          background-color: #f4f6f9;
          color: #333;
        }

        /* ===== Header Section ===== */
        .page-header {
          background-color: #ad9263;
          color: #fff;
          text-align: center;
          padding: 100px 0 120px;
          position: relative;
          overflow: hidden;
        }

        .page-header h1 {
          font-family: "Playfair Display", serif;
          font-size: 2.5rem;
          font-weight: 700;
          letter-spacing: 1px;
          animation: fadeInDown 1s ease;
          z-index: 2;
          position: relative;
        }

        .page-header p {
          font-family: "Poppins", sans-serif;
          font-size: 1.1rem;
          font-weight: 300;
          opacity: 0.95;
          letter-spacing: 0.5px;
          animation: fadeInUp 1s ease;
          z-index: 2;
          position: relative;
          color: white;
        }

        /* ===== Content Section ===== */
        .content-section {
          position: relative;
          z-index: 5;
          background: #fff8f1;
          padding: 40px 30px;
          border-radius: 20px;
          box-shadow: 0 4px 25px rgba(0,0,0,0.08);
          margin-top: -60px;
          animation: fadeIn 1.2s ease-in-out;
          max-width: 1150px;   /* narrower content width */
          margin-left: auto;
          margin-right: auto;
        }

        @keyframes fadeIn {
          from { opacity: 0; transform: translateY(20px); }
          to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeInDown {
          from { opacity: 0; transform: translateY(-30px); }
          to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeInUp {
          from { opacity: 0; transform: translateY(30px); }
          to { opacity: 1; transform: translateY(0); }
        }

        /* Headings inside content */
        .section-heading {
          font-family: "Playfair Display", serif;
          margin-top: 30px;
          font-size: 1.5rem;
          color: #ad9263;
          border-left: 5px solid #ad9263;
          padding-left: 12px;
          font-weight: 600;
          letter-spacing: 0.5px;
        }

        .sub-heading {
          font-family: "Playfair Display", serif;
          color: #ad9263;
          border-left: 5px solid #ad9263;
          padding-left: 12px;
          font-weight: 600;
          letter-spacing: 0.5px;
        }

        /* Style for paragraphs and points */
        .content-section p {
          font-family: "Open Sans", sans-serif;
          font-size: 15px;
          line-height: 1.8;
          margin-top: 12px;
          color: #444;
          letter-spacing: 0.3px;
        }

        /* Bold and black for key points */
        .content-section p strong,
        .content-section p span.point {
          font-weight: 700;
          color: #000;
        }
         .rules-list {
        list-style: none; /* remove default bullets */
        padding-left: 0;
    }

    .rules-list li {
        position: relative;
        padding-left: 30px; /* space for checkmark */
        margin-bottom: 12px;
        color: #333;
    }

    .rules-list li::before {
        content: "✔"; /* checkmark symbol */
        position: absolute;
        left: 0;
        color: red; /* mark color */
        font-weight: bold;
    }

        /* ===== Responsive ===== */
        @media (max-width: 768px) {
          .page-header h1 {
            font-size: 2.2rem;
          }
          .content-section {
            padding: 30px 20px;
            max-width: 100%;
          }
        }