@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px!important ;
    }
}

.order-details-popup #accordion {
    height: 400px;
    overflow-y: scroll;
}

.order-details-top button.btn.btn-primary {
    background: #ed1c25;
    border: none;
}

.bootstrap-iso a {
    all: unset!important ;
    cursor: pointer!important ;
    text-decoration: none!important ;
}

.bootstrap-iso  a:hover {
    all: unset!important ;
    cursor: pointer!important ;
    text-decoration: none!important ;
}


html, body {
    background: rgba(255, 255, 255, 1)!important ;
    font-family: "Lato", sans-serif !important;
}

/* .main-sec .main-row {
    min-height: 5000px!important ;
}  */

.sect-top{
    height: 350px!important ;
    display: flex!important ;
    justify-content: center!important ;
    align-items: center!important ;
    background-color: #ED1C25!important ;
}


.sect-bot{
    height: 50px!important ;
}


.cat-list {
    border-right: 1px solid #d4d5dd!important ;
    padding: 0px!important ;
}

.cat-p-list {
    position: sticky!important ;
    top: 0!important ;
    padding: 20px 0px!important ;
}

.cat-list p {
    color: #3C404E!important ;
    text-align: right!important ;
    font-size: 15px!important ;
    font-weight: 500!important ;
    padding: 4px 20px!important ;
    margin-bottom: 0!important ;
}


.cat-list p.active {
    color: #222222!important ;
    text-align: right!important ;
    font-size: 15px!important ;
    font-weight: 700!important ;
    border-right: 4px solid red!important ;
}



.details-sec {
    border-left: 1px solid #d4d5dd!important ;
    padding: 20px!important ;
}

.order-details-top{
    position: sticky!important ;
    top: 0!important ;
    padding: 10px 0px!important ;
}

.order-details {
    text-align: center!important ; 
    width: 292px!important;
    border: 0px solid  #D4D5DD!important ;
    padding: 32px 24px 12px 24px!important ;
    background-color:  #F0F1F4!important ;
    border-radius: 4px!important ;
}


.order-details svg {
      font-size: 48px!important;
}


.order-details h3 {
    font-size: 24px!important ;
    font-weight: 600!important ;
    line-height: 36px!important ;
    color:  #3C404E!important ;
}


.order-details button{
    width: 100%!important ;
    background-color: #ED1C25 !important;
    border: 1px solid #ED1C25 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px!important ;
    color: white !important;
    margin: 5px 0px 25px 0px !important ;
}


.order-details p {
    color: #3C404E!important ; 
    font-size: 15px!important ;
    font-weight: 500!important ;
}

.dish-list {

    padding: 20px 40px!important ;
}


.dish-list h1 {
    font-size: 24px!important ;
    font-weight: 600!important ;
    line-height: 36px!important ;
    color: #222222!important ;
    padding-bottom: 10px!important ;
}

.dish-single{
    width: 100%!important ;
    background-color: #fff!important ;
    padding: 12px 16px 12px 16px!important ;
    border-bottom: 1px solid  #D4D5DD!important ;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px!important ;
    cursor: pointer!important ;
}

.dish-content h4 {
    color: #222222!important ; 
    font-size: 15px!important ;
    font-weight: 500!important ;
    margin: 0px!important ;
}

.dish-content p {
    color:  #676A85!important ;
    font-size: 13.6px!important ;
    line-height: 20.4px!important ;
    padding: 5px 0px!important ;
    margin: 0px!important ;
}

.price {
    display: flex!important ;
    justify-content: center!important ;
    align-items: center!important ;
}

.price p {
    color: #222222!important;
    font-size: 13px!important;
    font-weight: 500!important;
    line-height: 22px!important;
    padding: 2px 4px 2px 4px!important;
    border-radius: 5px!important;
    background-color: #F0F1F4!important;
    margin: 0px!important;
    text-align: center!important;
    border-radius: 5px !important;
}


.dish-cat {
    padding-bottom: 40px!important ;
}

.cart-empty {
    padding-top: 40px!important ;
}

.cart-empty-header {
    background-color: #F0F1F4!important ;
    border-radius: 4px!important ;
    display: flex!important ;
    padding: 10px!important ;
    gap: 15px!important ;
    align-items: center!important ;
}

.cart-empty-header svg {
    font-size: 24px!important ;
}


