:root {
--theme-bg: #006838;
--text-color: #484848;
--black-color: #000;
--white-bg: #fff;
--white-color: #fff;
--primary-border: #f1f1f1;
--secondary-border: #ebebed;
--secondary-bg: #f7f6fb;
--primary-boxshadow: #d1d1d1;
--section-title: #858282;
--gray-text: #7d7d7d;
}

* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
/* background:#e8eaec; */
background: var(--white-bg);
overflow-x: hidden;
/*font-family: 'Montserrat', sans-serif!important;*/
/* font-family: 'Lato', sans-serif!important; */
}

body,
input,
select,
textarea,
button,
.ui-btn {
font-family: 'Poppins', sans-serif;
}

h1,
h2 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}

h3,
h4 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}

h5,
h6 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}

.overlay-fade {
position: absolute;
z-index: 1;
width: 100%;
height: 100px;
max-width: 395px;
background-color: #000;
opacity: .8;
display: none;
overflow: hidden;
left: 0;
right: 0;
margin: 0 auto;
height: 100vh;
}

button {
position: relative;
cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input:focus {
outline: 0;
border: 0;
}

div,
body,
h1,
h2,
h3,
h5,
h6,
span,
form,
input,
p,
a,
nav,
header,
footer,
section,
aside,
article,
figure {
margin: 0;
padding: 0;
text-decoration: none;
}

a img,
img {
border: 0;
outline: 0;
}

a,
.active,
:after,
:visited,
:focus a:focus,
a:hover {
outline: 0 !important;
border: 0;
text-decoration: none;
background-color: unset;
-webkit-tap-highlight-color: transparent;
}

iframe {
width: 100%;
}

.img-fluid {
width: 100%;
height: auto;
}

input:disabled {
background-color: #f5f5f5 !important;
}

strong {
font-weight: 600;
}

.container {
position: relative;
/*padding: 0 15px;*/
padding: 0 10px;
}

.wrapper {
max-width: 414px;
width: 100%;
margin: 0 auto;
padding: 30px 0;
box-sizing: border-box;
}

/***** Home Css Is Here *****/

.logouttrigger {
margin-left: 10px;
}

.logouttrigger a {
color: var(--white-color);
font-size: 14px;
width: 30px;
height: 30px;
background: var(--theme-bg);
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
/*font-weight: 600;*/
}

.account_summary {
position: relative;
min-width: 50px;
margin-left: 5px;
line-height: 0;
display: flex;
align-items: center;
}

.wallet_icon {
margin-right: 6px;
position: relative;
}

.wallet_icon i {
color: var(--theme-bg);
font-size: 18px;
}

.account_summary span {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
}

.wallet_info i.fa-wallet {
color: #69471b;
}

.account_summary p {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--text-color);
}

.account_summary p strong {
margin-right: 5px;
}

.restaurants_information {
position: relative;
width: 100%;
background: var(--white-bg);
text-align: center;
padding: 15px 0 15px;
box-shadow: 0px 3px 2px 1px var(--primary-border);
margin-bottom: 15px;
}

.restaurants_information h1 {
font-size: 21px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--text-color);
/*margin-bottom:10px;*/
}

.restaurants_information ul {
list-style: none;
margin: 0 0 10px;
padding: 0;
font-size: 0;
}

.restaurants_information ul li {
display: inline-block;
position: relative;
font-size: 10px;
/*font-weight: 500;*/
color: var(--text-color);
margin: 0 5px;
}

.restaurants_information ul li:before {
content: '.';
position: absolute;
right: -7px;
top: 1px;
font-size: 20px;
line-height: 0;
}

.restaurants_information ul li:last-child:before {
display: none;
}

.review_box {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}

.review_box span {
background: var(--theme-bg);
color: var(--white-color);
font-size: 12px;
padding: 3px 6px;
border-radius: 5px;
/*font-weight: 600;*/
margin-right: 10px;
display: flex;
align-items: center;
}

.review_box span i {
font-size: 8px;
margin: -1px 0 0 4px;
}

.review_box a {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
border-bottom: 1px dashed var(--text-color);
}

.order_time_box {
position: relative;
background: var(--secondary-bg);
border-radius: 50px;
font-size: 12px;
padding: 5px 15px;
display: inline-block;
letter-spacing: normal;
/*font-weight: 500;*/
}

.order_time_box i {
color: var(--theme-bg);
margin-right: 2px;
}

.offer_slider_box {
position: relative;
width: 100%;
}

.offer_slider_innercontent {
position: relative;
background: var(--white-bg);
border-radius: 5px;
display: flex;
align-items: center;
}

.offer_slider_box {
position: relative;
width: 100%;
height: 50px;
min-width: 50px;
}

.offer_slider_box .slider-single {
width: 50px;
height: 50px;
float: left;
}

.offer_slider_box .offer_slider_img {
border-radius: 5px 0 0 5px;
height: 50px;
width: 50px;
}

.offer_slider_box .offer_slider_img img {
border-radius: 5px 0 0 5px;
height: 50px;
width: 50px;
}

.offer_slider_box .slider-nav {
width: calc(100% - 50px);
float: left;
padding: 12px 10px;
height: 50px;
}

.offer_slider_content {
height: 50px;
position: relative;

}

.offer_slider_content h4 {
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 700;*/
color: var(--text-color);
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.offer_slider_content p {
font-size: 8px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
color: var(--text-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.offer_slider_pagination {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
}

.offer_slider_pagination span {
font-size: 12px;
/*font-weight: 600;*/
letter-spacing: normal;
color: var(--text-color);
font-variant: tabular-nums;
}

.collection_choice_box {
position: relative;
margin-top: 15px;
}

.collection_choice_box.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9;
margin-top: 0;
background: var(--white-bg);
padding: 12px 0;
box-shadow: 0px 1px 10px 0px var(--primary-boxshadow);
}

.collection_choice_box span {
position: absolute;
padding: 4px 5px;
background-color: var(--white-bg);
border-radius: 4px;
border: 1px solid var(--secondary-border);
font-size: 10px;
/*font-weight: 700;*/
line-height: normal;
letter-spacing: normal;
color: #2b2f32;
right: 0;
top: 0;
z-index: 2;
box-shadow: 0px 0px 4px 1px #e9e9e9;
display: flex;
align-items: center;
}

.collection_choice_box span img {
width: 12px;
margin-right: 4px;
}

.collection_choice_box .collection_wrapper {
overflow-x: hidden;
white-space: nowrap;
margin-right: 45px;
}

/* width */
.collection_choice_box .collection_wrapper::-webkit-scrollbar {
width: 0;
height: 0;
}

/* Track */
.collection_choice_box .collection_wrapper::-webkit-scrollbar-track {
background: transparent;
}

/* Handle */
.collection_choice_box .collection_wrapper::-webkit-scrollbar-thumb {
background: transparent;
}

/* Handle on hover */
.collection_choice_box .collection_wrapper::-webkit-scrollbar-thumb:hover {
background: transparent;
}

.collection_choice_box .collection_list {
position: relative;
font-size: 0;
/* padding: 0 6px; */
}

.collection_choice_box .list-item {
display: inline-block;
margin-right: 10px;
padding: 8px 10px;
background-color: var(--white-bg);
border-radius: 8px;
border: 1px solid var(--secondary-border);
font-size: 11px;
/*font-weight: 700;*/
line-height: normal;
letter-spacing: normal;
color: #333333;
}

.collection_choice_box .list-item i {
display: none;
}

.collection_choice_box .list-item.active_cat {
border: 1px solid #d3c3bd;
background: #fff6f7;
}

.collection_choice_box .list-item.active_cat i {
display: block;
margin-left: 5px;
}

.collection_choice_box .list-item .cicon {
display: flex;
align-items: center;
}

.collection_choice_box .list-item .cicon img {
width: 12px;
margin-right: 4px;
height: 12px;
}

.item_grid_parent {
position: relative;
width: 100%;
margin-top: 15px;
}

.item_grid_accordion {
position: relative;
width: 100%;
background: var(--white-bg);
margin-bottom: 15px;
border-radius: 5px;
}

.item_grid_accordion .accordion_header {
width: 100%;
background: transparent;
border: none;
outline: none;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
line-height: normal;
color: var(--black-color)000;
font-weight: 600;
padding: 10px 10px;
}

.accordion_content {
position: relative;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}

.accordion_content ul {
list-style: none;
margin: 0;
padding: 0;
}

.accordion_content ul li {
position: relative;
border-bottom: 1px dashed #e8e8e8;
display: flex;
padding: 20px 0 14px;
justify-content: space-between;
}

.accordion_content ul li:first-child {
padding: 10 0 20px;
}

.accordion_content ul li:last-child {
border-bottom: 0 dashed #e8e8e8;
}

.accordion_content ul li .accordion_left_part {
position: relative;
padding-right: 20px;
}

.accordion_content ul li .accordion_left_part .best_seller {
margin-bottom: 8px;
display: flex;
align-items: center;
}

.accordion_content ul li .accordion_left_part .best_seller img {
max-width: 15px;
width: 100%;
}

.accordion_content ul li .accordion_left_part .best_seller .best_seller_btn {
background: #dda60b;
display: inline-block;
font-size: 10px;
/*font-weight: 700;*/
color: var(--white-color);
padding: 3px 5px;
border-radius: 3px;
margin-left: 5px;
display: none;
}

.accordion_content ul li .accordion_left_part h3 {
font-size: 14px;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--text-color);
margin-bottom: 4%;
}

.ratingbox {
display: flex;
align-items: center;
margin-bottom: 10px;
}

.rating_star {
display: flex;
align-items: center;
background: #fff8d7;
border-radius: 5px;
padding: 5px 4px;
border: 1px solid #fff4c6;
}

.rating_star i {
color: #f1c818;
font-size: 8px;
margin: 0 1px;
}

.total_rating {
font-size: 12px;
line-height: normal;
/*font-weight: 600;*/
margin-left: 5px;
color: var(--text-color);
}

.accordion_left_part h4 {
font-size: 14px;
line-height: normal;
/*font-weight: 700;*/
color: var(--text-color);
letter-spacing: normal;
margin-bottom: 8px;
}

.accordion_left_part p {
font-size: 11px;
font-weight: 400;
color: #969696;
line-height: 15px;
letter-spacing: normal;
}

.accordion_content ul li .accordion_right_part {
max-width: 136px;
width: 100%;
}

.accordion_content ul li .accordion_right_part .accordion_list_img {
position: relative;
text-align: center;
margin-bottom: 15px;
}

.accordion_content ul li .accordion_right_part .accordion_list_img img {
max-width: 125px;
min-width: 125px;
width: 100%;
height: 125px;
border-radius: 10px;
object-fit: cover;
/*border: 1px solid #adadad;*/
}

.accordion_content ul li .accordion_list_img .add_btn_box {
max-width: 96px;
width: 100%;
margin: 0 auto;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
}

.accordion_content ul li .accordion_list_img .add_btn_box>a {
font-size: 14px;
line-height: normal;
font-weight: 700;
color: var(--theme-bg);
background: #ddf5ef;
padding: 5px 32px;
border-radius: 5px;
border: 1px solid var(--theme-bg);
display: flex;
align-items: center;
}

.accordion_right_part .add_btn_box .add-item i,
.accordion_content ul li .accordion_list_img>.add_btn_box>a>i {
position: absolute;
top: 5px;
right: 5px;
font-size: 10px;
}

.accordion_list_img .item_counter_box {
max-width: 78px;
width: 100%;
margin: 0 auto;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
display: none;
}

.accordion_list_img .counter {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
padding: 6px 4px;
margin: 0 auto;
background: var(--theme-bg);
z-index: 9;
}

.accordion_list_img .counter input {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--white-color);
border: none;
outline: none;
width: 36px;
padding: 0;
text-align: center;
background: transparent;
}

