/*
    version: 1.0.0_custom_axtj
    this file is custom class for axtj

    when copy to another project, will need to clear if not needed

 */

/* header.css */
body{
    height: 100%;
    background: var(--default-secondary-bg-color);
}
.homepage-countryCode .select2-container {
    width: 100%;
}
.homepage-countryCode .select2-container--default .select2-selection--single{
    height: calc(1.5em + 1.3rem + 2px)  !important;
}
.homepage-countryCode .select2-container--default .select2-selection--single {
    border: 0;
    background: #F6F6F6!important;
}
.homepageHeader {
    /* background-color: var(--default-bg-color); */
    position: fixed;
    z-index: 999;
    /* border-bottom: 1px solid #E6E6E6; */
    /* box-shadow: 0px 0px 10px #ddd; */
    width: 100%;
}
.homepage-header-container-1{
    background: #fff;
    border-bottom: 1px solid #E6E6E6;
    box-shadow: 0px 0px 6px #acacac;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.after-login-dropdown-btn{
    padding: 4px 10px;
    background: #f0f0f0;
    border-radius: 20px;
}
.announcement-bar2 {
    background-color: var(--footer-bg-color);
    color: #333;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
    overflow: hidden;
    height:38px; 
}

.announcement-wrapper2 {
    position: relative;
    height:38px; 
    overflow: hidden;
}

.announcement2 {
    position: absolute;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /* background-color: #ffeb3b; */
    color:var(--secondary-text-color);
    transition: transform 2s ease;
    font-size: var(--sm-text-size);
}

.homepageHeader1 {
    background-color: var(--tertiary-color);
    position: fixed;
    z-index: 999;
    border-bottom: 1px solid #E6E6E6;
    box-shadow: 0px 0px 10px #ddd;
    width: 100%;
}
.kt-sticky-toolbar {
    width: 55px
}
.headerMenu {
    width: 100%;
}

.dropbtn {
    /* background-color: var(--primary-background-color); */
    color: var(--primary-text-color);
    border: none;
    display: inline;
    letter-spacing: 0;
    font-size: var(--sm-text-size);
    cursor: pointer;
    font-weight: var(--default-font-weight-medium);
}

.dropbtn.active{
    color: var(--tertiary-text-color) !important;
}
.dropdown-content {
    /* min-width: 200px; */
    background: var(--secondary-bg-color);
    display: none;
    position: absolute;
    z-index: 1;
    right: -22px;
    top: 179%;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}

.showDropdown.open ~ .dropdownContent {
    display: block;
}

.dropdown-content:after, .dropdown-content:before {
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown-content:after {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: var(--secondary-bg-color);
    border-width: 15px;
    margin-left: -15px;
}


.dropdown-content p {
    margin-bottom: 0;
}

.dropdown-content a,
.dropdown-content p {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid var(--secondary-bg-color);
    width: 130px;
}

.dropdown-content a,
.dropdown-content p {
    border-bottom: none;
}

.dropdown-content a:hover,
.dropdown-content p:hover {
    background-color: var(--secondary-bg-color);;
}

.menuDropdownBtn {
    font-weight: 300;
    font-size: var(--sm-text-size);
    color: var(--primary-text-color);
    padding: 0;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
}

.homepageHeaderMobile {
    display: none;
    position: fixed;
    z-index: 999;
}

/* to handle the push down at side bar */
.account-items {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    background-color: #ffffff;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0px 3px 7px 0px #b3b3bc;
    display: none;
}

.account-items.show {
    display: unset;
    height: fit-content;
    padding: 12px 28px;
    position: absolute;
    z-index: 10;
    width: 70%;
    margin-top: 25px;
}
.header-padding-dropdown{
    padding-inline: 15px;
}
.drop-down-content:hover{
    color: var(--tertiary-text-color) !important;
}
.my-profile-drop-down-content {
    position: absolute;
    top: 100%;
    /* right: 0; */
    background-color: #ffffff;
    /* padding: 10px; */
    margin-top: 10px;
    border-radius: 10px;
    width: 170px;
    border: 1px solid #dfdbdb;
    box-shadow: 0px 3px 7px 0px #b3b3bc;
}
.my-profile-drop-down-content-name {
    line-height: normal;
    width: 100%;
    /* background: red; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-align: start;
}
.collapsing {
    transition: none;

}

.collapse {
    transition: none;
}

.drop-down-content {
    text-align: left;
    margin-bottom: 12px;
    font-size: var(--sm-text-size);
}

.topButton {
    background-color: var(--btn-primary-bg-color) !important;
    border-radius: 30px;
    padding: 6px 20px !important;
}

.header_menu_div {
    margin: auto 13px;
    text-align: center;
    position: relative;
}

#numberOfItemInCart, #numberOfItemInCart__mobile {
    position: absolute;
    top: -7px;
    right: -4px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

/* End of header.css */

/* homepage css  */
.homepageButton {
    min-width: var(--btn-width-short);
    border: unset;
    border-radius: var(--btn-border-radius);
    text-align: center;
    background: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
    font-size: var(--btn-font-size);
    padding: 8px;
}
.project-food-images{
    margin-right: -100px;
    z-index: 10;  
}
#food-section-1 {
    /* background: url(../images/project/bg-food.webp); */
    /* background-size: cover; */
    min-height: 600px;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
}
.homepage-section-1{
    background: var(--default-bg-color);
    min-height: 500px;
    position: relative;
   
}
.homepage-sec1-dexc{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 14px #00000029;
    min-height: 250px;
    max-width: 600px;
    border-radius: 50px;
    /* padding: 40px; */
}
.img-bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 330px;
    width: 50%;
}
#signIn-dialArea .select2.select2-container{
    width: -webkit-fill-available; 
}
.img-food{
    /* width: 440px; */
}
.img-food-bg{
    /* width: 500px; */
}
.phone-img{
    width: 80%;
}
.phone-mobile-view{
    width: 70%;
}
.transparent-bg{
    background: transparent;
}
.sec-2-text-bg {
    background: #FFF9F9 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 34px;
    padding: 30px;
    z-index: 4;
}
.sec-2-desctoption-outer{
    margin-top: -90px;
}
.sec2-img-bg {
    position: absolute;
    bottom: -50px;
    left: -87px;
    width: 300px;
}
.sec-3-img-bg{
    position: absolute;
    bottom: -100px;
    right: 0;
    width: 250px;
    z-index: 3;
}
.sec-4-img-bg {
    position: absolute;
    bottom: -160px;
    left: -53px;
    width: 200px;
    z-index: 3;
}
.sec-5-img-bg{
    position: absolute;
    bottom: -100px;
    right: -10px;
    width: 200px;
    z-index: 3; 
}
.sec2-img-bg-mobile {
    position: absolute;
    bottom: -59px;
    left: -27px;
    width: 132px;
    z-index: 3;
}
.g1-img {
    position: absolute;
    width: 79px;
    bottom: 12%;
    right: 8.5%;
}
.g1-img-mobile {
    position: absolute;
    width: 10%;
    bottom: 10%;
    right: 9%;
}
.g2-img {
    width: 80px;
    position: absolute;
    bottom: 10%;
    right: 8.5%;
}
.g2-img-mobile {
    width: 9%;
    position: absolute;
    bottom: 9%;
    right: 10%;
}
.food1 {
    position: absolute;
    top: -56px;
    right: 39px;
    width: 150px;
}
.food1-mobile{
    position: absolute;
    top: -34px;
    right: 12px;
    width: 80px;
}

/* .sec-2-bg{
    background: url('../images/project/Group 29293.webp');
    height: 266px;
    background-repeat: no-repeat;
    background-size: cover;
} */
.tertiary-text-color{
    color:var(--tertiary-text-color);
}
.homepage-title {
    font-size: 48px;
    line-height: 50px;
}
.faq-card.card .card-header {
    border-bottom: 0;
    background: none;
}
.mainVideo-player iframe{
    width: 100%;
    height: 100%;
}
.collapse.show ~ .card-header {
    padding-bottom: 0 !important;
}
.faq-card.card {
    background-color: transparent;
    border-bottom: 1px solid #000;
    border-radius: 0;
}
.faq-answer{
    background: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-bottom: 0;

}

.text-box-homepage{
    background-color: var(--secondary-bg-color);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 34px;
    z-index: 4;
}
.our-service-title{
    background-color: var(--primary-color);
    border-radius: var(--btn-border-radius);
    /* width: min-content; */
    padding-inline:20px;
    z-index: 2;
    box-shadow: 0px 3px 6px #00000029;

}
.our-service-title2{
    background-color: #FFF9E8;
    border-radius: var(--btn-border-radius);
    /* width: min-content; */
    padding: 10px;
    padding-inline:20px;
    margin-top:-5px;
    box-shadow: 0px 3px 6px #00000029;

}
.card-homepage{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 15px #00000042;
    border-radius: 19px;
    padding-top: 50px !important;
    width: 100%;
}
.card-outer-container{
    position: relative;
    padding-top: 80px !important;
    margin-top: 10px;
}
.sec-5-img{
    position: absolute;
    top: 0;
    height: 120px;
}
.deliveryFee-subtitle {
    background: #FFC154;
    text-align: center;
    color: #000000;
    padding-inline: 10px;
    box-shadow: 0px 3px 15px #0000004D;
    border-radius: 13px;
    max-width: 80%;
    padding-top: 10px;
    padding-bottom: 7px;
    margin-bottom: -20px;
    z-index: 2;
    padding-inline: 20px;
    font-weight: 900;
    line-height: normal;
    text-wrap: pretty;
}
.deliveryFee-content-red {
    background: var(--primary-color);
    box-shadow: 0px 3px 15px #0000004D;
    border-radius: 13px;
    text-align: center;
    color: var(--secondary-text-color);
    width: fit-content;
    padding-inline: 35px;
    padding-top: 5px;
    padding-bottom: 2px;
    min-height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-wrap: balance;
    margin-bottom: 6px;
}
.deliveryFee-content-grey {
    background: #474747;
    border: 1px solid #707070;
    border-radius: 9px;
    text-align: center;
    color: var(--secondary-text-color);
    width: fit-content;
    padding-inline: 30px;
    padding-top: 5px;
    padding-bottom: 2px;
    min-height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-wrap: balance;
    margin-bottom: 6px;
}
.deliveryFee-content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 15px #0000004D;
    border-radius: 21px;
    max-width: 100%;
    padding-inline: 10px;
    width: 433px;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.font-lg-mid{
    font-size: 20px;
}
.dashed-line {
    border: none; /* Remove any default borders */
    height: 4px; /* Line thickness */
    width: 100%;
    background-image: linear-gradient(to right, #0000004D 30%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 20px 3px; /* Controls the width and the gap */
    background-repeat: repeat-x;
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    background: #000;
    border-radius: 15px;
}
.video-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.title-tutorial {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
/* end of homepage css */

/* Homepage */

/* My Cart */
.section.checkoutBg {
    padding-bottom: 0;
    /* padding-top: 70px !important; */
}
.cartTitle{
    color: var(--primary-text-color);
    font-weight: var(--default-font-weight-thick);
}
.addtoCartSection{
    background-color:var(--secondary-bg-color)

}
.continueShopping{
    font-size: 15px;
    text-decoration: underline;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.cartListing-table{
    text-align: center;
}
.cartListing-table thead th{
    font-size: var(--listing-header-text-size);
    font-weight: var(--default-font-weight-thin);
    color: var(--listing-header-child-color);
}

table.cartListing-table thead > tr > th {
    padding: 15px 0px !important;
    border-bottom: var(--default-border);
    border-bottom-width: 2px;;
    
}
.cartitem-img{
    width: 120px;
}
.confirm-order-cartimg{
    width: 120px
}
table.cartListing-table tbody > tr > td {
    padding: 0px 20px !important;
}

table.cartListing-table tbody#cartItemsBody > tr > td  {
    padding: 10px 20px !important;
}
.cartItems{
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.price-per-item{
    text-align: right;
}
table.cartListing-table tbody{
    border-bottom: var(--default-border);
    border-bottom-width: 2px; 
}
.delete-img{
    height: 20px;
    cursor: pointer;
}
.cart-quantity{
    text-align: left;
}
.cart-quantity-control button{
    border: none;
    background: none;
    font-weight: var(--default-font-weight-thin);
    
}
.cart-quantity-control {
    border: 1px solid #00000092; 
    border-radius: var(--input-border-radius);
    width: max-content;
    padding-inline: 10px;
    background-color: var(--default-bg-color);
}
.cart-quantity-control span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    font-size: var(--sm-text-size);
    font-weight: var(--default-font-weight-thin);
}
.deleteBtn-img{
    width: 50px;
    height: 50px;
}
.cartItem-description {
    text-align: left;
    gap: 5px;
    display: flex;
    flex-direction: column;
}
.cart-total-price {
    display: flex;
    justify-content: end;
    padding: 30px 10px;
}
.total-price-display {
    font-size: var(--lg-text-size);
    font-weight: var(--default-font-weight-thin);
    padding: 10px 0;
}
.total-price-display-payment-summary {
    padding: 0 10px;
}
/* Basic styles for tabs and content */
.tab-nav {
    display: flex;
    border-bottom: 2px solid #ccc;
}

.tab-button {
    background: #f1f1f1;
    border: 1px solid var(--btn-disabled-bg-color);
    padding: 10px 20px;
    border-bottom: 0;
    cursor: pointer;
    margin-right: 5px;
}
.tab-button.active {
    /* background: #ddd; */
    /* font-weight: bold; */
    background: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
}
.tab-content-pd {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
    min-height: 350px;
    align-items: center;
    align-content: center;
}
.tab-content-pd.active {
    display: block;
}


.total-amount-display,.final-amount-display{
    font-size: var(--lg-text-size-text);
    font-weight: var(--default-font-weight-thick);
}
.total-amount-display-p-s{
    font-size: var(--sm-text-size);
}
.amount-display span{
    font-size: var(--sm-text-size);
}
.total-container{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: end;
}
.submitBtn button{
    border: none;
    background: none;
    color: var(--btn-primary-text-color);
    font-size: var(--btn-font-size);
}
.submitBtn {
    width: var(--btn-width-long);
    text-align: center;
    padding: 5px;
    background: var(--btn-primary-bg-color);
    border: 2px solid var(--btn-primary-bg-color);
    cursor: pointer;
}

/* .submitBtn:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.submitBtn:hover button {
    color: var(--secondary-text-color);

} */

/* .total-amount-section{
    height: 100%;
} */
.discountText{
    font-size: 13px;
    margin-right: 5px;
    color: grey;
    font-weight: 300;
}

#confirmDeleteItem #deleteBtn , #stockLimitExceedModal .confirmbtn,#unavailableItemsModal .confirmbtn{
    background: var(--btn-primary-bg-color);
    /* border: 2px solid var(--tertiary-color); */
    font-size: var(--btn-font-size);
    color: var(--btn-primary-text-color);
}
/* #confirmDeleteItem #deleteBtn:hover ,#stockLimitExceedModal  .confirmbtn:hover, #unavailableItemsModal .confirmbtn:hover{
    background-color: #fff;
    color: var(--tertiary-color);
} */
/* #confirmDeleteItem #cancelBtn{
    color: #000;
    background-color: white !important;
    border: 1px solid rgba(128, 128, 128, 0.587);
    font-size: var(--btn-font-size);
} */
.warning-img{
    height: 100px;
    margin-bottom: 10px;
}
.delete-modal-title{
    font-weight: var(--default-font-weight-thick);
    font-size: var(--md-text-size);
    padding: 10px;
}
.delete-modal-description{
    font-weight: var(--default-font-weight-thin);
    font-size: var(--sm-text-size);
}
.not-avaliable-body{
    opacity: 0.5;
}
.max-quantity-reached{
    opacity: 0.5;
}

/* Product Listing */
.tab-btn-details.active{
    border-bottom: 3px solid var(--primary-color);
}
.page-content-div {
    background-color: var(--primary-bg-color);
    margin-top: 120px;
    padding-block: 40px;
    /* padding-inline: 50px; */
    min-height: 80%;
}

.product-info-detail-list {
    font-size: var(--lg-text-size);
}

.product-price-list {
    font-size: var(--lg-text-size);
}

.product-info-div img {
    width: 100%;
    /* height: 200px; */
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.product-list-inner-div img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.product-list-inner-div {
    padding: 10px;
    border-radius: var(--btn-border-radius);
    border: var(--default-border);
    padding-inline: 0;
}

.product-view--select-div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.grid-view-select-div, .list-view-select-div {
    background-color: var(--default-bg-color);
    padding: 8px;
    text-align: center;
    border-radius: 3px !important;
    /* margin-left: 5px;
    margin-right: 5px; */
    border: var(--default-border);
    cursor: pointer;
}

.search-filter-div {
    position: relative;
}

.filter-btn-div {
    position: absolute;
    top: 7px;
    right: 17px;
    background: none;
    border: none;
}

.search-filter-div input {
    background-color: var(--default-bg-color);
    border-radius: var(--input-border-radius);
    padding: 5px;
    padding-left: 20px;
    width: 100%;
}

.search-filter-div .select2-selection {
    display: none;
}

.product-category-list {
    padding-right: 30px;
    margin-bottom: 10px;
}

.product-filter {
    cursor: pointer;
}
.product-filter:hover{
    color: var(--primary-color);
    font-weight: var(--default-font-weight-thick);
}
a.language-btn:hover{
    color: var(--tertiary-text-color)!important;
    font-weight: var(--default-font-weight-thick);
}
a:hover{
    color: var(--tertiary-text-color)!important;
}
/*
 CSS for the main interaction
*/
.tabset-btn > input[type="radio"] {
position: absolute;
left: -200vw;
}

.tabset .tab-panel {
/* display: none; */
}
.tabset-btn {
    display: flex;
    margin-bottom: -1px;
    overflow-x: auto;
    width: 100%;
    z-index: 10;
    overflow-y: hidden;
}
.tabset-btn::-webkit-scrollbar {
    
    height: 3px;
}

.tabset-btn::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background color of the scrollbar track */
}

.tabset-btn::-webkit-scrollbar-thumb {
    background: var(--primary-color); /* Background color of the scrollbar thumb (the draggable part) */
    border-radius: 10px; /* Rounded corners of the scrollbar thumb */
}

.tabset-btn::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color); /* Color of the scrollbar thumb when hovered */
}