.cart-empty-header h3 {
    font-size: 20px!important ;
    font-weight: 600!important ;
    line-height: 30px!important ;
    color:  #3C404E!important ;
    margin: 0!important ;
    padding: 0!important ;

}

.cart-empty-content {
    padding-top: 20px!important ;
}


.cart-empty-content p {
    color: #222222!important ; 
    font-size: 16px!important ;
    font-weight: 500!important ;
    line-height: 24px!important ;
}


.cart-empty-content .error-cart-empty {
    color:#ED1C25!important ;
    font-size: 13.6px!important ;
    font-weight: 500!important ;
    line-height: 20px!important ;
}

.cart-open-content .error-cart-empty {
    color:#ED1C25!important ;
    font-size: 13.6px!important ;
    font-weight: 500!important ;
    line-height: 20px!important ;
    padding-top: 20px!important ;
}


.error-cart-empty svg {
    margin-right: 5px!important ;
}




.cart-open {
    padding-top: 40px!important ;
}

.cart-open-header {
    background-color: #F0F1F4!important ;
    border-radius: 4px!important ;
    display: flex!important ;
    padding: 10px!important ;
    gap: 15px!important ;
    align-items: center!important ;
}

.cart-open-header svg {
    font-size: 24px!important ;
}


.cart-open-header h3 {
    font-size: 20px!important ;
    font-weight: 600!important ;
    line-height: 30px!important ;
    color:  #3C404E!important ;
    margin: 0!important ;
    padding: 0!important ;

}



.cart-open-content #cart-summary {
    width: 100%!important ;
    border-collapse: collapse!important ;
}

.cart-open-content .order-table th, 
.cart-open-content .order-table td {
    padding: 10px!important ;
    text-align: left!important ;
    vertical-align: top!important ;
}

.cart-open-content .order-table th {
    font-weight: bold!important ;
    border-bottom: 2px solid #ddd!important ;
}


.cart-open-content .cart-item-row {
    border-bottom: 1px solid #ddd!important ;
}


.cart-open-content .cart-qty-data .qty-value {
    font-size: 16px!important ;
    font-weight: bold!important ;
}


.cart-open-content .main-item .item-name {
    font-size: 14px!important ;
    font-weight: bold!important ;
    display: block!important ;
    margin-bottom: 5px!important ;
}

.cart-open-content .sub-items {
    margin-left: 15px!important ;
}

.cart-open-content .sub-item-link {
    display: block!important ;
    text-decoration: none!important ;
    font-size: 14px!important ;
    font-weight: bold!important ;
    margin-top: 3px!important ;
}

.cart-open-content .sub-item-link:hover {
    text-decoration: underline!important ;
}


.cart-open-content .crust-option {
    font-size: 14px!important ;
    margin-top: 5px!important ;
}

.cart-open-content .crust-label {
    font-weight: bold!important ;
    display: block!important ;
    margin-bottom: 3px!important ;
}

.cart-open-content .crust-list {
    list-style-type: disc!important ;
    padding-left: 20px!important ;
    margin: 0!important ;
}

.cart-open-content .crust-type {
    font-size: 14px!important ;
}

/* Price Column */
.cart-open-content .cart-price-data .price-value {
    font-size: 16px!important ;
    font-weight: bold!important ;
    color: #333!important ;
}

/* Action Buttons */
.cart-open-content .cart-actions {
    margin-top: 8px!important ;
}

.cart-open-content .cart-edit, 
.cart-open-content .cart-remove {
    font-size: 14px!important ;
    font-weight: bold!important ;
    text-decoration: none!important ;
    margin-right: 10px!important ;
}

.cart-open-content .cart-edit {
    color: #d9534f!important ;
}

.cart-open-content .cart-remove {
    color: #ff0000!important ;
}

.cart-open-content .cart-edit:hover, 
.cart-open-content .cart-remove:hover {
    text-decoration: underline!important ;
}


.cart-open-content .checkout-summary {
    width: 100%!important ;
    padding: 0px!important ;
    background-color: #fff!important ;
}

.cart-open-content .checkout-table {
    width: 100%!important ;
    border-collapse: collapse!important ;
    margin-bottom: 15px!important ;
}

.cart-open-content .checkout-table td {
    padding: 10px!important ;
    font-size: 15px!important ;
    color: #222222!important ;
}