.accordion_list_img .counter a {
color: var(--white-color);
font-size: 12px;
}

.accordion_content ul li .accordion_right_part span {
font-size: 11px;
line-height: normal;
/*font-weight: 400;*/
color: #b3b1b1;
letter-spacing: normal;
display: block;
text-align: center;
/*margin-top: 15px;*/
}

.booking_button_parent {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 998;
background: var(--white-bg);
padding: 15px 0 15px;
box-shadow: 0px 0px 4px #a3a3a3;
width: 100%;
max-width: 395px;
margin: 0 auto;
display: none;
}

.booking_button_innercontent {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}

.items_added_box {
display: flex;
align-items: center;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--black-color);
margin-left: 10px;
cursor: pointer;
}

.items_added_box img {
max-width: 20px;
width: 100%;
margin-right: 5px;
}

.items_added_box span {
display: flex;
margin-left: 5px;
align-items: center;
position: relative;
}

.items_added_box span i {
line-height: .3;
margin-left: 5px;
color: var(--theme-bg);
margin-top: 0;
position: absolute;
right: -12px;
top: 4px;
}

.booking_button_innercontent.arrow_rotate .items_added_box span i {
rotate: 180deg;
top: 10px;
}

.booking_button_innercontent a {
font-size: 14px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 10px 25px;
border-radius: 5px;
text-transform: uppercase;
margin-right: 10px;
}

.menu_hamburger_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 70%);
z-index: 9;
display: none;
opacity: 0;
transition: all .3s;
}

.menu_hamburger_overlay.active_layer {
display: block;
opacity: 1;
transition: all .3s;
}

.menu_hamburger_inner {
position: fixed;
bottom: 35px;
left: 0;
right: 0;
text-align: center;
z-index: 998;
width: 78px;
margin: 0 auto;
}

.menu_hamburger_inner>a {
background: var(--black-color);
padding: 8px 10px;
border-radius: 5px;
color: var(--white-color);
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
}

.menu_hamburger_inner.active-mini-cart {
z-index: 9;
}

.order_btn_active .menu_hamburger_inner {
bottom: 90px;
}

.hamburger_submenulist {
max-width: 300px;
width: 100%;
background: var(--white-bg);
margin: 0 auto;
position: absolute;
bottom: 38px;
left: 0;
right: 0;
transition: all .3s;
opacity: 0;
scale: 0;
display: none;
}

.hamburger_submenulist.active_list {
border-radius: 15px;
transition: all .3s;
opacity: 1;
scale: 1;
display: block;
overflow: hidden;
position: absolute;
max-width: 360px;
width: 360px;
left: 50%;
margin-left: -180px;
/* Half of the width */

}

.hamburger_submenulist h4 {
color: var(--text-color);
font-size: 16px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 700;*/
text-align: left;
padding: 8px 15px;
}

.submenu_innerlist {
position: relative;
width: 100%;
}

.submenu_innerlist ul {
list-style: none;
margin: 0;
padding: 0 0 6px;
overflow-x: auto;
height: 240px;
}

/* width */
.submenu_innerlist ul::-webkit-scrollbar {
width: 2px;
}

/* Track */
.submenu_innerlist ul::-webkit-scrollbar-track {
background: var(--primary-border);
}

/* Handle */
.submenu_innerlist ul::-webkit-scrollbar-thumb {
background: #888;
}

.submenu_innerlist ul li {
position: relative;
text-align: left;
padding: 6px 15px;
display: flex;
align-items: center;
justify-content: space-between;
}

.submenu_innerlist ul li span {
font-size: 14px;
/*font-weight: 500;*/
line-height: normal;
letter-spacing: normal;
color: var(--text-color);
}

.submenu_innerlist ul li.active span {
color: var(--theme-bg);
font-weight: 700;
}

.saved_address_details {
position: relative;
width: 100%;
padding: 10px 15px 10px;
box-sizing: border-box;
}

.saved_address_details a {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--theme-bg);
}

.saved_address_details ul {
list-style: none;
margin: 0;
padding: 0;
}

.saved_address_details ul li {
position: relative;
margin-bottom: 0;
border-bottom: 1px dashed var(--primary-border);
padding: 7px 0;
}

.saved_address_details ul li:last-child {
margin-bottom: 0;
border-bottom: 0 dashed var(--primary-border);
}

.saved_address_details ul li .save_details_box {
display: flex;
align-items: center;
justify-content: space-between;
}

.saved_address_details ul li .save_details_box .address_item {
display: flex;
align-items: start;
width: 100%;
}

.saved_address_details ul li .save_details_box .address_item input[type="radio"] {
accent-color: var(--theme-bg);
margin-top: 3px;
}

.saved_address_details ul li .save_details_box .address_item .plan-details {
position: relative;
width: 100%;
margin-left: 8px;
font-size: 0;
}

.saved_address_details ul li .save_details_box .address_item .plan-details h5 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--text-color);
}

.saved_address_details ul li .save_details_box .address_item .plan-details span {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
margin-bottom: 2px;
}

.saved_address_details ul li .save_details_box .address_item .plan-details p {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: #969696;
}

.saved_address_details ul li .save_details_box .remove_detail {
position: relative;
margin-left: 10px;
display: flex;
align-items: center;
}

.saved_address_details ul li .save_details_box .remove_detail a {
color: var(--theme-bg);
width: 15px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
}

.min-cart-box.full_height_map {
max-height: initial;
height: 91%;
}

.min-cart-box {
max-height: 280px;
overflow: hidden;
position: fixed;
bottom: 70px;
left: 0;
right: 0;
width: 100%;
background: var(--white-bg);
z-index: 99;
box-shadow: 0px -2px 2px 1px #333333;
border-radius: 10px 10px 0 0;
overflow-y: scroll;
display: none;
max-width: 395px;
margin: 0 auto;
}

/* width */
.your_order_parent::-webkit-scrollbar {
width: 2px;
}

/* Track */
.your_order_parent::-webkit-scrollbar-track {
background: var(--primary-border);
}

/* Handle */
.your_order_parent::-webkit-scrollbar-thumb {
background: #888;
}

.min-cart-box.active-mini {
display: block !important;
text-align: center;
}

.min-cart-box .your_order_parent {
margin: 0;
text-align: left;
max-height: 265px;
overflow-y: scroll;
}

.alert_parent {
position: fixed;
bottom: 18px;
left: 0;
right: 0;
z-index: 99999;
transform: translateY(100px);
transition: all 0.3s;
}

.alert_parent.active_item {
transform: translateY(0px);
transition: all 0.3s;
}

.alert_parent_inner {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
background: var(--black-color);
padding: 15px 15px 15px;
border-radius: 5px;
box-sizing: border-box;
max-width: 360px;
margin: 0 auto;
}

.alert_parent_inner span {
font-size: 12px;
font-weight: 500;
letter-spacing: normal;
color: var(--white-color);
}

.alert_parent_inner a {
font-size: 10px;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--white-color);
margin-left: 15px;
}



















/****** Promo Page CSS *******/

.promo_header {
position: relative;
width: 100%;
border-bottom: 1px solid var(--primary-border);
padding: 20px 0 20px;
}

.promo_header_inner {
position: relative;
width: 100%;
}

.promo_header_inner a {
font-size: 16px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--black-color)000;
}

.get_promo_box {
position: relative;
width: 100%;
padding: 25px 0 20px;
}

.get_promo_innercontent {
position: relative;
width: 100%;
}

.get_promo_innercontent p {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--black-color)000;
margin-bottom: 10px;
}

.get_promo_innercontent form {
margin: 0;
padding: 0;
position: relative;
}

.get_promo_innercontent form input {
font-size: 16px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--black-color)000;
width: 100%;
padding: 15px 60px 15px 15px;
display: block;
box-sizing: border-box;
/*font-family: 'Montserrat', sans-serif;*/
border: 1px solid #e1e1e1;
outline: none;
}

.get_promo_innercontent form button {
position: absolute;
top: 5px;
right: 5px;
width: 40px;
height: 40px;
border: none;
background: var(--theme-bg);
color: var(--white-color);
font-size: 20px;
outline: none;
}

.offer_applicable_parent {
position: relative;
width: 100%;
padding: 15px 0 30px;
}

