.woocommerce-pan-fields {
            margin-top: 20px;
            padding: 10px;
            background-color: #fff;
            border: 1px solid #113826;
            border-radius: 4px;
        }
        .woocommerce-pan-fields h3 {
            font-size: 20px;
            margin-bottom: 15px;
            font-family: "Nunito Sans", Sans-serif;
            font-size: 1rem;
            font-weight: 700;
        }
        form#pan-card-form label {
           font-family: "Nunito Sans", Sans-serif;
            font-size: 0.8rem;
            font-weight: 600;
        }
        .woocommerce-pan-fields input[type="text"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .woocommerce-pan-fields button {
            background-color: #0071a1;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            background-color: #113826;
            font-family: "Nunito Sans", Sans-serif;
            font-size: 1rem;
            font-weight: 700;
            fill: #DFD08D;
            color: #DFD08D;
        }
        .woocommerce-pan-fields button:disabled {
            background-color: #ccc;
            cursor: not-allowed;
        }
        .woocommerce-pan-fields p.success {
            color: green;
        }
        .woocommerce-pan-fields p.error {
            color: red;
        }
        /* Add CSS styles for disabled checkout button */
        .wc-block-components-checkout-place-order-button:disabled {
            background-color: #ccc; /* Change the background color when disabled */
            cursor: not-allowed; /* Change cursor to indicate it's disabled */
        }