.elementor-301 .elementor-element.elementor-element-53ec911{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-301 .elementor-element.elementor-element-ada1e0d{text-align:center;}.elementor-301 .elementor-element.elementor-element-ada1e0d .elementor-heading-title{font-size:30px;color:var( --e-global-color-1330485 );}.elementor-301 .elementor-element.elementor-element-fd49c3c{--display:flex;}@media(max-width:767px){.elementor-301 .elementor-element.elementor-element-fd49c3c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for wc-elements, class: .elementor-element-592ee89 *//* Change button color to blue on cart page */
body.woocommerce-cart button, body.woocommerce-cart .button {
    background-color: #23690A; /* Green */
    border-color: #23690A; /* Green */
}

/* Change button text color to white */
body.woocommerce-cart button, body.woocommerce-cart .button {
    color: #ffffff; /* White text */
}

/* Change button hover color */
body.woocommerce-cart button:hover, body.woocommerce-cart .button:hover {
    background-color: #FECE1F; /* Yellow */
    border-color: #FECE1F; /* Yellow */
}
/* Change the "Proceed to Checkout" button color on cart page */
body.woocommerce-cart .checkout-button {
    background-color: #23690A !important; /* Replace with your desired button color */
    border-color: #23690A !important; /* Replace with your desired border color */
    color: #ffffff !important; /* Replace with your desired text color */
}

/* Change the "Proceed to Checkout" button hover color */
body.woocommerce-cart .checkout-button:hover {
    background-color: #FECE1F !important; /* Replace with your desired hover color */
    border-color: #FECE1F !important; /* Replace with your desired hover border color */
}
/* Ensure coupon code input takes full width of its container */
body.woocommerce-cart .coupon input {
    width: 100% !important;  /* Make the input box take full width */
    max-width: 500px;  /* Adjust the max-width as needed */
    height: 40px !important;  /* Increase height */
    font-size: 16px;  /* Adjust font size */
    padding: 10px;  /* Adjust padding */
}

/* Optional: Adjust the space between the input and the button */
body.woocommerce-cart .coupon {
    display: flex;
    gap: 20px; /* Adjust the gap between the input and button */
    align-items: center; /* Align items vertically */
}
/* Style the quantity container */
.woocommerce .cart .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style the quantity container */
.woocommerce .cart .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style the quantity input box */
.woocommerce .cart .quantity input {
    font-size: 18px;
    width: 60px;
    text-align: center;
    padding: 5px;
    margin: 0 5px;
    height: 40px;
}

/* Style the plus and minus buttons */
.woocommerce .cart .quantity .plus, 
.woocommerce .cart .quantity .minus {
    cursor: pointer;
    background-color: transparent; /* Make the background transparent */
    color: green; /* Change text color to green */
    padding: 8px 12px; /* Adjust padding as needed */
    font-size: 22px; /* Adjust size of the + and - signs */
    border: none;
    line-height: 1;
    display: inline-block;
    text-align: center;
}

/* Hover effect for buttons */
.woocommerce .cart .quantity .plus:hover, 
.woocommerce .cart .quantity .minus:hover {
    background-color: #f1f1f1; /* Optional: change background color on hover */
}/* End custom CSS */