.offer_applicable_inner {
position: relative;
margin: 0 auto;
}

.offer_applicable_inner h4 {
font-size: 16px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: #231f20;
margin-bottom: 15px;
}

.offer_applicable_inner ul {
list-style: none;
margin: 0;
padding: 0;
}

.offer_applicable_inner ul li {
position: relative;
margin-bottom: 25px;
}

.offer_applicable_inner ul li:last-child {
margin-bottom: 0;
}

.offer_applicable_box {
position: relative;
width: 100%;
border: 1px solid #f3f3f3;
padding: 10px;
box-sizing: border-box;
}

.offer_applicable_box p {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: #231f20;
}

.applycode_strip_box {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid var(--primary-border);
margin-bottom: 10px;
}

.applycode_img_text {
display: flex;
align-items: center;
font-size: 16px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: #231f20;
}

.applycode_img_text img {
max-width: 40px;
width: 100%;
margin-right: 10px;
}

.applycode_strip_box a {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--theme-bg);
padding: 0 6px;
border-left: 1px solid #c9c9c9;
}

.offer_terms_condition {
position: relative;
width: 100%;
background: #f8f8f8;
padding: 15px 15px;
box-sizing: border-box;
}

.offer_terms_topstrip {
display: flex;
align-items: center;
justify-content: space-between;
}

.offer_terms_topstrip p {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: #231f20;
}

.offer_terms_topstrip a {
min-width: 100px;
margin-left: 15px;
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--theme-bg);
}

.offer_terms_text {
position: relative;
width: 100%;
margin-top: 10px;
display: none;
}

.offer_terms_text ul {
list-style: none;
margin: 0;
padding: 0;
}

.offer_terms_text ul li {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: #231f20;
margin-bottom: 4px;
padding-left: 10px;
}

.offer_terms_text ul li:before {
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #231f20;
position: absolute;
left: 0;
top: 5px;
line-height: 0;
}

.offer_terms_text p {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: #231f20;
margin-bottom: 10px;
}

.offer_terms_text ul li:last-child,
.offer_terms_text p:last-child {
margin-bottom: 0;
}

/***** Login Css Is Here *****/

.login_banner {
position: relative;
width: 100%;
}

.login_form_parent {
position: relative;
padding: 25px 0;
}

.login_innercontent {
position: relative;
width: 100%;
}

.login_innercontent form {
margin: 0;
padding: 0;
position: relative;
}

.login_process_box {
position: relative;
}

.login_form_parent h1 {
text-align: center;
font-size: 18px;
line-height: normal;
letter-spacing: normal;
color: var(--black-color);
/*font-weight: 700;*/
margin-bottom: 15px;
padding: 0 25px;
}

.tag_line_divider {
position: relative;
width: 100%;
text-align: center;
}

.tag_line_divider:before {
content: '';
position: absolute;
top: 15px;
left: 0;
width: 100%;
height: 1px;
background: #b7b7b7;
}

.tag_line_divider span {
font-size: 10px;
line-height: normal;
/*font-weight: 500;*/
color: var(--text-color);
letter-spacing: normal;
display: inline-block;
background: var(--white-bg);
padding: 0 5px;
position: relative;
}

.login_form {
position: relative;
margin: 15px auto 0;
}

.login_form .input_group {
position: relative;
}

.login_form .country_code {
position: absolute;
top: 17px;
left: 15px;
font-size: 14px;
display: flex;
align-items: center;
/*font-weight: 600;*/
color: var(--text-color);
border-right: 1px solid #dfdfdf;
line-height: 0;
padding-right: 6px;
}

.login_form .country_code img {
max-width: 18px;
margin-right: 5px;
}

.login_form .input_group input[type="tel"] {
font-size: 14px;
line-height: normal;
/*font-weight: 500;*/
color: var(--black-color);
letter-spacing: normal;
background: var(--white-bg);
padding: 12px 15px 12px 72px;
border: 1px solid #efefef;
width: 100%;
box-sizing: border-box;
border-radius: 5px;
font-family: inherit;
}

.login_form .input_group input[type="tel"]::-webkit-outer-spin-button,
.login_form .input_group input[type="tel"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
.login_form .input_group input[type="tel"][type=tel] {
-moz-appearance: textfield;
}

.login_innercontent button[type="submit"],
.login_innercontent button[type="button"] {
font-size: 14px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
letter-spacing: normal;
background: var(--theme-bg);
border: none;
outline: none;
width: 100%;
padding: 12px 15px;
border-radius: 5px;
font-family: inherit;
margin-top: 15px;
}

.login_by_social {
position: relative;
width: 100%;
margin-top: 20px;
}

.login_by_social ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

.login_by_social ul li {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 3px;
}

.login_by_social ul li a {
max-width: 40px;
width: 100%;
height: 40px;
border: 1px solid #efefef;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}

.login_by_social ul li a img {
max-width: 20px;
width: 100%;
margin: 0 auto;
}

.otp_verification_box {
position: relative;
width: 100%;
padding: 15px 0;
text-align: center;
}

.otp_verification_box p {
font-size: 12px;
line-height: 18px;
/*font-weight: 500;*/
color: var(--text-color);
letter-spacing: normal;
text-align: center;
}

.verfication_code_group {
width: 100%;
position: relative;
display: flex;
align-items: center;
margin-top: 15px;
box-sizing: content-box;
justify-content: center;
}

.verfication_code_group input {
outline: none;
width: 25px;
height: 25px;
border: 1px solid #efefef;
padding: 5px;
font-size: 14px;
color: var(--text-color);
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
border-radius: 3px;
margin-right: 5px;
text-align: center;
}

.verfication_code_group input:last-child {
margin-right: 0;
}

.otp_verification_box .resendotp_timer,
.otp_verification_box .resendOTP {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
margin-top: 15px;
display: inline-block;
}

.login_parent {
position: relative;
width: 100%;
border-bottom: 1px solid #f9f9f9;
padding: 5px 0 5px;
background: var(--white-bg);
}

.location_parent {
display: flex;
align-items: center;
justify-content: space-between;
/* padding: 0 10px; */
padding: 0;
}

.address_box {
max-width: 43%;
width: 100%;
overflow: hidden;
}

.address_box p {
font-size: 12px;
line-height: normal;
letter-spacing: -0.29px;
/*font-weight: 500;*/
color: var(--text-color);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.address_box p i {
color: #115241;
margin-right: 5px;
}

.top_head_right {
display: flex;
align-items: center;
}

.backtologin{
text-align: center;
width:100%;
margin-top: 8px;
display:none;
}

.backtologin a{
margin: 0 auto;
font-size: 12px;
font-weight: 500;
color: var(--text-color);
line-height: normal;
letter-spacing: normal;
text-decoration: underline;
}

/***** Checkout Page CSS *****/

.back_header {
position: relative;
width: 100%;
padding: 15px 0 20px;
}

.back_header a {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
font-weight: 500;
color: var(--black-color);
margin-left: 5px;
}

.saving_alert {
position: relative;
width: 100%;
margin-bottom: 15px;
}

.saving_alert_innercontent {
display: flex;
align-items: center;
background: #e1f0f7;
border-radius: 5px;
padding: 10px 10px;
}

.saving_alert_innercontent .saving_alert_img {
position: relative;
display: flex;
align-items: center;
}

.saving_alert_innercontent .saving_alert_img img {
max-width: 20px;
width: 100%;
margin-right: 8px;
}

.saving_alert_innercontent .saving_alert_content h5 {
font-size: 12px;
line-height: normal;
/*font-weight: 600;*/
color: #486cba;
letter-spacing: normal;
}

.saving_alert_innercontent .saving_alert_content p {
font-size: 10px;
line-height: normal;
/*font-weight: 500;*/
color: var(--text-color);
letter-spacing: normal;
margin-top: 2px;
}

.delay_delivery .saving_alert_innercontent {
background: #fdfcea;
}

.delay_delivery .saving_alert_innercontent .saving_alert_content h5,
.delay_delivery .saving_alert_innercontent .saving_alert_content p {
color: var(--text-color);
}

.ontime_delivery .saving_alert_innercontent {
background: var(--white-bg);
}

.ontime_delivery .saving_alert_innercontent .saving_alert_content h5,
.ontime_delivery .saving_alert_innercontent .saving_alert_content p {
color: var(--text-color);
}

.your_order_parent {
position: relative;
}

.your_order_parent h2 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 500;
color: var(--black-color);
margin: 20px auto 20px;
text-align: center;
}

.your_order_inner {
background: var(--white-bg);
padding: 15px 15px;
border-radius: 10px;
}

.your_order_inner ul {
list-style: none;
margin: 0;
padding: 0;
}

.your_order_inner ul li {
position: relative;
margin-bottom: 15px;
}

.your_order_inner ul li:last-child {
margin-bottom: 0;
}

.your_order_inner ul li .your_order_box {
display: flex;
align-items: start;
justify-content: space-between;
}

.your_order_leftpart {
display: flex;
align-items: start;
}

.your_order_left_icon {
max-width: 12px;
width: 100%;
margin-right: 10px;
line-height: 20px;
}

.your_order_left_text {
/* max-width: 85%; */
width: 100%;
overflow: hidden;
margin-right: 15px;
text-align: left;
}

.your_order_left_text p {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 600;
color: var(--text-color);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: left;
}

.your_order_left_text .description {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 300;
color: var(--text-color);
display: block;
margin: 2px 0 0;

}

.your_order_left_text p:first-of-type {
font-weight: 600;
}

.your_order_left_text span {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
}

.your_order_rightpart {
text-align: right;
}

.your_order_rightpart .counter {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--theme-bg);
border-radius: 5px;
padding: 4px;
margin-bottom: 5px;
}

.your_order_rightpart .counter input {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--black-color)000;
border: none;
outline: none;
width: 36px;
padding: 0;
/*font-family: 'Montserrat', sans-serif;*/
text-align: center;
}

.your_order_rightpart .counter a {
color: var(--theme-bg);
font-size: 12px;
}

