.elementor-1179 .elementor-element.elementor-element-cb8f509{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1179 .elementor-element.elementor-element-e364b28{width:100%;max-width:100%;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1179 .elementor-element.elementor-element-e364b28 p{margin-block-end:0px;}.elementor-1179 .elementor-element.elementor-element-60dda34{width:100%;max-width:100%;}.elementor-1179 .elementor-element.elementor-element-60dda34 > .elementor-widget-container{margin:0rem 1rem 0rem 1rem;padding:0px 0px 0px 0px;}.elementor-1179 .elementor-element.elementor-element-60dda34.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-e364b28 */#pay-instruction {
    display: flex;
    justify-content: center;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 17px;
    color: inherit;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#pay-instruction > .elementor-widget-container {
    display: flex;
    flex-direction: column;  /* Stack the instructions vertically */
    justify-content: center;
    text-align: center;
    background-color: #f9f9f9; /* Light background for the box */
    border: 1px solid rgb(26 55 49 / 0.55); /* Border around the box */
    border-radius: 10px; /* Rounded corners */
    padding: 20px;
    max-width: 500px; /* You can adjust the width of the box */
    width: 100%; /* Make the box take full available width inside the container */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-60dda34 *//* Base styles for the form and elements */
#pos-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 600px;  /* Limit width for responsiveness */
    margin: 0 auto;
    color: rgb(28, 27, 23);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: 600;
}

/* Container for each item (label, input, and buttons) */
.quantity-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    width: 100%;
}

.quantity-container label {
    display: flex;
    flex-grow: 1; /* Make sure both labels take equal space */
    justify-content: flex-start;
    font-size: 16px;
}

/* Styling buttons and input fields */
.plusmin,
#pay-button,
.plusmin:focus,
#pay-button:focus {
    border-width: 1px;
    border-radius: 10px;
    border-color: rgb(228, 242, 34);
    color: rgb(28, 27, 23);
    border-style: solid;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    background-color: rgb(228, 242, 34);
    font-weight: var(--e-global-typography-accent-font-weight);
    cursor: pointer;
}

/* Centering the "+" and "-" symbols inside the buttons */
.plusmin {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
}

/* Hover and focus effects (using styles provided by you) */
.plusmin:hover, 
#pay-button:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(228, 242, 34);
}

/* Remove hover and focus effects on mobile devices */
@media (max-width: 768px) {
    .plusmin:hover,
    .plusmin:focus,
    #pay-button:hover,
    #pay-button:focus {
        background-color: rgb(228, 242, 34); /* Neutral background to prevent hover effect */
        color: rgb(28, 27, 23); /* Neutral text color */
    }
}

/* Styling for the total and pay container */
#total {
    font-weight: bold;
    font-size: 18px;
}

.pay-container {
    text-align: center;
    margin-bottom: 1rem;
}

/* Input field styling */
.quantity-container input {
    width: 60px;
    text-align: center;
    font-size: 18px;
    margin: 0 10px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
}

/* General form button and input styling */
input[type="number"]:focus {
    border-color: rgb(228, 242, 34);
    outline: none;
}

/* Styling for the page layout and spacing */
.quantity-container {
    margin-bottom: 20px;
}

#pay-button:disabled {
    background-color: rgb(228, 242, 34);
    cursor: not-allowed;
}/* End custom CSS */
/* Start custom CSS */.elementor-14 {
    background-color: #1a3731;
}/* End custom CSS */