/* 
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
display: block;
} */

.tabset-btn > label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    text-wrap: nowrap;
}

/* .tabset > label::after {
content: "";
position: absolute;
left: 15px;
bottom: 10px;
width: 22px;
height: 4px;
background: #8d8d8d;
} */

input:focus-visible + label {
outline: 2px solid rgba(0,102,204,1);
border-radius: 3px;
}

.tabset-btn > label:hover,
.tabset-btn > input:focus + label,
.tabset-btn > input:checked + label {
color: var(--primary-color);
}

.tabset-btn > label:hover::after,
.tabset-btn > input:focus + label::after,
.tabset-btn > input:checked + label::after {
background: #06c;
}

.tabset-btn > input:checked + label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    background: #fff;
}
.tab-panel {
padding: 30px 0;
border-top: 1px solid #ccc;
}

.product-filter.active {
    font-weight: bold;
    color: var(--primary-color);
}

.product-category-list .product-separator:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: var(--default-border);
    border-bottom-width: 2px;
}

.product-info-div {
    cursor: pointer;
    background-color: var(--default-bg-color);
    border: var(--default-border);
    border-radius: var(--default-border-radius);
}

.product-info-detail {
    font-size: var(--xs-text-size);
    /* margin-block: 10px; */
    height: 100px;
    padding: 15px;
    overflow: auto;
}

.product-info-detail {
    max-height: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
    padding-bottom: 0 !important;
}

.product-info-detail p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-price {
    font-weight: 500;
    font-size: var(--xs-text-size);
}

.price-filter-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 15px;
}
.price-filter-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
}

.price-filter-dropdown .select2-container {
    width: fit-content!important;
}

.prod-pager-div i {
    color: var(--tertiary-text-color);
}

.prod-pager-div .page-item.active {
    background: transparent;
    color: var(--tertiary-color)!important;
}

.prod-pager-div .page-item.active:hover {
    color: var(--tertiary-color)!important;

}

.prod-pager-div .page-item.active .page-link {
    color: var(--tertiary-color)!important;

}

.prod-pager-div .page-item.active .page-link:hover{
    color: var(--tertiary-color)!important;

}

.prod-pager-div .page-item {
    width: unset;
    height: unset;
}

/* End of Product Listing */

/* Product Details */
.product-description {
    font-size: var(--xl-text-size);
    font-weight: 500;
    color: var(--fourth-text-color);
}

.product-flex-container {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.social-media-share-btn {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.product-price-details {
    font-size: var(--lg-text-size);
    font-weight: 500;
}

.product-price-strike {
    font-size: var(--md-text-size);
    font-weight: 500;
    color: var(--fourth-text-color);
    text-decoration: line-through;
}

.product-attr-label {
    font-size: var(--default-text-size);
    color: var(--fourth-text-color);
    font-weight: 500;
}

.product-purchase-btn {
    background-color: var(--btn-secondary-bg-color);
    color: var(--primary-text-color);
    font-size: var(--btn-font-size);
    border: var(--default-border);
    border-radius: var(--btn-border-radius);
    width: var(--btn-width-long);
    padding: 8px;

}

.add-cart-btn {
    background-color: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
    font-size: var(--btn-font-size);
    border: none;
    border-radius: var(--btn-border-radius);
    width: var(--btn-width-long);
    padding: 8px;

}

.product-introduction-div {
    color: var(--primary-text-color);
    background-color: var(--default-bg-color);
    width: fit-content;
    text-align: center;
    font-weight: 600;
    padding: 10px;
    font-size: var(--md-text-size);
    padding-inline: 40px;
}

.product-introduction-details {
    background-color: var(--default-bg-color);
    font-size: var(--md-text-size);
    padding: 50px;
}

.proudct-intro-title {
    font-size: var(--lg-text-size);
    font-weight: 600;
}

.product-info-unclickable {
    cursor: not-allowed!important;
    background-color: #9d9d9d;
    /* pointer-events: none; */
}

.product-attribute {
    background: var(--btn-secondary-text-color);
    border: var(--button-border);
    padding: 5px 15px;
    border-radius: var(--input-border-radius);
    cursor: pointer;
}

.product-attribute.no-stock {
    /* background-color: #b3b3b352; */
    cursor: not-allowed;
    /* pointer-events: none; */
    opacity: 0.4;
}

.product-attribute.active {
    /* background-color: var(--filter-input-bg-color); */
    border-color: var(--tertiary-color);
    border-width: 2px;
}

.cookvideo iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 800px;
}
.product-details-card-header{
    background: none;
    border: none;
}
.product-details-card.card{
    border-bottom: 1px solid var(--primary-color);
    border-radius: 0;
}
.product-image-display {
    width: 100%;
    /* height: 350px; */
    object-fit: cover;
    aspect-ratio: 1/1;
}
.product-image-card-div {
    max-width: unset;
    flex: 0 0 0;
}
.product-image-card-div img:hover{
    border: 2px solid var(--tertiary-color);
}

.product-image-card-div img.active {
    border: 2px solid var(--tertiary-color);
}

#canvasCloseBtn, #canvasYesBtn{
    background: var(--btn-primary-bg-color);
    /* border: 2px solid var(--tertiary-color); */
    font-size: var(--btn-font-size);
    color: var(--secondary-text-color);
    width: 100%;
}

/* End of Product Details */
/* End of review - order */

/* Start of confirm - order */
.cart-item-container{
    max-width: 100% !important;
}

.total-amount-section.confirm-Order-sec{
    height: unset ;
}

.login-text{
    cursor: pointer;
  
}
.order-login-text {
    font-size: var(var(--md-text-size));
    font-weight: var(--default-font-weight-thick);
  
    align-content: center;
}

.order-confirm-title{
    font-weight: var(--default-font-weight-bold);
}
.order-confirm-title-inner {
    font-weight: var(--default-font-weight-thick);

}
.requiredfield-reminder{
    color: var(--error-color);
}

.payment-option-outer{
    background: var(--primary-bg-color);
    /* border: var(--default-border); */
    justify-content: end;
}
.border-line-mobile{
    border-right: 2px solid #dadada;
}
#payment-method-option-container{
    border-bottom: var(--default-border);
}

.payment-method-option ,.dev-method-option {
    padding: 10px;
    background: #fff;
    /* border: var(--default-border); */
    cursor: pointer;
}
.payment-method-option label , .dev-method-optio label{
  margin-bottom: 0;
  
}

#payment-summary-container .total-price-display-inner{
    font-size: var(--sm-text-size);
    /* font-weight: var(--default-font-weight-bold); */

}

.payment-method-option.active , .address-option-selection.active label ,.bill-address-option-selection.active label , .dev-method-option.active ,.selfpickup-radio.active label{

    border: 1px solid var(--tertiary-color);
    background: #ffe0e0;

}
.custom-radio-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px; /* Adjusted font size */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dev-radio-container {
    margin-bottom: 0px;
    line-height: 20px;
}
  

.custom-radio-container.dev-radio-container  .checkmark {
    position: absolute;
    top: auto;
    left: 5px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid grey;
    box-sizing: border-box;
}
.price-per-item{
    width: 33%;
}

.custom-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio-container .checkmark {
    position: absolute;
    top: 8px;
    left: 5px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid grey;
    box-sizing: border-box;
}
.custom-radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 2.6px;
    left: 2.7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.custom-radio-container.address-radio-group .checkmark {
    position: absolute;
    top: 45%;
    left: 15px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid grey;
    box-sizing: border-box;
}

.address-text{
    margin-left: 25px;
}

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

.custom-radio-container input:checked ~ .checkmark {
    background-color: red;
    border: 1px solid red;
}

.delivery-fee-section{
    border-bottom: var(--default-border);
    border-bottom-width: 2px;

}

.total-payment-price , .total-delivery-fee {
    height: max-content;
}

.confirm-order-quantity{
    position: absolute;
    right: 0;
    top: -5px;
    /* padding-top: 0; */
    background: red;
    /* padding: 5px; */
    border-radius: 50%;
    height: 20px;
    font-size: 11px;
    width: 20px;
    color: #fff;
    padding-top: 3px;
}

.confirm-order-section.kt-container{
    height: max-content !important;
    max-width: unset !important;
}

.cart-form-details{
    /* padding-left: 80px; */
    /* margin-top: 74.25px; */
}

.cart-item-details{
    /* padding-right: 60px; */
    /* margin-top: 80px; */
}

.comfirm-order-section{
    padding-right: 0;
}

.delivery-option label{
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-confirm-select2 .select2-container{

    width: 100% !important;
}

.order-confirm-select2 .selection{
    width: 100%;
}
.order-confirm-select2.phone-select2 .select2-container{
    width: 33% !important;
}
.order-confirm-select2 .select2 .selection .select2-selection {
    height: calc(1.5em + 1.3rem + 3px) !important;
    /* border: 1px solid #e2e5ec !important; */
    background-color: var(--input-bg-color);
}

.order-confirm-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
    left: auto;
    height: 26px;
    position: absolute;
    top: 21px;
    width: 20px;
    right: 10px;
}

.order-confirm-select2 .select2-container--default .select2-selection--multiple .select2-selection__arrow:before, .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: "";
    content: "▾";
    font-size: 23px;
}
.checkout-as-row .select2.select2-container {
    width: 100% !important;
}

.order-confirm-select2 .select2-results{
    position: unset;
}

.order-confirm-select2 .select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}


.order-confirm-select2  .select2-results {
    overflow: hidden;
}

.phone-confirm-input-field {
    width: calc(100% - 100px) !important;
}

.payment-method-img{
    height: 25px;
}
.total-amount-display.total-price-display-inner{
    font-weight: var(--default-font-weight-thick);

}