.your_order_rightpart span {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.addmore_box_parent {
position: relative;
width: 100%;
margin-top: 15px;
}

.addmore_box_inner {
position: relative;
width: 100%;
background: var(--white-bg);
border-radius: 5px;
}

.addmore_box_inner ul {
list-style: none;
margin: 0;
padding: 0;
}

.addmore_box_inner ul li {
position: relative;
border-bottom: 1px solid var(--primary-border);
}

.addmore_box_inner ul li:last-child {
border-bottom: 0 solid var(--primary-border);
}

.addmore_box_inner ul li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
}

.addmore_box_inner ul li a .check-box {
width: 100%;
position: relative;
}

.addmore_box_inner ul li a .check-box input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.checkmark {
border-radius: 5px;
position: absolute;
top: 0;
right: 0;
height: 15px;
width: 15px;
border: 1px solid #ccc;
background: transparent;
}

.container input:checked~.checkmark {
background-color: var(--theme-bg);
border: 1px solid var(--theme-bg);
}

.checkmark:after {
content: "";
position: absolute;
display: none;
}

.container input:checked~.checkmark:after {
display: block;
}

.container .checkmark:after {
left: 5px;
top: 1px;
width: 3px;
height: 8px;
border: solid var(--white-bg);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.savings_corner_box {
position: relative;
width: 100%;
}

.savings_corner_box h2 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--section-title);
margin: 20px auto 20px;
text-align: center;
}

.savings_innercontent {
position: relative;
width: 100%;
background: var(--white-bg);
border-radius: 5px;
}

.coupon_box_parent {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 15px;
}

.coupon_left_part {
display: flex;
align-items: center;
}

.coupon_left_part img {
max-width: 20px;
width: 100%;
margin-right: 10px;
}

.coupon_text_box {
position: relative;
}

.coupon_text_box h4 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.coupon_text_box p {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--text-color);
}

.coupon_box_parent a {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--theme-bg);
}

.all_coupon_box {
text-align: center;
position: relative;
border-top: 1px solid var(--primary-border);
padding: 10px 15px;
}

.all_coupon_box a {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--theme-bg);
}

.bill_summary_box {
position: relative;
width: 100%;
}

.bill_summary_box h2 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 500;
color: var(--black-color);
margin: 22px auto 20px;
text-align: center;
}

.bill_summary_innercontent {
position: relative;
width: 100%;
background: var(--white-bg);
border-radius: 5px;
margin-bottom: 15px;
}

.address_collapse>a {
text-align: center;
width: 100%;
display: block;
padding: 10px 10px;
box-sizing: border-box;
border-top: 1px solid var(--primary-border);
font-size: 12px;
line-height: normal;
letter-spacing: normal;
font-weight: 500;
color: var(--theme-bg);
}

.bill_summary_innercontent .subtotal {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
}

.bill_summary_innercontent .subtotal span {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.bill_summary_innercontent ul {
list-style: none;
margin: 0;
padding: 0;
}

.bill_summary_innercontent ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 500;
color: var(--text-color);
}

.bill_summary_innercontent ul li input{
    accent-color: var(--theme-bg);
}

.bill_summary_innercontent ul li textarea{
padding: 10px 15px;
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 500;
color: var(--text-color);
width: 100%;
box-sizing: border-box;
border: 1px solid #e7e7e7;
border-radius: 5px;
outline: none;
}

.bill_summary_innercontent ul li .rightside,
.bill_summary_innercontent ul li .leftside {
display: flex;
align-items: center;
}

.bill_summary_innercontent ul li .leftside>i {
width: 20px;
}

.how_calculated_box {
position: relative;
width: 100%;
margin-top: 5px;
}

.how_calculated_box a {
background: var(--secondary-bg);
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
border: 1px solid var(--primary-border);
padding: 4px 10px;
border-radius: 5px;
margin-left: 33px;
margin-bottom: 12px;
display: inline-block;
}

.how_calculated_box a i {
line-height: 0;
position: relative;
top: -2px;
}

.how_calculated_list {
padding: 0 15px 12px 32px;
position: relative;
margin-top: -4px;
display: none;
}

.how_calculated_list ul {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid var(--primary-border);
border-radius: 5px;
}

.how_calculated_list ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px;
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
background: var(--secondary-bg);
border: none;
}

.how_calculated_list ul li:last-child span {
color: var(--theme-bg);
}

.grand_total {
position: relative;
width: 100%;
border-top: 1px solid var(--primary-border);
padding: 5px 0;
}

.grand_total ul {
list-style: none;
margin: 0;
padding: 0;
}

.grand_total>ul>li {
position: relative;
padding: 4px 15px;
/*font-weight: 500;*/
line-height: normal;
letter-spacing: normal;
font-size: 10px;
}

.grand_total ul li span {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.grand_total ul li .text-right{
text-align:right;
}

.grand_total ul li.coupon span {
color: var(--theme-bg);
}

.placeorder_progress{
margin-bottom: 10px;
margin-top: 0 !important;
}

.placeorder_progress .progress-bar-striped {
background-color: #50c991;
background-image: linear-gradient(to right, #50c991, #006838);
animation: progress-animation 2s linear infinite;
border-radius: 5px;
}

.placeorder_progress .progress-bar-striped > span{
font-weight: 400;
text-transform: capitalize;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
text-wrap: nowrap;
}

.cancel_policy_box {
position: relative;
width: 100%;
text-align: center;
}

.cancel_policy_box h2 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 500;
color: var(--black-color);
margin: 22px auto 20px;
text-align: center;
}

.cancel_policy_innercontent {
background: var(--white-bg);
border-radius: 5px;
padding: 10px 10px;
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--text-color);
text-align: left;
}

.place_order {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: var(--white-bg);
padding: 10px 0 10px;
box-shadow: 0px 0px 8px #dddddd;
width: 100%;
border-radius: 10px 10px 0 0;
max-width: 394px;
margin: 0 auto;
}

.place_order_innercontent {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}

.place_order_innercontent .pay_using {
position: relative;
margin-left: 10px;
}

.place_order_innercontent .pay_using a {
position: relative;
}

.place_order_innercontent .pay_using a span {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--text-color);
display: flex;
align-items: center;
margin-bottom: 2px;
}

.place_order_innercontent .pay_using a span img {
max-width: 20px;
width: 100%;
border: 1px solid var(--primary-border);
padding: 2px;
margin-right: 4px;
}

.place_order_innercontent .pay_using a span i {
margin-left: 5px;
}

.place_order_innercontent .pay_using a p {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
}

.place_order_innercontent .place_order_box {
position: relative;
margin-right: 10px;
}

.place_order_innercontent .place_order_box span,
.place_order_innercontent .place_order_box button {
border: none;
display: flex;
align-items: center;
outline: none;
font-size: 12px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 8px 15px;
border-radius: 5px;
text-transform: uppercase;
position: relative;
}

.place_order_innercontent .place_order_box span {
padding: 12px 15px;
}

.place_order_innercontent .place_order_box span i {
margin-top: 5px;
margin-left: 8px;
}

.place_order_innercontent .place_order_box button.spinner::before {
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 10px;
left: 0;
margin: 0 auto;
right: 0;
border: 3px solid rgba(255, 255, 255, .3);
border-radius: 50%;
border-top-color: var(--white-bg);
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
z-index: 9;
}

.place_order_innercontent .place_order_box button.spinner::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--theme-bg);
border-radius: 5px;
}

@keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}

@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}

.delivery-address-form {
margin: 0;
padding: 0;
position: relative;
}

.myself_form_box {
position: relative;
margin-bottom: 15px;
}

.myself_form_box h2,
.delivery-address-form h2 {
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
padding: 12px 15px;
border-bottom: 1px solid var(--primary-border);
position: relative;
}

.delivery-address-form h2 .closeModal {
float: right;
color: var(--black-color);
font-size: 16px;
}

.myself_form_box .form-group {
display: inline-block;
margin-right: 10px;
}

.myself_form_box .form-group label {
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
position: relative;
top: -1px;
}

.myself_form_box .form-group input[type="radio"] {
accent-color: var(--theme-bg);
}

.someone_input_group {
position: relative;
width: 100%;
display: none;
}

.someone_input_group .form-group {
width: 100%;
}

.someone_input_group .form-group span {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 700;*/
background: var(--white-bg);
color: var(--text-color);
position: absolute;
top: 1px;
left: 1px;
padding: 12px 10px;
border-radius: 5px 0 0 5px;
}

.someone_input_group .form-group {
margin-top: 20px;
margin-right: 0 !important;
}

.someone_input_group .form-group input {
margin-bottom: 0 !important;
}

.someone_input_group .form-group input[type="tel"] {
width: 100%;
border: 1px solid var(--primary-boxshadow);
outline: none;
box-sizing: border-box;
border-radius: 5px;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
background: var(--white-bg);
color: var(--text-color);
padding: 12px 15px 12px 45px;
margin-bottom: 10px;
box-shadow: none;
}

.delivery-address-form .form-group {
position: relative;
}

.delivery-address-form .form-group span.error {
position: absolute;
bottom: 4px;
left: 0;
font-size: 12px;
color: red;
}

.someone_input_group .form-group span.error{
padding: 0;
background: transparent;
border-radius: 0;
top: initial;
bottom: -16px;
}

.complete_address_form {
padding: 15px;
position: relative;
}

.delivery-address-form h6 {
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
margin-bottom: 8px;
}

.delivery-address-form .location-choose input[type="radio"] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
display: none;
}

.delivery-address-form .location-choose label {
position: relative;
margin-right: 8px;
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 700;*/
text-transform: uppercase;
color: var(--text-color);
padding: 4px 7px;
}

.delivery-address-form .location-choose label:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: -1px;
border-radius: 5px;
border: 1px solid #b9b9b9;
}

.delivery-address-form .location-choose input[type="radio"]:checked+label:after {
transition: all 0.5s;
background-color: #13524114;
border: 1px solid var(--theme-bg);
}

.delivery-address-form .location-choose {
margin-bottom: 20px;
}