.cart-open-content .summary-label {
    text-align: left!important ;
}

.cart-open-content .summary-price {
    text-align: right!important ;
    font-weight: bold!important ;
}

.cart-open-content .total-label {
    font-size: 16px!important ;
    font-weight: bold!important ;
}

.cart-open-content .total-price {
    font-size: 16px!important ;
    font-weight: bold!important ;
    color: #000!important ;
}

.cart-open-content .promo-code-section {
    display: flex!important ;
    gap: 5px!important ;
    margin-bottom: 15px!important ;
}

.cart-open-content .promo-input {
    flex: 1!important ;
    padding: 8px!important ;
    border: 1px solid #ccc!important ;
    border-radius: 4px!important ;
    font-size: 14px!important ;
}

.cart-open-content .promo-button {
    padding: 8px 12px!important ;
    font-size: 14px!important ;
    font-weight: bold!important ;
    border: none!important ;
    background-color: #eee!important ;
    color: #333!important ;
    cursor: pointer!important ;
    border-radius: 4px!important ;
}

.cart-open-content .promo-button:hover {
    background-color: #ddd!important ;
}

.cart-open-content .checkout-button {
    width: 100%!important ;
    padding: 12px!important ;
    font-size: 16px!important ;
    font-weight: bold!important ;
    color: #fff!important ;
    background-color: #ED1C25!important ;
    border: none!important ;
    border-radius: 4px!important ;
    cursor: pointer!important ;
    text-transform: uppercase!important ;
}



.dash-bord {
    border-bottom: dashed 1px #D6D6D6!important ;
}

.modal {
    background: #00000096!important ;
}
#deliveryorpickup .modal-dialog {
    max-width: 720px!important ;
    text-align: center!important ;
    padding: 50px 0px!important ;
}

#deliveryorpickup .modal-body {
    padding: 50px 0px!important ;
}

.choose-icons {
    display: flex!important ;
    align-items: center!important ;
    justify-content: center!important ;
    gap: 80px!important ;
    padding: 30px 20px!important ;
}


.choose-icons svg {
    font-size: 26px!important ;
    line-height: 39px!important ;
}


.choose-icons p {
    font-family: 'Lato'!important ;
    font-size: 16px !important;
    line-height: 34px!important ;
    text-transform: capitalize!important ;
    margin: 0!important ;
    padding: 5px 0px!important ;
}

.pickup-con, .delivery-con, .pickupinner-con {
    padding: 10px 30px!important ;
    border-radius: 10px!important ;
    cursor: pointer!important ;
}

.pickup-con:hover, .delivery-con:hover, .pickupinner-con:hover {
    background: #E6E6E6!important ;
}


.pickup-con.active, .delivery-con.active, .pickupinner-con.active {
    background: #E6E6E6!important ;
}

.pickup-inner h3 {
    font-family: 'Lato'!important ;
    font-size: 18px!important ;
    line-height: 28px!important ;
    color: #222!important ;
}

.pickup-inner p {
    font-family: 'Lato'!important ;
    font-size: 15px!important ;
    line-height: 24px!important ;
    color: #222!important ;
}

.pickupinner-con svg {
    font-size: 26px!important ;
    line-height: 39px!important ;
}

.pickupinner-con {
    width: 20%!important ;
    margin: auto!important ;
}

.pickupinner-con p {
    font-family: 'Lato'!important ;
    font-size: 16px !important;
    line-height: 34px!important ;
    text-transform: capitalize!important ;
    margin: 0!important ;
    padding: 5px 0px!important ;
}


.delinner-con button {
    width: 70%!important ;
    padding: 10px!important ;
    border: 1px solid #D4D5DD!important ;
    background: #FAFAFA!important ;
    font-size: 15px!important ;
    font-family: lato!important ;
    color: #222!important ;
}


.modal-unique-987 {
    display: none!important ;
    position: fixed!important ;
    z-index: 1000!important ;
    left: 0!important ;
    top: 0!important ;
    width: 100%!important ;
    height: 100%!important ;
    background-color: rgba(0, 0, 0, 0.5)!important ;
    z-index: 99999999999!important ;
}

.modal-content-box-764 {
    background: white!important ;
    width: 510px!important ;
    padding: 40px 0px!important ;
    margin: 12% auto!important ;
    border-radius: 5px!important ;
    text-align: center!important ;
    position: relative!important ;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2)!important ;
}

