@charset "UTF-8";
.container-fluid .container .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient(270deg,rgba(0,225,90,1.00) 0%,rgba(255,255,255,1.00) 88.34%);
    background-image: -moz-linear-gradient(270deg,rgba(0,225,90,1.00) 0%,rgba(255,255,255,1.00) 88.34%);
    background-image: -o-linear-gradient(270deg,rgba(0,225,90,1.00) 0%,rgba(255,255,255,1.00) 88.34%);
    background-image: linear-gradient(180deg,rgba(0,225,90,1.00) 0%,rgba(255,255,255,1.00) 88.34%);
}
.product-details .frame-options #frame-options {
    line-height: 20;
}
#paypal-button-container {
    width: 168px;
}
form .credit-card-info input {
    width: 120px;
}
form .credit-card-info input {
    text-align: center;
}

/* New Styles for Size Options */
.size-options li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}

.size-options li .size {
    flex-basis: 100%; /* Full width as there's no price column */
    text-align: center;
}.product-container .product-details .frame-options {
}

.size-options li .size {
    flex-basis: 30%; /* Adjust as needed */
    text-align: left;
}

.size-options li .price {
    flex-basis: 30%; /* Adjust as needed */
    text-align: center;
}

.quantity-input {
    flex-basis: 20%; /* Adjust as needed */
    text-align: center;
}

.cart-table th,
.cart-table td {
  padding: 15px;
  text-align: center;
  vertical-align: middle; /* Add this to vertically align content */
}

/* Apply this class to all buttons you want to have the same styling */
.custom-btn {
    padding: 10px 20px !important; /* Uniform padding */
    font-size: 16px !important; /* Example font size, adjust as needed */
    line-height: 1.5 !important; /* Example line-height, adjust as needed */
    border: none !important; /* Example to remove border if not needed */
    height: 40px !important; /* Example fixed height, adjust as needed */
    display: inline-block; /* To ensure <a> elements line up correctly */
    text-align: center; /* Center text within buttons */
    vertical-align: middle; /* Align button text vertically */
    /* Add other styles as needed */
}

/* Existing styles for quantity input */
.quantity-input {
    max-width: 100%; /* Ensures it doesn't exceed container width */
    text-align: center;
}

/* New styles to adjust the width specifically */
.size-options li .quantity-input {
    width: 50px; /* Adjust this value as needed to make the input narrower */
}