.delivery-address-form .form-group input[type="text"] {
width: 100%;
border: 1px solid var(--primary-boxshadow);
outline: none;
box-sizing: border-box;
border-radius: 5px;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
background: var(--white-bg);
color: var(--text-color);
padding: 12px 15px;
margin-bottom: 20px;
box-shadow: none;
}

.delivery-address-form .form-group input[type="text"]:focus {
border: 1px solid var(--theme-bg);
}

.delivery-address-form .form-group button {
border: none;
outline: none;
font-size: 12px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 14px 15px;
border-radius: 5px;
text-transform: uppercase;
position: relative;
width: 100%;
}

.place_order_innercontent .place_order_box span {
text-align: left;
padding: 0;
}

.place_order_innercontent .place_order_box .total_amount_box {
position: relative;
}

.place_order_innercontent .place_order_box .total_amount_box span {
display: flex;
align-items: center;
}

.place_order_innercontent .place_order_box .total_amount_box span i {
margin-top: 0;
margin-left: 0;
margin-right: 4px;
}

.place_order_innercontent .place_order_box p {
margin-left: 15px;
}

.delivery_address_box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px 10px;
border-bottom: 1px solid var(--primary-border);
margin-bottom: 10px;
}

.delivery_addleft {
display: flex;
align-items: start;
}

.delivery_address_icon {
color: var(--theme-bg);
font-size: 20px;
margin-right: 8px;
}

.delivery_address_text {
position: relative;
}

.delivery_address_text h4 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--text-color);
}

.delivery_address_text p {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--text-color);
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
overflow: hidden;
}

.delivery_address_box a {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--theme-bg);
}

.cooking_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 70%);
z-index: 999;
display: none;
}

.add_cooking_box {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
background: var(--white-bg);
border-radius: 5px 5px 0 0;
padding: 0;
display: none;
}

.add_cooking_innercontent {
position: relative;
width: 100%;
}

.add_cooking_innercontent .add_cooking_header {
position: relative;
display: flex;
align-items: center;
padding: 12px 15px;
justify-content: space-between;
border-bottom: 1px solid var(--primary-border);
}

.add_cooking_innercontent .add_cooking_header h4 {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--text-color);
}

.add_cooking_innercontent .add_cooking_header a {
color: var(--theme-bg);
font-size: 14px;
}

.add_cooking_comment {
padding: 15px;
position: relative;
}

.add_cooking_comment form {
margin: 0;
padding: 0;
position: relative;
}

.add_cooking_comment form .input-group {
width: 100%;
position: relative;
}

.add_cooking_comment form .input-group input {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
width: 100%;
border: none;
border-bottom: 1px solid var(--theme-bg);
padding: 12px 0;
margin-bottom: 5px;
}

.add_cooking_comment form .input-group span {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
text-align: right;
width: 100%;
display: block;
}

.add_cooking_comment form .input-group p {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--theme-bg);
text-align: left;
width: 100%;
display: block;
margin-top: 5px;
}

.add_cooking_comment form button {
outline: none;
font-size: 14px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 15px 15px;
border-radius: 5px;
text-transform: uppercase;
border: none;
width: 100%;
margin-top: 22px;
position: relative;
}

.add_cooking_comment form button.spinner::before {
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 10px;
left: 0;
margin: 0 auto;
right: 0;
border: 3px solid rgba(255, 255, 255, .3);
border-radius: 50%;
border-top-color: var(--white-bg);
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
z-index: 9;
}

.add_cooking_comment form button.spinner::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--theme-bg);
border-radius: 5px;
}

.add_cooking_comment form button:disabled {
background: #ccc;
cursor: not-allowed;
}

.coupon_parent_box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 10%);
z-index: 999;
display: none;
}

.coupon_parent_box .container {
height: 100%;
}

.coupon_box_child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 250px;
width: 100%;
background: var(--white-bg);
border-radius: 10px;
text-align: center;
padding: 10px;
}

.coupon_box_child img {
max-width: 100px;
width: 100%;
margin: 0 auto 5px;
}

.coupon_box_child h5 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
margin-bottom: 8px;
}

.coupon_box_child h3 {
font-size: 18px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
margin-bottom: 8px;
}

.coupon_box_child p {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--text-color);
margin-bottom: 15px;
}

.coupon_box_child span {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--theme-bg);
}

#my-canvas {
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
z-index: 99999;
}

/********* Coupon Page CSS **********/

.coupon_search_box {
position: relative;
width: 100%;
background: var(--white-bg);
padding: 15px 0;
text-align: center;
border-top: 1px solid #f9f9f9;
}

.coupon_search_box form {
position: relative;
margin: 0;
padding: 0;
}

.coupon_search_box form .input_group {
position: relative;
}

.coupon_search_box .input_group input {
width: 100%;
border: 1px solid var(--primary-border);
outline: none;
padding: 15px 80px 15px 15px;
box-sizing: border-box;
border-radius: 10px;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 400;*/
background: #f5f6fb;
color: var(--text-color);
}

.coupon_search_box form .input_group button {
border: none;
outline: none;
background: transparent;
position: absolute;
right: 0;
top: 0;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: #a8a9ae;
padding: 17px 15px;
}

.best_offer_parent {
position: relative;
width: 100%;
padding: 25px 0 25px;
text-align: center;
}

.best_offer_parent h2 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--section-title);
margin: 0 auto 20px;
text-align: center;
}

.best_offer_parent .offer_list {
list-style: none;
margin: 0;
padding: 0;
}

.best_offer_parent .offer_list>li {
position: relative;
border-radius: 10px;
background: var(--white-bg);
/*box-shadow: 0px 0 5px 1px #e3e3e3; */
margin-bottom: 20px;
border: 1px solid #ebebeb;
}

.best_offer_parent .offer_list>li:last-child {
margin-bottom: 0;
}

.offer_trigger_row {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
box-sizing: border-box;
}

.offer_trigger_left {
position: relative;
text-align: left;
}

.offer_trigger_left span {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--black-color);
margin: 0 0 2px;
display: inline-block;
}

.offer_trigger_left p {
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
color: #426176;
}

.offer_trigger_row a {
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
padding-right: 10px;
position: relative;
}

.offer_trigger_row a:before {
content: '\f107';
position: absolute;
top: 1px;
right: -2px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
}

.best_offer_parent .offer_top_content {
position: relative;
}

.best_offer_parent .offer_top_child {
display: flex;
position: relative;
align-items: start;
padding: 10px 10px;
}

.best_offer_parent .offer_top_icon {
max-width: 20px;
width: 100%;
margin-right: 10px;
}

.best_offer_parent .offer_top_text {
position: relative;
width: 100%;
text-align: left;
}

.best_offer_parent .offer_top_text h4 {
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 700;*/
color: var(--text-color);
margin: 0 0 8px;
}

.best_offer_parent .offer_top_text p {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: #426176;
margin: 0 0 15px;
}

.best_offer_parent .offer_code {
display: flex;
align-items: center;
justify-content: space-between;
}

.best_offer_parent .offer_code span {
border: 1px solid #eef2f5;
border-radius: 5px;
display: inline-block;
padding: 5px 10px;
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
}

.best_offer_parent .offer_code a {
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
padding-right: 10px;
position: relative;
}

.best_offer_parent .offer_code a:before {
content: '\f107';
position: absolute;
top: 1px;
right: -2px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
}

.offer_benefits {
position: relative;
width: 100%;
border-top: 1px dashed var(--primary-border);
padding: 10px 10px;
box-sizing: border-box;
text-align: left;
display: none;
}

.offer_benefits ul {
list-style: none;
margin: 0;
padding: 0;
}

.offer_benefits ul li {
position: relative;
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
color: var(--text-color);
padding-left: 10px;
margin-bottom: 5px;
}

.offer_benefits ul li:last-child {
margin-bottom: 0;
}

.offer_benefits ul li:before {
content: '.';
position: absolute;
top: 1px;
left: 0;
font-size: 20px;
line-height: 0;
}

.tap_to_apply {
position: relative;
border-radius: 0 0 10px 10px;
border-top: 1px solid var(--primary-border);
}

.tap_to_apply a {
padding: 15px 10px;
font-size: 12px;
line-height: normal;
letter-spacing: 2px;
/*font-weight: 500;*/
color: var(--text-color);
display: inline-block;
width: 100%;
box-sizing: border-box;
background: #f7faff;
border-radius: 0 0 10px 10px;
position: relative;
}

.tap_to_apply a.active {
color: #00d900;
}

.other_coupon_parent {
padding: 10px 0 25px;
}

.other_coupon_parent .offer_toggle_content {
display: none;
border-top: 1px dashed var(--primary-border);
}

/***** Customise Modal CSS Is Here *****/

.cart_modal_parent form {
padding-bottom: 70px;
margin: 0;
padding: 0;
}

.cart_modal_parent .modal-body {
position: relative;
background: var(--white-bg);
/*margin-top: -25px;*/
border-radius: 15px 15px 0 0;
padding: 15px 15px 45px 15px;
}

.cart_modal_parent .cart_strip_space {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
max-width: 360px;
background: var(--white-bg);
box-sizing: border-box;
border-top: 1px solid var(--primary-border);
}

.complete_order_strip {
padding: 12px 15px;
position: relative;
}

.complete_innercontent {
display: flex;
align-items: center;
justify-content: space-between;
}

.complete_innercontent button {
font-size: 12px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 10px 15px;
border-radius: 5px;
text-transform: uppercase;
outline: none;
border: none;
}

.add_ons_list {
position: relative;
width: 100%;
margin-bottom: 0;
}

.add_ons_list h4 {
font-size: 16px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
margin-bottom: 15px;
padding-right: 25px;
margin-top: 15px;

}

.add_on_item_name img {
margin-right: 10px;
}

.add_ons_list ul {
list-style: none;
margin: 0;
padding: 0;
}

.add_ons_list ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}

.add_ons_list ul li:last-child {
margin-bottom: 0;
}