.modal-header-657 {
    font-size: 18px!important ;
    font-weight: bold!important ;
    margin-bottom: 10px!important ;
}

.modal-input-923 {
    width: 100%!important ;
    padding: 12px!important ;
    margin-top: 10px!important ;
    border: 1px solid red!important ;
    border-radius: 3px!important ;
    font-size: 16px!important ;
    outline: none!important ;
    transition: border 0.3s ease-in-out!important ;
}

.modal-input-923:focus {
    border-color: #4285F4!important ;
}

.modal-footer-321 {
    font-size: 14px!important ;
    color: #888!important ;
    margin-top: 12px!important ;
}

.close-btn-543 {
    position: absolute!important ;
    top: 10px!important ;
    right: 15px!important ;
    font-size: 22px!important ;
    font-weight: bold!important ;
    cursor: pointer!important ;
    color: #555!important ;
}

.no-address-msg-198 {
    color: red!important ;
    font-size: 14px!important ;
    margin-top: 8px!important ;
    display: none!important ;
}

.pickup-time-date {
    margin: 20px 0px 0px 0px!important ;
}

.pickup-time-date button {
    background: #fafafa!important;
    border: 1px solid #E0E0E0!important;
    padding: 10px 44px!important;
    font-family: lato!important;
    font-size: 15px!important;
    color: #222;
}

#time {
    background: #00000096!important ;
}


#time .modal-dialog {
    max-width: 400px!important ;
}


#time .modal-content {
    border-radius: 5px!important ;
}


#time h3 {
    font-size: 18px!important;
    color: #222!important;
    font-family: 'Lato'!important;
    line-height: 24px!important;
    border-bottom: 1px solid #E0E0E0!important;
    padding: 0px 0px 20px 0px!important;
    text-align: center;
}


#time .modal-body {
    padding: 20px 0px!important ;
}


.single-time {
    text-align: left!important ;
}

.list-time div {
    padding: 5px 20px!important ;
    border-bottom: 1px solid #E0E0E0!important ;
}

.list-time div:hover {
    background-color: #E6E6E6!important ;
    cursor: pointer!important ;
}

.single-time {
    text-align: left!important ;
    margin: 0!important ;
    padding: 3px 0px!important ;
}


.list-time {
    height: 230px!important ;
    overflow-y: scroll!important ;
}


#date {
    background: #00000096!important ;
}


#date .modal-dialog {
    max-width: 400px!important ;
}


#date .modal-content {
    border-radius: 5px!important ;
}


#date h3 {
    font-size: 18px!important;
    color: #222!important;
    font-family: 'Lato'!important;
    line-height: 24px!important;
    border-bottom: 1px solid #E0E0E0!important;
    padding: 0px 0px 20px 0px!important;
    text-align: center;
}


#date .modal-body {
    padding: 20px 0px!important ;
}


.single-date {
    text-align: left!important ;
}

.list-date div {
    padding: 5px 20px!important ;
    border-bottom: 1px solid #E0E0E0!important ;
}

.list-date div:hover {
    background-color: #E6E6E6!important ;
    cursor: pointer!important ;
}

.single-date {
    text-align: left!important ;
    margin: 0!important ;
    padding: 3px 0px!important ;
}


.list-date {
    height: 230px!important ;
    overflow-y: scroll!important ;
}


.day {
    margin: 0!important ;
    font-weight: bold!important ;
    font-size: 13px!important ;
    font-family: 'Lato'!important ;
    text-transform: capitalize!important ;
}

.list-date div {
    padding: 5px 20px!important ;
    border-bottom: 1px solid #E0E0E0!important ;
    display: flex!important ;
    gap: 200px!important ;
    align-items: center!important ;
}
#change-details .modal-header {
    flex-direction: column!important ;
    text-align: left!important ;
    align-items: flex-start!important ;
}


#warning {
    font-size: 16px!important ;
    color: #BD362F!important ;
    font-family: lato!important ;
}

#change-details .modal-header h1 {
    font-size: 18px!important ;
    font-weight: 600!important ;
    line-height: 27px!important ;
    color: #222!important ;
    font-family: lato!important ;
}

#change-details .modal-body {
    color: #222!important ;
    font-family: lato!important ;
}

.proceed {
    background-color: #F03D45!important ;
    border: none!important ;
}