.confirmOrderCheckbox {
    min-height: 18px;
    min-width: 18px;
}
.order-confirm-select2.phone-select2 .select2 .selection .select2-selection {
    /* height: calc(1.5em + 1.3rem);
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; */
}
.confirm-order-phonr .select2-container {
    width: 100% !important;
    height: calc(1.5em + 1.3rem + 3px);
}
.order-confirm-group .phone-confirm-input-field{
    width: 66.4% !important;
    height: calc(1.5em + 1.3rem + 3px);
}
.phone-confirm-input-field {
    width: calc(100% - 100px - .25rem) !important;
    /* border-left: unset;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; */
    height: calc(1.5em + 1.3rem + 3px);
}
.phone-confirm-input-field:focus {
   /* border: none; */
}
#firstPhoneDIV.is-invalid , #secondPhoneDIV.is-invalid{
    position: relative;
    border: 1px solid #fd397a !important;
    border-radius: 4px !important;
    padding-right: calc(1.5em + 1.3rem);
}
#firstPhoneDIV.is-invalid:after , #secondPhoneDIV.is-invalid:after {
    position: absolute;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    right: 9px;
    /* height: 10px; */
    width: 20px;
    top: 10px;
}

#firstPhoneDIV.is-invalid:after , #secondPhoneDIV.is-invalid:after{
    position: absolute;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");;
}

#firstPhoneDIV.colorTest , #secondPhoneDIV.colorTest{
    border:1px solid #7380fc;
    border-radius: 4px;
}

.checkout-option-title{
    font-size: 25px;
    font-weight: var(--default-font-weight-bold);
}
.sign-in-btn .confirm-page-sign-in{
    background: var(--btn-primary-bg-color)!important;
    border: 2px solid var(--btn-primary-bg-color)  !important;
    padding: 5px  !important;
    font-size: var(--btn-font-size)  !important;
    font-weight: var(--default-font-weight-thick);
    color: white;
}

.checkout-option-revealPasswordBtn {
    position: absolute;
    right: 0;
    top: 17px;
    transform: translate(-60px, 140%);
    border: none;
    background-color: transparent;
}


/* .sign-in-btn:hover .confirm-page-sign-in{
    color: var(--tertiary-color);
    background: #fff !important;

} */
/* End of confirm - order */


/* Start of payment page */

.payment-info-container{
    background: #fff;
    border: 2px solid #8080803b;
    width: 100%;
}

.payment-img{
    height: 150px;

}


.payment-text-inner{
    color: var(--fourth-text-color);
    /* #5c5c5c; */
}


.payment-info-container-inner  {
    padding: 40px;
    padding-inline: 60px;
}

/* .payment-info-title{
    font-size: 15px;
    margin-bottom: 20px;
} */

.payment-info-title-2{
    margin-top: 30px;
}

.image-box {
    height: 250px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--secondary-bg-color);
    cursor: pointer;
    padding-inline: 0;
    padding: 10px;
    background: var(--secondary-bg-color);
}

.pdf-img{
    height: 150px;
    padding: 20px;
}
.image-box:hover{

    border-color: var(--primary-color); 
    color:var(--primary-color); 
}
.image-box:hover .inner-text{
    color:var(--primary-color); 

}
.image-box:hover .pdf-img{
    fill:var(--primary-color); 

}
.imgPage{
    width: 100%;
}
.inner-text{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: pre-line; */
    word-break: break-all;
    line-height: 1.3rem;
    text-wrap: wrap;
    padding-inline: 10px;
}
.upload-container {
    width: 300px;
    height: 300px;
    border: 2px dashed #ccc;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}
.upload-container.dragover {
    border-color: #2196F3; /* Change border color when dragging over */
}

.manual-transfer-img{
    width: 150px;
}
.payment-text {
    font-weight: var(--default-font-weight-bold);
    margin-left: 30px;
    width: 50%;
}

.cartTitle i{
    cursor: pointer;
    margin-right: 0.2rem;
}
.clickable-upload{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.upload-receipt-title {
    font-weight: var(--default-font-weight-bold);
    margin-top: 10px;
    margin-bottom: 10px;
    width: max-content;
    padding: 5px;
    padding-inline: 40px;
    border: 1px solid grey;
    border-radius: 10px;
}

.receiptName-input {
    background-color: #fff !important;
    border: 2px solid #8080803b;
    padding-inline: 10px;
    cursor: pointer;
}


.upload-container {
    margin-bottom: 10px;  
}

#submitReceiptBtn.submitBtn{
    margin-top: 10px;
}

.delete-recript-img{
    height: 20px;
    position: absolute;
    right: 10px;
    width: max-content;
    bottom: 10px;
    fill: red;
    cursor: pointer;
}

.uploaded-img-container{
    position: relative;
}

.receipt-preview-img{
    width: 100%;
}

.qr-scan-img{
    height: 230px; 
}

.receipt-success-modal-title {
    font-size: 25px;
    font-weight: var(--default-font-weight-bold);
    margin: 10px;
    margin-inline: 0;
}
.sucess-reseipt-img{
    height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.receipt-success-modal-descirption {
    font-weight: var(--default-font-weight-thick);
    font-size: 16px;
}
#submitSuccess .payment-modal-closeBtn {
    background: var(--btn-primary-bg-color);
    border: 2px solid var(--tertiary-color);
    font-size: var(--btn-font-size);
    color: #fff;
    /* padding-bottom: 0; */
}
#submitSuccess .payment-modal-closeBtn:hover {
    background-color: #fff;
    color: var(--tertiary-color);

}

#submitSuccess  .modal-footer {
/* padding-bottom: 20px; */
}

#submitSuccess .modal-header{
    padding: 0px 20px;

}

#status-table {
    border-collapse: collapse; /* Ensures borders don't collapse */
    border: none;              /* Remove border from the table itself */
    font-size: var(--md-text-size);
}

#status-table th, #status-table td {
    border: none; 
    color:#000;
}
.uploadReceipt-img{
    width: 140px;
}

.total-price-display-inner{
    font-size: 25px;
    font-weight: var(--default-font-weight-bold);
}

.final-amount-display.total-price-display-inner{
    font-weight: var(--default-font-weight-thick);
}

.mobile-angle-back{
    font-size: var(--xl-text-size);
    padding: 0% 8% 0% 8%;
    display: none;
    cursor: pointer;

}
.mobile-hide-payment{
    display: unset;
}
.web-hide-payment{
    display: none;
}

.mobile-angle-back-css{
    display: none;
}

.web-angle-back-css{
    display: unset;
}

.normal-angle-back,.web-angle-back{
    font-size: var(--xl-text-size);
    display: unset;
    cursor: pointer;
}

#image-preview-container {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #8080803b;
    padding: 2px;
    margin-bottom: 10px;
}
#image-preview-container .upload-receipt {
    max-height: 296px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.image-preview-inner-container{
    position: relative;
}

  /* Basic styling */
    /* .promo-section {
        margin: 20px;
    } */
    .promoInputSection {
        display: none;
        margin-top: 10px;
    }
    .promo-code {
        display: flex;
        align-items: center;
        margin-top: 5px;
        border: 1px solid #00b900;
        background : #f0ffee;
        padding:10px;
        margin-right:10px;
        margin-bottom:10px;
        border-radius: 10px;
        padding-inline: 20px;
    }
    .promo-code input {
        margin-right: 5px;
    }
   
    .deletebtn{
        color: red;
    }
    .promoIcon{
        width: 20px;
        aspect-ratio: 1/1;
        fill: #00b900 !important;
    }
    .discount-price{
        font-size: 14px;
        color:red;
    }
    .discount-code{
        
    }

.image-delete-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    background: #9d9b9b;
}
/* End of payment page */

/* Start of Login Page */
#userPhone {
    color: rgb(167, 94, 0) !important;
}

.login-container{
    /* padding-left: 80px; */
    /* padding-right: 100px; */
}

.login-container-form{
    padding-left:80px;
    padding-right:40px;
}
.login-container-form-css{
    background-color: var(--default-bg-color);
    box-shadow: 0px 3px 10px #00000029;
    max-width: 1000px;
    min-height: 400px;
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px;

}
.resetPassword-container-form-css{
    background-color: var(--default-bg-color);
    box-shadow: 0px 3px 10px #00000029;
    max-width: 600px;
    min-height: 400px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
.food-reset-1 {
    max-width: 200px;
    position: absolute;
    bottom: -18%;
    left: -10%;
}
.food-reset-2{
    max-width: 200px;
    position: absolute;
    top: -10%;
    right: -10%;

}
.sign-up-left-img {
    max-width: 400px;
    margin-left: -35%;
    z-index: 2;
}
.sign-up-left-img-mobile{
    max-width: 300px;
    margin-left: 0;
    z-index: 2;
}
.left-text-box{
    position: absolute;
    /* height: 100px;
    width: 50%; */
    box-shadow: 0px 3px 10px #0000001A;
    border-radius: 34px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: column;
    padding-inline: 30px;
    padding: 10px;
    width: 85%;
}
.left-text-box-mobile{
    box-shadow: 0px 3px 10px #0000001A;
    border-radius: 34px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: column;
    padding-inline: 30px;
    padding: 10px;
    width: 85%;
}
.left-text-box div{
    font-size: var(--lg-text-size);
    font-weight: var(--default-font-weight-bold);
}
.sign-up-text {
    position: absolute;
    left: 17%;
    /* top: 15%; */
    transform: translate(0, 50%);
}
.sign-up-text div {
    font-size: var(--xl-text-size);
    line-height: 42px;
}
.login-img-container img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.signup-img-container img {
    width: 100%;
    min-height: 100vh;
    object-fit: cover;
    height: 100%;
}

.tab-separator {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 15px; /* Adjust spacing around the separator */
    height: 24px; /* Adjust as needed */
    position: relative;
}

.tab-separator::before {
    content: '';
    /* position: absolute; */
    width: 100%;
    height: 1px;
    background-color: #ccc;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    padding: 0;
    margin: 0;
}

.tab-separator .or-text {
    position: absolute;
    left: 50%;
    background-color: #ffffff;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    transform: translateX(-18px);
}
.ellipse-img-1 {
    position: absolute;
    left: -12%;
    top: 0;
    transform: translate(10px, 10px);
}
.ellipse-img-2{
    position: absolute;
    right: -12%;
    bottom: 0;
    transform: translate(10px, 10px);
    
}
.ellipse-img-1-signup {
    position: absolute;
    left: -12%;
    bottom: 0;
    transform: translate(10px, 10px);
}
.ellipse-img-2-signup{
    position: absolute;
    right: -12%;
    top: 0;
    transform: translate(10px, 10px);
}
.lofin-form .form-control{
    background-color: #F3F3F3 !important;
    border: 0;
    border-radius: 30px;
    padding-inline: 20px;
}
.lofin-form .form-control#phoneNo{
    border-top-left-radius:0;
    border-bottom-left-radius: 0;
    margin: 0 !important;
}
.lofin-form  .select2-container--default .select2-selection--single .select2-selection__rendered{
    background-color: #F3F3F3 !important;
    border: 0;
    border-radius: 30px;
    border-top-right-radius:0;
    border-bottom-right-radius: 0;
    padding-left: 20px;
}
.lofin-form  .select2-container--default .select2-selection--single{
    border: 0;
}
.sign-up-text2{
    top: 17%;
}
.link-text{
    color: #2FA9E8;
}
.short-width-text{
    width: 80%;
} 
.container2 {
    background-color: rgba(30, 30, 30, 0.8);
    padding: 3rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 400px;
    width: 100%;
}

.otp-input {
    display: flex;
    justify-content: center;
    /* margin-bottom: 2rem; */
}
.otp-input input {
    width: 60px;
    height: 60px;
    margin: 0 12px;
    text-align: center;
    font-size: 1.5rem;
    border: 2px solid #ffffff;
    border-radius: 12px;
    background-color: #F5F5F5;
    color: #000000;
    transition: all 0.3s ease;
    background: #F3F3F3 0% 0% no-repeat padding-box;
}
.otp-input input:focus {
    border-color: #5e5e5e;
    /* box-shadow: 0 0 0 2px rgba(40, 40, 40, 0.3); */
    outline: none;
}
.otp-input input::-webkit-outer-spin-button,
.otp-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.otp-input input[type=number] {
    -moz-appearance: textfield;
}
.productDetails-description {
    font-family: "MainFont", "Konnect", sans-serif !important;
    color: var(--primary-text-color) !important;
    font-size: var(--md-text-size) !important;
    display: block;
    unicode-bidi: isolate;
    font-weight: 300;
    line-height: 1.5;
}

#timer {
    font-size: 1rem;
    color: #A556F6;
    font-weight: 500;
    margin-left: 10px;
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
.expired {
    animation: pulse 2s infinite;
    color: #ff4444;
}
/* .resend-text {
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #b0b0b0;
}
.resend-link {
    color: #6665F1;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}
.resend-link:hover {
    color: #A556F6;
    text-decoration: underline;
} */
#email {
    /* color: #A556F6; */
    font-weight: 500;
}
@media (min-width:300px) and (max-width: 767px) {
    .section.checkout-items{
        padding: 0 !important;
    }
    .cartItem-description {
       
        margin-top: 10px;
    }
    .padding-0-mobile{
        padding: 0;
    }
    .margin-0-mobile{
        margin:0;
    }
    .signup-img-container img {
        display: none;
    }

    .login-img-container img {
        display: none;
    }

    .login-container{
        margin-top: 30px;
    }

    .loginTitle{
        text-align: center !important;
        margin-top: 25px;
    }

    .login-container-form {
        padding-left: 40px;
        padding-right: 40px;
        padding:20px;
    }
    .login-container-form-css {
        background-color: var(--default-bg-color);
        box-shadow: 0px 3px 10px #00000029;
        max-width: 1000px;
        min-height: 400px;
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }
    .form-logo{
        width:200px !important; 
    }
    .mobilel-logo-header-css{
        display: flex;
        justify-content: center;
    }
    .product-info-detail p , .mobile-font-tune,.product-price span{
        font-size: 20px !important;

    }
    .product-introduction-details {
        padding: 25px;
    }
    .product-info-detail {
        max-height: 6.5rem;
     
    }
    table.cartListing-table tbody#cartItemsBody > tr > td {
        padding: 10px 10px !important;
    }
    table.cartListing-table thead > tr > th{
        padding: 10px 10px !important;
    }
    .mobile-product-title{
        width: 10% !important;
    }
}