.add_ons_list ul li h5 {
display: flex;
align-items: center;
max-width: 80%;
width: 100%;
/*font-weight: 400;*/
}

.add_ons_list ul li h5 img {
max-width: 20px;
width: 100%;
margin-right: 10px;
}

.add_ons_list ul li .radio input[type="radio"]+label {
cursor: pointer;
position: relative;
padding-right: 28px;
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--black-color);
}

.add_ons_list ul li input[type="radio"]+label:before {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
border: 2px solid #949598;
background-color: var(--white-bg);
border-radius: 50%;
}

.add_ons_list ul li .radio input[type="radio"] {
display: none !important;
}

.add_ons_list ul li .radio input[type="radio"]:checked+label:before {
border: 2px solid var(--theme-bg);
}

.add_ons_list ul li .radio input[type="radio"]:checked+label:after {
content: "";
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--theme-bg);
}

/* Custom checkbox */
.add_ons_list ul li .checkbox input[type="checkbox"]+label {
cursor: pointer;
position: relative;
padding-right: 28px;
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--black-color);
}

.add_ons_list ul li .checkbox input[type="checkbox"]+label:before {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
border: 2px solid #999999;
background-color: var(--white-bg);
border-radius: 2px;
}

.add_ons_list ul li .checkbox input[type="checkbox"] {
display: none !important;
}

.add_ons_list ul li .checkbox input[type="checkbox"]:checked+label:before {
border: 2px solid var(--theme-bg);
}

.add_ons_list ul li .checkbox input[type="checkbox"]:checked+label:after {
content: "✔";
font-size: 14px;
line-height: 20px;
color: var(--theme-bg);
display: block;
position: absolute;
top: 0;
right: 4px;
width: 12px;
height: 12px;
}

/***** Payment Method Is Here *****/

.payment_modal_parent {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
background: #f6f5fa;
height: calc(100vh - 97px);
overflow-y: auto;
padding-bottom: 30px;
overflow-x: hidden;
display: none;
max-width: 360px;
margin: 0 auto;
}

.recommended_box {
position: relative;
width: 100%;
}

.recommended_box h2 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--text-color);
margin: 20px auto 20px;
text-align: center;
}

.recommended_box ul {
list-style: none;
margin: 0;
padding: 0;
border-radius: 5px;
background: var(--white-bg);
}

.recommended_box ul li {
position: relative;
border-bottom: 1px solid var(--primary-border);
}

.recommended_box ul li .payment_top_bar {
display: flex;
align-items: center;
justify-content: space-between;
}

.recommended_box ul li:last-child {
border-bottom: 0 solid var(--primary-border);
}

.recommended_box ul li .anchor-group {
position: relative;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 15px 15px;
}

.recommended_box ul li .payment_top_icon {
display: flex;
align-items: center;
}

.recommended_box ul li .payment_top_icon img {
max-width: 30px;
width: 100%;
margin-right: 8px;
border: 1px solid var(--primary-border);
padding: 4px 5px;
border-radius: 5px;
}

.recommended_box ul li .payment_top_icon span {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--text-color);
}

.recommended_box ul li .payment_top_icon span p {
font-size: 8px;
/*font-weight: 500;*/
margin-top: 2px;
}

.recommended_box ul li i {
font-size: 12px;
color: var(--text-color);
margin-top: 1px;
}

.recommended_box ul li .toggle_trigger,
.recommended_box ul li .add-btn {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 600;*/
color: var(--theme-bg);
padding: 15px 15px;
}

.upi_id_form {
position: relative;
width: 100%;
padding: 15px 15px;
box-sizing: border-box;
border-top: 1px solid var(--primary-border);
display: none;
}

.upi_id_form form {
position: relative;
margin: 0;
padding: 0;
}

.upi_id_form form .input_group {
position: relative;
width: 100%;
}

.upi_id_form form .input_group input {
width: 100%;
border: 1px solid var(--primary-boxshadow);
outline: none;
box-sizing: border-box;
border-radius: 5px;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
background: var(--white-bg);
color: var(--text-color);
padding: 15px 15px;
margin-bottom: 0;
box-shadow: none;
}

.upi_id_form form .input_group span {
font-size: 10px;
/*font-weight: 500;*/
margin-top: 5px;
}

.upi_id_form form button {
border: none;
outline: none;
font-size: 12px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 14px 15px;
border-radius: 5px;
text-transform: uppercase;
position: relative;
width: 100%;
margin-top: 15px;
}

/***** Profile CSS Is Here *****/

.profile_detail {
position: relative;
width: 100%;
margin-bottom: 15px;
}

.profile_innercontent {
position: relative;
width: 100%;
background: url('../images/profile-bg.jpg') no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
padding: 30px 15px;
box-sizing: border-box;
border-radius: 10px;
}

.profile_avatar {
max-width: 64px;
width: 100%;
}

.profile_avatar img {
border-radius: 50px;
border: 3px solid #ddb770;
overflow: hidden;
padding: 4px;
max-width: 50px;
width: 100%;
}

.profile_content {
position: relative;
width: 100%;
margin-left: 15px;
}

.profile_content h3 {
font-size: 16px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--white-color);
margin-bottom: 2px;
}

.profile_content p {
font-size: 10px;
line-height: normal;
/*font-weight: 400;*/
letter-spacing: normal;
color: var(--white-color);
margin-bottom: 5px;
}

.profile_content a {
font-size: 10px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
color: var(--white-color);
}

.profile_information {
position: relative;
width: 100%;
margin-bottom: 15px;
}

.profile_information_inner {
background: #fff;
border-radius: 5px;
position: relative;
padding: 10px 0 0;
}

.profile_information_inner h3 {
font-size: 14px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--text-color);
padding: 5px 10px;
position: relative;
margin-bottom: 5px;
}

.profile_information_inner h3:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background: var(--theme-bg);
}

.profile_information_inner ul {
list-style: none;
margin: 0;
padding: 0;
}

.profile_information_inner ul li {
position: relative;
border-bottom: 1px solid var(--primary-border);
}

.profile_information_inner ul li:last-child {
border-bottom: 0 solid var(--primary-border);
}

.profile_information_inner ul li a {
display: flex;
align-items: center;
padding: 10px 10px;
}

.profile_information_inner .profile_info_icon {
max-width: 35px;
width: 100%;
height: 35px;
background: var(--secondary-bg);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}

.profile_information_inner .profile_info_icon i {
color: var(--section-title);
font-size: 14px;
}

.profile_info_text {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-left: 15px;
}

.profile_info_text i,
.profile_info_text h4 {
font-size: 14px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--text-color);
}

/****** Update Profile CSS Is Here ******/

.profile_update_parent {
position: relative;
width: 100%;
/*margin-top:50px;*/
}

.profile_update_inner {
background: var(--white-bg);
position: relative;
width: 100%;
box-sizing: border-box;
padding: 15px 15px;
border-radius: 10px;
}

/*
.profile_update_inner:before{
content:'';
background: url('../images/avatar_shape.png') no-repeat;
background-size:cover;
background-position:center center;
width: 100%;
max-width: 170px;
height: 62px;
position: absolute;
top: -60px;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
}
*/

.profile_avatar_box {
max-width: 100px;
width: 100%;
margin: -55px auto 25px;
border-radius: 50%;
/* border: 4px solid var(--theme-bg); */
font-size: 0;
padding: 4px;
height: 100px;
}

.profile_avatar_box img {
border-radius: 50%;
height: 100px;
width: 100px;
object-fit: cover;
box-shadow: 0px 0px 4px 1px var(--primary-boxshadow);
}

.profile_update_inner form {
margin: 0;
padding: 0;
position: relative;
}

.profile_update_inner form ul {
list-style: none;
margin: 0;
padding: 0;
}

.profile_update_inner form ul li {
position: relative;
width: 100%;
margin-bottom: 15px;
}

.profile_update_inner form ul li:last-child {
margin-bottom: 0;
}

.profile_update_inner form ul li .input_group {
position: relative;
}

.profile_update_inner form ul li .input_group label {
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 700;*/
color: var(--text-color);
margin-bottom: 5px;
display: inline-block;
}

.profile_update_inner form ul li .input_group input[type="text"],
.profile_update_inner form ul li .input_group input[type="email"],
.profile_update_inner form ul li .input_group input[type="date"],
.profile_update_inner form ul li .input_group input[type="tel"] {
width: 100%;
border: 1px solid var(--primary-boxshadow);
outline: none;
box-sizing: border-box;
border-radius: 5px;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
background: var(--white-bg);
color: var(--text-color);
padding: 12px 15px;
box-shadow: none;
}

/* Apply the background image to all browsers except Firefox */
.profile_update_inner form ul li .input_group input[type="date"] {
background: url('../images/calendar.png') no-repeat;
background-position: 96% 50%;
background-size: 20px;
}

/* Apply styles only to Firefox to hide the background image */
@-moz-document url-prefix() {
.profile_update_inner form ul li .input_group input[type="date"] {
background: none;
/* Hide the background image */
}
}

.profile_update_inner form ul li .input_group input[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
}

.profile_update_inner form ul li .input_group select {
width: 100%;
border: 1px solid var(--primary-boxshadow);
outline: none;
box-sizing: border-box;
border-radius: 5px;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
background: var(--white-bg);
color: var(--text-color);
padding: 15px 15px;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
background: url('../images/down-arrow.png') no-repeat;
background-position: 96% 50%;
background-size: 20px;
}

.profile_update_inner form ul li .input_group .non-edit {
font-size: 10px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
color: var(--theme-bg);
position: absolute;
left: 0;
bottom: -15px;
}

.profile_update_inner form ul li .input_group button {
border: none;
outline: none;
font-size: 12px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 14px 15px;
border-radius: 5px;
text-transform: uppercase;
position: relative;
width: 100%;
}

/***** Order History CSS Is Here *****/

.order_history_search {
position: relative;
width: 100%;
padding: 10px 0 10px;
}

.order_history_search form {
margin: 0;
padding: 0;
}

.order_history_search form .input_group {
position: relative;
}

