/* Container styling for my payment forms stripe and shift4 */


.pay-form-container {


    max-width: 500px;


    margin: 0 auto;


    padding: 30px;


    background-color: #ffffff;


    border-radius: 10px;


    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);


}





/* Title styling */


.pay-form-title {


    font-size: 26px;


    margin-bottom: 20px;


    text-align: center;


    color: #333333;


}





/* Description styling */


.pay-form-description {


    font-size: 16px;


    text-align: center;


    margin-bottom: 20px;


    color: #666666;


}





/* Form group styling */


.pay-form-group {


    margin-bottom: 20px;


}





/* Label styling */


.pay-form-group label {


    display: block;


    margin-bottom: 8px;


    font-weight: 600;


    color: #555555;


}





/* Input field styling */


.pay-form-input {


    width: 100%;


    padding: 12px;


    font-size: 14px;


    border: 1px solid #dddddd;


    border-radius: 6px;


    box-sizing: border-box;


}





/* Button styling */


.pay-form-btn {


    background-color: #007bff;


    color: white;


    padding: 12px;


    width: 100%;


    border: none;


    border-radius: 6px;


    font-size: 16px;


    cursor: pointer;


    margin-top: 15px;


}





.pay-form-btn:hover {


    background-color: #0056b3;


}





/* Error message styling */


.pay-form-error {


    color: red;


    font-size: 14px;


    text-align: center;


    margin-top: 10px;


}