.form-logo{
    width:240px; 
    cursor:pointer;
}

.loginTitle{
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 6px;
}

.sign-in-btn button {
    background-color: var(--btn-primary-bg-color);
    color: white;
    border: 0;
    font-size: var(--content-description);
    font-weight: 300;
    padding: 10px 0px;
}

.revealPasswordBtn {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-70px, 230%);
    border: none;
    background-color: transparent;
}

.check-box-container {
    display: flex;
    align-items: flex-start;
    color: var(--secondary-font-color);
    font-weight: 150;
}

.check-box-container span {
    line-height: 1;
    font-weight: 300;
    font-size: 15px;
}

.check-box-container a:hover {
    text-decoration: underline!important;
}

.customCheckBox{
    width: unset;
    height: unset;
    margin-right: 10px;
    margin-top: 3px;
}

.check-box-container a {
    line-height: 1.2;
    color: var(--primary-color) !important;
}

#contactUs .select2-selection__rendered{
    line-height: 22px !important;
}

/* End of Login Page */

/* Start of homepage */
.block {
    position: absolute;
    left: 0;
    top: 0;
}
.slidercaptcha {
    margin: 0 auto;
    width: 100%;
    height: 300px;
    border-radius: 4px;
    margin-top: 0;
}

.slidercaptcha canvas:first-child {
    border-radius: 5px;
    border: 1px solid #e6e8eb;
}

.sliderContainer {
    position: relative;
    text-align: center;
    line-height: 40px;
    background: #f7f9fa;
    color: #45494c;
    border-radius: 2px;
}

.sliderbg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #f7f9fa;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
}

.sliderContainer_active .slider {
    top: -1px;
    border: 1px solid #1991FA;
}

.sliderContainer_active .sliderMask {
    border-width: 1px 0 1px 1px;
}

.sliderContainer_success .slider {
        top: -1px;
    border: 1px solid #02c076;
    background-color: #02c076 !important;
    color: #fff;
}

.sliderContainer_success .sliderMask {
    border: 1px solid #52CCBA;
    border-width: 1px 0 1px 1px;
    background-color: #D2F4EF;
}

.sliderContainer_success .sliderIcon:before {
    content: "\f00c";
}

.sliderContainer_fail .slider {
    top: -1px;
    border: 1px solid #f35c59;
    background-color: #f35c59;
    color: #fff;
}

.sliderContainer_fail .sliderMask {
    border: 1px solid #f35c59;
    background-color: #f7dcdd;
    border-width: 1px 0 1px 1px;
}

.sliderContainer_fail .sliderIcon:before {
    content: "\f00d";
}

.sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {
    display: none;
}

.sliderMask {
        position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #d1e9fe;
    background: #d1e9fe;    
    border-radius: 2px;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background .2s linear;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider:hover {
    background: #009efb;
    color: #fff;
    border-color: #009efb;
}

.slider:hover .sliderIcon {
    background-position: 0 -13px;
}

.sliderText {
    position: relative;
}

.sliderIcon {
}

.refreshIcon {
        position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 6px;
    color: #fff;
    background-color: #ff4c4c;
    font-size: 14px;
    border-radius: 50px;
}

.refreshIcon:hover {
    color: #fff;
}

@media (max-width: 575px) {
    #footerLine1 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2 !important;
    }

    #footerLine2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3 !important;
    }

    #footerLine3 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1 !important;
    }
}

/* End of Homepage */

/* Start of order status */

.order-status-container{
    background: var(--btn-secondary-bg-color);
    margin-top: 75px;
    width: 100%;
}

/* Style for the stepper container */

.c-stepper {
    display: flex;
}


.c-stepper__item.active {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;

    &:before {
        background-color: #1FBB06;
        border: 3px solid #94F085;
    }
    
}

.c-stepper__item.in_progress{
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;

    &:before {
        /* background-color: yellow; */
    }
}
.c-stepper__item {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;
    position: relative;
    margin-left: 0; /* Set left margin to 0 */
    margin-right: 0; /* Set right margin to 0 */

    &:before {
        --size: 3rem;
        content: "";
        display: block;
        width: clamp(1.5rem, 7vw, 4rem);
        height: clamp(1.5rem, 7vw, 4rem);
        border-radius: 50%;
        background-color: #FFCD26;
        border: 3px solid #FFF0BC;
        /* opacity: 0.3; */
        margin: 0 auto 1rem;
        position: relative;
    }

    &:not(:last-child) {
        &:after {
            content: "";
            position: relative;
            top: calc(clamp(1.5rem, 4vw, 4rem) / 2);
            width: calc(100% - clamp(1.5rem, 5vw, 4rem) - calc(clamp(0.25rem, 2vw, 0.5rem)* 2));
            left: calc(50% + calc(clamp(1.5rem, 5vw, 4rem) / 2 + clamp(0.25rem, 2vw, 0.5rem)));
            height: 2px;
            background-color: #e0e0e0;
            order: -1;
        }
    }
    
}

.c-stepper__title {
    font-weight: var(--default-font-weight-bold);
    font-size: clamp(1rem, 4vw, 1.25rem);
    margin-bottom: 0.5rem;
}

.c-stepper__desc {
    color: grey;
    font-size: clamp(0.85rem, 2vw, 1rem);
    padding-left: clamp(0.25rem, 2vw, 0.5rem);
    padding-right: clamp(0.25rem, 2vw, 0.5rem);
}

.order-details{
    width: 500px;
    padding: 20px;
    border: 1px solid #cecece;
}

.order-details td:first-child {
    width: 50%;
}

.order-details td {
   margin: 10px;
}



.approval-message {
    background-color: #ffffff; /* White background for the message */
    padding: 20px; /* Padding around the message */
    border: 1px solid #ccc; /* Border around the message */
    border-radius: 5px; /* Rounded corners */
    margin-bottom: 20px; /* Space below the message */
}

.approval-message p {
    font-size: 18px; /* Font size of the message */
    margin-bottom: 10px; /* Space below the message */
}

.order-details {
    background-color: #ffffff; /* White background for details */
    padding: 20px; /* Padding around the details */
    border: 1px solid #ccc; /* Border around the details */
    border-radius: 5px; /* Rounded corners */
}

.order-details h3 {
    font-size: 20px; /* Font size for section headings */
    margin-bottom: 10px; /* Space below the heading */
}

.order-info-row {
    display: flex;
    margin-bottom: 10px; /* Space between rows */
}

.info-label {
    flex: 0 0 150px; /* Fixed width for label */
}
.addressTextgrey{
    color: var(--tertiary-text-color) !important;
}
.info-value {
    flex: 1; /* Take remaining space */
    margin-left: 20px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 1rem;
}
.checkStatus{
    cursor: pointer;
    text-decoration: underline  !important;
}
a.checkStatus:hover, a.checkStatus:focus {
    color: var(--btn-ternary-text-color)  !important;
    text-decoration: underline  !important;
}
.checkout-items {
    background-color: var(--secondary-background-color) !important;
    /* padding: 20px !important; */
    position: relative;
    z-index: 2;
}
.order-status-items-details{
    /* padding-inline: 20px !important; */
}
.invoice-details-data-label{
    color: #545454;
}
.order-status-row span,.invoice-details-data-label,.address span,.order-status-row span div{
    color: var(--primary-text-color)
}
.order-status-item-top {
    /* background: var(--primary-color); */
    border-radius: 16px;
    height: 25px;
    z-index: 2;
    margin-bottom: -13px;
}
.check-status-order-details{
    border-right: 2px solid #0000003b;
}
#order-status-container{
    /* height: 100%; */
    /* background-color: #fff; */
}

/* #order-status-container .addtoCartSection{
    background-color: #f7f7f7;
} */
.order-status-items-details.kt-container{
    /* width: 100% !important; */
}
.noResultFound{
    border-bottom: none !important;
}
.quantity-input-group{
    justify-content: center;
    display: flex;
}

.invoice-details-data-label{
    font-weight: var(--default-font-weight-bold);
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
}
.order-status-row{
    padding: 10px;
    padding-left: 0;
}
.check-status-card-body {
    border: 2px solid #DADADA;
    padding-inline: 50px;
    padding: 25px;
}
.order-status-img{
    width: 130px;
}
.orderStatus-deliveryFee{
    padding-inline: 20px;
}
.order-status-shareBtn , .order-status-copyBtn {
    padding: 10px;
    background-color: var(--primary-bg-color);
    border:  2px solid var(--secondary-color); 
    border-radius: 25px;
    padding-inline: 30px;
    cursor: pointer;
}
.order-status-total-price{
    padding-inline: 20px;
}
.copy-icon{
    cursor: pointer;
    
}
#copy-success-message{
    font-size: 10px;
    color: rgb(71, 231, 71);
    margin-top: -10px;
}
.copy-success-svg svg{
    height: 10px;
    fill: rgb(71, 231, 71);
}
.highlighted-text {
    color: var(--primary-color) !important;
}

.linkCopied-modal-body-content{
    text-align: justify;
}

#giftMessage {
    background: rgba(165, 165, 165, 0.13);
    text-align: justify;
    padding: 10px;
}


.btn.orderStatus-close-btn{
    font-size: var(--btn-font-size);
    color: var(--secondary-text-color);
    background: var(--btn-primary-bg-color);
    border: 2px solid var(--btn-primary-bg-color);
}

.btn.orderStatus-close-btn:hover{
    background: var(--btn-primary-bg-color);
    color: var(--secondary-text-color);
    border: 2px solid var(--btn-primary-bg-color);
    /* border: 2px solid var(--tertiary-color); */
}

.orderLink-input{
    border: 2px solid rgba(151, 149, 149, 0.409);
    cursor: pointer;
    border-radius: 10px;
}
.addressBg{
    background-color: #fff;
    border: 1px solid #e2e5ec;
    border-radius: var(--input-border-radius);
}

/* #orderConfirmForm .form-control{
    border: 1px solid #e2e5ec !important;
 
} */

#orderConfirmForm .form-control.is-invalid{
    border-color: #fd397a  !important;
}
.addressText{
    font-weight: bold;
}
.cartListing-table .product-table-title{
    width: 60%;
    text-align: left;
    padding-left: 150px !important;
}
.cartListing-table  .product-table-title--price{
    text-align: right;
    padding-right: 30px !important;

}
/* End of order status */

/* Favourite List */
.favourite-item-card-div {
    position: relative;
    background-color: var(--default-bg-color);
    border: var(--default-border);
    border-radius: var(--default-border-radius);
    height: 100%;
}
.favourite-icon{
    height: 26px;
    width: 28px;
}

.fav-list-word{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.favourite-item-card-div .fav-img img {
    height: 275px;
    object-fit: cover;
    width: 275px;
}

.fav-love-icon {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 20px;
}

.fav-prod-title {
    font-weight: 400;
}

.fav-prod-price {
    font-weight: 400;
}

.select-fav-prod {
    width: fit-content;
    padding-inline: 20px;
}

.pageTitle {
    font-weight: 500;
    font-size: var(--xl-text-size);
}

.border-bottom-class {
    border-bottom: var(--default-border);
    border-bottom-width: 2px;
    padding-bottom: 1rem;
}

.fav-prod-price-strike {
    text-decoration: line-through;
    font-size: var(var(--md-text-size));
    color: var(--fourth-text-color);
}
/* End of Favourite List */

/* quick access */
.quick-access img{
    width: 100px;
    margin-bottom: 10px;
}

.quick-access {
    border: 1px solid var(--fourth-text-color);
    padding: 20px;
    border-radius: var(--default-border-radius);
    height: 100%;
}

.quick-access-title {
    font-size: var(--lg-text-size);
    font-weight: 500;
}
/* end of quick access */

/* profile */
.line-height-class {
    line-height: 1;
}
.profile-icon{
    width: 36px;
}
.active-profile {
    color: var(--tertiary-color);
    font-weight: 700;
}
.account-credit-balance{
    background-image: url('../images/pointbalancebg.webp');
    background-position: center;
    background-size: cover;
}
.account-content-div {
    background-color: var(--default-bg-color);
    border: var(--default-border);
    border-radius: var(--default-border-radius);
    padding: 20px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.reward-point-img {
    margin-right: 5px;
    height: 30px;
    margin-top: -5px;
}
.account-content-title {
    font-size: var(--lg-text-size);
    font-weight: var(--default-font-weight-thick);
    color: var(--primary-text-color);
    /* border-bottom: 1px solid var(--tertiary-text-color); */
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.account-content-body label {
    display: block;
    font-size: var(--sm-text-size);
}

.break-wrod-class {
    word-break: break-word;
}

/* end of profile */

/* addresses */
.font-weight-500 {
    font-weight: 500;
}

.address-light-text {
    color: var(--primary-text-color);
}

.address-preset {
    border: 2px solid var(--btn-primary-bg-color);
    padding: 5px 40px;
    width: fit-content;
    font-size: var(--sm-text-size);
    margin-top: 8px;
    color: var(--tertiary-color);
    font-weight: 600;
}

.address-inner-container  {
    /* border-bottom: var(--default-border); */
    background-color: var(--default-secondary-bg-color);
    margin-bottom: 20px;
    /* padding-bottom: 15px; */
    padding: 15px;
}
/* End of addresses */

/* Add Address */
/* .account-content-body .form-group .form-control {
    border: 1px solid var(--fourth-text-color);
} */
.account-content-body .select2-container--default .select2-selection--single {
    /* border: 1px solid var(--fourth-text-color); */
    height: unset!important;
    width: 100%!important;
}
.account-content-body .select2-container {
    width: 100%!important;
    /* border: 1px solid var(--fourth-text-color); */

}

.account-content-body .select2-selection__rendered {
    line-height: 25px!important;
}
/* End of Add address */

/* Change Password */
.change-password-input-div {
    position: relative;
}

.change-password-eye-btn {
    position: absolute;
    top: 10px;
    right: 35px;
    background: none;
    border: none;
    color: var(--fourth-text-color);
}

/* End of Change Password */
.stepper-img{
    position: absolute;
    top: 14px;
    left: 47%;
    height: 27px;
    width: 27px;
}
.normal-stepper .stepper-img{
    left: 44%;
}
.stepper-img-payment{
    left: 43%;
}

/* .status-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 15px;
} */
.status-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    padding-right: 30px;
    padding-left: 20px;
    font-size: var(--sm-text-size);
    /* border: var(--input-border); */
    /* border-radius: var(--input-border-radius); */
    /* margin-left: 10px; */
}
.status-dropdown .select2-container {
    width: fit-content!important;
}

.status-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {

}

.listing-filter-button button{
    /* background-color: var(--btn-primary-bg-color); */
    font-size: var(--btn-font-size);
    /* border: 2px solid var(--tertiary-color); */
    /* border-radius: var(--btn-border-radius); */
    /* color: var(--btn-primary-text-color); */
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    padding: 5px;
    width: 100%;
    min-width: unset;

}

/* .listing-filter-button button:hover{
    background-color: var(--btn-onHover-primary-bg-color);
    color: var(--btn-onHover-primary-text-color);
    color :  var(--tertiary-color);
} */
.track-order-div{
    width: 100%;
    max-width: 800px;
    background: #fff;
    border: 2px solid #00000017;
    padding: 30px;
    border-radius: 15px;
}
.orderTracking {
    /* min-height: 100vh; */
    /* background-image: url('../images/orderTracker.webp'); */
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-position: center;
}

.orderTrackingBtn div{
    color: var(--btn-secondary-text-color);

}

#clone-icon.d-none{
    pointer-events: none;
}
.orderTrackingBtn:hover div {
    color: var(--tertiary-color);
}
#ordersTable_wrapper .tableWidthMax div{
    padding: 0;
}