.order_history_search form .input_group input[type="text"] {
width: 100%;
border: 1px solid var(--primary-boxshadow);
outline: none;
box-sizing: border-box;
border-radius: 5px;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
color: var(--text-color);
padding: 12px 15px 12px 40px;
margin-bottom: 10px;
box-shadow: none;
background: url(../images/search-icon.png) no-repeat;
background-position: 10px 50%;
background-size: 18px;
}

.order_history_list {
position: relative;
width: 100%;
padding: 10px 0 0;
}

.order_history_inner {
position: relative;
}

.order_history_inner>ul {
list-style: none;
margin: 0;
padding: 0;
}

.order_history_inner>ul>li {
position: relative;
border: 1px solid #e7e7e7;
border-radius: 5px;
margin-bottom: 15px;
}

.order_history_inner>ul>li:last-child {
margin-bottom: 0;
}

.order_history_inner>ul>li .order_history_topbar {
display: flex;
position: relative;
background: #f8f9fd;
justify-content: space-between;
padding: 10px 10px;
border-bottom: 1px solid #e1e1e1;
align-items: flex-end;
}

.order_history_inner>ul>li .history_topbar_left {
position: relative;
display: flex;
justify-content: center;
}

.order_history_inner>ul>li .history_topbar_left img {
max-width: 40px;
width: 100%;
height: 40px;
object-fit: cover;
border-radius: 5px;
}

.order_history_inner>ul>li .history_order_title {
position: relative;
margin-left: 10px;
font-size: 0;
}

.order_history_inner>ul>li .history_order_title h3 {
font-size: 14px;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--text-color);
margin: 0 0 2px;
}

.order_history_inner>ul>li .history_order_title p {
font-size: 10px;
line-height: normal;
/*font-weight: 400;*/
color: var(--section-title);
letter-spacing: normal;
}

.order_history_inner>ul>li .history_order_title span {
font-size: 10px;
line-height: normal;
/*font-weight: 500;*/
color: var(--theme-bg);
letter-spacing: normal;
display: inline-block;
}

.order_history_inner>ul>li .history_topbar_right {
position: relative;
display: flex;
flex-direction: column;
align-items: end;
}

.order_history_inner>ul>li .history_topbar_right span {
font-size: 10px;
line-height: normal;
/*font-weight: 400;*/
color: var(--white-color);
letter-spacing: normal;
display: inline-block;
background: var(--theme-bg);
padding: 3px 5px;
border: 1px solid var(--theme-bg);
border-radius: 4px;
margin-bottom: 5px;
}

.order_history_inner>ul>li .history_topbar_right a {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--theme-bg);
position: relative;
padding-right: 8px;
}

.order_history_inner>ul>li .history_topbar_right a:after {
content: "\f0da";
position: absolute;
top: 2px;
right: 0;
font-weight: 900;
font-family: "Font Awesome 6 Free";
line-height: 10px;
font-size: 10px;
}

.order_history_body {
position: relative;
padding: 10px;
}

.order_history_body>ul {
list-style: none;
margin: 0;
padding: 0;
}

.order_history_body>ul>li {
position: relative;
width: 100%;
display: flex;
align-items: center;
margin-bottom: 5px;
}

.order_history_body>ul>li:last-child {
margin-bottom: 0;
}

.order_history_body>ul>li img {
max-width: 12px;
width: 100%;
margin-right: 10px;
}

.order_history_body>ul>li p {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--text-color);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}

.order_history_pricebar {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px dashed #dfdfdf;
margin-top: 10px;
padding-top: 10px;
}

.order_history_pricebar a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}

.order_history_pricebar .date {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--text-color);
}

.order_history_pricebar .price {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.order_history_status {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #dfdfdf;
margin-top: 10px;
padding-top: 10px;
}

.order_history_status .refund {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 400;*/
color: var(--theme-bg);
}

.order_history_status .reorder-btn {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 5px 5px;
border-radius: 5px;
}

/***** Send Feedback CSS Is Here *****/

.send_feedback_parent {
position: relative;
width: 100%;
}

.send_feedback_inner {
position: relative;
}

.send_feedback_headpart {
position: relative;
width: 100%;
margin-bottom: 15px;
}

.send_feedback_headpart h3 {
font-size: 16px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--text-color);
margin-bottom: 5px;
}

.send_feedback_headpart p {
font-size: 14px;
line-height: normal;
font-weight: 500;
letter-spacing: normal;
color: #969696;
}

.send_feedback_inner form {
position: relative;
margin: 0;
padding: 0;
}

.send_feedback_inner form .input_group {
position: relative;
}

.send_feedback_inner form .input_group textarea {
width: 100%;
border: 1px solid var(--primary-boxshadow);
outline: none;
box-sizing: border-box;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
/*font-weight: 500;*/
background: var(--white-bg);
color: var(--text-color);
padding: 15px 15px;
box-shadow: none;
resize: none;
height: 150px;
border-radius: 5px;
}

.sumbit_btn_parent {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 15px 15px 15px;
text-align: center;
}

.sumbit_btn_parent button {
border: none;
outline: none;
font-size: 14px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 14px 15px;
border-radius: 5px;
position: relative;
width: 100%;
}

/***** Terms Policy CSS Is Here *****/

.terms_service_parent {
position: relative;
width: 100%;
}

.terms_service_inner {
position: relative;
}

.terms_service_inner h1 {
font-size: 22px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: 0;
color: var(--text-color);
margin: 0 0 15px;
}

.terms_service_inner h2 {
font-size: 20px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: 0;
color: var(--text-color);
margin: 0 0 15px;
}

.terms_service_inner h3 {
font-size: 18px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: 0;
color: var(--text-color);
margin: 0 0 15px;
}

.terms_service_inner h4 {
font-size: 16px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: 0;
color: var(--text-color);
margin: 0 0 15px;
}

.terms_service_inner h5 {
font-size: 14px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: 0;
color: var(--text-color);
margin: 0 0 15px;
}

.terms_service_inner p {
font-size: 12px;
line-height: normal;
/*font-weight: 400;*/
letter-spacing: 0;
color: var(--text-color);
margin: 0 0 15px;
}

.terms_service_inner ul {
padding: 0 0 12px 25px;
margin: 0;
}

.terms_service_inner ul li {
font-size: 12px;
line-height: normal;
/*font-weight: 400;*/
letter-spacing: 0;
color: var(--text-color);
margin: 0 0 5px;
}

.terms_service_inner ul li a {
color: var(--theme-bg);
}

/***** Address Screen CSS Is Here *****/

.all_address_box {
position: relative;
width: 100%;
}

.address_headpart {
position: relative;
border-bottom: 1px solid var(--primary-border);
padding-bottom: 10px;
}

.address_headpart h2 {
font-size: 16px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
margin-bottom: 10px;
}

.address_headpart a {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--theme-bg);
}

.address_innercontent {
position: relative;
width: 100%;
}

.address_innercontent ul {
list-style: none;
margin: 0;
padding: 0;
}

.address_innercontent ul li {
position: relative;
padding: 10px 0;
border-bottom: 1px solid var(--primary-border);
display: flex;
align-items: start;
}

.address_innercontent ul li .address_icon {
max-width: 35px;
width: 100%;
height: 35px;
background: var(--secondary-bg);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}

.address_innercontent ul li .address_icon i {
color: var(--section-title);
font-size: 14px;
}

.address_innercontent ul li .address_content {
position: relative;
padding-left: 15px;
}

.address_innercontent ul li .address_content h3 {
font-size: 14px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--theme-bg);
margin-bottom: 4px;
}

.address_innercontent ul li .address_content p {
font-size: 12px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
color: var(--text-color);
}

.address_innercontent ul li .address_action {
margin-top: 5px;
position: relative;
}

.address_innercontent ul li .address_action a {
font-size: 12px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
color: var(--theme-bg);
margin-right: 8px;
}

/***** Order Summary Is Here *****/

.order_summary_headpart {
position: relative;
width: 100%;
}

.order_summary_headpart h2 {
font-size: 16px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--text-color);
margin-bottom: 5px;
}

.order_summary_headpart p {
font-size: 14px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
color: #969696;
}

.order_summary_headpart hr {
margin: 15px auto 5px;
border-color: var(--primary-border);
border-style: dashed;
border-width: 1px;
}

.order_summary_headpart span {
font-size: 12px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
color: var(--theme-bg);
}

.order_summary_headpart a {
font-size: 12px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
border: 1px solid var(--primary-border);
color: var(--text-color);
padding: 5px 10px;
display: inline-block;
border-radius: 5px;
margin-top: 10px;
margin-right: 5px;
}

.refund_summary_box {
position: relative;
width: 100%;
margin-top: 20px;
}

.refund_summary_box h2 {
font-size: 14px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--black-color);
margin-bottom: 0;
padding-bottom: 10px;
}

.refund_inner_box {
background: var(--white-bg);
box-shadow: 0 0 5px 1px var(--primary-boxshadow);
position: relative;
border-radius: 5px;
padding: 10px;
}

.refund_top_bar {
display: flex;
align-items: center;
border-bottom: 1px solid var(--primary-border);
padding-bottom: 8px;
margin-bottom: 10px;
}

.refund_top_icon {
max-width: 40px;
width: 100%;
border-radius: 50%;
font-size: 0;
}

.refund_top_text {
position: relative;
margin-left: 10px;
}

.refund_top_text h4 {
font-size: 12px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--black-color);
margin-bottom: 2px;
}

.refund_top_text p {
font-size: 10px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
color: var(--text-color);
}

.refund_inner_box ul {
list-style: none;
padding-left: 30px;
position: relative;
}

.refund_inner_box ul:before {
content: "";
border-left: 2px solid var(--primary-border);
position: absolute;
left: 15px;
top: 4px;
bottom: 25px;
}

.refund_inner_box ul li {
padding-bottom: 8px;
position: relative;
}

.refund_inner_box ul li:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: var(--white-bg);
border: 2px solid var(--primary-border);
top: 2px;
left: -21px;
border-radius: 100%;
transition: all 0.2s ease-in-out;
}

