@media (max-width: 639px) {

.wpf-row {
flex-direction: column !important;
gap: 16px !important;
}

.wpf-col {
width: 100% !important;
}
}



/* Universal styles for all Paymattic form submit buttons */
.wpf_form_wrapper input[type="submit"],
.wpf_form_wrapper .paymattic-form-submit-btn {
    /* Original State */
    background-color: #C74A1A; /* ACA accessible orange */
    color: #FFFFFF; /* White text */
    padding: 15px 30px; /* Generous padding */
    border: none; /* No default border */
    border-radius: 40px; /* Rounded corners */
    font-size: 16px; /* 16pt (approx 16px) font size */
    font-family: sans-serif; /* Sans serif font */
    font-weight: 400; /* Medium-bold for emphasis */
    cursor: pointer; /* Indicates it's clickable */
    text-transform: Uppercase;

    /* Smooth transition for hover effects */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;

    /* Initial position for the shift effect */
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none; /* No shadow in original state */
}

/* Hover State */
.wpf_form_wrapper input[type="submit"]:hover,
.wpf_form_wrapper .paymattic-form-submit-btn:hover {
    background-color: #F8D570; /* Hover background color */
    color: #000000; /* Black text on hover */

    /* Shifted up and to the right by 3 pixels */
    transform: translate(2px, -1px); /* X-axis (right), Y-axis (up) */

    /* Very subtle drop-shadow */
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); /* Adjusted for upward-right shift */
}

h3.wp_form_title {
 color: #4a846c;     
}

    

/* Ensure font styles apply to button text */
.wpf_form_wrapper input[type="submit"] span, /* If Paymattic wraps text in a span */
.wpf_form_wrapper .paymattic-form-submit-btn span {
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 400;
}

.ct-div-block.d-none {
    display:none;
}

#div_block-6-81.d-none {
    display:none;
}