#ordersTable_wrapper .child .dtr-details>li:last-child .dtr-data, .dataTables_wrapper .child .dtr-details>li:last-child .dtr-title{
    width: 50%;
}
#ordersTable_wrapper table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.dataTables_wrapper .dataTable th{
    color: var(--primary-text-color);
}

.order-item {
    margin-bottom: 40px;
    background: var(--default-secondary-bg-color);
}

.order-header {
    /* font-weight: var(--default-font-weight-bold); */
    /* margin-bottom: 10px; */
}


.order-products {
    display: flex;
    flex-wrap: wrap;
}

.product-item,.order-total-payment {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-right: 10px;
    /* margin-bottom: 10px; */
    padding: 5px;
    /* width: 200px; */
}
.product-image {
    width: 130px;
    padding: 15px;
    /* padding-inline: 0; */
    /* height: 150px; */
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.receipt-image {
    height: 150px;
    width: 100%;
    object-fit: cover;
    /* padding: 15px; */
    cursor: pointer;
    padding-bottom: 10px;
}
.product-details, .product-price {
    padding: 15px;
    width: 100%;
}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    display: none; 
    z-index: 999;
}
.cookie-banner-inner {
    background-color: var(--primary-bg-color);
    padding: 20px;
    /* box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); */
    max-width: 80vw;
    margin: auto;
    text-align: justify;
}
.cookie-button{
    width: var(--btn-width-long);
    /* margin-right: 10px; */
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /* background-color: var(--primary-bg-color); */
    color: var(--primary-text-color);
    padding: 15px;
    /* padding-bottom: 0; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* box-shadow: 0 -2px 5px rgba(0,0,0,0.2); */
    z-index: 1000; /* Make sure the banner is on top */
}
.cookies-title{
    font-size: var(--lg-text-size);
    line-height: 1.2;
    color: var(--primary-color);
    font-weight: var(--default-font-weight-thick);
}
.cookie-banner{
    display: none;
}
.cookie-banner p {
    margin: 0;
    font-size: var(--md-text-size);
    text-align: justify;
}
.cookie-banner .learn-more-btn , .cookie-banner .cookies-policies-link {
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
}

.cookie-banner .learn-more-btn:hover ,  .cookie-banner .cookies-policies-link:hover{
    color: var(--hyperlink-text-color);
}
.cookies-btn-container{
    gap: 10px;
}
.cookie-button {
    background-color: var(--btn-primary-bg-color);
    border: none;
    color: var(--btn-primary-text-color);
    padding: 10px 20px;
    font-size: var(--btn-font-size);
    cursor: pointer;
    border-radius: 5px;
}
.reject-cookies-btn{
    background-color: var(--btn-disabled-bg-color);
    color: var(--btn-disabled-text-color);
}

/* .product-price{
    text-align: right;
} */
.order-header{
    display: flex;
    justify-content: space-between;
    padding: 15px;
    padding-inline: 20px;

}
.order-total-payment{
    text-align: end;
    font-weight: var(--default-font-weight-thick);
}
.product-item{
    cursor: pointer;
}
.orderStatus{
    font-weight: var(--default-font-weight-thin);
    cursor: pointer;
    text-align: right;
    font-size: var(--sm-text-size);
    text-decoration: underline;
}

.orderStatus:hover{
    color: var(--tertiary-color);
}
table.dataTable.dtr-column>tbody>tr>td.control
, table.dataTable.dtr-column>tbody>tr>th.control{
    position: relative;
}
.order-history-title{
    font-size: var(--xl-text-size);
    color: var(--primary-text-color)
}


.status-Type-Sec {
    background: var(--primary-bg-color);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: flex;
    margin-bottom: 12px;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10;
}
.statusType.status-active {
    border-color: var(--tertiary-color);
    color: var(--tertiary-color);
}
.statusType.status-active .statusType-text{
    /* border-color: var(--button-border); */
    color: var(--primary-color);
    
}

.status-Type-Sec::-webkit-scrollbar {
    display: none; 
}
.statusType {
    text-wrap: nowrap;
    align-items: end;
    background: #fff;
    border-bottom: 2px solid rgba(0, 0, 0, .09);
    color: var(--primary-text-color);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: var(--btn-font-size);
    justify-content: center;
    line-height: 19px;
    /* overflow: hidden; */
    padding: 16px 10px;
    text-align: center;
    transition: color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: max-content;
}
.statusType-text {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--sm-text-size);
    /* white-space: nowrap; */
}


.statusType:hover .statusType-text{
    color: var(--tertiary-color);     
}
/* .order-header-inner{
    font-weight: var(--default-font-weight-thin);
}
.order-header-inner span{
    font-weight: var(--default-font-weight-bold);
} */
.order-input {

    background-color: var(--input-bg-color) !important;
    border: var(--input-border);
    border-radius: var(--input-border-radius);
}
.total-order-text{
    text-wrap: nowrap;
}

/* End of Add address */

/* Reward page */


.container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.total-points, .point-history {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}
.total-points h2, .point-history h2 {
    color: #333;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.points {
    font-size: var(--xl-text-size);
    font-weight: var(--default-font-weight-thick);
    color: var(--secondary-text-color);
    /* margin-top: 10px !important; */
    line-height: 33px;
}
.point-balance{
    font-size: var(--md-text-size);
    color: var(--secondary-text-color);

}

.history-list {
    list-style-type: none;
    padding: 0;
}

.history-list li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.history-list li:last-child {
    border-bottom: none;
}

.history-list .date {
    color: #666;
    font-size: 0.9em;
    margin-right: 10px;
}

.history-list .description {
    color: var(--primary-text-color);
    font-size: var(var(--md-text-size));
}

.reward-card {
    background-color:#fff;
    border: 1px solid #ddd;
    border-radius: var(--default-border-radius);
    /* padding: 20px; */
    width: 100%;
    margin-bottom: 20px;    
}
.reward-img-container img{
    width: 100%;

}
.details-img{
    padding: 10px;
    /* padding-top: 0; */
}
.reward-details {
    text-align: left;
}

.reward-details h2 {
    color: var(--fourth-text-color);
    font-size: var(--md-text-size);
    margin-bottom: 10px;
    font-weight: var(--default-font-weight-bold);


}
#rewardsTable_wrapper.dataTables_wrapper .dataTable td,#rewardsTable_wrapper.dataTables_wrapper .dataTable th{
    border: none;
}
/* .reward-basicwizard .lastLink  ,.reward-basicwizard .noLink {
    display: none;
} */
.reward-basicwizard .pagination li a {
    margin-bottom: 0;
    font-size: var(--sm-text-size);
}
.reward-details p {
    color: var(--primary-color);
    font-size: var(--md-text-size);
    margin-bottom: 8px;
    font-weight: var(--default-font-weight-bold);
}

.reward-main-title{
    color: var(--fourth-text-color);
    font-size: var(--lg-text-size);
}

.reward-details button {
    background-color: var(--btn-primary-bg-color);
    color: var(--secondary-text-color);
    border: 2px solid var(--btn-primary-bg-color);
    width: 100%
}

.reward-details button:hover{
    color: var(--btn-onHover-primary-text-color);
}
#rewardsTable th{
    color: var(--primary-text-color);
}
.reward-basicwizard .pagination{
    margin-bottom: 0;
}
.pointOut{
    color: var(--error-color);
}
.pointIn{
    color: var(--success-color)

}

.cancellation-title{
    font-size: var(--lg-text-size);
    font-weight: var(--default-font-weight-thick);
    color: var(--error-color);
}
.cancel-section-inner{
    background-color: var(--primary-bg-color);
    padding: 30px;
}
#trackingNum{
    cursor: pointer;
    color: var(--btn-primary-bg-color);
}
#trackingNum:hover{
    color: var(--hyperlink-text-color);
}
#trackingNum.grey-text{
    pointer-events: none;
    color: var(--tertiary-text-color);
}
.link-icon{
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: flex-start; */
    margin: 5px;
    font-size: 15px;
    /* color: var(--btn-primary-bg-color); */
    cursor: pointer;
}
.copySuccessText{
    color: rgb(108, 163, 108) !important;
    font-size: var(--xs-text-size);
}

/* Reward page */
/* invoice page */

.address-box{
    padding-bottom: 5px;
    border-bottom: 3px #e1e1e1 solid;
}
/* #invoiceDiv {
    border: 3px #e1e1e1 solid;
    height: 300px;
    padding: 5px;
    padding-inline: 15px;
} */
#img-preview-section {
    max-height: 300px;
    max-width: 100%;
    overflow: hidden;
}
.upload-receipt{
    width: 100%;
    object-fit: cover;
}
.view-img-icon{
    right: 40px !important;
    font-size: 20px;
    bottom:12px;
}
#orderHistoryPrint .invoiceTable.table td, 
#orderHistoryPrint .invoiceTable.table th, 
#orderHistoryPrint2 .invoiceTable.table td, 
#orderHistoryPrint2 .invoiceTable.table th {
    padding: 10px !important;
}

#orderHistoryPrint .invoiceTable thead tr th, #orderHistoryPrint2 .invoiceTable thead tr th {
    background-color: #fff !important;
    border: 3px #e1e1e1 solid;
    border-left: 3px #e1e1e1 solid !important;
    border-right: 3px #e1e1e1 solid !important;
}

#orderHistoryPrint .invoiceTable tbody tr, #orderHistoryPrint .invoiceTable tbody td, #orderHistoryPrint2 .invoiceTable tbody tr, #orderHistoryPrint2 .invoiceTable tbody td {
    border: none;
}

#orderHistoryPrint .invoiceTable.table td, #orderHistoryPrint2 .invoiceTable.table td {
    border-left:  3px #e1e1e1 solid !important;
    border-right:  3px #e1e1e1 solid !important;
}

#orderHistoryPrint .invoiceTable.table tbody{
    border-bottom:  3px #e1e1e1 solid;;
}
#orderHistoryPrint .invoiceTable.table tbody.summary-row-tbody{
    border: none !important;
}

#orderHistoryPrint .invoiceTable .summary-row td{
    border: none !important;
}

.thanks-text{
    font-style: italic;
    color: #38387a !important;
}
.totalAmount-td{
    background-color: #b5212a;
    color: #fff  !important;
}
table .noResultFound .table-label{
    color: var(--primary-text-color)  !important;
    padding-top: 20px!important;
}
.invoiceOuterWrapper{
    background: white;
    padding: 20px;
}

#orderHistoryPrint .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
} 
#printingInvoiceContent,
#printinvoiceWrapper-id{
    display: none  !important;
}

.package-food-img{
    aspect-ratio: 1/1;
    width: 100%;
}
.PostSlide {
    width: 100%;
    position: relative;
}

.innerContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slider-homepage {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
}
.slider-homepage::-webkit-scrollbar {
    display: none;

}
.slide {
    min-width: 253px;
    /* margin-right: 10px; */
    margin: 0 !important;
    /* margin-right: 10px !important; */
}

.slide.lastSlide {
    padding-right: 0 !important;
    margin-right: 0px !important;
}
.handles button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(255 255 255 / 75%) !important;
    color: #000000;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}
.dots span {
    height: 10px;
    width: 10px;
    background-color: gray;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    display: none;
}
.handles .prev {
    left: 10px;
}

.handles .next {
    right: 10px;
}

.dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.dots span {
    height: 10px;
    width: 10px;
    background-color: gray;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.dots span.active {
    background-color: black;
}

.hide-panel{
    opacity: 0;
    height: 0;
    
}

.unhide-panel {
    opacity: 1;
    height: max-content;
    padding: 50px;
}

@media print {
    .page-content-div{
        min-height: 0;
        display: none;
    }

    .kt-sticky-toolbar{
        display: none !important;
    }
    .headerMenu, .sidebarMenuWrapper, .sideMenuWrapper,.footer, .modal, .modal-backdrop,#pritingbtn , #invoiceWrapper-id , #invoiceContent{
        display: none !important;
    }
    #printingInvoiceContent,
    #printinvoiceWrapper-id{
        display: unset  !important;
    }
    /* .homepageHeader {
        display: none;
    }
    .landing-footer{
        display: none;
    } */
    .address-box{
        padding-bottom: 5px;
        border-bottom: 3px #e1e1e1 solid;
    }
    /* #invoiceDiv {
        border: 3px #e1e1e1 solid;
        height: 300px;
        padding: 5px;
        padding-inline: 15px;
    } */
    #orderHistoryPrint .invoiceTable.table td, 
    #orderHistoryPrint .invoiceTable.table th, 
    #orderHistoryPrint2 .invoiceTable.table td, 
    #orderHistoryPrint2 .invoiceTable.table th {
        padding: 10px !important;
    }
    
    #orderHistoryPrint .invoiceTable thead tr th, #orderHistoryPrint2 .invoiceTable thead tr th {
        background-color: #fff !important;
        border: 3px #e1e1e1 solid;
        border-left: 3px #e1e1e1 solid !important;
        border-right: 3px #e1e1e1 solid !important;
    }
    
    #orderHistoryPrint .invoiceTable tbody tr, #orderHistoryPrint .invoiceTable tbody td, #orderHistoryPrint2 .invoiceTable tbody tr, #orderHistoryPrint2 .invoiceTable tbody td {
        border: none;
    }
    
    #orderHistoryPrint .invoiceTable.table td, #orderHistoryPrint2 .invoiceTable.table td {
        border-left:  3px #e1e1e1 solid !important;
        border-right:  3px #e1e1e1 solid !important;
    }
    
    #orderHistoryPrint .invoiceTable.table tbody{
        border-bottom:  3px #e1e1e1 solid;;
    }
    #orderHistoryPrint .invoiceTable.table tbody.summary-row-tbody{
        border: none !important;
    }
    
    #orderHistoryPrint .invoiceTable .summary-row td{
        border: none !important;
    }
    
    .thanks-text{
        font-style: italic;
        color: #38387a !important;
    }
    #orderHistoryPrint .invoiceTable .summary-row .totalAmount-td{
        background-color: #b5212a !important;
        border: 3px solid #EEEEEE !important;
        /* background: #000000 !important;
        color: #000  !important; */
    }
    .table-label{
        color: #000  !important;
    }
    .invoiceOuterWrapper{
        background: white;
        padding: 20px;
    }
    
    #orderHistoryPrint .table-striped tbody tr:nth-of-type(odd) {
        background-color: #fff;
    } 
    .company-data{
        display: flex;
        justify-content: end;
    }
    

}
/* invoice page */

.order-tracking-section{
    padding: 0;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .kt-container.order-tracking-sec {
        width: 100%;
        margin: 0;
        max-width: 100vw !important;
    }
}

.orderTracking-inner {
    width: 100%;
    /* margin: auto; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 1400px;
    max-width: 800px;
}


.track-order-label{
    color: var(--secondary-text-color);
    font-size: var(--xl-text-size);
    font-weight: var(--default-font-weight-bold);
}
.orderNumberInput {
    /* width: 85%; */
    height: 50px;
}
.searchTracker{
    height: 50px;
    width: var(--btn-width-long);
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: var(--btn-border-radius);

}

.searchTracker i {
    /* height: 30px; */
    color: var(--secondary-text-color);
    font-size: 20px;
}
.redirect-reminder {
    font-size: 12px;
    margin-top: -3px;
    margin-left: -3px;
    text-wrap: wrap;
    word-break: break-word;
}
#copySuccessText{
    max-width: 200px;
}

.redirect-reminder span {
    font-size: 12px;
    cursor: pointer;
    /* margin-top: -14px; */
    text-decoration: underline;
    cursor: pointer;
}

.redirect-reminder span:hover{
    color: var(--hyperlink-text-color);

}

.c-stepper__item.grey{
    &:before
    {
        background-color: grey;
        border-color: rgb(210, 197, 197);
    }
}

.c-stepper__item.unsucessful{
    &:before
    {
        background-color: red;
        border-color: rgb(246, 136, 136);
    }
}

.cartItem-container{
    width: 150px;
    height: 150px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.cartitem-img {
    overflow: hidden;
    height: 120px;
    object-fit: cover;
}
.cart-item-inner {
    /* width: 110px; */
    display: flex;
    /* justify-content: center; */
    position: relative;
    align-items: center;
    padding: 0;
}

.cartItemsRow{
    /* height: 120px; */
}

.mycart-item-section{
    margin-top: 45px;
}

.mycart-item-section.review-order{
    margin-top: 0;
}

table.cartListing-table tbody > tr > td.cartItems-payment{
    padding-top: 0  !important;
}

.order-history{
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.attributesClass {
    font-size: var(--sm-text-size);
    font-weight: var(--default-font-weight-thin);
    background-color: #d8d0d0;
    margin: 5px;
    padding: 3px;
    border-radius: 3px;
    margin-left: 0;
    display: inline-block;
    /* margin-top: 40px; */
}


.facebook-btn{
    display: none !important;
}

.mobile-css-quantity{
    color: var(--primary-color);
    font-weight: var(--default-font-weight-bold);
}

/* Book Dining */
.dinning-btn {
    background: var(--default-secondary-bg-color);
    box-shadow: 0px 3px 15px #00000014;
    border: none;
    padding: 20px;
}

.welcom-img-1 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-65%, -50%);
    width: 500px;
}

.welcom-img-2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(15%, -50%);
    width: 500px;
}

.reserver-form {
    background-color: var(--default-bg-color);
    box-shadow: 0px 3px 6px #00000029;
}

.form-control__reverse-form {
    border: none;
    background-color: #F6F6F6!important;
}

.number-adjust-div {
    position: absolute;
    /* top: 5px; */
    right: 20px;
}
.icon-dining{
    line-height: 10px;
}
/* End of Book Dining */

/* Booking Contact */
.booking-img:before {
    display: block;
    padding-top: 80%;
    content: "";
}

.booking-img-inner-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.booking-placeholder-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: top;
}
/* End of Booking Contact */
.order-status-page.secondary-bg{
    background: var(--secondary-bg-color);
}

/************************** Responsive Section **************************/
/* Overrides KT class to hide Settings in Menu @ PC media */

@media (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav>.kt-menu__item.mobileMenuViewSettings {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .15rem;
    }
}

@media (max-width: 1199px) and (min-width: 990px) {

    .ipad-pro-col-lg-9{
        -webkit-box-flex: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .ipad-pro-paes {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .g1-img {
        width: 70px;
    }
    .g2-img {
        width: 60px;
        right: 8.9%;
    }
}
/* Ipad Pro View */
@media (max-width: 1199px) {
    /* Start of cookies */
    .cookie-banner{
        padding: 0;
    }
    .cookie-banner-inner {
        background-color: var(--primary-bg-color);
        padding: 20px;
        /* box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); */
        max-width: 100vw;
        margin: auto;
    }
    
    /* End of cookies */
 
    /*START SPONSOR DIAGRAM*/
    .emptyDisgramBox {
        height: 240px;
    }
    

    .bgFooter {
        padding: 10px 15px;
    }

    .bgFooterDiv {
        margin: 10px;
    }

    .bgFooterDiv img {
        width: 100%;
        height: auto;
    }
    /*END SPONSOR DIAGRAM*/

    .profileBox {
        padding: 20px;
    }

    .profileFont04 {
        font-size: 12px;
    }
    
    .profileFont05 {
        font-size: 13px;
    }

    .profileFont06 {
        font-size: 13px;
    }

    /*.profileGreySection {
        padding: 10px;
    }

    .profileWhiteSection {
        padding: 10px;
    }*/

    .referralBtn {
        margin-left: unset;
    }

    .dashboardText{
        font-size:11px;
    }

    .blackFont{
        font-size: 18px;
    }

    .intro-container .top-section img, .intro-container .bottom-section img {
        width: 450px!important;
    }

    /* New Homepage - Ipad Pro View */

    .features-container {
        overflow: hidden;
    }

    /* End of New Homepage - Ipad Pro View */

    /* homepage.css -ipad pro */
    .homepage_modal {
        width:100%;
    }


    .homepage_section03_date,
    .homepage_section03_title{
        font-size: 24px;
    }

    .homepage_section03_date,
    .homepage_section03_title{
        font-size: 22px;
    }
    
    .homepage_modal_logo {
        width:25%;
        margin: 0 auto;
    }

    .homepage_modal_title, .homepage_modal_content {
        margin: 0 auto;
        padding: 0;
    }

    .homepage_modal_content {
        margin-top: 2.5%;;
        padding: 2.5%;
        width: 80%;
        min-height: 0;
    }

    .compImage{
        width:100%;
    }


    .productPortfolio_section01_Desc {
        padding: 25px 20px;
        min-height: 0;
        height: auto;
    }

    
    /* end of homepage.css - ipad pro */
    .order-status-items-details {
        padding-inline: 0px !important;
    }
    .cartItem-description {
        margin-top: 10px;
        max-width: 400px ;
    }
    .checkout-items {
        padding: 0px !important;
      
    }

    .page-content-div {
        padding-inline: 10px;
        margin-top: 120px!important;
    }

    .contact-us-page .page-content-div {
        padding-inline: 10px;
        margin-top: 10px !important;
        height: 64.7%;
        min-height: max-content;
    }

    .ipad-pro-page-div.page-content-div {
        padding-inline: 10px;
        margin-top: 70px!important;
    }


}

/* Ipad View */
@media (max-width: 990px) and (min-width: 768px){
    .price-filter-dropdown{
        width: 100% !important;
    }
    .price-filter-dropdown .select2-container{
        width: 100% !important;
    }
    .confirm-order-page{
        margin-top: 50px !important;
    }
    .g1-img {
        position: absolute;
        width: 10%;
        bottom: 11%;
        right: 8.2%;
    }
    .g2-img {
        width: 10%;
        position: absolute;
        bottom: 10%;
        right: 8%;
    }
}
/* Ipad View */
@media (max-width: 990px) {
    .listing-filter-button button{
        font-size: 13px;
    }   
    .slide.productInclude-slide {
        min-width:100%;
    }
    #food-section-1 {
        /* background: url(../images/project/bg-food.webp); */
        /* background-size: contain; */
        min-height: unset;
        /* background-position: center; */
        /* background-repeat: no-repeat; */
    }
    .mobile-mushroom-bg{
        width: 80% !important;
    }
    .food-img-sec1{
        max-height: 300px;
    }
    .font-ipad-md{
        font-size: var(--md-text-size);
    }
    .font-ipad-lg{
        font-size: var(--lg-text-size);
    }
    .font-ipad-sm{
        font-size: var(--sm-text-size);
    }
    .font-ipad-xs{
        font-size: var(--xs-text-size);
    }
    .sec-2-desctoption-outer {
        margin-top: -85px;
    }
    .homepage-title {
        font-size: 43px;
        line-height: 41px;
    }
    /* .g1-img {
        position: absolute;
        width: 68px;
        bottom: 26px;
        right: 58px;
    }
    .g2-img {
        width: 72px;
        position: absolute;
        bottom: 20px;
        right: 55px;
    } */
    .mobile-hide-payment{
        display: none;
    }
    .web-hide-payment{
        display: unset;
    }
    .comfirm-order-section{
        padding-right:10px;
    }
    .cartItem-description{
        margin-top: 10px;
    }
    .check-status-order-details {
        border-bottom: 2px solid #0000003b;
        border-right: none;

    }
    .checkout-items {
        
        padding: 0px !important;

    }
    .order-status-items-details {
        padding-inline: 0px !important;
    }
    /*START SPONSOR DIAGRAM*/
    .emptyDisgramBox {
        height: 240px;
    }

    .bgFooter {
        padding: 10px 15px;
    }

    .bgFooterDiv {
        margin: 10px;
    }

    .bgFooterDiv img {
        width: 100%;
        height: auto;
    }
    /*END SPONSOR DIAGRAM*/

    .profileDetailSection {
        padding: 15px 20px;
    }

    .dashboardText{
        font-size:11px;
    }

    /* New HomePage - Ipad View */

    .intro-container .bottom-section img {
        width: 350px!important;
    }

    .top-section.wavy-container {
        padding-inline: 20px;
    }

    .intro-container span {
        display: inline!important;
    }

    .features-container {
        overflow: hidden;
    }

    /* End of New HomePage - Ipad View */

    /* header.css - Ipad View */
    .menuBtn {
        width: 100%;
        text-align: left;
    }

    /*.menuBtn i {
        font-size: 10px!important;
        margin-left: 5px;
        vertical-align: middle;
        display: inline-flex;
        transition: all .5s ease;
    }*/

    .menuBtn.active {
        color: #1b75bb;
    }

    .menuBtn.active i {
        transform: rotate(90deg);
    }


    .headerMenuDropdown2 i {
        font-size: 10px!important;
        margin-left: 5px;
        vertical-align: middle;
        display: inline-flex;
        transition: all .5s ease;
    }

    .headerMenuDropdown2.active {
        color: #1b75bb;
    }

    .headerMenuDropdown2.active i {
        transform: rotate(90deg);
    }


    .headerMobileDisplayNone {
        display: none;
    }

    .headerMenuItem {
        width: 100%;
    }

    .headerMenuDropdown ~ .headerMenuDropdownBox {
        animation: unset;
        display: block;
        position: relative;
        background-color: transparent;
        top: unset;
        right: unset;
        width: 100%;
        overflow: hidden;
        transition: all .5s ease;
        max-height: 0;
    }  

    .headerMenuDropdown.active ~ .headerMenuDropdownBox {
        transition: all .5s ease;
        max-height: 100vh;
    }

    .headerMenuDropdown2 ~ .headerMenuDropdownBox2 {
        animation: unset;
        display: block;
        position: relative;
        background-color: transparent;
        top: unset;
        left: unset;
        width: 100%;
        overflow: hidden;
        transition: all .5s ease;
        max-height: 0;
    }  

    .headerMenuDropdown2.active ~ .headerMenuDropdownBox2 {
        transition: all .5s ease;
        max-height: 100vh;
    }

    

    .headerMenuClose {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        color: #ffffff;
        font-size:25px;
    }

    .headerBurgerBtn,
    .headerBurgerBtn:hover,
    .headerBurgerBtn:focus {
        display: inline-block;
        right: 20px;
        bottom: 25px;
        border-radius: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        color: #000000; 
    }

    .loginMenuIcon.fas, .loginMenuIcon.fas:hover, .loginMenuIcon.fas:focus {
        display: inline-block;
        font-size: 20px;
        line-height: 20px;
        color: #000000;
    }

    .headerBurgerBtn i {
        font-size: 25px!important;
        line-height: 25px;
        padding: 0;
        color: #1b75bb;
    }

    .headerBurgerBtn i::before {
        font-weight: 600!important;
    }

    .headerBurgerBtn.active ~ .homepageHeader {
        top: 0;
    }

    .sidebarMenuWrapper {
        position: fixed;
        left: -250px;
        top: 0;
        bottom: 0;
        transition: right .3s;
        z-index: 101;
        overflow-y: scroll;
        width: 250px;
    }

    .sidebarMenuWrapper.active{
        left: 0;
    }

    .homepageHeaderBlackBG {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0,0,0,0.5);
        z-index: 99;
    }

    .headerBurgerBtn.active ~ .homepageHeaderBlackBG {
        display: block;
    }

   
    .mobileNone{
        display: none;
    }

   

    .mobileSidebar .dropdown-content:after, 
    .mobileSidebar .dropdown-content:before {
        display: none;
    }


    /* end of header.css - Ipad View */

    /* homepage.css - ipad view */
    .showDropdown.open {
        border-bottom: none;
        margin-bottom: 0;
    }

    .homepageHeaderMobile {
        display: block;
        background-color: var(--primary-bg-color);
        padding: 10px 0px;
        /* position: relative; */
        border-bottom: 1px solid #E6E6E6;
        box-shadow: 0px 0px 10px #ddd;
    }

    .mobileSidebar.open {
        left: 0;
        transition: 0.3s ease;
        width: 40%;
    }

    .mobileSidebar{
        bottom: 0;
        top: 0;
        left: -80%;
        z-index: 100;
        position: fixed;
        height: 100%;
        background: white;
        flex-direction: column;
        display: flex;
        justify-content: flex-start;
        padding: 0 15px;
        overflow-y: auto;
    }

    .mobileSidebar.open ~ .transparentBG{
        display: block;
    }

    .transparentBG{
        background: rgba(0,0,0,0.7);
        top: 0;
        left: 0%;
        right: 0;
        position: fixed;
        z-index: 50;
        height: 100%;
        width: 100%;
        display: none;
    }

    .mobileSidebar .dropdown-content {
        position: relative;
        margin-top: 15px;
        background: var(--secondary-bg-color);
        display: none;
        box-shadow: none;
        top: 0;
        right: 0;
        width: 130px;
    }

    .closeSidebar{
        position: absolute;
        right: 20px;
        top: 20px;
        color: #fff;
    }
   
    .sidebarFont{
        font-size: 12px;
    }

    .sidebarFooter{
        position: absolute;
        bottom: 1%;
        width: 100%;
    }

    .borderline2 {
        height: 2px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-color: #d5d5d5;
    }

    

    .homepagePadding {
        padding: 0 30px;
        margin-top: 50px;
    }

    .homepage_modal {
        width:100%;
    }

    .homepage_modal_title {
        text-align: center;
        padding: 5% 0 2.5% 0;
    }

    .homepage_section01_title,
    .homepage_section02_title,
    .homepage_section04_title,
    .homepage_section05_title {
        font-size: 28px;
    }

    /*.homepage_section01_content,
    .homepage_section02_content,
    .homepage_section04_content,
    .homepage_section05_content,
    .homepage_section04_list li,
    .blackFont {
        font-size: 15px;
    }*/
    .homepage_section03_date,
    .homepage_section03_title{
        font-size: 18px;
    }

    .homepage_section01_button {
        display:block;
    }
    .header_menu_div2{
        width:100%;
        text-align: center;
    }

    .homepage_modal_logo {
        width:25%;
        margin: 0 auto;
    }
    .homepage_modal_title, .homepage_modal_content {
        margin: 0 auto;
        padding: 0;
    }

    .homepage_modal_content {
        width: 80%;
        min-height: 0;
    }

    .homepage_section04_list{
        padding: 0;
    }

    .bannerTitle {
        font-size: 65px;
    }

    .productPortfolio_section01_Desc {
        padding: 25px 20px;
    }

    /*blockquote {
        font-size: 1.1em;
        padding: 0 5em;
    }

    blockquote:before {
        left: 15px;
    }

    blockquote:after {
        right: 15px;
    }*/

    .contactDetailsDesc {
        /*padding: 20px 10% 20px 10%;*/
    }

    .contactTitle {
        font-size: 22px;
    }

    .contactSubtitle1 {
        width: 85%;
    }

    /*.contactText {
        width: 85%;
    }*/
    .productDetailTitle{
        font-size:20px;
    }
    .productDetailTitleDiv{
        margin-bottom: 5px;
        margin-top: 20px;
        padding-left:20px;
    }
    .buttonsDiv{
        margin-top: 20px;
    }
    .productButton1{
        padding: 5px 15px;
    }
    .productButton2{
        padding: 5px 15px;
    }
    .productButton3{
        padding: 5px 15px;
    }

    .homepage_section01_image {
        height: 300px;
    }

    .homepage_section03_video_div {
        transform: translateY(0px);
    }

    .productPortfolio_section02 {
        padding: 3em 50px;
    }

    .productPortfolio_section02_title {
        font-size: 28px;
    }

    .sidebar {
        position: fixed;
        z-index: 999;
        height: 100%;
        width: 40%;
        left: -100%;
        top: 0;
        border: 0;
        border-radius: 0;
        background-color: #fff;
        /*transition: all .5s ease;*/
        overflow-y: auto;
    }

    .sidebar.show {
        left: 0;
    }

    .greyBackdrop.show {
        display: block;
    }

    .bannerImg {
        height: 200px;
    }

    .cartPVDisplay {
        font-size: 22px;
    }

    /* homepage.css - ipad view */
    .mobile-angle-back{
        display: unset;
    }
    .mobile-angle-back-css{
        display: unset;
    }
    .web-angle-back-css{
        display: none;
    }
    
    .web-angle-back{
        display: none !important;
    }
    
    /* book dining css - ipad view */
    .welcom-img-1, .welcom-img-2 {
        width: 300px;
    }
    /* end of book dining css - ipad view */

}