.cancel {
    background-color: #f1f1f1!important ;
    border: none!important ;
    color: #222!important ;
}

#order-details-popup .modal-header {
    display: flex!important ;
    flex-direction: column!important ;
    align-items: self-start!important ;
    padding: 15px 20px!important ;
}


#order-details-popup  h1#pro-title {
    font-family: 'Lato'!important ;
    font-size: 18px!important ;
    font-weight: 600!important ;
    color: #222!important ;
}

#order-details-popup .modal-header h5 {
    font-size: 14px!important ;
    font-weight: bold!important ;
    color: #222!important ;
    font-style: italic!important ;
    line-height: 22px!important ;
}

#order-details-popup  .modal-header p {
    font-size: 16px!important ;
    font-family: 'Lato'!important ;
    color: #222!important ;
    line-height: 22px!important ;
}

#order-details-popup  .modal-header .pro-price {
    font-size: 18px!important ;
    font-weight: 600!important ;
    position: absolute!important ;
    right: 30px!important ;
}


.accordion-button {
    background-color: #fff!important ;
    font-weight: bold!important ;
}
.toggle-switch {
    display: flex!important ;
    justify-content: space-between!important ;
    align-items: center!important ;
    padding: 5px 0!important ;
    border-bottom: 1px dashed #D4D5DD!important ;
}
.form-check-input {
    width: 40px!important ;
    height: 20px!important ;
}

#order-details-popup .modal-body {
    padding: 0!important ;
}

#order-details-popup .card {
    border-radius: 0!important ;
}


#order-details-popup #headingOne {
    background: #f7f7f7!important ;
    padding: 5px 10px!important ;
    cursor: pointer!important ;
}


#order-details-popup .card-body {
    padding: 10px 20px!important;
    height: 200px !important;
    overflow-y: scroll;
}


#order-details-popup .toggle-switch span {
    font-size: 16px!important ;
    font-family: 'Lato'!important ;
    color: #222!important ;
}


#order-details-popup span.variation-title {
    width: 260px!important ;
}

#order-details-popup button.btn.btn-link {
    color: #222!important ;
    font-style: normal!important ;
    text-decoration: none!important ;
    font-weight: 600!important ;
    font-size: 16px!important ;
    margin: 0px!important ;
}

#order-details-popup .card-header p {
    padding: 0px 14px!important ;
    margin: -7px 0px 0px 0px!important ;
}

#order-details-popup .form-check-input:checked {
    background-color: #f03d45!important ;
    border-color: #f03d45!important ;
}


#order-details-popup .form-check-input:focus {
    border-color: #f03d45!important ;
    outline: 0!important ;
    box-shadow: 0 0 0 .25rem rgb(240 61 69 / 35%)!important ;
}


#order-details-popup .modal-footer {
    justify-content: space-between!important ;
}


.quantity {
    display: flex!important;
    align-items: center!important;
    border: 1px solid #ccc!important;
    width: 120px!important;
    justify-content: space-between!important;
    border-radius: 5px!important;
    overflow: hidden!important;
}

.quantity button {
    width: 30px!important;
    height: 30px!important;
    border: none!important;
    background: #f5f5f5!important;
    cursor: pointer!important;
    font-size: 18px!important;
    padding: 0px;
    color: red;
}

.quantity input {
    width: 45px!important;
    text-align: center!important;
    border: none!important;
    font-size: 18px!important;
}

.quantity button:hover {
    background: #ddd!important ;
}

.close span {
    font-size: 28px;
    color: white;
}

button.close {
    width: 40px;
    height: 40px;
    background: #222 !important;
    opacity: 1 !important;
    border-radius: 20px;
    position: absolute;
    right: -20px;
    top: -20px;
    padding: 0px !important;
    margin: 0px !important;
}

.form-switch .form-check-input {
    width: 2.5em;
    height: 1.5em;
    background-color: #dee2e6;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    -webkit-appearance: none;
    border-radius: 2em;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

.form-switch .form-check-input::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}

.form-switch .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-switch .form-check-input:checked::before {
    transform: translateX(1em);
}


input#sizeLarge {
    margin-top: -10px;
}

.main-pop-div .start_order{
    background: red !important;
    border-color: red !important;
    margin-top: 20px;
}
.pac-container {
    z-index: 9999;
}