@charset "UTF-8";.noborder-txt:hover, .searchbar .search-txt:hover, .noborder-txt:active, .searchbar .search-txt:active, .noborder-txt:focus, .searchbar .search-txt:focus {box-shadow: none;}.minWidth, .navigation-bar, html, body {min-width: 280px;}.maxWidth {max-width: 992px;}.sliderWidth {max-width: 992px;}.searchWidth {max-width: 575px;}.padding-grid {padding-top: 50px;padding-bottom: 100px;}.padding-grid-2 {padding-top: 5px;padding-bottom: 100px;}.padding-grid-3 {padding-top: 30px;padding-bottom: 100px;}html, body {background-color: var(--main-bg-color);}.white-bg, .order-title, .footer-content .sliderWidth > .row, .footer {background-color: var(--white-color);}.yellow-bg {background-color: #fff3cd;}@font-face {font-family: Roboto;src: url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@900&display=swap');}@font-face {font-family: Roboto;src: url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&display=swap');}.Roboto, .grand-total, .order-list small, .footer-btn, .ordertype-tag, .text-success-, .img-card-front .item-label, .img-card .item-label {font-family: Roboto;}.Roboto, .nav-tabs > li.nav-item > button, .checkbox-outline-primary-, .btn-success-, .btn-primary-, .btn-custom-, .toggle-label, .img-card-front .item-btn, .img-card-disabled .item-btn, .item-price, .item-text, .img-card .item-btn, .navigation-bar-top .navigation-button {font-family: Roboto;}h1, h2, h3, h4, h5, h6 {font-family: Roboto;}.h1, .h2, .h3, .h4, .h5, .h6, small {font-family: Roboto;}h1{font-weight: 900;}.navigation-bar {position: fixed;bottom: 0;z-index: 100;}.navigation-bar .navigation-bar .row:nth-child(2) {background-color: var(--white-color);}.navigation-bar .navigation-upperbar {background-color: transparent;}.navigation-bar .navigation-button {width: 100%;background-color: var(--white-color);display: block;padding-top: 10px;padding-bottom: 10px;text-align: center;}.navigation-bar .navigation-button i {font-size: 16px;color: rgb(0, 0, 0);}.navigation-bar .circle {background-color: transparent;width: 60px;height: 60px;border-radius: 100%;position: relative;z-index: 100;display: flex;margin-left: auto;margin-right: auto;margin-bottom: -30px;}.navigation-bar .circle .circle-button {background-color: var(--primary-color);width: 48px;height: 48px;border-radius: 100%;margin: auto;display: flex;text-decoration: none;background-position: center;transition: background 0.8s;}.navigation-bar .circle .circle-button i {margin: auto;color: rgb(0, 0, 0);}.navigation-bar .circle .circle-button:hover {background: var(--primary-color) radial-gradient(circle, transparent 1%, var(--primary-color) 1%) center/15000%;}.navigation-bar .circle .circle-button:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.navigation-bar .row:nth-child(2) > .col-3:nth-child(2) i {position: relative;left: -10px;}.navigation-bar .row:nth-child(2) > .col-3:nth-child(3) i {position: relative;right: -10px;}.navigation-bar .row:nth-child(2) > .col-3 .active-nav i {color: var(--custom-color);}.navigation-bar-top-outer {position: -webkit-sticky;position: sticky;top: 0;border-bottom: 1px solid rgb(235, 231, 231);z-index: 500;}.navigation-bar-top .navigation-button {width: 100%;background-color: var(--white-color);display: block;text-decoration: none;text-align: center;position: relative;padding-top: 10px;padding-bottom: 10px;color: rgb(108, 117, 125);background-position: center;transition: background 0.8s;}.navigation-bar-top .navigation-button .button-border {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 25px;height: 4px;background-color: transparent;}.navigation-bar-top .navigation-button:hover {background: rgb(255, 255, 255) radial-gradient(circle, transparent 1%, rgb(251, 251, 251) 1%) center/15000%;}.navigation-bar-top .navigation-button:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.navigation-bar-top .navigation-button.btn-active {color: var(--primary-color);}.navigation-bar-top .navigation-button.btn-active .button-border {background-color: var(--primary-color);}.waves-effect {background-position: center;transition: background 0.8s;}.waves-effect:hover {background: rgb(255, 255, 255) radial-gradient(circle, transparent 1%, rgb(251, 251, 251) 1%) center/15000%;}.waves-effect:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.circle-button-2 {background-color: var(--primary-color);padding: 5px 10px;border-radius: 15px;margin: auto;display: flex;text-decoration: none;font-weight: 500;color: #000;background-position: center;transition: background 0.8s;}.circle-button-2:hover {color: #000;}.circle-button-2 i {margin: auto;color: rgb(0, 0, 0);}.circle-button-2:hover {background: var(--primary-color) radial-gradient(circle, transparent 1%, var(--primary-color) 1%) center/15000%;}.circle-button-2:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.circle-button-3 {background-color: var(--primary-color);border-radius: 100%;margin: auto;display: flex;text-decoration: none;font-weight: 500;color: #000;width: 48px;height: 48px;background-position: center;transition: background 0.8s;}.circle-button-3:hover {color: #000;}.circle-button-3 i {margin: auto;color: rgb(0, 0, 0);}.circle-button-3:hover {background: var(--primary-color) radial-gradient(circle, transparent 1%, var(--primary-color) 1%) center/15000%;}.circle-button-3:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.circle-button-4 {background-color: var(--primary-color);padding: 5px 10px;border-radius: 15px;text-decoration: none;font-weight: 500;color: #000;background-position: center;transition: background 0.8s;}.circle-button-4:hover {color: #000;}.circle-button-4 i {margin: auto;color: #000;}.circle-button-4:hover {background: var(--primary-color) radial-gradient(circle, transparent 1%, var(--primary-color) 1%) center/15000%;}.circle-button-4:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.circle-button-4-black {background-color: var(--ordernow-black);padding: 5px 10px;border-radius: 15px;text-decoration: none;font-weight: 500;color: #fff;background-position: center;transition: background 0.8s;}.circle-button-4-black:hover {color: #fff;}.circle-button-4-black i {margin: auto;color: #fff;}.circle-button-4-black:hover {background: #000 radial-gradient(circle, transparent 1%, #000 1%) center/15000%;}.circle-button-4-black:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.circle-button-5 {background-color: var(--red-color);border-radius: 100%;margin: auto;display: flex;text-decoration: none;font-weight: 500;color: #fff;width: 48px;height: 48px;background-position: center;transition: background 0.8s;}.circle-button-5:hover {color: #fff;}.circle-button-5 i {margin: auto;color: rgb(255, 255, 255);}.circle-button-5:hover {background: var(--red-color) radial-gradient(circle, transparent 1%, var(--red-color) 1%) center/15000%;}.circle-button-5:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.editpage-nav-bar {background-color: #fff;border-bottom: 1px solid #ebe7e7;position: -webkit-sticky;position: sticky;top: 0;z-index: 500;}.swiper-pagination span {width: 12px;height: 12px;}.swiper-pagination-bullet-active {width: 12px;height: 12px;background-color: var(--primary-color) !important;}@media (min-width: 48em) {.mySwiper {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}}.profile-pic {width: 100px;height: 100px;border-radius: 100%;border: solid 3px var(--primary-color);overflow: hidden;display: flex;padding: 5px;}.profile-pic img {width: 100%;margin: auto;border-radius: 100%;}.profile-pic-card {width: 150px;height: 150px;border-radius: 100%;border: solid 3px var(--primary-color);overflow: hidden;display: flex;padding: 5px;}.profile-pic-card img {width: 100%;margin: auto;border-radius: 100%;}.card-height {height: 200px;}.card-title {font-weight: 600;color: #000;font-size: 17px;border-bottom: 1px solid #ebe7e7;}.fa-map-marker-alt, .fa-on {color: var(--red-color);}.categories {margin-top: 30px;}.mySwiper-2 .swiper-wrapper .swiper-slide {background-color: var(--custom-color);width: auto;padding: 5px 10px;border-radius: 10px;color: var(--white-color);text-transform: uppercase;text-decoration: none;font-size: 14px;font-weight: bold;}.mySwiper-2 .swiper-wrapper .swiper-slide.active {background-color: var(--primary-color);color: var(--black-color);}.allItems {padding-top: 30px;padding-bottom: 100px;}.img-card {border-radius: 10px;overflow: hidden;box-shadow: 0 5px 20px rgb(202, 200, 200);position: relative;}.img-card .item-btn {background-color: var(--custom-color);width: 100%;text-align: center;text-decoration: none;color: var(--white-color);background-position: center;transition: background 0.8s;}.img-card .item-btn:hover {background: var(--custom-color) radial-gradient(circle, transparent 1%, var(--custom-color) 1%) center/15000%;}.img-card .item-btn:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.img-card .item-label {background-color: var(--red-color);position: absolute;top: 45px;left: 5px;padding: 5px;border-radius: 5px;color: var(--white-color);text-transform: uppercase;font-size: 12px;}.img-card .item-label span {text-decoration: line-through;}.item-text {font-size: 14px;}.item-price {font-size: 14px;color: var(--red-color);}.img-card-disabled img {filter: grayscale(100%) !important;}.img-card-disabled .item-btn {pointer-events: none;background-color: rgb(202, 200, 200);color: rgb(0, 0, 0);text-transform: uppercase;}.img-card-front {border-radius: 10px;overflow: hidden;box-shadow: 0 5px 20px rgb(202, 200, 200);position: relative;}.img-card-front img {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}.img-card-front .item-btn {background-color: var(--custom-color);width: 100%;text-align: center;text-decoration: none;color: var(--white-color);background-position: center;transition: background 0.8s;}.img-card-front .item-btn:hover {background: var(--custom-color) radial-gradient(circle, transparent 1%, var(--custom-color) 1%) center/15000%;}.img-card-front .item-btn:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.img-card-front .item-label {background-color: var(--red-color);position: absolute;top: 5px;left: 5px;padding: 5px;border-radius: 5px;color: var(--white-color);text-transform: uppercase;font-size: 12px;}.img-card-front .item-label span {text-decoration: line-through;}.searchbar {background-color: var(--primary-color) !important;}.searchbar .search-txt {border: none;}.searchbar .search-txt::-moz-placeholder {color: var(--primary-color);}.searchbar .search-txt:-ms-input-placeholder {color: var(--primary-color);}.searchbar .search-txt::placeholder {color: var(--primary-color);}.search-pannel {position: relative;}.search-pannel input {border-radius: 50px;padding-left: 60px;}.search-pannel .search-icon {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: var(--primary-color);}.accordionItem {float: left;display: block;width: 100%;box-sizing: border-box;font-family: "Open-sans", Arial, sans-serif;}.accordionItemHeading {cursor: pointer;margin: 0px 0px 10px 0px;padding: 10px;background: var(--white-color);box-shadow: 0 1px 3px rgb(202, 200, 200);color: var(--black-color);width: 100%;border-radius: 3px;box-sizing: border-box;}.close .accordionItemContent {height: 0px;transition: padding 0.2s ease-out;transform: scaleY(0);float: left;display: block;transition: 0.2;}.open .accordionItemContent {padding: 20px;border: 1px solid var(--white-color);width: 100%;margin: 0px 0px 10px 0px;display: block;background-color: var(--white-color);color: var(--black-color);transform: scaleY(1);transform-origin: top;box-shadow: 0 1px 3px rgb(202, 200, 200);transition: transform 0.2s ease;box-sizing: border-box;}.open .accordionItemHeading {margin: 0px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;background-color: var(--white-color);color: var(--black-color);}.order-item img {border-radius: 10px;width: auto;height: 30px;}.order-item- {background-color: rgb(230, 245, 255);border-radius: 10px;}@media (max-width: 319.98px) {.down-320 {display: none;}}.accordion-label {background-color: var(--red-color);color: var(--white-color);border-radius: 10px;padding-left: 20px;padding-right: 20px;height: 30px;position: relative;}.accordion-label span {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}.toggle-label {width: 100% !important;display: flex;justify-content: center;padding-top: 5px;padding-bottom: 5px;border-radius: 10px;text-decoration: none;}.toggle-label-red {background-color: var(--red-color);color: var(--white-color) !important;background-position: center;transition: background 0.8s;}.toggle-label-red:hover {background: var(--red-color) radial-gradient(circle, transparent 1%, var(--red-color) 1%) center/15000%;}.toggle-label-red:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.toggle-label-blue {background-color: var(--blue-color);color: var(--white-color) !important;background-position: center;transition: background 0.8s;}.toggle-label-blue:hover {background: var(--blue-color) radial-gradient(circle, transparent 1%, var(--blue-color) 1%) center/15000%;}.toggle-label-blue:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.btn-custom- {background-color: var(--custom-color);color: var(--white-color) !important;width: 100% !important;display: flex;justify-content: center;padding-top: 5px;padding-bottom: 5px;border-radius: 10px;text-decoration: none;background-position: center;transition: background 0.8s;}.btn-custom-:hover {background: var(--custom-color) radial-gradient(circle, transparent 1%, var(--custom-color) 1%) center/15000%;}.btn-custom-:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.btn-primary- {background-color: var(--primary-color);color: var(--white-color) !important;width: 100% !important;display: flex;justify-content: center;padding-top: 5px;padding-bottom: 5px;border-radius: 10px;text-decoration: none;background-position: center;transition: background 0.8s;}.btn-primary-:hover {background: var(--primary-color) radial-gradient(circle, transparent 1%, var(--primary-color) 1%) center/15000%;}.btn-primary-:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.btn-success- {background-color: var(--green-color);color: var(--white-color) !important;width: 100% !important;display: flex;justify-content: center;padding-top: 5px;padding-bottom: 5px;border-radius: 10px;text-decoration: none;background-position: center;transition: background 0.8s;}.btn-success-:hover {background: var(--green-color) radial-gradient(circle, transparent 1%, var(--green-color) 1%) center/15000%;}.btn-success-:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.checkbox-outline-primary- {width: 100% !important;display: flex;justify-content: center;padding-top: 5px;padding-bottom: 5px;border-color: var(--custom-color);border-radius: 10px;color: var(--custom-color) !important;text-decoration: none;background-position: center;transition: background 0.8s;}.checkbox-outline-primary-:hover {background: var(--custom-color) radial-gradient(circle, transparent 1%, var(--custom-color) 1%) center/15000%;}.checkbox-outline-primary-:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.checkbox-outline-primary-:focus {box-shadow: none;}.checkbox-outline-primary-:active {box-shadow: none;}.text-success- {color: var(--green-color);}.ordertype-tag {color: var(--white-color);padding: 2px 6px;border-radius: 5px;font-size: 12px;position: relative;top: -2px;}.ordertype-tag-blue {background-color: var(--blue-color);}.ordertype-tag-red {background-color: var(--red-color);}.avatar-upload {position: relative;max-width: 205px;margin: 50px auto;}.avatar-upload .avatar-edit {position: absolute;right: 22px;z-index: 1;top: 10px;}.avatar-upload .avatar-edit input {display: none;}.avatar-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #ffffff;border: 1px solid var(--primary-color);color: var(--primary-color);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}.avatar-upload .avatar-edit input + label:hover {background: #f1f1f1;border-color: #d6d6d6;}.avatar-upload .avatar-edit input + label:after {color: #757575;position: absolute;top: 10px;left: 0;right: 0;text-align: center;margin: auto;text-rendering: auto;-webkit-font-smoothing: antialiased;}.avatar-upload .avatar-preview {width: 192px;height: 192px;border-radius: 100%;position: relative;border: 6px solid var(--primary-color);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);padding: 10px;}.avatar-upload .avatar-preview > div {width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}.avatar-product-upload {position: relative;max-width: 205px;}.avatar-product-upload .avatar-edit input {display: none;}.avatar-product-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #ffffff;border: 1px solid var(--primary-color);color: var(--primary-color);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}.avatar-product-upload .avatar-edit input + label:hover {background: #f1f1f1;border-color: #d6d6d6;}.avatar-product-upload .avatar-edit input + label:after {color: #757575;position: absolute;top: 10px;left: 0;right: 0;text-align: center;margin: auto;text-rendering: auto;-webkit-font-smoothing: antialiased;}.avatar-product-upload .avatar-product-preview {width: 267px;height: 200px;position: relative;border: 3px solid var(--primary-color);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);padding: 10px;}.avatar-product-upload .avatar-product-preview > div {width: 100%;height: 100%;background-size: 100% auto;background-repeat: no-repeat;}.upload__inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}.upload__btn {display: inline-block;font-weight: 600;color: var(--black-color);text-align: center;min-width: 116px;padding: 5px;transition: all 0.3s ease;cursor: pointer;border: 2px solid;background-color: var(--primary-color);border-color: var(--primary-color);border-radius: 10px;line-height: 26px;font-size: 14px;}.upload__btn:hover {background-color: unset;color: var(--primary-color);transition: all 0.3s ease;}.upload__btn-box {margin-bottom: 10px;}.upload__img-wrap {display: flex;flex-wrap: wrap;margin: 0 -10px;}.upload__img-box {width: 141.8px;padding: 0 10px;margin-bottom: 12px;}.upload__img-close {width: 24px;height: 24px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 10px;right: 10px;text-align: center;line-height: 24px;z-index: 1;cursor: pointer;}.upload__img-close:after {content: "✖";font-size: 14px;color: white;}.img-bg {background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;height: 52.5px;}.nav-tabs > li.nav-item > button {border: 2px #fff solid;color: var(--black-color);font-size: 14px;}.nav-tabs > li.nav-item > button:hover {box-shadow: none !important;border: 2px #fff solid;}.nav-tabs > li.nav-item > button.active {background-color: transparent;border: 2px #fff solid;border-bottom: var(--primary-color) solid 2px;color: var(--primary-color);}.nav-tabs > li.nav-item > button.active:hover {box-shadow: none;border: 2px #fff solid;border-bottom: var(--primary-color) solid 2px;}.image-btn > label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #ffffff;border: 1px solid var(--primary-color);color: var(--primary-color);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}.image-btn > label:hover {background: #f1f1f1;border-color: #d6d6d6;}.image-btn > label:after {color: #757575;position: absolute;top: 10px;left: 0;right: 0;text-align: center;margin: auto;text-rendering: auto;-webkit-font-smoothing: antialiased;}.item-delete-button {position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: var(--white-color);font-size: 20px;height: 100%;background-position: center;transition: background 0.8s;}.item-delete-button i {color: var(--red-color);}.item-delete-button a {text-decoration: none;}.item-delete-button:hover {background: transparent radial-gradient(circle, transparent 1%, transparent 1%) center/15000%;}.item-delete-button:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.customcheck {display: block;position: relative;padding-left: 35px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.customcheck input {position: absolute;opacity: 0;cursor: pointer;}.checkmark {position: absolute;top: 2px;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 5px;border-color: #000;}.customcheck input ~ .checkmark {border: 1px solid #ced4da;}.customcheck:hover input ~ .checkmark {background-color: #ccc;border: 1px solid #ced4da;}.customcheck input:checked ~ .checkmark {background-color: var(--primary-color);border-radius: 5px;border: 1px solid #ced4da;}.checkmark:after {content: "";position: absolute;display: none;}.customcheck input:checked ~ .checkmark:after {display: block;}.customcheck .checkmark:after {left: 7px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);}.form-control:focus, .form-select:focus {box-shadow: none;outline: 0;border-color: var(--primary-color);}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;}.qty {text-align: center;}.btn:focus {box-shadow: none;outline: 0;}.btn-primary-square {background-color: var(--primary-color);position: relative;height: 40px;font-weight: 500;background-position: center;transition: background 0.8s;color: #000;}.btn-primary-square:hover {background: var(--primary-color) radial-gradient(circle, transparent 1%, var(--primary-color) 1%) center/15000%;}.btn-primary-square:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.btn-primary-square:hover {color: #000;}.btn-primary-square-black {background-color: var(--ordernow-black);position: relative;height: 40px;font-weight: 500;background-position: center;transition: background 0.8s;color: #fff;}.btn-primary-square-black:hover {background: #000 radial-gradient(circle, transparent 1%, #000 1%) center/15000%;}.btn-primary-square-black:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.btn-primary-square-black:hover {color: #fff;}.btn-primary-square-red{color: var(--red-color) !important;border-color: var(--red-color) !important;}.btn-primary-square-red:hover{background-color: var(--red-color) !important;color: var(--white-color) !important;}.btn-primary-square-red:active {background-color: var(--red-color) !important;background-size: 100%;transition: background 0s;}.btn-primary-square-black-border {border: solid 1px #000;font-weight: 500;transition: background 0.8s;color: #000;}.btn-primary-square-black-border:hover {background: var(--ordernow-black);} .btn-primary-square-black-border:active {background-color: rgb(202, 200, 200);background-size: 100%;transition: background 0s;}.btn-primary-square-black-border:hover {color: #fff;}.form-control-number {height: 40px;border-color: var(--ordernow-black) !important;background-color: #000 !important;font-size: 25px;color: #fff !important;}.form-control-number-border {border-color: #000 !important;background-color: #fff !important;font-size: 19px;color: #000 !important;}.btn-primary-square-black span {font-size: 35px;margin-bottom: 0;position: relative;top: -16px;}.btn-primary-square-black-border span {font-size: 25px;}@media (min-width: 36em){.button-pannel{width:150px;}.container-pannel{padding-right: calc(188px);}}@media (max-width: 35.99em){.button-pannel{width:100px;}.container-pannel{padding-right: calc(115px);}}.button-board{position: absolute;right: 0;background-color: #fff;top: 50%;transform: translateY(-50%);height: 100%;}.btn-primary-square span {font-size: 35px;position: relative;top: -6px;}.footer {border-top: 1px solid rgb(235, 231, 231);}.footer-content {border-bottom: 1px solid rgb(235, 231, 231);position: absolute;bottom: 100%;width: 100%;}.footer-content .sliderWidth > .row {height: 65vh;overflow-y: auto;border-top-left-radius: 15px;border-top-right-radius: 15px;border-top: 1px solid rgb(235, 231, 231);}.footer-btn {color: #1B1B1B;text-decoration: none;padding: 15px 0px;}.footer-btn:hover {color: var(--red-color);}.ordernow-btn {background-color: var(--custom-color);width: auto;padding: 5px 10px;border-radius: 10px;color: var(--white-color);text-transform: uppercase;text-decoration: none;font-size: 15px;}.order-title {position: -webkit-sticky;position: sticky;top: 0;z-index: 100;border-bottom: 1px solid rgb(235, 231, 231);}.order-close-btn {width: 50px;height: 5px;background-color: rgb(226, 222, 222);position: absolute;left: 50%;transform: translateX(-50%);margin-top: -5px;}.order-list {font-size: 16px;}.order-list small {color: var(--red-color);}.grand-total {color: var(--red-color);}.modal-bottom {position: absolute;bottom: 0;width: 100vw;max-width: none;margin: 0;}.modal-content-bottom-border {border-bottom-left-radius: 0;border-bottom-right-radius: 0;border: 0;}.modal-close-btn {position: absolute;right: 20px;top: 30px;}

 @media (min-width: 62em) {.col-bar #searchBar {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: #fff;z-index: 100;}.col-last {width: 50px;height: 100%;}.col-last a {height: 100%;}.col-last i {color: var(--custom-color) !important;}}@media (max-width: 61.99em) {.col-bar {padding-right: 50px;}.col-bar #searchBar {width: calc(100% - 50px);position: absolute;top: 0;right: 50px;height: 100%;background-color: #fff;z-index: 100;}.col-last {position: absolute;right: 0px;width: 50px;z-index: 100;background-color: var(--custom-color);}.col-last a {height: 100%;}}.col-last a {text-decoration: none;}.btn-block, .btn-block:hover, .btn-block:focus {background-color: var(--custom-color);color: #fff;font-weight: bold;display: block;border-radius: 5px;text-align: center;text-decoration: none;padding: 5px 0;margin-top: 10px;}.list-row {background-color: #fff;margin: 0 5px;padding: 15px 0;border-radius: 8px;}.list-row-off-border {border: solid 1px rgba(0, 0, 0, 0.2);overflow: hidden;}.list-item-img{width: 150px;height: 150px;background-size: cover !important;background-position: center !important;}.off-status {background-color: var(--red-color);color: #fff;position: absolute;top: -25px;right: 10px;padding: 2px 5px;font-size: 12px;font-weight: bold;border-radius: 5px;}.off-status span {text-decoration: line-through;}.square-btn,.square-btn-2, .back-btn {text-decoration: none;display: block;background: #fff;padding: 2px 6px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 5px;}.square-btn{position: absolute;top: -185px;}.square-btn-2{position: absolute;top: -150px;}.square-btn i,.square-btn-2 i, .back-btn i {color: var(--custom-color);}#item-description {margin-top: 20px;border-top: 1px solid #ccc;padding: 10px;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 300;}.order-bg {background-color: var(--red-blur);font-weight: bold;}.modal-jumbotron {background-color: #F7F7F7;}.modal-jumbotron:not(.collapsed) {background-color: var(--blue-blur);}.modal-jumbotron.collapsed {background-color: #F7F7F7;}@media (max-width: 35.99em) {.modal-jumbotron {font-size: 10px !important;}.position-title, .position-description {font-size: 12px !important;}}@media (max-width: 335px) {.modal-jumbotron {font-size: 8px !important;}.position-title, .position-description {font-size: 10px !important;}}.circle-step {width: 15px;height: 15px;border-radius: 100%;}.progress-height-1 {position: absolute;top: 59px;left: 19px;height: 82px;width: 2px;}.swiper-wrapper {max-height: 350px;}body {background-image: url("https://cdn.ordernowqr.com/assets/images/menu-bg-70.png");background-repeat: repeat;position: relative;}#qtyModal .modal-content {border-radius: 20px !important;}#qtyModal .modal-header {border-radius: 20px 20px 0 0;}body {letter-spacing: 1px;font-family: "Open Sans", sans-serif;web-safe font */font-size: 16px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}#two {background-color: rgba(255, 255, 255, 0.8) !important;}@media only screen and (min-width: 768px) {.menu-img {height: 250px;object-fit: cover;width: 350px;}}.container-profile-details {margin-top: -108px;z-index: 100;position: absolute;background-color: rgba(255, 255, 255, 0.8);width: 100%;}.profile-pic {border: none;}.mySwiper-2 .swiper-wrapper .swiper-slide {background-color: var(--ordernow-black);padding: 10px 25px;letter-spacing: 2px;border-radius: 0.75rem;}.mySwiper-2 .swiper-wrapper .swiper-slide.active {background-color: var(--ordernow-primary);color: #fff;}.sliderWidth {max-width: 100%;}.item-box-header {background-color: var(--ordernow-black);color: #fff;letter-spacing: 2px;}.col-last i, .fa-map-marker-alt {color: var(--ordernow-black);}.add-item-modal-header {height: 40vh;background-position: center center!important;background-size: cover !important;}.circle-button-4-black {padding: 12px;border-radius: 5px;}#item-name {position: relative;top: -50px;text-align: center;width: 100%;background-color: rgba(0, 0, 0, 0.5);padding: 10px;font-family: 'Open Sans';margin-bottom: -56px;}.add-item-modal-header .btn-close {top: 20px;right: 20px;position: absolute;background-color: rgba(255, 255, 255, 0.3);}.btn-preparing {bottom: 12px;position: relative;border: 1px solid rgba(0, 0, 0, 0.2);height: 45px;width: 62px !important;display: block;background: #fff;border-radius: 10px;}#btn-preparing {position: absolute;height: 80px;width: 80px;bottom: 1px;left: -10px;filter: hue-rotate(70deg) saturate(7);}.menu-img {height: 200px;object-fit: cover;}.footer {height: 55px;background-color: rgba(243, 243, 243) }.complete-order-btn-pannel {position: relative;right: 0;transform: translateY(-50%);top: 15px;}.complete-order-btn div {border: 1px solid rgba(0, 0, 0, 0.2);padding: 8px 4px;min-width: 100px;position: relative;border-radius: 15px;text-align: center;background: #fff;bottom: 4px;min-width: 200px;}.complete-order-btn div:after {border: 1px solid var(--custom-color);border-radius: 15px;content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;animation-name: blink;animation-duration: 1.3s;animation-iteration-count: infinite;animation-direction: alternate-reverse;// animation-timing-function: cubic-bezier(1, 0, 0, 1);animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}@-webkit-keyframes blink {0% {transform: scale3d(1, 1, 1);opacity: 0.8;}100% {transform: scale3d(1.1, 1.4, 1.1);opacity: 0;}}@keyframes blink {0% {transform: scale3d(1, 1, 1);opacity: 0.6;}100% {transform: scale3d(1.1, 1.4, 1.1);opacity: 0;}}.order-btn-mini-text {position: absolute;top: 3px;left: 20px;font-size: 10px;}.order-btn-value {position: relative;left: 0px;padding: 10px;}.my-orders-btn {position: relative;text-decoration: none;color: var(--custom-color);background: #fff;padding: 2px 6px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 5px;}.my-orders-btn:hover {color: var(--custom-color);}.btn-primary-square-black-border, .form-control-number-border, .btn-primary-square-red {border: solid 1px rgba(0, 0, 0, 0.1) !important;}