/* Mobile View */
@media (max-width: 767px) {
    .mobile-m-0{
        margin: 0 !important;
    }
    .sign-inwelcome-text{
        text-wrap: nowrap;
        font-size: 34px;
    }
    .otp-input input {
        width: 50px;
        height: 50px;
        margin: 0 1px;
    }
    .slide.productInclude-slide {
        min-width:100% !important;
    }
    .product-image-card-div{
        max-width: 25%;
        flex : 0 0 25%;
    }
    .product-image-card-div img{
        height: 90px !important;
    }
    .sec-3-img-bg {
        position: absolute;
        bottom: -27px;
        right: 0;
        width: 150px;
        z-index: 3;
    }
    .sec-4-img-bg {
        position: absolute;
        bottom: -100px;
        left: -53px;
        width: 150px;
        z-index: 3;
    }
    .sec-5-img-bg {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100px;
        z-index: 3;
    }
    .font-lg-mobile {
        font-size: var(--lg-text-size);
    }
    .mobile-position.position-absolute {
        position: unset !important;
        margin-top: 10px;
    }
    .project-food-images{
        margin-right: 0;
        z-index: 10;  
    }
    .unhide-panel {
        padding: 25px;
    }
    .package-food-img {
        aspect-ratio: 1 / 1;
        /* width: calc(100vw - 100px);   */
        height: unset !important;
    }
    .font-mobile-md{
        font-size: var(--md-text-size) !important;
    }
    .deliveryFee-content {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 15px #0000004D;
        border-radius: 21px;
        max-width: 100%;
        padding-inline: 10px;
        width: 433px;
        min-height: 290px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: fit-content;
    }
    .homepage-sec1-dexc{
        padding: 40px;
    }
    .border-line-mobile{
        border-right: 0;
        border-bottom: 2px solid #dadada;
        padding-bottom: 12px;
    }
    .mobile-address{
        gap: 20px;
        padding-top: 15px !important;
    }
    .tab-content-pd {
        min-height: 400px;
    }
    .mobile-hide-payment{
        display: none;
    }
    .web-hide-payment{
        display: unset;
    }
    .mobile-cartItem{
        display: flex !important;
        flex-direction: row !important;
    }
    .comfirm-order-section{
        padding-right:0px;
    }
    .facebook-btn{
        display: flex !important;
    }
    .cartItem-container {
        width: unset;
    }
    
	.order-status-table--mobile {
		display: flex;
		flex-direction: column;
	}
	.mt-30 {
		margin-top: 30px;
	}
	#foodMenuTopSection {
		margin-top: 15px;	
	}

    .attributesClass {
        font-size: var(--xs-text-size);
    }

    .total-container__mobile {
        /* flex-direction: row;
        align-items: center; */
        width: 100%;
        justify-content: space-between;
    }

    .review-order .submitBtn {
        width: 150px;
    }


    /*START SPONSOR DIAGRAM*/
    .emptyDisgramBox {
        height: 240px;
    }

    .bgFooter {
        padding: 10px 15px;
    }

    .bgFooterDiv {
        margin: 10px;
    }

    .bgFooterDiv img {
        width: 100%;
        height: auto;
    }

    /*END SPONSOR DIAGRAM*/

    .bgFooterTxt {
        padding: 0;
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-size: 10px;
    }

    .pageTitle{
        font-size: 18px;
    }

    .walletPgAmt {
        font-size: 20px;
    }

    .profileIcon {
        width: 120px;
    }
    
    .profileBox {
        padding: 20px;
    }

    .profileFont04 {
        font-size: 12px;
    }

    .profileFont05 {
        font-size: 12px;
    }

    .profileFont06 {
        font-size: 12px;
    }

    .circle-wrap,
    .circle-wrap2,
    .circle-wrap3 {
        margin: 12.5% 25%;
    }

    .dashboardFooter2 {
        margin-left: 15%;
        position: absolute;
        bottom: 1%;
    }

    .circle-chart {
        width: 80px !important;
        height: 80px !important;
    }

    .circlechart.big .circle-chart {
        width: 150px !important;
        height: 150px !important;
    }

    .dbBanner {
        height: 200px;
    }

    .awardText {
        font-size: 18px;
    }

    .dbSponsorNum {
        font-size: 18px;
        font-weight: 600;
        color: #fd9f41;
    }


    .isDefaultSlider {
        top: 1.5rem;
        right: 1.5rem;
    }

    /* Payment Detail QR - Mobile View */
    .paymentDetailTable {
        overflow-x: auto;
        display: block;
        width: 100%;
    }

    

    /* End of Payment Detail QR - Mobile View */

    /* New HomePage - Mobile View */

    .main-bg-container .title {
        font-size: 30px!important;
    }

    .intro-container .bottom-section .title {
        width: unset!important;
    }

    .intro-container .top-section .description {
        margin-bottom: 0;
    }

    .intro-container .top-section {
        padding-block: 60px!important;
        padding-bottom: 0!important;
        padding-inline: 20px;
    }

    .intro-container .top-section .description {
        margin-bottom: 0!important;
    }

    .intro-container .top-section img {
        position: unset!important;
        width: 300px!important;
        transform: unset!important;
    }

    .top-section.wavy-container::before {
        content: unset!important;
    }

    .intro-container .bottom-section img {
        position: unset!important;
        transform: unset!important;
        width: 300px!important;
        margin-top: 60px;
    }

    .intro-container .bottom-section {
        padding-block: 60px!important;
        padding-inline: 20px;
    }

    .features-container {
        padding-block: 60px!important;
    }

    .intro-container .top-section .title {
        width: unset!important;
    }

    .intro-container .top-section .title p, .intro-container .bottom-section .title p, .features-container p {
        font-size: 22px;
    }

    /* End of New HomePage - Mobile View */
