/* SECTION ABU */
      .status-section {
          background: #ffffff;
          padding: 30px 20px;
          margin: 30px 15px;
          border-radius: 30px;
          text-align: center;
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
      }

      /* TITLE */
      .status-section h2 {
          margin: 12px 0;
          color: #1f2a36;
      }

      /* TEXT */
      .status-section p {
          font-size: 14px;
          line-height: 1.6;
          color: #5c6b7a;
      }

      /* BADGE */
      .free-badge {
          display: inline-flex;
          align-items: center;
          background: #dff5e6;
          color: #28a745;
          padding: 6px 14px;
          border-radius: 20px;
          font-size: 13px;
          font-weight: 600;
      }

      .free-badge .dot {
          width: 8px;
          height: 8px;
          background: #28c76f;
          border-radius: 50%;
          margin-right: 6px;
      }

      .form-card {
          background: #ffffff;
          padding: 25px 20px;
          margin: 0 15px 40px 15px;
          border-radius: 30px;
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
      }

      .form-title {
          font-size: 18px;
          font-weight: 700;
          color: #d32f2f;
          margin-bottom: 15px;
          text-align: center;
      }

      .btn {
          background-color: #FEC107;
          color: #101727;
          border-radius: 5px;
          border: none;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      }


      #testimoni {
          width: 100%;
          height: 300px;
          overflow: hidden;
          position: relative;
          margin-top: 25px;
          padding: 20px;
          background: #f9f9f9;
          border-radius: 10px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }

      .testimoni-container {
          display: flex;
          flex-direction: column;
          transition: transform 0.05s linear;
          /* halus setiap langkah */
      }

      .tests {
          display: flex;
          justify-content: center;
          margin-bottom: 15px;
      }

      .test-card {
          width: 100%;
          padding: 15px;
          display: flex;
          align-items: center;
          gap: 15px;
          border: 1px solid #ddd;
          border-radius: 8px;
          background-color: #fff;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      .profile-img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border: 2px solid #007bff;
      }

      .testimonial-info {
          flex: 1;
      }

      .testimonial-info .name {
          font-weight: bold;
          font-size: 16px;
          color: #333;
      }

      .testimonial-info .text {
          font-size: 14px;
          color: #555;
      }

      .successful {
          font-size: 16px !important;
          font-weight: bold;
          color: green;
      }