.refund_inner_box ul li.active:after {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: var(--theme-bg);
top: 6px;
left: -17px;
border-radius: 100%;
transition: all 0.2s ease-in-out;
}

.refund_inner_box ul li h4 {
font-size: 12px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--black-color);
margin-bottom: 2px;
}

.refund_inner_box ul li p {
font-size: 10px;
line-height: normal;
/*font-weight: 500;*/
letter-spacing: normal;
color: var(--text-color);
}

.order_list_summary {
position: relative;
width: 100%;
margin-top: 20px;
}

.order_list_summary h2 {
font-size: 14px;
line-height: normal;
/*font-weight: 700;*/
letter-spacing: normal;
color: var(--black-color);
border-bottom: 1px solid var(--primary-border);
margin-bottom: 0;
padding-bottom: 10px;
}

.order_list_innercontent {
position: relative;
width: 100%;
}

.order_list_innercontent ul {
list-style: none;
margin: 0;
padding: 0;
}

.order_list_innercontent ul li {
position: relative;
width: 100%;
border-bottom: 1px solid var(--primary-border);
padding: 15px 0;
}

.order_list_toppart {
width: 100%;
display: flex;
align-items: start;
margin-bottom: 8px;
}

.order_list_toppart img {
max-width: 12px;
width: 100%;
margin-right: 10px;
margin-top: 5px;
}

.order_list_toppart h3 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
margin-bottom: 4px;
}

.order_list_bottom {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}

.order_list_bottom span {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.order_list_bottom .counter-span {
position: relative;
display: flex;
align-items: center;
}

.order_list_bottom .counter-span .count {
font-size: 10px;
line-height: 9px;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--black-color);
background: #e1fff2;
display: inline-block;
padding: 3px 5px;
border-radius: 5px;
border: 1px solid #638574;
margin-right: 5px;
}

.order_list_bottom .counter-span .fa-xmark {
margin-right: 3px;
font-size: 9px;
}

.order_list_bottom .counter-span .fa-indian-rupee-sign {
margin-right: 2px;
}

.order_summary_total {
position: relative;
width: 100%;
}

.order_summary_total .subtotal {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 5px;
}

.order_summary_total .subtotal span {
font-size: 14px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.grand-total-box {
position: relative;
width: 100%;
}

.grand-total-box ul {
list-style: none;
margin: 0;
padding: 0;
}

.grand-total-box>ul>li {
position: relative;
padding: 4px 0;
/*font-weight: 500;*/
line-height: normal;
letter-spacing: normal;
font-size: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}

.grand-total-box ul li span {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: var(--text-color);
}

.grand-total-box ul li.coupon span {
color: var(--theme-bg);
}

.grand-total-box ul li.grand-total-list {
padding: 10px 0;
margin-top: 5px;
border-top: 1px solid var(--primary-border);
}

.grand-total-box ul li.grand-total-list span {
font-size: 12px;
font-size: 14px;
}

.total_saving_strip {
background: #edf3ff;
position: relative;
border: 1px solid #5980a1;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
margin-top: 10px;
}

.total_saving_strip span {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 700;*/
color: #5980a1;
}

.order_summary_details {
position: relative;
width: 100%;
margin-top: 30px;
}

.order_summary_details ul {
list-style: none;
margin: 0;
padding: 8px 0;
}

.order_summary_details ul li {
position: relative;
padding: 5px 0;
}

.order_summary_details ul li .order-details-up {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: #969696;
display: block;
margin-bottom: 2px;
}

.order_summary_details ul li .order-details-down {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: var(--black-color);
display: block;
}

.call_to_outlet {
position: relative;
width: 100%;
text-align: center;
margin-top: 15px;
border-top: 1px solid var(--primary-border);
border-bottom: 1px solid var(--primary-border);
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 600;*/
color: var(--theme-bg);
padding: 20px 5px;
box-sizing: border-box;
}

.fssai_lic_number {
position: relative;
width: 100%;
margin-top: 15px;
}

.fssai_lic_number p,
.fssai_lic_number h4 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
/*font-weight: 500;*/
color: #969696;
}

.fssai_lic_number img {
max-width: 70px;
width: 100%;
}


#addressWrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 414px;
background-color: #FFFFFF;
z-index: 1000;
display: none;
margin: 0 auto;
right: 0;
height: 100vh;
}

#saveLatLongForm {
position: absolute;
bottom: 40px;
right: 0;
left: 0;
z-index: 1000;
width: 100%;
text-align: center;
display: none;
}

#saveLatLongForm button {
font-size: 14px;
line-height: normal;
/*font-weight: 600;*/
color: var(--white-color);
background: var(--theme-bg);
padding: 10px 25px;
border-radius: 5px;
text-transform: uppercase;
margin-right: 10px;
border: none;
}

#search-container {
display: flex;
align-items: center;
position: absolute;
top: 10px;
left: 50px;
z-index: 999;
width: 85%;
flex-direction: row-reverse;
}

#closePopup {
width: 40px;
height: 40px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 20px;
z-index: 9;
margin-left: 10px;
}

#address-form {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 414px;
background-color: #FFFFFF;
z-index: 1000;
display: none;
right: 0;
margin: 0 auto;
height: 100vh;
overflow-y: auto;
}

.delivery_address_group {
position: relative;
width: 100%;
}

.delivery_address_group span {
display: flex;
align-items: center;
}

.delivery_address_group span input {
accent-color: var(--theme-bg);
}

.delivery_address_group span label {
margin-left: 10px;
font-weight: 600;
}

.delivery_address_group p {
font-weight: 400;
margin-top: 5px;
padding-left: 25px;
}

.search_address_field:focus,
.search_address_field {
width: 94%;
margin: 0 auto;
border: 1px solid #cdcdcd;
outline: none;
box-sizing: border-box;
border-radius: 5px;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
background: var(--white-bg);
color: var(--text-color);
padding: 12px 15px;
box-shadow: none;
height: 44px;
}

.address_collapse ul li {
display: none;
}

.address_collapse ul li:first-child {
display: block;
}

.address_collapse.active_address ul li {
display: block;
}

.address_collapse.active_address .show-more-address i {
rotate: 180deg;
}

.address_collapse ul li .delivery_address_group {
display: flex;
align-items: center;
justify-content: space-between;
}

.address_collapse ul li .delivery_address_left {
width: 100%;
}

.address_collapse ul li .delivery_address_group>a {
margin-left: 10px;
font-size: 16px;
color: var(--text-color);
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: end;
}

/***** Payment Method Is Here *****/

.bill_payment_box {
position: relative;
width: 100%;
background: var(--white-bg);
border-radius: 5px;
margin-bottom: 15px;
}

.bill_payment_box h3 {
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 600;
color: var(--black-color);
margin: 0;
text-align: left;
padding: 10px 15px 5px;
}

.bill_payment_box ul {
list-style: none;
margin: 0;
padding: 0 0 8px;
}

.bill_payment_box ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 500;
color: var(--text-color);
/* border-bottom: 1px solid var(--primary-border); */
}

/* .bill_payment_box ul li:last-child{
border-bottom: 0 solid var(--primary-border);
} */

.bill_payment_box ul li input {
accent-color: var(--theme-bg);
}

.bill_payment_box ul li label {
font-weight: 500;
display: flex;
align-items: center;
}

.bill_payment_box ul li label img {
max-width: 21px;
width: 100%;
margin-right: 8px;
border: 1px solid var(--primary-border);
padding: 4px 5px;
border-radius: 5px;
}

/***** Random CSS Is Here *****/

.slider {
display: none;
}

.slider.slick-initialized {
display: block;
}

button.spinner::before {
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 10px;
left: 0;
margin: 0 auto;
right: 0;
border: 3px solid rgba(255, 255, 255, .3);
border-radius: 50%;
border-top-color: var(--white-bg);
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
z-index: 9;
}

button.spinner::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--theme-bg);
border-radius: 5px;
}

.tooltip_trigger {
margin-left: 5px;
color: var(--gray-text);
font-size: 12px;
margin-bottom: -2px;
}

.tooltip_modal {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
max-width: 414px;
height: 100%;
background: rgb(0 0 0 / 50%);
margin: 0 auto;
z-index: 999;
display: none;
}

.tooltip_modal_inner {
max-width: 350px;
width: 100%;
background: #fff;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
}

.tooltip_modal_inner p {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
font-weight: 400;
color: var(--black-color);
padding: 10px 15px;
border-bottom: 1px solid var(--primary-border);
}

.tooltip_modal_inner ul {
list-style: none;
margin: 0;
padding: 5px 15px;
}

.tooltip_modal_inner ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 2px 0;
}

.tooltip_modal_inner ul li span {
font-size: 10px;
line-height: normal;
letter-spacing: 0;
font-weight: 400;
color: var(--black-color);
}

.tooltip_modal_inner>a {
text-align: center;
width: 100%;
display: block;
padding: 10px 10px;
box-sizing: border-box;
font-size: 12px;
line-height: normal;
letter-spacing: 0;
font-weight: 600;
color: var(--theme-bg);
border-top: 1px solid var(--primary-border);
}

body.hidden_scroll,
body.scroll_hidden {
overflow: hidden;
}

.update_cart_html .your_order_left_text {
text-align: left;
}

.update_cart_title {
padding: 10px 15px;
position: relative;
font-size: 14px;
font-weight: 600;
line-height: normal;
letter-spacing: normal;
border-bottom: 1px solid var(--primary-border);
}

.new_customization_trigger {
margin-top: 15px;
text-align: center;
width: 100%;
display: inline-block;
font-size: 12px;
line-height: normal;
font-weight: 600;
letter-spacing: normal;
color: var(--theme-bg);
}

.update_cart_html .your_order_inner {
overflow-y: auto;
max-height: 165px;
}

/* .fa-indian-rupee-sign{
font-size: 12px;
} */

/***** Media Query Is Here *****/

@media (min-width:575px) {}

@media(max-width:575px) {}

@media(max-width:375px) {}