/* 
    .product-info-div img {
        height: 320px;
    } */

    /* header.css - mobile view */
    .homepageHeader {
        width: 100%;
        position: fixed;
        top: 100%;
        left: 0;
        height: 100vh;
        background: unset;
        background-color: #fff;
        padding-top: 50px;
        overflow-y: auto;
        transition: all .5s ease;
    }

    .my-profile-drop-down-content__mobile {
        z-index: 2;
        background-color: var(--secondary-bg-color);
        left: 0;
        top: 100%;
    }

    /* end of header.css - mobile view */

    /* homepage.css - mobile view */
    .homepage_modal {
        width: 100%;
    }

    .homepage_modal_title {
        text-align: center;
        font-size: 20px;
        padding: 5% 0 2.5% 0;
    }

    .homepage_section01_title,
    .homepage_section02_title,
    .homepage_section04_title,
    .homepage_section05_title {
        font-size: 20px;
    }

    /*.homepage_section01_content,
    .homepage_section02_content,
    .homepage_section04_content,
    .homepage_section05_content,
    .homepage_section04_list li,
    .blackFont {
        padding: 1% 0 1% 0;
        font-size: 15px;
    }*/

    .cookie-button {
 
        font-size: var(--sm-text-size);
       
    }
    .homepage_section01_content {
        /*text-align: center;*/
    }

    .homepage_section03_title {
        font-size: 11px;
    }

    .homepage_section03_date {
        font-size: 9px;
    }
    .homepage_section03_content {
        font-size: 14px;
    }

    .homepage_slide {
        padding: 0;
    }

    .homepage_slide > div > div {
        height: 50%;
    }

    .header_menu_div2{
        width:100%;
        text-align: center;
    }

    .homepage_modal_logo {
        width:40%;
    }

    .homepage_modal_content {
        margin: 0;
        padding: 5%;
        width: 100%;
    }

    .backIcon {
        font-size: 25px;
    }
    
    .homepage_section04_list{
        padding: 0;
    }

    .dashboardFooter {
      position: relative;
    }

    .bannerTitle {
        font-size: 25px;
    }

    .bannerSubtitle01 {
        font-size:13px;
    }

    .bannerSubtitle02 {
        color: #fff;
        font-size:13px;
    }

    .homepage_footer_text{
        font-size: 11px;
        font-weight: 600;
    }

    .aboutTitle2 {
        font-size:20px;
    }

    .aboutTitle {
        font-size:20px;
    }

    .productPortfolio_section01_Div {
        flex-direction: column-reverse;
    }

    .productPortfolio_section01_title {
        font-size: 20px;
    }

    .productPortfolio_section02_title {
        font-size: 20px;
    }

    .productPortfolio_section03_title {
        font-size: 20px;
    }

    .productPortfolio_section04_title {
        font-size: 20px;
    }

    .productPortfolio_section05_title {
        font-size: 20px;
    }

    blockquote {
        padding: 0 15px;
    }

    blockquote:before {
        left: 5px;
    }

    blockquote:after {
        right: 5px;
    }

    .contactUs label {
        font-size: 18px;
    }

    .contactUs span {
        font-size: 20px;
    }

    .contactUs button {
        font-size: 10px;
        padding: 10px 20px;
        margin-top: 15px;
    }

    .filterLeft button {
        padding: 5px 8px;
        margin: 6px 5px;
        font-size: 12px;
    }

    .contactDetailsDesc {
        padding: 0 25px;
    }

    .contactTitle {
        font-size: 23px;
    }

    .contactSubtitle1 {
        width: 85%;
    }

    /*.contactText {
        width: 85%;
    }*/

    .feeCalc {
        font-size: 13px;
    }

    .feeTotal {
        font-size: 15px;
    }
    .pickUpSelectionDiv{
        padding: 15px;
    }

    .homepage_product > img {
        margin-left: auto;
        margin-right: auto;
        /*height: 200px;*/
    }

    .homepage_product2 {
        height: 90%;
    }

    .homepage_product2 > img {
        margin-left: auto;
        margin-right: auto;
        height: 100%;
    }

    .homepagePadding {
        padding: 0 20px;
        margin-top: 30px;
    }

    .homepage_section01_image {
        height: 250px;
    }

    .compTitle {
        font-size: 16px;
    }

    .bannerImg {
        height: 150px;
    }

    .bannerImg.second {
        height: auto;
    }

    .productPortfolio_section02 {
        padding: 3em 15px;
    }

    .productPortfolio_section05 {
        padding: 2em 20px;
    }

    .clientSlideWrap {
        margin: 2em 0;
    }

    .productPortfolio_section04 {
        padding: 3em 0;
    }

    .portfolioContentText {
        font-size: 12px;
    }

    .productPortfolio_section01_Div {
        padding: 30px;
    }

    .productBenefitImg {
       padding: 20px 0;
    }

    .sortBox {
        display: none;
        position: absolute;
        top: calc(100% + 5px);
        z-index: 3;
        background-color: #ececec;
    }

    .sortStyle {
        color: black;
    }

    .sortBtn:checked ~ .sortStyle {
        color: #27A9E0;
    }

    .sortBtn:checked ~ .sortBox {
        display: block;
    }

    .sortBox {
        width: 180px;
        padding: 20px;
    }

    .topFilter {
        display: block;
        margin: 5px 0;
        text-align: left;
    }

    .sidebar {
        width: 80%;
    }

    .cartPVDisplay {
        font-size: 20px;
    }

    .cartRPDisplay {
        font-size: 16px;
    }

    .descriptionContentDiv {
        margin-top: 35px;
    }

    .loginModal {
        margin-top: 50%;
        transform: translateY(-25%);
    }

    .paddingTopTenMobile {
        padding-top: 10px;
    }

    /* #contentSection{
        margin-top: 80px;
    } */

    .homepageContactUs{
        max-width: 100%;
        height: unset !important;
    }

    /* end of homepage.css - mobile view */

    .order-status-shareBtn, .order-status-copyBtn {
       
        font-size: var(--sm-text-size);
    }
    .section-title {
        font-size: var(--lg-text-size);
      
    }
    .normal-angle-back{
        font-size: var(--lg-text-size);

    }

    /* book dining css - mobile */
    .welcom-img-1, .welcom-img-2 {
        width: 250px;
        opacity: 0.4;
    }

    .welcom-img-1 {
        transform: translate(-65%, -145%);
    }

    .welcom-img-2 {
        transform: translate(15%, 28%);
    }
    
    /* end of book dining css - mobile */


}
@media (min-width:767px) and (max-width: 900px) {
    .mobile-angle-back{
        display: unset ;
    }
    .mobile-angle-back-css{
        display: unset;
    }
    .web-angle-back-css{
        display: none;
    }
    
    .web-angle-back{
        display: none !important;
    }
}

@media (max-width: 576px) {
    .titleText.larger {
        font-size: 30px;
    }
    
    .titleText.smaller {
        font-size: 20px;
    }

    .bodyText.larger {
        font-size: 16px;
    }

    .isDefaultSlider {
        position: static;
    }

    .mobileSidebar {
        width: 80% !important;
    }
}

@media  (max-width: 1100px){
    .cart-form-details{
        padding-left: 10px;  
        margin-top: 0; 
    }
    /* .comfirm-order-section {
        padding-right: 8%;
        
    } */
    
}
/* @media (min-width: 880px) and (max-width: 1050px){
    .mobile-angle-back{
        display: none;
    }
    .mobile-angle-back-css{
        display: none;
    }
    .web-angle-back-css{
        display: unset;
    }
    
    .web-angle-back{
        display: unset !important;
    }
} */
@media (min-width: 700px) and (max-width: 1000px){
    .cart-item-details {
        padding-right: 60px;
        margin-top: 60px;
    }
}

@media (min-width:300px) and (max-width: 767px) {
    .page-content-div.page-content-div-order-status{
        margin-top: 0px !important;
        min-height: max-content;
    }
    .order-item {
        padding: 10px;
    }

    .product-item {
        flex-direction: column;
        align-items: center;
        padding: 10px 0;
    }
    .product-image {
        width: 150px;
        height: 150px;
        margin-bottom: 5px;
    }

    .product-details {
        margin-left: 0;
    }

    .order-status {
        font-size: 14px;
        padding: 3px 8px;
    }
    .orderConfirmForm-container{
        padding-right: 10px;
    }

    .check-status-card-body {
        border: 2px solid #DADADA;
        padding: 20px;
    }
    .order-status-items-details {
        padding-inline: 10px !important;
    }
    .order-status-img {
        width: 80px;
    }
    .check-status-order-details {
        border-bottom: 2px solid #0000003b;
        border-right: unset;
        margin-bottom: 20px;
    }
    .orderStatus-deliveryFee ,.order-status-total-price {
        padding-inline: 0 !important;
    }
    .order-header{
        display: flex;
        justify-content: space-between;
        padding: 15px;
        padding-inline: 10px;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    
    }
    .listing-filter-button{
        padding: 0 !important;
    }
    .total-price-display-inner {
        font-size: 20px;
        font-weight: var(--default-font-weight-bold);
    }
    
    .order-status-shareBtn {
        padding: 5px;
        background-color: #fff9f3da;
        border: 2px solid #d1a975;
        border-radius: 25px;
        padding-inline: 15px;
        cursor: pointer;
        font-size: 12px;
        text-align: center;
    }
    table.cartListing-table tbody > tr > td {
        padding: 15px 10px !important;
    }
    table.cartListing-table tbody > tr > td.cartItems-payment{
        padding-top: 15px !important;
    }
    table.cartListing-table tbody.web-hide-payment-cart-item > tr > td.cartItems-payment {
        padding: 15px !important;
    }
    .cartListing-table .product-table-title{
        text-align: center;
        padding-left: unset !important;
    }
    .cartListing-table .product-table-title--price{
        padding-right: unset !important;

    }
    .order-confirm-title {
        text-align: left !important;
        font-size: 25px;
    }

    .order-login-text {
        font-size: 14px;
    }

    .login-text {
        font-size: 14px;
    }

    .mobile-css-quantity{
        font-size: 14px
    }
    .mobile-cartItem-description{
        text-align: left;
        font-size: 14px;
        padding-left: 10px !important;
        width: 100%;
        max-width: 100%;
        padding-top: 10px;
        /* padding-left: 0 !important; */
    }
    .product-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .mobile-cartItem{
        align-items: start !important;
    }
    .cartItemsRow {
        height: max-content;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* padding: 15px !important; */
    }
    .comfirm-order-section{
        /* padding-right: 20px; */
    }
}

@media (min-width:300px) and (max-width: 1024px) {
    .page-content-div {
        padding-inline: 10px;
        margin-top: 70px;
    }

    .cart-form-details{
        /* padding-left: 0; */
        margin-top: 0px;
    }

    .product-details-btn-section {
        flex-direction: row;
        align-items: center;
    }

    .cart-item-details{
        padding-right: 10px;
        /* margin-top: 74.25px; */
    }
    .mobile-title-css{
        display: none !important; 
    }

    .mobile-amount-size span{
        font-size: 13px !important;
    }
    .review-orders-td1 .cartItem-description {
        text-align: left;
        font-size: 13px;
        padding: 10 !important;
        text-align: justify;
        max-width: 100% !important;
        flex: unset !important;
    }

    /* .cartItem-description {
        text-align: center;
        font-size: 13px;
        padding-left: 10px !important;
        width: 110px;
        max-width: 110px;
        padding-top: 10px;
    } */

    /* .confirm-order-quantity {
        right: -5px;
        height: 20px;
        font-size: 13px;
        width: 20px;
    } */
    .payment-info-container-inner {
    
        flex-direction: column;
    }

    .payment-text {
        font-weight: var(--default-font-weight-bold);
        margin-left: 0;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .cartItems {
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }
    .mycart-item-section {
        margin-top: 0px;
    }


    .review-orders-td1 .cartitem-img {
        width: 100px;
    }

    .cartitem-quantitty-td2.cart-quantity {
        text-align: left;
        padding: 15px !important;
    }

    .cart-quantity-control span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        font-size: 14px;
        font-weight: 200;
    }
    
    .price-per-item ,.price-per-item span {
        text-align: right;
        font-size: 13px !important;
    }
    .c-stepper__title {
        
        font-size: 10px;
    }

    .c-stepper__item {
        &:before {
            width: clamp(2rem, 4vw, 4rem);
            height: clamp(2rem, 4vw, 4rem);
        }
    }
    .c-stepper__item {
        &:not(:last-child) {
            &:after {
                top: calc(clamp(2rem, 4vw, 4rem) / 2);
                width: calc(100% - clamp(1.5rem, 5vw, 3rem) - calc(clamp(0.25rem, 2vw, 4rem)* 2));
                left: calc(50% + calc(clamp(1.5rem, 5vw, 3rem) / 2 + clamp(0.25rem, 2vw, 4rem)));
            }
        }
    }

    .stepper-img {
        position: absolute;
        top: 9px;
        left: 41%;
        height: 10px;
        width: 10px;
    }
    .stepper-img-payment {
        left: 41%;
    }
    .stepper-img-6 {
        position: absolute;
        top: 7px;
        left: 41%;
        height: 10px;
        width: 10px;
    }

    .addtoCartSection{
        padding-top: 0 !important;
        background-color: var(--primary-bg-color);
    }

    .cartStepper{
        padding: 5% 8% !important;
    }
    .mobile-angle-back{
        display: unset;
        padding: 10px;
    }
    
    .web-angle-back{
        display: none;
    }
    
    .cartitem-img {
        width: 100px;
        height: 100px;
    }
    .confirm-order-cartimg{
        width: 100px;
        height: 100px;
    }
    .price-per-item span {
        text-wrap: wrap;
        word-break: break-all;
    }
    
}

@media (min-width: 3000px){
    .confirm-order-section{
        height: 100% !important;
    }
    .confirm-order-section.kt-container {
        max-width: unset !important;
        /* margin-top: 0; */
        margin-bottom: 0;
        min-height: 84% !important;
    }
    /* .ordr2-page{
        height: 100% !important;
    } */
}

@media (min-width: 768px) and (max-width: 2048px) {
    .homepageContactUs{
        height: 600px;
    }
}

@media (max-width: 575px) {
    .homepageBgGrp1 {
        padding: 0;
        padding-top: 73px;
    }
}


@media (max-width: 340px) {
    .cart-quantity-control {
        padding-inline: 3px;
    }

    .mobile-total-price{
        font-size: var(--sm-text-size);
    }
}

#rewardsTable.dataTable.dtr-column>tbody>tr.parent td.control:before, 
#rewardsTable.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}

#rewardsTable{
    white-space: nowrap;
}

#rewardsTable .child .dtr-details>li .dtr-title:after {
    content: '';
}

#rewardsTable .dtr-data {
    color: #595d6e;
}

@media (min-width: 1400px) {
    .g1-img {
        position: absolute;
        width: 100px;
        bottom: 40px;
        right: 88px;
    }
    .g2-img {
        width: 100px;
        position: absolute;
        bottom: 27px;
        right: 87px;
    }
}

.progress-bar {
    width: 0%;
    height: 10px; /* Adjust height */
    background-color: var(--primary-color); /* Green color */
    border-radius: 5px; /* Rounded edges */
    transition: width 1.2s ease-in-out; 
}

.progress-bar-container {
    width: 100%; /* Full container width */
    height: 10px; /* Match the bar's height */
    background-color: #e0e0e0; /* Light gray background */
    border-radius: 5px; /* Rounded edges */
    overflow: hidden; /* Ensures no overflow from child elements */
    margin: 10px 0; /* Optional: Space around the bar */
}

#submitReceiptBtn.non-clickable{
    pointer-events: none;
    cursor:not-allowed;
    background: var(--btn-disabled-bg-color);
    border-color: var(--btn-disabled-bg-color);
}

.percentage-span{
    color: var(--primary-color);
    font-size: 30px;
    font-weight: var(--default-font-weight-thick);
}