@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap);

html {
    position: relative;
    min-height: 100%;
}

body {
    font-size: 14px;
    line-height: 24px;
    font-family: "Bricolage Grotesque", serif;
    font-family: var(--Font_One) !important;
    background-color: var(--BgColor) !important;
    color: var(--SiteTextColor) !important;
}

a {
    color: var(--Primary_Color);
}

.paragraphColor {
    color: var(--Paragraph_Color) !important;
}

.secondaryBtnBgColor {
    background-color: var(--Secondary_BtnBgColor) !important;
}

.HdrCTA1BG {
    background-color: var(--HdrCTA1BG) !important;
}

.HdrCTA2BG {
    background-color: var(--HdrCTA2BG) !important;
}

.HdrCTA3BG {
    background-color: var(--HdrCTA3BG) !important;
}

.HdrCTA1Text {
    color: var(--HdrCTA1Text) !important;
}

.HdrCTA2Text {
    color: var(--HdrCTA2Text) !important;
}

.HdrCTA3Text {
    color: var(--HdrCTA3Text) !important;
}

.assignbtnGrid .dropdown .dropdown-toggle::after,
.cAnnouncement_Hide,
.cAskQuestion_Hide,
.cCall_Hide,
.cCheckIn_Hide,
.cContact_Hide,
.cFacebook_Hide,
.cHeaderWizard_Hide,
.cInstagram_Hide,
.cInstantAppointment_Hide,
.cLinkedIn_Hide,
.cPinterest_Hide,
.cRatings_Hide,
.cSendMessage_Hide,
.cTwitter_Hide,
.cVideoConsultation_Hide,
.cYoutube_Hide,
.checkoutMutedBg .dropdown .dropdown-toggle::after,
.displayForMobile,
.hideNegative,
.hidePositive {
    display: none !important;
}

.borderRadius0,
.br0,
.categoryMenuColor {
    border-radius: 0 !important;
}

.checkoutMutedBg {
    background-color: var(--SiteSecondaryColor);
}

.redRedBg {
    background-color: #ffdcdc;
}

.lightMutedBg {
    background-color: #f3f3f3;
}

.customButton:hover,
.guestCheckoutBtn:hover {
    background-color: color-mix(in srgb,
            var(--Primary_Color) 80%,
            #000) !important;
}

.customButton.primaryBgColor,
.yellowBg,
.yellowBg.borderRadius35:hover {
    background-color: var(--Primary_Color) !important;
}

.locationGreenColor,
.successGreenText {
    color: #31a700;
}

.modal-backdrop.fade.show {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5 !important;
}

.offerBg {
    background-color: #ffad15 !important;
}

.bg-white,
.kioskHeader {
    background-color: #fff;
}

.successBg {
    background-color: #31a700;
}

.successBg:hover {
    background-color: #31a700;
}

.redBorder1 {
    border: 1.2332px solid var(--Primary_Color) !important;
}

.linearPinkBg {
    background: linear-gradient(270deg,
            var(--Primary_Color) -80%,
            rgba(231, 208, 208, 0) 97.1%);
    color: var(--Primary_Color) !important;
}

.errorColor,
.requiredField {
    color: red;
}

.errorBgColor {
    background-color: #fce7e7;
}

.yellowColor {
    color: #fa0;
}

.pinkColor,
.pinkColor a,
.pinkColor:hover {
    color: #ff165d;
}

.disableBg {
    background-color: #888788 !important;
}

.purpleBg {
    background-color: #008 !important;
}

.darkOrangeBg {
    background-color: #ff0505 !important;
}

.cancelBg {
    background-color: #fb3333 !important;
}

.darkBlueBg {
    background-color: #0038b9 !important;
}

.greenBg {
    background-color: #039356 !important;
}

.darkBlueColor {
    color: #0038b9 !important;
}

.lightBlackColor {
    color: #656565 !important;
}

.mutedTextColor {
    color: #7e7e7e !important;
}

body .purpleColor {
    color: var(--Primary_Color) !important;
    font-size: 15px !important;
    vertical-align: middle;
}

.backColor {
    color: #313030 !important;
}

.greenColor {
    color: #249d01 !important;
}

.whatsappGreen {
    color: #4caf50 !important;
}

.successColor {
    color: #3fba3f !important;
}

.dangerColor {
    color: red !important;
}

.blackText {
    color: #282c3f !important;
}

.darkMuteColor {
    color: #969595 !important;
}

.lightBlack {
    color: #2e2e2e !important;
}

.nameHeading {
    color: #212121 !important;
}

.pinkColor {
    color: #ef1c74 !important;
}

.pinkBgColor {
    background-color: #ef1c74 !important;
}

.checkBoxLabel,
.mutedColor {
    color: #505050;
}

.card.customEventCard.cursorPointer .card-body p,
.cartIncrementButton,
.colorWhite,
.logout .activeAccountOptions a,
.offerTag a {
    color: #fff !important;
}

.blackColor,
.blackColor a,
.blackColor:hover {
    color: #000 !important;
}

.mutedText {
    color: #4d4d4e !important;
}

.muted1 {
    color: #898989 !important;
}

.list-font-color,
.variant-quantity {
    color: #636060;
}

.color-checked,
.custom-color,
.custom-color a,
.custom-text-color,
.custom-text-color a {
    color: #3a1593;
}

.redColor {
    color: #e30b0b !important;
}

.lightYellowBg {
    background-color: #fffaef;
}

.redBg {
    background-color: #df1414 !important;
}

.primaryBlueBg {
    background-color: #0b75d2 !important;
}

.button-blue,
.custom-background-color {
    background-color: #3a1593;
    color: #fff;
}

.form-control:focus {
    background-color: #f3f1f1;
    outline: 0;
    box-shadow: none;
}

.custom-anchor-tag a:hover {
    text-decoration: none;
    color: #fff;
}

.customFocusVisible:focus-visible {
    outline: 0 !important;
}

.customFocusRemove {
    box-shadow: none !important;
}

.loginShare button#dropdownBasic1 i {
    font-size: 14px;
    color: var(--Primary_Color);
    margin-bottom: 10px;
}

.topHeaderBoxShadow {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.anchorBlack a,
.unpaidOrder .customFocusRemove:hover {
    color: #000;
}

.nearbyShare.novaStoreProductShare i.fa-solid.fa-share,
.whiteText {
    color: #fff;
}

.paddingTop100 {
    padding-top: 100px;
}

.brownBg {
    background-color: #8b4513;
}

.categoryscroll button.btn.primaryColor,
.modal-custom-font,
.navbar a,
.usualOrderProductInformation h3 {
    font-size: 16px;
}

.nav-link {
    color: var(--Menu_Color) !important;
}

.font9 {
    font-size: clamp(8px, 0.6vw, 9px);
    line-height: 1.4;
}

.font10 {
    font-size: clamp(9px, 0.7vw, 10px);
    line-height: 1.5;
}

.font11 {
    font-size: clamp(9px, 0.75vw, 11px);
    line-height: 1.45;
}

.font12 {
    font-size: clamp(12px, 0.9vw, 12px) !important;
    line-height: 1.5;
}

.font13 {
    font-size: clamp(11px, 0.9vw, 13px);
    line-height: 1.54;
}

.font14,
.font16,
.font18,
.font20,
.font22,
.font24,
.font26 {
    line-height: 1.5;
}

.font14 {
    font-size: clamp(14px, 1vw, 14px);
}

.font16 {
    font-size: clamp(13px, 1.2vw, 16px);
}

.font18 {
    font-size: clamp(14px, 1.4vw, 18px);
}

.font20 {
    font-size: clamp(16px, 1.6vw, 20px);
}

.font22 {
    font-size: clamp(18px, 1.8vw, 22px);
}

.font24 {
    font-size: clamp(20px, 2vw, 24px);
}

.font26 {
    font-size: clamp(21px, 2.1vw, 26px);
}

.font28 {
    font-size: clamp(22px, 2.2vw, 28px);
    line-height: 1.3;
}

.font32,
.font34,
.font36 {
    line-height: 1.35;
}

.font32 {
    font-size: clamp(26px, 2.6vw, 32px);
}

.font34 {
    font-size: clamp(28px, 2.8vw, 34px);
}

.font36 {
    font-size: clamp(30px, 3vw, 36px);
}

.font40 {
    font-size: clamp(32px, 3.2vw, 40px);
    line-height: 1.45;
}

.font42 {
    font-size: clamp(34px, 3.4vw, 42px);
    line-height: 1.5;
}

.font60 {
    font-size: clamp(48px, 4vw, 60px);
    line-height: 1.25;
}

.modalFooterShadow button,
.orderingSection h3#OutletLabel {
    font-weight: 500 !important;
    margin: 4px 0px !important;
    font-size: 16px;
    color: #000;
}

button.btn-close.closeModal {
    margin-top: 10px;
    position: absolute;
}

button.btn-close.modalCloseBtn {
    padding: 0 4px 0 0 !important;
    margin-bottom: 5px;
}

.variantQuantityPrice span {
    color: var(--Primary_Color);
    font-weight: 500 !important;
    font-size: 14px;
}

.font800 {
    font-weight: 800 !important;
}

.font900 {
    font-weight: 900 !important;
}

.font600 {
    font-weight: 600 !important;
}

.customBoxShadow {
    box-shadow: 0 5.51351px 34.4595px rgba(0, 0, 0, 0.1);
}

.borderRadius5,
.br5 {
    border-radius: 5px !important;
}

.borderRadius10,
.br10 {
    border-radius: 10px !important;
}

.borderRadius35 {
    border-radius: 35px !important;
}

.borderRadius2 {
    border-radius: 2px !important;
}

.borderRadiusTop15 {
    border-radius: 15px 15px 0 0;
}

.borderRadiusTop5 {
    border-radius: 5px 5px 0 0;
}

.borderRadius50,
.br50 {
    border-radius: 50px !important;
}

.borderLeft2 {
    border-left: 2px solid #fff;
}

.guestLoginBtn,
.invoiceList h4,
.myAccountComponent .logout ul li a,
.range-labels .active,
.textDecorationNone a,
.topHeaderBoxShadow a,
label.star {
    color: var(--Primary_Color);
}

.borderTop {
    border-top: 1px solid !important;
}

.lightFooterBg {
    background-color: #ffecf2;
}

.occupiedTable {
    background-color: #ffe1e5;
}

.displayForDesktop.position-sticky .lightBlueBgColor:hover,
.lightBlueBgColor {
    background-color: #2196f3;
}

.borderRight3 {
    border-right: 4px solid var(--Primary_Color) !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
}

.h140,
.height140 {
    height: 140px;
}

.cursorPointer {
    cursor: pointer;
}

.serviceLocationFont {
    font-size: 25px;
}

.servicesBoxShadow {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

.specialistBoxShadow {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

.activeBorder,
.customOutlineButton:hover,
.switchNatureInd.activeSwitchNature {
    border: 2px solid var(--Primary_Color) !important;
}

.mutedSwitchText {
    color: #ae9f9e;
}

.lightTextBlack {
    color: #1a1a1a;
}

.dayBlackText {
    color: #313031;
}

.lightMutedColor {
    color: #989797 !important;
}

.specialistText {
    color: #302f32;
    margin-top: 10px;
    margin-bottom: 5px;
}

.mutedDetails {
    color: #a7a5ac;
}

.blackLight {
    color: #0d0d0d;
}

.mutedBg {
    background-color: #ededed !important;
}

.timingMutedColor {
    color: #807a7a;
}

.specialistTab {
    color: #1d1d1d;
}

.listMutedColor {
    color: #8f8f8f;
}

.zIndex2 {
    z-index: 2 !important;
}

.lightRedBtn {
    background-color: #ffeff4;
}

.lightPurpleBg {
    background-color: #fbf9ff;
}

.lightRedBg {
    background-color: #fee2e2;
}

.customResourcesBoxShadow {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.redBorder1 {
    border: 1.2332px solid #ed0149;
}

.lightMutedText {
    color: #929292;
}

.mutedTextDark {
    color: #777;
}

.darkMuteText {
    color: #787676;
}

.lightMuteText {
    color: #b4b4b4;
}

.extraDarkMute {
    color: #6c757d !important;
}

.greenText {
    color: #006d04;
}

.nameText {
    color: #181818;
}

.list-color {
    color: #6c6a6a !important;
}

.category-active {
    color: var(--Primary_Color) !important;
    font-weight: 600;
}

.mutedPrice {
    color: #646464;
}

.mutedHeading {
    color: #4d4b4b;
}

.bridalcategory-active {
    color: #ff011f !important;
}

.priceMutedColor {
    color: #494949;
}

.search-bg,
.search-bg:focus {
    background-color: #f6f6f6;
}

.custom-muted-text {
    font-size: 14px;
    color: #979797;
}

.veg {
    background-color: #9fa69b;
}

.non-veg {
    background-color: #9fa69b !important;
}

.non-veg-color {
    color: #ff8223;
}

.veg-color {
    color: #327e01;
}

.diabledOpacity05,
.instaOpacityHalf:hover {
    opacity: 0.5;
}

.borderMuted {
    border: 0.822133px solid #707070;
}

.hw28 {
    width: 28px;
    height: 28px;
}

.mutedModalColor {
    color: #737171;
}

.modalFooterShadow {
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

.modal-dialog.modal-dialog-scrollable .modal-content {
    border-radius: 15px;
}

.primaryBgColor.font600.customFocusRemove {
    padding: 10px;
}

.lightBlueBg {
    background-color: #e7f1ff;
}

.lightBlueColor,
.lightBlueColor a,
.lightBlueColor button {
    color: #2196f3;
}

.cardBorderBottom {
    border-bottom: 1.53943px solid #d5d1d1 !important;
}

.darkBlueBorderTop {
    border-top: 1px solid #2196f3 !important;
}

.font30 {
    font-size: 30px;
    line-height: 45px;
}

.borderBottomDark {
    border-bottom: 3px solid #fff;
    text-shadow: 1px 2px 10px var(--Primary_Color);
}

.lightRedBackground {
    background-color: #ffe4e5;
}

.lightRedColor,
.lightRedColor a,
.lightRedColor button {
    color: #ed393a;
}

.borderBottomRed {
    border-bottom: 3px solid var(--Primary_Color);
}

.autoServicesImg .borderBottomRed {
    width: max-content;
    margin: 0 auto;
}

.mutedAnchor a {
    color: #6b6b6b !important;
}

.mutedBorderColor {
    border-color: #757272 !important;
}

.lightGreenBg {
    background-color: #f5ffed;
}

.mutedLightBg,
.order-type {
    background-color: #ebebeb;
}

.lightGreenColor,
.lightGreenColor a {
    color: #80be4a;
}

.greenColorText {
    color: #5cb85c;
}

.lightGreenBoxShadow {
    box-shadow: 0 4px 10px rgba(63, 186, 63, 0.32);
}

.darkGreenColor {
    color: #75bf45;
}

.lightGreenBorderTop {
    border-top: 1px solid #31a700 !important;
}

.modal-content {
    border-radius: 15px !important;
    overflow: initial !important;
}

.modal-header {
    border-bottom: none !important;
}

.lastImg {
    filter: blur(4px);
}

.centered {
    position: absolute;
    top: 45%;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--Primary_Color);
}

.scrollOffer {
    overflow: scroll;
    white-space: nowrap;
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    z-index: 123 !important;
}

.copenBox .shadow-effect,
.serviceList .tableItems,
.serviceList .tableItems .left,
.serviceList .tableItems .right {
    align-items: center;
    display: flex;
}

.bodyWrapper,
.homeServiceImg,
.variantQuantityView {
    overflow: hidden !important;
}

.scrollOffer .manualOffer {
    display: inline-block;
    text-align: center;
    padding: 14px;
}

.scrollOffer .tabScroll {
    display: inline-block;
    border: 1px solid var(--Primary_Color);
    border-radius: 8px;
    margin: 10px;
}

.scrollOffer::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.kioskScrollMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.galleryImage {
    width: 120px;
    height: 120px;
}

.card-footer .d-grid.float-end.text-end .btn-sm,
.image70 {
    width: 70px;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: #dbdbdb !important;
}

.customNavPills.nav-pills .nav-link.active {
    border-bottom: 5px solid var(--Primary_Color) !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    color: var(--Primary_Color) !important;
}

div#ServiceBookings .customNavPills.nav-pills .nav-link {
    color: var(--Primary_Color) !important;
    font-weight: 500;
    font-size: 14px;
}

.displayForDesktop .productListingImage {
    height: 180px !important;
}

.customNavPills .nav-link {
    color: #000 !important;
}

.customNavPills.nav-pills .nav-link.default {
    color: #fff !important;
    background-color: var(--Primary_BGColor) !important;
    height: 100%;
}

app-insta-menu-cart .orderingSection.pb-0 {
    min-height: 100vh;
}

app-insta-menu-cart .orderingSection.pb-0 .footerBigdotMenu {
    position: absolute !important;
    width: 550px !important;
}

.listingDropdown li:hover {
    background: linear-gradient(270deg,
            var(--Primary_Color) 0,
            rgba(243, 243, 243, 0) 97.1%);
    color: var(--PrimaryColor) !important;
    border-right: 3px solid var(--Primary_Color) !important;
}

div#paginationConfigPaginationModeS .col-md-12.my-2.scroll {
    border-top: 1px solid #dee2e6;
    margin-top: 0 !important;
    padding-top: 15px;
}

div#paginationConfigPaginationModeS .col-md-12.my-2.scroll .card.border-0 {
    background-color: transparent;
}

.container.border-top.effectBgColor app-compact-view .col-md-12 {
    border-top: 1px solid #dee2e6;
    margin: 10px 0 0 !important;
    padding-top: 10px;
}

.weightMutedText {
    color: #989292 !important;
}

.darkBlackColor {
    color: #242424;
}

.lightblackText {
    color: #787878;
}

.order-type {
    border-radius: 8px;
    font-size: 14px;
}

.left-btn,
.right-btn {
    font-size: 14px !important;
    transition: 0.5s ease-out;
}

.left-btn {
    background: linear-gradient(to left, #fff 50%, #f9f9f9 50%) right;
    background-size: 250% !important;
}

.right-btn {
    background: linear-gradient(to left, #f9f9f9 50%, #fff 50%) right;
    background-size: 250% !important;
}

.slider-btn {
    background-position: left;
}

.errorMessage {
    color: red;
    font-size: 12px;
}

.discountTag {
    background-color: #ff8223;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    border-radius: 4px 0 0 4px;
}

.offerTag,
.offerTag a {
    background-color: #039356;
}

.bestsellingTag a,
.featuredTag a,
.offerTag,
.offerTag a {
    font-size: 12px;
    line-height: 18px;
    padding: 2px 10px;
    border-radius: 2px;
}

.offerTag {
    color: #fff;
    margin-right: 5px;
    display: inline-block;
}

.bestsellingTag a {
    background-color: #fdbc09;
    color: #fff !important;
}

.featuredTag a {
    background-color: #4a38f5;
    color: #fff !important;
}

.customFormCheck .form-check-input:checked {
    background-color: var(--Primary_BGColor) !important;
    border-color: var(--Primary_Color);
}

.marginNegativeRight {
    margin-right: -20px;
}

.marginNegativeLeft {
    margin-left: -20px;
}

.image70 {
    height: 70px;
}

.image45 {
    width: 45px;
    height: 45px;
}

.inputFieldOrder {
    width: 30px;
    height: 24px;
}

.modalCloseBtn {
    background-image: none;
}

.otpHeight {
    height: 90px;
}

.height40 {
    height: 40px !important;
}

.height56 {
    height: 45px !important;
}

.height50 {
    padding: 10px 0;
}

.activeTag {
    border-radius: 25px;
    border: 1px solid var(--Primary_Color);
    color: var(--Primary_Color);
}

.border-dashed {
    border: 1px dashed #b7b6b6;
}

.customOffcanvasStart {
    width: 450px !important;
}

.servicesCheckBox .form-check-input:checked {
    background-color: var(--Primary_BGColor);
    border-color: var(--Primary_Color);
}

.homeServiceImg img {
    height: 300px !important;
    object-fit: cover;
    transition: 0.3s;
}

.homeServiceImg:hover img {
    transform: scale(1.2);
    transition: 0.3s;
}

.wh67 {
    max-height: 67px !important;
    object-fit: contain;
    filter: invert(29%) sepia(96%) saturate(6356%) hue-rotate(346deg) brightness(84%) contrast(102%);
}

.mildHeaderLayout .loundryImg {
    width: 200px !important;
    height: 200px !important;
    padding: 10px;
    border-radius: 50% !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: var(--Primary_Color) !important;
}

.paddingbottomNegative {
    margin-top: -155px !important;
}

.paddingbottomPositive {
    margin-top: 155px !important;
}

.wh80 {
    width: 80px;
    height: 80px;
}

.h250,
.noGutterRow .video-container {
    height: 250px;
}

.h404 {
    height: 404px;
}

.h540 {
    height: 540px;
}

.categories-button {
    display: none;
    background-color: #ffbf43 !important;
    color: #fff !important;
    font-size: 12.37px !important;
    margin-bottom: 10px;
}

.col-md-12.my-2.scroll .card.border-0 img.img-fluid {
    border-radius: 10px;
    height: 160px;
    object-fit: cover;
    border: 1px solid #d7d7d7;
    object-position: center;
    width: 100%;
    margin-bottom: 8px;
    cursor: pointer;
}

#loadFile,
.btn-increment,
.cross,
.iOverflowclosebtn,
.loginShare .dropdown .dropdown-toggle::after,
.loginShare button#dropdownBasic1 span.hideMobile,
.mobileView,
.open,
.range-labels .active.selected::before,
.tableAction .dropdown .dropdown-toggle::after,
.walletBalance:after,
input.star {
    display: none;
}

div#activeSectionType .order-type {
    background-color: transparent;
    border-radius: 8px;
    font-size: 14px;
    border: 1px solid var(--Primary_Color);
}

.listViewImage,
.productListingImage {
    border: 1px solid #d7d7d7;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

div#activeSectionType .order-type .left-btn {
    background: var(--Primary_Color);
    background-size: 250% !important;
    transition: 0.5s ease-out;
    color: #fff !important;
    padding: 8px;
}

div#activeSectionType .order-type .left-btn:hover {
    background: var(--Primary_Color);
    background-size: 250% !important;
    transition: 0.5s ease-out;
    color: #fff !important;
}

.footerBigdotMenu {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1;
}

.footerBigdotMenu img {
    width: 80px !important;
}

.bodyWrapper {
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bodyWrapper .scanQr {
    position: absolute;
    right: -150px;
    top: 50px;
    transition: 0.5s;
}

.bodyWrapper .scanQr.active {
    right: 10px !important;
}

.bodyWrapper .scanQr p {
    line-height: 1.2;
}

.productListingImage {
    height: 250px !important;
}

.listViewImage {
    max-height: 200px;
    min-height: 200px;
}

.gridViewImage,
.variantCard img.img-fluid {
    border-radius: 8px;
    height: 150px;
    object-fit: cover;
    border: 1px solid #d7d7d7;
    object-position: center;
    width: 100%;
    margin-bottom: 8px;
    cursor: pointer;
}

.specialistImage {
    max-height: 300px;
    object-fit: cover;
    width: 100%;
    object-position: top;
    border-radius: 8px;
    cursor: pointer;
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
    border-radius: 0 0 10px 10px !important;
}

.businessLogo {
    min-height: 190px;
    max-height: 200px;
    object-fit: cover;
}

.specialistHomeImage {
    height: 150px !important;
    width: 150px;
}

.galleryHomeImage {
    min-height: 175px;
    max-height: 175px;
    width: 100%;
    object-fit: cover;
}

.homeButton {
    width: 180px !important;
}

.mobileListView {
    max-height: 110px;
    min-height: 110px;
    object-fit: cover;
}

.logoWidthHeight {
    width: 176.75px;
    height: 176.75px;
}

.bizLogoPrimary {
    object-fit: cover;
    width: 150px;
    height: 150px;
    border-radius: 10px !important;
    border: 5px solid #eeeeee;
    background-color: #fff;
    padding: 20px !important;
}

.beautyServicesImg img {
    height: 64px;
    width: 64px;
}

.automobileHeaderLogo {
    text-align: center;
}

.automobileHeaderLogo img {
    width: 150px !important;
    border: 1px solid #d7d7d7;
    padding: 10px;
}

.row.customResourcesBoxShadow {
    align-items: center;
}

.laundryServiceImg img {
    max-height: 100px !important;
    max-width: 100px !important;
}

.autoServicesImg img {
    max-width: 100px;
    max-height: 100px;
    object-fit: cover;
}

.autoGalleryImage img {
    max-height: 230px;
    object-fit: cover;
    min-height: 230px;
    border-radius: 8px;
}

.gymGalleryImage img {
    max-height: 150px;
    min-height: 150px !important;
    object-fit: cover;
}

.outletSelection {
    max-width: 50vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.changeOutletScroll,
.offcanvas.offcanvas-start .offcanvas-body {
    overflow-y: scroll;
    height: 100vh;
}

.darkWhiteBg {
    background-color: #fbf9ff !important;
}

.quantities {
    overflow: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    padding: 5px 0 !important;
}

.quantities:hover {
    overflow-x: scroll;
    -ms-overflow-style: none;
}

.productContent .d-flex.justify-content-start,
.socialShareModalFooter {
    display: block !important;
}

.quantities::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.cCustomizableproduct {
    line-height: 18px;
    font-weight: 500;
    font-size: 10px;
    border: 1px solid var(--Primary_Color);
    border-radius: 23px;
    padding: 0 10px;
    color: var(--Primary_Color);
    margin: 8px 0;
    display: inline-block;
    padding-top: 3px;
}

.availabel-gm,
.customBackgroundColor b,
.discount-tag,
.invoiceList h4,
.product-detail,
.reviewerName a {
    font-weight: 600;
}

.active-weight {
    background-color: var(--Primary_BGColor) !important;
    color: #fff !important;
}

.product-quantites {
    font-size: 12px;
    border: 1px solid var(--Primary_Color);
    border-radius: 25px;
    padding: 2px 10px;
    color: var(--Primary_Color);
    margin-right: 8px;
    cursor: pointer;
}

.TermsAndConditions a,
.comment-content,
.d-grid.btn-group button#dropdownBasic1 span,
.discount-tag,
.modal-font-size,
.myAccountComponent .yourDeshboard .unpaidOrder .shop_table.mt-4 th,
.option-font-size,
.product-price,
span#headerLanguage {
    font-size: 14px;
}

.chooseYouLogin button.btn:hover,
.guestLoginBtn,
.guestLoginBtn:hover {
    border-color: var(--Primary_Color);
}

.mainGalleryImg img {
    max-height: 177px;
    width: 100%;
    object-fit: cover;
}

.reviewerName a {
    color: #000 !important;
    font-size: 16px;
}

.cManikMap {
    height: 400px;
    width: 100%;
    border-radius: 15px;
}

.orangeBoxShadow {
    box-shadow: 0 4px 10px var(--Primary_Color);
}

.classicDashboard img {
    max-width: 85px;
}

.categoryScrollBox {
    height: calc(94vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}

.availableProduct,
div.kioskScrollMenu {
    overflow: auto;
    white-space: nowrap;
}

.border-end.col-md-9 .row.bg-white.mb-2.zIndex2.position-sticky.top-0,
body .desktopCategory .zIndex2.position-sticky.top-0,
body .zIndex2.position-sticky.top-0.fixedDemo {
    top: 0 !important;
}

.filterCategorySec.fixedDemo {
    position: sticky;
    top: 80px !important;
}

div#filterEffectValue-ONE {
    top: 0px !important;
}

.categoryScrollBox::-webkit-scrollbar {
    width: 5px;
}

.cartSection.displayForDesktop {
    top: 50px !important;
}

.availabel-gm,
.discount-tag,
.guestLoginBtn:hover {
    background-color: var(--Primary_BGColor);
    color: #fff;
}

.availableProduct span {
    border: 1.229px solid var(--Primary_Color);
    border-radius: 35px;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    display: inline-block;
}

.availabel-gm {
    border: 1.229px solid #fff;
}

.discount-tag {
    border-radius: 2.79704px;
    line-height: 21px;
    padding: 5px 10px;
    cursor: pointer;
}

.availableProduct::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.dineInUserImg {
    width: 22px;
    height: 22px;
    border-radius: 100px;
}

.cartBottomPadding {
    padding-bottom: 30px;
}

.footerBrand img,
.kioskQRHome img {
    width: 150px;
}

.br-4 {
    border-radius: 4px;
}

.waiterService {
    padding: 20px 0;
    border-radius: 8px;
}

.availableTable {
    background-color: #f5f5f5;
    border: 1px dashed #8c8c8c;
}

.allocatedTable {
    background-color: #ffe1e5;
    border: 1px dashed #dc3545;
}

.selectedTable {
    background-color: #77f98c;
}

.categoryActive,
.tryOnMakeup .control-group button#lipstick,
.tryOnMakeupMobile .control-group button#lipstick {
    background-color: var(--Primary_Color);
}

.singleSpecialistImage {
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
    object-position: top;
}

.singleProductImage {
    max-height: 550px;
    min-height: 550px;
    object-fit: cover;
    object-position: top;
}

input[type="radio"] {
    transform: scale(1.2);
    accent-color: var(--Primary_Color);
}

.alloptions {
    margin-right: 12px;
}

.adBannerModalScroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.adCarousel-control-next {
    width: 5%;
    margin-right: auto !important;
}

.adCarousel-control-prev {
    width: 5%;
    margin-left: auto !important;
}

img.img-fluid.w-100.borderRadius10 {
    min-height: 178px;
    object-fit: cover;
    object-position: 15% 85%;
}

.rating,
.tableAction .dropdown button#dropdownMenuButton1 {
    border: none;
}

.dropdown-item:active,
.unpaidOrder .tableAction .dropdown-item.active {
    background-color: transparent;
}

.switchModal {
    position: relative;
    bottom: 55px;
    right: 10px;
}

.switchModalOpen {
    position: absolute;
    bottom: -5px;
    right: 25px;
}

.switchTypeModal {
    position: absolute;
    bottom: 48px;
    background: 0 0;
}

.homeGalleryImage {
    border: 1px solid #cfcfcf;
    max-height: 170px;
    min-height: 170px;
    width: 100%;
    object-fit: cover;
}

.storeUserImage {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.customBottomMargin {
    margin-bottom: 100px;
}

.invoiceList h4 {
    font-size: 20px;
    margin: 0 0 20px;
    padding: 12px;
    background-color: var(--Secondary_BGColor);
    border-radius: 8px;
}

.invoiceList td,
.invoiceList th,
.serviceList table {
    border: 1px solid #f0f0f0;
}

.invoiceList th {
    font-size: 14px;
    padding: 15px 8px;
    vertical-align: middle;
}

.table> :not(:first-child) {
    border-top: 1px solid #f0f0f0;
}

.serviceList table td {
    padding: 12px;
    border-color: #f0f0f0;
}

.invoiceList td {
    font-size: 13px;
    vertical-align: middle;
}

.menuHeader img.img-fluid.plantheaderLogo,
.orderingButton a i,
.serviceList table td i {
    margin-right: 15px;
}

div.kioskScrollMenu .kioskService,
div.kioskScrollMenu .specialistList,
div.kioskScrollMenu a {
    display: inline-block;
    margin-right: 16px;
    text-decoration: none;
}

.serviceList table td .dropdown-menu {
    border-color: #e9e9e9;
}

.serviceList table td .dropdown-item {
    color: #5a5959;
    font-size: 14px;
}

.serviceList .tableItems {
    justify-content: space-between;
    margin-top: 15px;
}

.serviceList .tableItems .left {
    width: 500px;
}

.serviceList .tableItems .left select {
    width: 75px;
    margin: 0 15px;
    font-size: 14px;
}

.serviceList .tableItems .right ul {
    margin: 0;
}

.serviceList .tableItems .right ul li.active span {
    background-color: #3f51b5 !important;
    box-shadow: 1px 1px 5px 3px rgb(0 0 0 / 15%);
}

.serviceList .tableItems .right ul li span {
    border: none !important;
    border-radius: 8px;
}

.gridOuter {
    border: 2px solid var(--Primary_Color);
    padding: 20px;
    border-radius: 8px;
}

.kioskCartBottom,
.kioskCatBottom {
    border-radius: 8px;
}

.change p.blackParaColor,
.payCounterIcon img {
    width: 200px;
}

.customOrderTab.nav-pills .nav-link.active {
    background-color: #607d8b !important;
    color: #fff !important;
}

.customLetterSpace {
    letter-spacing: 0.6em;
}

.kioskCustomLineHeight {
    line-height: 1;
}

.quantity::-webkit-inner-spin-button,
.quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.kioskGridViewListImage {
    height: 134.54px;
    width: 134.54px;
}

.kioskCatBottom {
    background-color: #ffe9be;
}

.kioskPriceFont {
    font-size: 12.0557px;
    line-height: 21px;
    color: #494949;
}

.kioskScrollBackground,
.myAccountComponent .table tr:nth-child(2n) {
    background-color: #f9f9f9;
}

.kioskCartBottom,
.kioskTotalItem-bg {
    background-color: var(--Secondary_BGColor);
}

.kioskItemHeading {
    font-size: 16px;
    line-height: 24px;
    color: #4d4b4b;
}

.kioskListViewImg {
    height: 114px;
    width: 114px;
}

.kioskEnvelopIcon {
    background-color: #3a1593;
    color: #fff;
    padding: 0 5px;
    border-radius: 50%;
}

.kioskLoginRow {
    box-shadow: 0 0 5px 0 #aaa;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 6px;
}

.kioskCountQty {
    border: 1px solid #3a1593;
}

.d-grid.btn-group button#dropdownBasic1 i,
.kioskReceiptFont,
.orderingSection .myAccountComponent .product-name button.btn.btn-success {
    font-size: 12px;
}

.kioskkioskOfferTag {
    background-color: #f9ac38;
    border-radius: 8px;
    line-height: 1;
    padding: 8px;
}

.kioskHeadingCart {
    font-size: 24px;
    line-height: 36px;
}

.kioskCategoriesHeading {
    color: #161616;
}

.kioskContentHeading {
    font-size: clamp(14px, 1.3vw, 18px);
    line-height: 27px;
    color: #242424;
}

.kioskSlider.round,
.natureIndslider.round {
    border-radius: 34px;
}

.kioskSlider.round:before,
.natureIndslider.round:before {
    border-radius: 50%;
}

.kioskSwitch,
.natureIndswitch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px;
}

.kioskSwitch input,
.natureIndswitch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.kioskSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.kioskSlider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.kioskSlider:before,
input:checked+.natureIndslider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

.kioskOfferTag {
    background-color: var(--Secondary_BtnBgColor) !important;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.kioskProdDescription {
    color: #313030;
    line-height: 20.96px;
}

.kioskFoodIngredients {
    font-size: 12px;
    font-weight: 400;
    color: #494949;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: #3a1593;
    background-color: #3a1593;
    box-shadow: none !important;
}

.kioskOtpArea {
    height: 77.42px;
    width: 77.42px;
    background-color: #f0f0f0;
    margin: 8px;
    border: hidden;
}

.kioskCountQty,
.kioskOperatorBtn {
    width: 22px;
    height: 27px;
    padding: 2px;
}

.defaultRedBtn {
    color: #ff011f;
    background-color: #ffe4e8;
    font-weight: 500;
}

.defaultRedBtn.active {
    background-color: #ff011f;
    color: #fff;
}

.leftSideFix {
    position: fixed;
    top: 0;
    bottom: 45px;
    min-height: 0 !important;
}

.footer,
.modal.bottom.fade.in .modal-dialog,
.modal.bottom.fade.show .modal-dialog {
    bottom: 0;
}

.specialistPic {
    width: 33px;
    height: 33px;
}

.kioskService {
    width: 225px;
}

div.kioskScrollMenu {
    cursor: pointer;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

div.kioskScrollMenu a {
    color: #fff;
    margin-left: 16px;
}

.primaryBorderBottom {
    border-bottom: 1px solid var(--Primary_Color);
}

.kioskFont {
    font-size: 45.43px;
}

.kioskCustomizable {
    border: 0.892962px solid var(--Primary_Color);
    padding: 5px 10px;
    border-radius: 35.7185px;
    font-size: 9.70492px;
}

.kioskProductGrid {
    border: 0.400000006px solid #e8e8e8;
    box-shadow: 0 2px 6px rgb(0 0 0 / 16%);
    border-radius: 8px;
}

.headingWelcome {
    font-size: 40px;
    color: #707070;
    line-height: 60px;
}

.headingKiosk {
    font-size: 41.0485px;
    line-height: 62px;
}

.btnFocus:focus,
.orderingSection .submitBtn:focus {
    outline: 0;
}

.cardBoxShadow {
    box-shadow: 0 10px 20px rgba(218, 203, 255, 0.25);
}

.cardShadow {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #fff !important;
}

.cardShadow.active,
.cardShadow:hover {
    border-color: #ff011f !important;
}

.cAnnouncement_Show,
.cAskQuestion_Show,
.cCall_Show,
.cCheckIn_Show,
.cContact_Show,
.cFacebook_Show,
.cHeaderWizard_Show,
.cInstagram_Show,
.cInstantAppointment_Show,
.cLinkedIn_Show,
.cPinterest_Show,
.cRatings_Show,
.cSendMessage_Show,
.cTwitter_Show,
.cVideoConsultation_Show,
.cYoutube_Show,
.saleTypeKiosk,
.showNegative,
.showPositive {
    display: block;
}

.saleTypeKiosk .btn-dropdown {
    color: var(--Primary_Color) !important;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 10px;
    position: relative;
}

.count-rating,
.saleTypeKiosk .btn-dropdown i {
    font-size: 20px;
}

.saleTypeKiosk .dropdown-menu {
    max-width: 100% !important;
    width: 100%;
}

.saleTypeKiosk .btn-dropdown .fa-angle-down {
    position: absolute;
    right: 10px;
}

.height100Vh {
    height: 100vh;
}

.input-light-bg {
    background-color: #f3f3f3 !important;
}

.input-light-dark {
    background: #ededed;
    border-radius: 8px;
}

.category-modal {
    border-radius: 15px 15px 0 0 !important;
}

.scrollmenu::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.customBackgroundColor {
    background-color: #f8f8fb !important;
    min-height: 100vh;
}

.kioskBrandLogo {
    width: 120px;
}

.kioskLogo {
    max-width: 80px !important;
}

div#screen_2 {
    padding: 0 15px 15px !important;
}

.footer {
    position: absolute;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: var(--Secondary_BGColor);
}

.customButtonHeight {
    padding: 12px !important;
}

.customButton,
.guestCheckoutBtn {
    border-radius: 8px !important;
    padding: 10px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #fff !important;
    border: 0 !important;
}

.customActionButton {
    border-radius: 10px !important;
    padding: 12px 10px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #712cf9 !important;
    border-color: #712cf9 !important;
}

.customActionButton:hover {
    color: #fff !important;
    background-color: #6628e0 !important;
    border-color: #6628e0 !important;
}

.customRoundSmallButton {
    border-radius: 50px !important;
    padding: 4px 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

.form-control {
    padding: 10px !important;
    border-radius: 8px;
    text-align: left !important;
    font-size: 14px !important;
}

.form-select {
    padding: 8px 10px;
    border-radius: 8px;
}

fieldset,
label {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.modal-header.border-0 .modalCloseBtn {
    background-image: none;
    position: absolute;
    font-size: 22px;
    margin: 0;
}

.modal-header.border-0 .modalCloseBtn i {
    background: #fff;
    border-radius: 100px;
}

.btn-close {
    opacity: 1 !important;
    background: 0 0 !important;
    font-size: 16px;
    padding: 0 !important;
    right: 15px !important;
    top: 8px !important;
}

.customResourcesBoxShadow,
.variants-header {
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
}

.modal-body.ratingModal {
    overflow: hidden;
    height: 400px;
    overflow-y: scroll;
}

.modal-accordion {
    height: auto !important;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    max-height: 300px !important;
}

.height45 {
    height: 45px;
}

.listingDropdown {
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    transform: translate(-40px, 52px) !important;
}

.modal.bottom .modal-body {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0;
    padding: 15px 30px 80px;
}

.kioskLoginOptionSelected {
    background-color: var(--Secondary_BGColor) !important;
    border: 2px solid var(--Primary_Color) !important;
}

.top-row {
    background-color: #f5f1ff;
    padding: 5px 116px;
}

.custom-padding {
    padding-right: 116px;
    padding-left: 116px;
}

.top-rating-bar {
    background: #e5e5e5;
}

.pagination-background-next {
    background-color: #f5f1ff;
}

.pagination-background-next:hover,
.pagination-background:hover {
    background-color: #f5f1ff;
    color: #3a1593;
}

.pagination-background {
    padding: 8px;
}

.modal-rating-background {
    background-color: #e5e5e5;
}

.blank-star {
    color: #ddd;
}

.myratings {
    font-size: 30px;
}

.activeOrder .form-check,
.topHeaderBoxShadow .socialMedia li,
div.stars {
    display: inline-block;
}

label.star {
    float: right;
    padding: 10px;
    font-size: 36px;
    transition: 0.2s;
}

input.star:checked~label.star:before {
    content: "\f005";
    color: #fd4;
    transition: 0.25s;
}

input.star-5:checked~label.star:before {
    color: #fe7;
    text-shadow: 0 0 20px #952;
}

input.star-1:checked~label.star:before {
    color: #f62;
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    content: "\f006";
    font-family: FontAwesome;
}

.checkbox-label,
.variantModalLink {
    font-size: 14px !important;
    font-weight: 500;
    padding: 5px 10px !important;
    line-height: 20px;
}

.modal textarea::-webkit-input-placeholder {
    color: #acaaaa;
    font-size: 12px;
}

.pagination-top-gapping {
    margin-top: 300px;
}

.cross-button {
    margin-top: -25px;
    margin-right: -15px;
}

.fileinput-button input {
    position: absolute;
    margin: -5px;
    left: 0;
    opacity: 0;
    font-size: 35px;
    direction: ltr;
    cursor: pointer;
    width: 100px;
    z-index: 1234;
}

.image-cross-icon button.close {
    position: absolute;
    right: -20px;
    top: -20px;
    border-radius: 8px;
    background: 0 0;
    z-index: 123;
    border: none;
}

.styled-select select {
    font-size: 14px;
    border: none;
    outline: 0;
    -webkit-appearance: none;
}

.select-button {
    border-radius: 0 5px 5px 0;
}

.prepend-background {
    background: #f0f0f0 !important;
    color: #302e2e !important;
    font-size: 14px;
    position: relative;
}

.modal.bottom .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
}

.side-nav-font {
    font-size: 14px;
    font-weight: 400 !important;
}

.modal.bottom.fade .modal-dialog {
    bottom: -320px;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.bottom .modal-dialog {
    position: fixed;
    margin: auto;
    width: 400px;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bottom-add-menu,
.card.mt-3 .card-body .btn.primaryBgColor.text-white,
.cartScrollBox .card.mt-3,
.custom-tags {
    margin-bottom: 5px;
}

.anything-missing-background {
    background-color: var(--Secondary_BGColor);
    border-radius: 8px;
    line-height: 1 !important;
}

.cart-empty {
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 10px;
    display: none;
}

.variant-heading {
    font-weight: 600;
    font-size: clamp(14px, 1.3vw, 18px);
    line-height: 33px;
    color: #010101;
}

.custom-tags,
.quantity-mesure,
.share-icon,
.variantMenu {
    font-weight: 500;
}

.share-icon,
.variant-quantity {
    font-size: 16px;
    line-height: 24px;
}

.footer-shadow {
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
    border-radius: 10px 10px 0 0;
}

app-insta-menu-footer .footerBigdotMenu.bg-white.py-2.border-top {
    position: relative;
    bottom: 0;
    width: 100%;
}

.quantity-mesure:hover {
    border: 1px solid var(--Primary_Color);
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff !important;
}

.quantity-mesure.active {
    border: 1px solid var(--Primary_Color) !important;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff !important;
    margin-top: 2px;
}

.quantity-mesure {
    font-size: 14px !important;
    line-height: 16px;
    border: 1px solid var(--Primary_Color) !important;
    box-sizing: border-box;
    border-radius: 50px !important;
    background-color: #fff;
    color: var(--Primary_Color) !important;
    margin-right: 10px;
    padding: 4px 10px !important;
}

.product-details-carousel {
    max-height: 250px;
    object-fit: contain;
}

.custom-tags {
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    padding: 3px;
    margin-right: 5px;
    display: inline-block;
}

.tabbable .nav-tabs li a {
    white-space: nowrap;
    font-size: clamp(12px, 1.1vw, 16px);
    font-weight: 500;
    margin-bottom: 10px;
    padding: 2px 10px !important;
}

div#headingOne .dropdown-heading {
    color: #1e1e1e !important;
    margin-bottom: 10px !important;
    font-weight: 600;
}

div#customizationsSection .dropdown-heading {
    color: #1e1e1e !important;
    margin-bottom: 10px !important;
}

.tabbable .nav-tabs li .variantMenu.activeMenu {
    border: 1px solid var(--Primary_Color) !important;
    border-radius: 5px;
}

.myAccountComponent .yourDeshboard p,
.noOrderScreen p {
    margin-bottom: 8px !important;
}

.cartScrollBox .col p.backColor,
.change p.blackParaColor {
    margin: 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.variantMenu {
    font-size: 16px;
    line-height: 24px;
    color: #b7b4be !important;
    border-bottom: 0.5px solid #fff;
}

.additionalPage,
.orderingSection.menuCartSix {
    min-height: 100vh;
}

.modal-footer {
    justify-content: center !important;
}

.bottom-add-menu {
    height: 50px;
    width: 50px;
    padding-top: 13px;
    border-radius: 50%;
    background-color: #ff165d;
    font-size: 24px;
}

.beauty-modal-button {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    background: #ff165d;
    padding: 8px 24px;
    border-radius: 50px;
}

.beauty-modal {
    background-color: transparent !important;
}

.flat-text {
    font-size: 14px;
    font-weight: 600;
    color: #ff3434;
    border: 1px dashed var(--Primary_Color);
    border-radius: 8px;
    padding: 5px;
    display: block;
}

.cApplycoupon {
    padding: 0 15px;
    border: 1px solid var(--Primary_Color);
    background: 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
    color: var(--Primary_Color);
    font-size: 14px;
}

.offer-box {
    -webkit-box-shadow: 0 5px 50px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 50px rgb(0 0 0 / 10%);
}

.view-all-offers a {
    color: #fff;
    background-color: #f9ac38;
    padding: 5px 8px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

.variantModalLink.active {
    color: #fff !important;
    background-color: var(--Primary_BGColor) !important;
}

.rating-padding {
    padding-left: 50px;
}

.custom-egg-switche:checked~.egg-switch {
    background-color: #ff8223 !important;
}

.custom-veg-switche:checked~.veg-switch {
    background-color: #327e01 !important;
}

.custom-non-veg-switche:checked~.non-veg-switch {
    background-color: #ff0e0e !important;
}

.natureIndslider {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.non-veg-heading {
    font-size: 15px;
    line-height: 22px;
    color: #f9ac38;
}

.natureIndslider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.Variants {
    padding: 20px 20px 0;
    font-size: 12px;
}

.modalFooter {
    background-color: var(--Primary_BGColor);
    color: #fff;
    padding: 10px;
    border-radius: 8px;
}

.incrementButton {
    height: 30px;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 4px;
    background: var(--Primary_BGColor) !important;
    float: right;
    cursor: pointer;
}

.incrementButton span {
    width: 100%;
    text-align: center;
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: #fff;
}

.incrementButton span.num {
    font-size: 15px;
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    border-left: 2px solid rgba(255, 255, 255, 0.2);
}

.increment-decrement-btn-container {
    display: flex;
    width: 80px;
    height: 35px;
    background-color: var(--Primary_BGColor);
    border-radius: 8px;
    position: relative;
    float: right;
    cursor: pointer;
}

.increment-decrement-btn-container div:first-child {
    width: 22px;
    border-radius: 18px 0 0 18px;
}

.increment-decrement-btn-container div,
.increment-decrement-large-btn-container div {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600 !important;
}

.increment-decrement-btn-container div:nth-child(2) {
    flex: 1 1;
    word-wrap: normal;
    border-radius: 0;
}

.increment-decrement-btn-container div:nth-child(3) {
    width: 22px;
    border-radius: 0 18px 18px 0;
}

.increment-decrement-large-btn-container {
    display: flex;
    width: 90px;
    height: 35px;
    border: 1px solid var(--Primary_Color);
    border-radius: 8px;
    position: relative;
    float: right;
}

.increment-decrement-large-btn-container div:first-child {
    width: 22px;
    border-radius: 18px 0 0 18px;
    cursor: pointer;
}

.increment-decrement-large-btn-container div:nth-child(2) {
    flex: 1 1;
    word-wrap: normal;
    border-radius: 0;
    border-right: 1px solid var(--Primary_Color);
    border-left: 1px solid var(--Primary_Color);
}

.increment-decrement-large-btn-container div:nth-child(3) {
    width: 22px;
    border-radius: 0 18px 18px 0;
    cursor: pointer;
}

.buttonHeight50 {
    padding: 15px 0;
}

.sortfilterwrapper .sortFilterDropdown {
    border-bottom: 2px solid var(--Primary_Color) !important;
    border: none;
    border-radius: 0 !important;
    background: 0 0 !important;
    color: #000 !important;
    padding: 4px 0 !important;
    border-top: 0;
}

.form-check-input:checked,
.page-item.active .page-link {
    background-color: var(--Primary_Color) !important;
    border-color: var(--Primary_Color) !important;
}

.listingButton {
    width: 80px;
    height: 35px;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    float: right;
    font-size: 12px !important;
}

.cartTotals .rounded.mutedLightBg,
.orderingSection.appCartFive .rounded.mutedLightBg {
    margin: 15px 0 !important;
}

.cartScrollBox .col p.backColor {
    width: 170px;
}

.change.row.border-bottom .col {
    padding: 0 10px;
}

.cProductnature {
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 8px;
    width: 15px !important;
    height: 15px !important;
    border-radius: 0 !important;
}

.imgPriCross {
    position: relative;
    right: 0;
    top: 2px;
}

::-webkit-scrollbar-thumb {
    background: var(--Primary_Color) !important;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar {
    width: 6px;
}

.orderingSection.pt-4 h2.mb-4 {
    font-size: 22px;
    margin-bottom: 10px !important;
}

.orderingSection .loginShare ul li a i {
    line-height: 38px;
}

@media (max-width: 1440px) {
    .modalHeader .nearbyShare.novaStoreProductShare {
        position: absolute;
        top: 11px;
    }

    app-insta-menu-cart .orderingSection.pb-0 .footerBigdotMenu {
        width: 450px !important;
    }

    .modalHeader button.btn-close.modalCloseBtn {
        top: 13px !important;
    }

    .orderingSection .input-group .searchBar ul.list-group .list-group-item {
        font-size: 13px !important;
    }

    .medicineTable {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .medicineTable th:nth-child(1) {
        width: 50%;
    }

    .medicineTable th:nth-child(2) {
        width: 10%;
    }

    .medicineTable th:nth-child(3) {
        width: 20%;
    }

    .medicineTable th:nth-child(4) {
        width: 20%;
    }

    .medicineTable td {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        vertical-align: top;
        padding: 8px;
    }

    .orderingSection .medicineTable th,
    div#businessHeaderId_TWO .loginShare ul li a {
        font-size: 13px;
    }

    .browseAllItem a,
    .orderingSection .bidHeader select {
        font-size: 16px !important;
    }

    .font24 {
        font-size: 18px !important;
        line-height: 25px !important;
    }

    .orderingSection .categoryscroll button.btn.primaryColor,
    .sortfilterwrapper .sortFilterDropdown {
        font-size: 14px;
    }

    .productImgPreview .zoom-view {
        width: 400px;
        height: 400px;
    }

    .orderingSection .OurTeamContent {
        padding: 10px 5px;
    }

    .orderingSection .OurTeamContent h2 {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .orderingSection .OurTeamContent .btn.payTipBtn {
        font-size: 14px;
        padding: 2px 10px;
        margin-top: 5px;
    }

    .orderingSection .card-body h5.card-title {
        font-size: 15px !important;
    }

    .browseAllItem a {
        padding: 5px 20px !important;
    }

    .orderingSection .bridTitle {
        font-size: 22px !important;
        margin-bottom: 5px !important;
    }

    .cartScrollBox .col p.backColor {
        width: 150px;
    }

    .container .orderingSection h4 {
        font-size: 20px;
    }

    .orderingSection .priceSection h2 {
        margin-top: 0 !important;
        font-size: 22px !important;
    }

    .orderingSection .advanceSection h3 {
        font-size: 18px !important;
        margin-top: 15px !important;
    }

    .orderingSection .requestButton {
        padding: 8px 30px !important;
        font-size: 16px !important;
        margin-top: 0 !important;
    }

    .orderingSection .locationArea .locationIcon i {
        font-size: 16px;
        vertical-align: text-bottom;
    }

    .bannerSectionImage .ratingViewBox a {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    .subCategoryscroll button.btn.subcategoryButton {
        padding: 2px 15px;
        font-size: 12px;
    }

    .filterViewBtn,
    footer.orderingFooter p {
        font-size: 12px !important;
    }

    div#businessHeaderId_TWO .orderingSection {
        width: 450px;
        padding: 15px 0;
    }

    div#businessHeaderId_TWO .orderingSection .locationArea {
        padding: 2px 10px;
    }

    .orderingSection {
        width: 480px !important;
    }

    div#businessHeaderId_TWO .loginShare ul li {
        height: 28px;
        width: 28px;
        line-height: 28px;
    }

    .orderingSection #headerLanguage .headerLanguage {
        height: 30px !important;
    }

    .variantCard .gridViewImage,
    div#businessHeaderId_TWO .bannerSectionImage img.orderBannerImage {
        height: 120px;
    }

    .font20 {
        font-size: 17px !important;
        line-height: 18px !important;
    }

    .headingWelcome,
    .orderingSection .loginShare ul li a i {
        line-height: 30px;
    }

    div#businessHeaderId_TWO .logoImage img {
        width: 100px;
        height: 100px;
        border: 5px solid #fff;
    }

    footer.orderingFooter.orderingSection.mt-0 {
        width: 450px;
    }

    .container .card.orderingButton {
        padding: 8px;
        margin-bottom: 10px;
        height: 90px;
    }

    .container .card.orderingButton p.mb-0.text-end i {
        font-size: 30px;
    }

    .container .orderingButton h2 {
        font-size: 14px !important;
        line-height: 18px;
    }

    .orderingSection .card.orderingButton p {
        font-size: 10px !important;
    }

    .container .orderingSection .borderDashed {
        padding: 4px 0;
        margin-bottom: 14px;
    }

    div#businessHeaderId_TWO .locationArea .locationContent h3 {
        font-size: 13px !important;
        width: 220px;
    }

    .orderingSection .tryOnLabel {
        font-size: 8px;
        padding: 2px 5px;
        right: 5px;
        top: auto !important;
        width: initial !important;
    }

    div#businessHeaderId_TWO .loginShare button#dropdownBasic1 img.img-fluid {
        width: 30px;
        height: 30px;
        margin-top: -2px;
    }

    .container .loginShare ul li {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .container .loginShare button#dropdownBasic1 img.img-fluid {
        width: 30px;
        height: 30px;
        margin-top: -2px;
        margin-right: 0 !important;
    }

    .container .orderingSection .listViewImage {
        width: 100%;
        max-height: 100px;
        min-height: 100px;
    }

    .container .loginShare ul li a {
        font-size: 15px;
    }

    .sortFilters .non-veg-heading {
        font-size: 12px !important;
        margin-right: 5px !important;
    }

    body .orderingSection .dealCard .content .price,
    div#themeviewFiltrQuickOrder2 a {
        font-size: 18px !important;
    }

    .sortFilters .natureIndswitch {
        width: 26px;
        height: 16px;
    }

    .sortFilters .natureIndslider:before {
        height: 10px;
        width: 10px;
    }

    .order-type button.btn.float-right {
        font-size: 14px;
        padding: 4px;
    }

    .orderingSection .dealCard .content .price del {
        margin-right: 5px !important;
        font-size: 16px !important;
    }

    .orderingSection .dealCard .content {
        padding: 15px !important;
    }

    div#activeSectionType .order-type .left-btn {
        padding: 5px;
    }

    .headingWelcome {
        font-size: 30px;
        color: #707070;
    }

    .kioskBrandLogo {
        width: 100px;
    }

    .footerservices.categorySidebar .form-check-label.cursorPointer {
        width: 105px !important;
    }

    .cartScrollBox {
        max-height: 150px;
    }

    .view-all-offers.text-end.pe-2 {
        padding: 0 !important;
    }

    .increment-decrement-btn-container div {
        font-size: 10px;
    }

    .increment-decrement-btn-container {
        display: flex;
        width: 60px;
        height: 30px;
        background-color: var(--Primary_BGColor);
        border-radius: 8px;
        position: relative;
        float: right;
        cursor: pointer;
    }

    .font14 {
        font-size: 14px !important;
        line-height: 16px;
    }

    .zIndex2.position-sticky.top-0.cartSection .col-md-12.pt-3 {
        padding-top: 0 !important;
    }
}

.accordion-button:not(.collapsed),
.accordion-item:last-of-type .accordion-button.collapsed {
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
}

.card .card-body .change h5,
.card-body h5.font500.primaryColor,
.menuHeader .nameEmail h2.backColor.mb-0.text-truncate {
    font-size: 18px !important;
    margin-bottom: 4px !important;
}

p#addressError {
    margin: 10px 0 !important;
    font-size: 14px !important;
    padding: 8px !important;
}

.card-body h5.font500.primaryColor {
    margin-bottom: 5px !important;
}

.cartScrollBox {
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
}

.cartScrollBox::-webkit-scrollbar {
    overflow-x: hidden;
    height: 0;
    width: 5px;
}

.cartScrollBoxKiosk {
    height: calc(100vh - 450px);
    overflow-y: auto;
    overflow-x: hidden;
}

.mt-100 {
    margin-top: 100px;
}

.socialShareIcon {
    border-radius: 33px;
    width: 61px;
    height: 61px;
    padding: 0.25rem;
    line-height: 55px;
}

.smd {
    width: 200px;
    font-size: small;
}

.ur.focus,
.ur:focus,
button.focus,
button:focus {
    outline: 0;
    box-shadow: none !important;
}

.message {
    font-size: 11px;
    color: #ee5535;
}

.narrowFooter {
    position: relative;
    z-index: 111;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
}

.sidebarCart img {
    border: 1px solid #d6d6d6;
    border-radius: 8px;
}

.offcanvascartWidth {
    width: 320px !important;
}

.cFilterWizard,
.changeOutletScroll button.btn.btn-outline-secondary {
    margin-bottom: 10px;
}

.offcanvas {
    width: 600px !important;
}

.filterButton {
    border-color: var(--SitePrimaryColor) !important;
    background-color: var(--SitePrimaryColor) !important;
    padding: 12px 0;
    font-size: 14px !important;
}

.bigdotLogoFooter {
    width: 100px;
}

.bigdotUpiFooter p,
.narrowFooter p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 14px;
    text-align: right;
}

.accordion-button:not(.collapsed) {
    color: #444 !important;
    margin: 30px 0 0;
    background-color: transparent !important;
    box-shadow: none;
}

.logoImage img,
.rangeSlide,
.referFriend,
.waytoEarn {
    box-shadow: 0 0 12px #8080806e;
}

.card-body .backColor,
.myAccountComponent .logoutText {
    font-size: 16px;
    margin-bottom: 0;
}

div#paginationConfigpaginationModeS {
    margin-bottom: 30px !important;
}

.productBg .productDetailPageImg {
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.sidebarCardClose {
    position: relative;
    z-index: 123;
}

.form-range::-webkit-slider-thumb {
    background: var(--SitePrimaryColor);
}

.form-range::-moz-range-thumb {
    background: var(--SitePrimaryColor);
}

.form-range::-ms-thumb {
    background: var(--SitePrimaryColor);
}

.outlineButton {
    border: 2px solid var(--Primary_Color) !important;
    border-radius: 8px;
    color: var(--Primary_Color) !important;
    padding: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.outlineButton:hover {
    border: 2px solid var(--Primary_Color);
}

.orderingSection .input-group .searchBar ul.list-group {
    height: auto;
    overflow-y: initial;
    margin-top: 4px !important;
}

.modal-body .input-group {
    flex-wrap: nowrap;
}

.input-group .input-group-text {
    z-index: 12;
    top: 0;
    cursor: pointer;
}

span.input-group-text.borderRadiusRight {
    height: auto !important;
}

body .checkoutBlack {
    margin-left: 10px !important;
    color: #313030 !important;
}

.offcanvasDesktopWidth {
    width: 550px;
}

.breadcrumb-section {
    background: var(--SiteSecondaryColor);
    border-radius: 8px;
}

.couponAppyBtn,
button.btn.continue {
    background: var(--DefaultButtonBgColor);
    color: var(--DefaultButtonTextColor);
}

.orderingSection .input-group input.form-control,
.theme-breadcrumb ol {
    margin-bottom: 0;
}

.customOrderTab.nav-pills .nav-link {
    padding: 10px;
    border: 2px solid #607d8b;
    color: #607d8b !important;
}

.mutedColorPara {
    color: #5c5c5c !important;
}

.add-more-icon {
    margin-top: 10px;
}

.checkoutMutedBg .dropdown-menu {
    left: -30px !important;
    min-width: 100px;
    text-align: left;
}

.checkoutMutedBg .dropdown-menu .dropdown-item {
    display: block;
    width: 55px;
    padding: 5px 10px;
    color: #ff0002;
    text-align: left;
}

.modal-content .carousel-item img,
.tab-content .img-fluid.rounded {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.checkoutMutedBg .dropdown-menu .darkgreen {
    color: green;
}

.myAccountComponent .profileImg.d-flex img {
    width: 120px;
    border-radius: 8px;
}

.myAccountComponent .yourDeshboard h3 {
    font-size: 24px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.myAccountComponent .profileImg.d-flex.justify-content-between {
    align-items: center;
}

.myAccountComponent .profileDeatails h5,
div#themeviewFiltrQuickOrder2 a {
    font-size: 20px !important;
}

.unpaidOrder {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid var(--Primary_Color);
    background: #fff;
}

.logout .activeAccountOptions {
    color: #fff !important;
    background: var(--Primary_BGColor) !important;
}

.myAccountComponent .yourDeshboard {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--Primary_Color);
    background: #fff;
}

button.btn.continue {
    padding: 10px 80px;
    border-radius: 100px;
    font-size: clamp(14px, 1.3vw, 18px);
    margin-top: 8px !important;
}

.modal-content .carousel-item img {
    border-radius: 8px;
    margin-bottom: 10px;
}

.card-body .backColor {
    line-height: 24px;
    font-weight: 600;
}

.card-body .mutedColorPara {
    color: #5c5c5c;
}

.mustardYellowColor.textDecorationNone {
    padding-right: 20px;
}

.modal-dialog.ratingView {
    position: absolute;
    bottom: -5px;
    right: -8px;
    transform: initial !important;
}

.fixed-bottom.m-0.modal-dialog {
    position: relative;
    top: 79%;
}

.desktopCategory .offcanvas-body {
    overflow-y: initial;
}

.effectBgColor {
    background-color: var(--BgColor);
}

.modal-body .input-group-text.height50 {
    padding-left: 10px;
    padding-right: 10px;
}

.containerBgColor {
    background-color: var(--ContainerBgColor);
}

.border-top-primary {
    border-top: 1.5px solid var(--SitePrimaryColor);
}

.border-bottom-primary {
    border-bottom: 1.5px solid var(--SitePrimaryColor);
}

.cLocationsectiontxt button.primaryBgColor.text-white {
    margin-bottom: 30px;
}

.sortfilterwrapper .dropdown-menu {
    position: absolute;
    right: 0;
}

.offcanvas.offcanvas-start .offcanvas-body::-webkit-scrollbar {
    width: 5px;
}

.variantQuantityPrice {
    width: auto;
    padding: 10px;
    border: 1px solid var(--Primary_Color);
    margin-right: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    cursor: pointer;
}

.variantQuantityPrice h5 {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nameEmail .menuSocialMedia {
    justify-content: start;
}

.theme-breadcrumb ol .breadcrumb-item,
.theme-breadcrumb ol .breadcrumb-item a {
    color: var(--Para_Color) !important;
}

.profileImg {
    text-align: center;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid var(--Primary_Color);
    background: #fff;
}

.profileImg img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100px;
    margin-bottom: 15px;
}

.loginShare ul,
.myAccountComponent .logout ul {
    margin: 0;
    padding: 0;
}

.myAccountComponent .logout ul li {
    list-style: none;
    padding: 12px 15px;
    margin-bottom: 12px;
    border-radius: 8px;
    display: block !important;
    border: 1px solid var(--Primary_Color);
    background: #fff;
}

.customResourcesBoxShadow .carousel-control-next-icon,
.customResourcesBoxShadow .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-color: var(--Primary_Color) !important;
    background-size: 15px;
}

.customResourcesBoxShadow .carousel-control-next,
.customResourcesBoxShadow .carousel-control-prev {
    opacity: 1;
}

.logout ul li a {
    font-size: 14px;
    display: block;
}

.headerLanguage {
    border-radius: 5px;
    border: 2px solid var(--Primary_Color);
    background: var(--Primary_Color);
    min-width: 80px;
    max-width: 150px;
    font-size: 14px;
    padding: 2px 4px;
    color: #fff;
    cursor: pointer;
}

.categorySidebar input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    cursor: pointer;
    outline: 0;
    overflow: hidden;
    border-radius: 16px;
    height: auto;
}

.categorySidebar input[type="range"]::-webkit-slider-runnable-track {
    height: 10px;
    background: #ccc;
    border-radius: 16px;
}

.categorySidebar input[type="range"]::-moz-range-track {
    height: 10px;
    background: #ccc;
    border-radius: 16px;
}

.categorySidebar input[type="range"]::-webkit-slider-thumb,
.categorySidebar input[type="range"]:focus::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 11px;
    width: 11px;
    position: relative;
    top: 3px;
    background-color: var(--SiteSecondaryColor);
    border-radius: 50%;
    box-shadow: -407px 0 0 400px var(--Primary_Color);
}

.categorySidebar input[type="range"]::-moz-range-thumb {
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ff0;
    box-shadow: -407px 0 0 400px var(--Primary_Color);
}

body .logout li.selectedItemMyAccount {
    background: var(--DefaultButtonBgColor) !important;
}

body .logout li.selectedItemMyAccount a {
    color: var(--DefaultButtonTextColor) !important;
}

.recording .customOutlineButton {
    border: 2px solid var(--Primary_Color);
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
}

.uploadPreviewContainer .audiobox,
.uploadPreviewContainer .recording {
    width: 48%;
    font-size: 13px;
    text-align: center;
}

.customButton.giftAddButton,
.eventBody .slideOne.carousel-item video,
.uploadPreviewContainer .audiobox audio {
    width: 100%;
}

.uploadPreviewContainer .audiobox .customButton.focusRemove {
    position: absolute;
    padding: 0 !important;
    left: 95%;
    top: 15px;
}

.uploadPreviewContainer .audiobox .customButton.focusRemove:hover {
    background-color: transparent !important;
}

.uploadPreviewContainer .audiobox .customButton.focusRemove i {
    color: red;
    font-size: 20px;
}

.unpaidOrder .d-inline-block {
    border: 1px solid red;
}

.unpaidOrder .d-inline-block button {
    border: none;
    background-color: #fff;
    margin-right: 0;
    display: inline-block;
    width: 55px;
    padding: 5px;
    color: red;
    text-align: center;
}

.productSection {
    border: 1px solid var(--Primary_Color);
    border-radius: 10px;
    text-align: center;
    background: #fff;
}

.productSection img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0 0;
}

.orderingSection .productSection h3 {
    margin: 10px 5px !important;
    font-size: 16px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.desktopCategory .zIndex2.position-sticky.top-0 .offcanvas-body {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

div#ServiceBookings .zIndex2.position-sticky.top-0.cartSection {
    z-index: initial !important;
    top: 75px !important;
}

#ServiceBookings .row.bg-white.mb-2.zIndex2.position-sticky.top-0 {
    top: 60px !important;
}

.carousel-container {
    display: flex;
    padding: 10px;
}

.carousel-wrapper,
.eventBody .eventDetail .listTags li {
    display: flex;
}

.item {
    flex: 0 0 var(--carousel-item-width);
    max-width: var(--carousel-item-width);
}

.carousel-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.next,
.prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.rewardPointBand,
.usualOrders {
    background: var(--SiteSecondaryColor);
    margin-bottom: 20px;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.usualOrders .usualOrderProductInformation {
    padding: 10px;
    border: 1px solid var(--Primary_Color);
    text-align: center;
    border-radius: 8px;
}

.topSelling .container.py-5 {
    padding: 10px 0 !important;
}

.usualOrders .owl-carousel .owl-nav button.owl-next,
.usualOrders .owl-carousel .owl-nav button.owl-prev,
.usualOrders .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    left: -5px;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--DefaultIconColor);
}

.usualOrders button.owl-next {
    right: -5px;
    left: auto !important;
}

.usualOrderProductInformation .addBtn a {
    background: var(--DefaultButtonBgColor);
    font-size: 14px;
    text-decoration: none;
    padding: 6px 20px;
    border-radius: 100px;
    color: var(--DefaultButtonTextColor);
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}

.muted15 {
    color: #797979 !important;
}

.HungryBrid p,
.browseAllItem a,
.card.orderingView,
.range-labels .selected::before,
.rewardsModal .modal-header {
    background: var(--Primary_Color);
}

.usualOrderProductImage.cursorPointer img.img-fluid {
    width: 130px;
    border-radius: 100px;
    object-fit: cover;
    height: 130px;
    margin: 0 auto;
}

.usualOrders {
    border-radius: 20px;
}

.rewardPointBand {
    padding: 20px;
    border-radius: 15px;
}

.range {
    position: relative;
    width: 550px;
    height: 5px;
}

.range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: var(--Primary_Color);
    cursor: pointer;
    border: 0 !important;
}

.range input::-moz-range-thumb {
    width: 18px;
    height: 18px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: var(--Primary_Color);
    cursor: pointer;
    border: 0 !important;
}

.range input::-ms-thumb {
    width: 18px;
    height: 18px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: var(--Primary_Color);
    cursor: pointer;
    border: 0 !important;
}

.range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #b2b2b2;
}

.range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #b2b2b2;
}

.range input::-ms-track {
    height: 2px;
    width: 100%;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent;
}

.range input:focus {
    background: 0 0;
    outline: 0;
}

.range-labels {
    margin: 18px -41px 0;
    padding: 0;
    list-style: none;
}

.rangeSlide,
.referFriend,
.waytoEarn {
    padding: 15px 20px;
    border-radius: 8px;
}

.range-labels li {
    position: relative;
    float: left;
    width: 90.25px;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.range-labels li::before {
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    content: "";
    margin: 0 auto;
    width: 9px;
    height: 9px;
    background: #b2b2b2;
    border-radius: 50%;
}

.rangePrice .deatailsBtn button.btn {
    background: var(--DefaultButtonBgColor);
    color: var(--DefaultButtonTextColor);
    padding: 5px 25px;
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 20px;
}

.rangePrice .deatailsBtn {
    display: flex;
    width: 100%;
}

.rangePrice button.btn.deatail {
    background: 0 0;
    border: 1px solid var(--DefaultButtonBgColor);
    color: var(--Primary_Color);
}

.rewardsModal .modal-header {
    align-items: flex-start;
    padding-bottom: 40px;
    color: #fff;
    position: relative;
    border: none;
    display: block;
}

.rewardsModal .vegetable,
.rewardsModal .vegetableways {
    background: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    box-shadow: 0 0 12px #8080806e;
}

.rewardsModal .vegetable {
    margin-bottom: 15px;
    position: relative;
    z-index: 999;
    top: -55px;
}

.rewardsModal .viewBtn button.btn {
    padding: 5px 10px;
    background: var(--DefaultButtonBgColor);
    font-size: 16px;
    color: var(--DefaultButtonTextColor);
}

.rewardsModal .vegetable img.img-fluid {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.rewardsModal .modal-header button.btn-close {
    position: absolute;
    top: 12px;
    right: 15px;
    opacity: 1 !important;
}

.rewardsModal .vegetable p.mb-1 {
    font-size: 17px;
    line-height: 24px;
    color: #000;
}

.rewardsModal .vegetableways {
    margin-top: 38px;
    margin-bottom: 95px !important;
}

.rewardsModal .vegetableways i {
    font-size: 30px;
    color: var(--DefaultIconColor);
}

.rewardsModal .vegetableways a i {
    position: absolute;
    right: 40px;
    font-size: 18px;
}

.rewardsModal .vegetable a {
    font-size: 16px;
    color: #000;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    width: 100%;
}

.rewardsModal .vegetable.wayRedeem {
    height: 200px;
    overflow-y: scroll;
    padding-bottom: 20px;
}

.waytoEarn::-webkit-scrollbar {
    width: 5px;
}

.waytoEarn::-webkit-scrollbar-thumb {
    background: var(--Primary_Color) !important;
    border-radius: 2px;
}

.modal-content.rewardsModal {
    border-radius: 8px;
    overflow-y: scroll;
    width: 400px;
    height: 540px;
    margin: 0 auto;
}

.waytoEarn p {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.waytoEarn {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px;
}

.referFriend a {
    position: relative;
    color: #000;
    font-size: clamp(14px, 1.3vw, 18px);
    text-decoration: none;
}

.referFriend a .rightArrow {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.referFriend input.form-control {
    height: 47px;
    border-radius: 25px !important;
    position: relative;
    padding: 5px 20px;
}

.referFriend span#basic-addon2 {
    background: 0 0;
    border: none;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 5px;
}

.referFriend p {
    font-size: 17px;
    color: #000;
}

.referFriend .socialIcons a {
    font-size: clamp(14px, 1.3vw, 18px);
    width: 36px;
    display: block;
    height: 36px;
    background: #000;
    margin: 0 auto;
    color: #fff;
    line-height: 36px;
    text-align: center;
}

.backtoHome a,
.rangeSlide .redeemBtn a {
    background: var(--DefaultButtonBgColor);
    display: inline-block;
}

.socialIcons p {
    font-size: 15px;
    font-weight: 500;
}

.rangeSlide .range {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: var(--Primary_Color);
    border-radius: 20px;
}

.range input {
    width: 100%;
    position: absolute;
    top: 2px;
    height: 0;
}

.rangeSlide .moneyIcon i {
    font-size: 25px;
    color: var(--DefaultIconColor);
}

.rangeSlide .redeemBtn a {
    padding: 10px 30px;
    margin-top: 30px;
    color: var(--DefaultButtonTextColor);
    font-size: clamp(14px, 1.3vw, 18px);
    text-decoration: none;
    border-radius: 8px;
}

.rewardsModal .vegetable a i {
    float: right;
}

.customDisabled {
    color: #afafaf;
    cursor: not-allowed;
}

.customButtonDisabled {
    background-color: #afafaf !important;
    cursor: not-allowed;
}

.customDisabled p {
    color: #afafaf;
}

.loaderModal {
    position: fixed;
    z-index: 1000000000;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-position: center center;
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    background-size: 250px;
}

.elementHeightZero {
    height: 0 !important;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.pac-container {
    z-index: 12345 !important;
}

.BackToService {
    width: 1320px;
    margin: 0 auto;
}

.zIndex2.position-sticky.top-0.cartSection {
    z-index: initial !important;
}

.displayForDesktop .col-md-3.text-end .btn.btn-sm {
    padding: 4px 20px 0px;
    border-radius: 5px;
}

.card-footer .col-6.align-self-center.float-end.text-end {
    display: initial !important;
}

.calanderModalImage {
    width: 175px;
    border-radius: 8px;
}

.shareButton {
    position: absolute;
    right: 20px;
    font-size: 24px;
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row !important;
    justify-content: center !important;
}

.siteoverlay {
    position: fixed;
    font-size: 1.5rem;
    top: -1vh;
    transform: translateY(0);
    animation: 3s linear forwards fall;
}

.kioskBigdotFooter img.img-fluid,
.overlayGreetingImage {
    width: 100px !important;
}

@keyframes fall {
    from {
        transform: translateY(0) translateX(-10vw);
    }

    to {
        transform: translateY(105vh) translateX(10vw);
    }
}

.orderBookProfile img {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    border: 3px solid var(--Primary_Color);
    margin-bottom: 10px;
    object-fit: cover;
}

.orderBookProfile h2 {
    color: #000 !important;
    font-size: 18px !important;
    margin-bottom: 2px !important;
}

.orderBookProfile h5 {
    font-size: 15px !important;
    font-style: italic;
    color: #808080bf !important;
    font-weight: 400;
    margin-bottom: 2px !important;
}

.orderCount {
    padding: 20px 30px;
    background: var(--SiteSecondaryColor);
    text-align: center;
    border-radius: 8px;
    margin-bottom: 10px;
}

.gridOuter .orderNumber,
.orderingSection .container.effectBgColor,
.orderingSection .productBg {
    padding: 0;
}

.offerContent span,
.qrScanText.primaryColor h6 {
    font-size: 16px;
    font-weight: 600;
}

.orderCount h3 {
    font-size: 18px !important;
    font-weight: 600;
    border-bottom: 2px solid var(--Primary_Color);
    padding-bottom: 8px;
    margin-bottom: 5px !important;
    color: var(--Primary_Color) !important;
}

.card.customEventCard.cursorPointer .card-body,
.footerservices.categorySidebar,
.orderBooking {
    padding: 10px;
}

.activeOrder .form-check-input:checked,
.unpaidOrder .col .form-check-input:checked {
    background-color: var(--Primary_Color);
    border-color: var(--Primary_Color);
}

.activeOrder label.form-check-label {
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 600;
}

.activeOrder .form-check-input,
.unpaidOrder .col input {
    width: 18px;
    height: 18px;
    border: 2px solid var(--Primary_Color);
    margin-right: 12px;
}

.allorderDetail img,
.memberShipCard .memberShipQRcode {
    width: 130px;
    height: 130px;
    object-fit: cover;
}

.detailComponent {
    border-bottom: 1px solid var(--Primary_Color);
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.myOrderDetail {
    border: 1px solid var(--Primary_Color);
    padding: 10px;
    border-radius: 8px;
}

.myOrderDetail img.myOrderImg {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 8px;
}

.memberShipCard .MemberShipLogo img,
.menuHeader img.img-fluid.plantheaderLogo {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 100px;
    border: 2px solid var(--Primary_Color);
    background-color: #fff;
}

.myOrderDetail .detailComponent h3 {
    font-size: 18px !important;
    font-weight: 600;
}

.myOrderDetail .detailComponent ul li {
    list-style: disc;
    color: #00a33d;
    font-size: 18px;
}

.myOrderDetail .chekingGroupBtn button.btn {
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.myOrderDetail .chekingGroupBtn .btn.checkIn {
    background: #00a33d;
    color: #fff;
}

.memberShipCard {
    background: linear-gradient(90deg,
            rgb(188 218 225) -10%,
            #fff 45%,
            rgb(188 218 225) 115%);
    padding: 20px 15px;
    border-radius: 8px;
    border: 2px solid var(--Primary_Color);
    margin-top: 20px;
}

.menuHeader .pb-3.primaryBorderBottom {
    margin-bottom: 10px;
}

.menuHeader .pb-3.primaryBorderBottom .col-md-8.col-7 {
    padding: 0px;
}

.menuHeader .pb-3.primaryBorderBottom .col-md-4 {
    padding: 0px;
}

/* .activeOrder.upcomming,
.detailPackage,
.orderingSection div#paginationConfigPaginationModeS .col-md-12.my-2.scroll,
.packageAllOrder {
    border-bottom: 1px solid var(--Primary_Color)
} */

.allorderDetail img {
    border-radius: 8px;
    margin-right: 15px;
}

.orderContant h3 {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 600;
}

.detailPackage h3,
.orderContant h4,
.recurring h3 {
    font-size: 15px !important;
}

.packageAllOrder {
    padding: 0 0 10px;
    margin-bottom: 0;
}

.orderContant h4 {
    border: 1px solid #6a9aa6;
    padding: 3px 5px;
    border-radius: 8px;
    margin: 10px 0 !important;
    display: inline-block;
    color: #6a9aa6 !important;
    font-weight: 500;
}

.availableHeading,
.recurring h3 {
    font-weight: 600;
    color: #000 !important;
}

.detailPackage {
    padding: 10px 0;
    border-top: 1px solid var(--Primary_Color);
}

.availableHeading {
    font-size: 18px !important;
    padding: 10px 0;
}

.toggleDropdown {
    background: var(--Primary_BGColor);
    text-align: center;
    border-radius: 8px;
    color: #fff;
    font-size: clamp(14px, 1.3vw, 18px);
    padding: 5px;
}

.DetailBookBtn {
    background: #046004de;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    font-size: 16px;
}

.allOrderPackage ul li {
    padding: 8px 0;
}

.DetailBookBtn.edit.mb-3 {
    background: #e61818;
}

.addToCartButton .btn {
    border: 0 !important;
}

.recurring .movieStreaming {
    background: #e61818;
    border-radius: 100%;
    margin-right: 20px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.recurring .movieStreaming i {
    font-size: 30px;
    color: #fff;
    vertical-align: middle;
}

.recurring .movieStreaming.deliverSevice {
    background: #6d6df3;
}

.recurring {
    border: 1px solid var(--Primary_Color);
    padding: 10px 20px;
    border-radius: 8px;
}

.recurring .movieContent span {
    color: grey;
}

.recurring .recuActive {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.recurring .recuActive li.font16.p-0 {
    color: #00a33d;
    list-style: disc;
}

.recurring .detailAllBtn {
    display: flex;
    justify-content: space-between;
}

.recurring .detailAllBtn .recuDetail.Edit {
    background-color: #e61818;
    padding: 5px 15px;
}

.recurring .detailAllBtn .recuDetail {
    margin-right: 10px;
    background: #16ab4e;
    border-radius: 8px;
    text-align: center;
    padding: 5px 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.recurring .movieStreaming.powerGas {
    background: #f19f25;
}

.fc .fc-button {
    text-transform: capitalize !important;
}

.orderingSection .productBg .productDetailPageImg {
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.orderingSection .change.col-md-4 .img-fluid.productDetailPageImg {
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.container.py-3.menuHeader .col-md-4,
.copenBox,
.copenBox .owl-carousel,
.imagePreview,
.menuHeader .input-group,
.mobileLogoCenter,
.tryOnMakeup {
    position: relative;
}

.orderingSection div#paginationConfigPaginationModeS .card img.img-fluid {
    height: 150px !important;
}

.menuHeader .input-group input.form-control {
    height: 40px;
    border-radius: 10px !important;
    text-align: left;
    border: 1px solid var(--Primary_Color);
    padding-left: 35px !important;
}

.container.py-3.menuHeader {
    padding-top: 0px !important;
}

.menuSocialMedia a.text-decoration-none.downloadBtn {
    text-align: center;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: var(--DefaultButtonBgColor);
    color: var(--DefaultButtonTextColor);
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}

.variantQuantityView::-webkit-scrollbar {
    height: 5px;
}

.variantQuantityView::-webkit-scrollbar-thumb {
    background: var(--Primary_Color) !important;
}

.variantQuantityView:hover {
    overflow-x: scroll;
}

.menuHeader .searchBar .input-group .input-group-text {
    top: 50%;
    left: 0;
    position: absolute;
    border: 0;
    background: 0 0;
    transform: translateY(-50%);
}

.backtoHome a,
.toast-body {
    color: var(--DefaultButtonTextColor);
    padding: 10px 20px;
    border-radius: 8px;
}

.cFilterWizard span {
    vertical-align: middle;
    margin-right: 10px;
}

.cFilterWizard span input {
    width: 20px;
    height: 20px;
}

.backtoHome a {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.toast-body {
    position: fixed;
    bottom: 70px;
    right: 50px;
    background: #198754;
    z-index: 123;
}

.scrollOffer.customNavPills li {
    width: 50%;
    text-align: center;
    border: 1px solid var(--Primary_Color);
    border-radius: 8px;
    margin: 10px !important;
}

.catalogueOrderNow a {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.col-auto.cursorPointer .card.mutedBg {
    padding: 5px 10px !important;
}

.col-auto.cursorPointer .card.mutedBg p.font12.font500.mb-0.dayBlackText {
    line-height: 20px;
    margin-top: 2px;
}

.scrollOffer .manualOffer .card.primaryBgColor.text-white p.dayBlackText {
    color: #fff;
    line-height: 22px;
}

.scrollOffer .manualOffer .card.mutedBg {
    padding: 5px 10px !important;
}

.scrollOffer .manualOffer .card.primaryBgColor.text-white {
    padding: 5px 10px !important;
}

.scrollOffer .manualOffer .card.mutedBg p.dayBlackText {
    line-height: 22px;
}

.cBODYBGEFFECT,
.cBODYBGEFFECT img {
    display: block;
    height: 100%;
    width: 100%;
}

.catalogueOrderNow {
    width: 350px;
    margin: 0 auto;
    text-align: center;
    background: var(--Primary_Color);
    border-radius: 8px;
    margin-bottom: 20px !important;
}

.catalogueOrderNow a i {
    vertical-align: text-bottom;
}

.cartTotals {
    border: 3px solid rgba(0, 0, 0, 0.075);
    padding: 25px;
    background: #fff;
}

.cBODYBGEFFECT img {
    position: fixed;
    z-index: -1;
    object-fit: cover;
}

.cBODYBGEFFECT {
    position: fixed;
    z-index: -1;
    top: 0;
}

.input-group button.btn.btn-outline-secondary {
    border: 1px solid var(--Primary_Color);
    background: var(--Primary_Color);
    color: #fff;
    font-size: 14px;
}

.variantCard {
    border-radius: 8px;
    box-shadow: 0 0 3px #d1cccc;
    padding: 10px 10px 50px;
    position: relative;
    height: 100%;
}

.zIndex2.position-sticky.top-0.cartSection .col-md-12.p-0 {
    padding-left: 10px !important;
}

.variantCard h3 {
    font-size: 15px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.variantCard .productBtn {
    margin-top: 0 !important;
    bottom: 15px;
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}

.variantCard .productBtn a {
    font-size: 15px;
    background: var(--Primary_Color);
    color: #fff;
    padding: 5px 10px;
    font-weight: 500;
    display: block;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.3s;
    position: relative;
    z-index: 1;
}

.variantCard .productBtn a i {
    float: right;
    margin-top: 4px;
    color: #fff;
}

.variantCard .cProductnature {
    position: absolute;
    top: 18px;
    bottom: 0;
    left: 18px;
    z-index: initial;
}

ul.dropdown-menu.d-block {
    overflow: hidden;
    overflow-y: scroll;
    height: 220px;
}

.mobileLogoCenter .dateAndTime {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
    font-weight: 600 !important;
}

.sidebarCartOffCanvas {
    width: 400px !important;
}

.d-grid.btn-group button#dropdownBasic1 span i.fa-solid.fa-caret-down {
    margin-left: 5px;
}

.d-grid.btn-group button#dropdownBasic1 {
    display: flex !important;
    justify-content: space-evenly !important;
    align-items: center !important;
    padding: 5px;
}

.input-group-prepend span#timeIcon {
    border-right: 0;
    border-radius: 10px 0 0 10px;
    height: 47px;
}

.input-group select#timeSelectId {
    border-left: 0;
    border-radius: 0 10px 10px 0;
}

.selectcalenderDate {
    position: absolute;
    right: 27px;
    top: 44px;
}

.breadcrumb-section .row.py-3 {
    margin: 10px 0;
    padding: 12px 0 !important;
}

.bodyWrapper .form-check-inline input,
div#screen_3 .col-md-12.mb-2.d-grid {
    margin-top: 5px !important;
}

.customResourcesBoxShadow.borderRadius5 button.primaryBgColor.text-white {
    padding: 10px 30px !important;
    font-size: 15px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.customResourcesBoxShadow.borderRadius5 button.btn.btn-large.primaryBgColor.text-white {
    padding: 10px 40px !important;
}

@media (max-width: 320px) {
    .displayForMobile .customButton {
        padding: 10px !important;
        font-size: 14px !important;
    }

    .catalogueOrderNow a {
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }

    .customOrderTab.nav-pills .nav-link {
        padding: 8px 0 !important;
        font-size: 12px !important;
    }
}

@media (max-width: 360px) {

    .cal-month-view .cal-day-cell,
    .cal-month-view .cal-header .cal-cell {
        min-width: 110px !important;
    }
}

.socialMediaShare ul li {
    padding: 0;
    margin: 5px 10px 0 0;
    list-style: none;
    display: inline-block;
    border: 1px solid var(--Primary_Color);
    border-radius: 100px;
    width: 34px;
    height: 35px;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
}

.massageContant.primaryBgColor,
.reviewUs {
    border-radius: 5px;
}

@media (min-width: 992px) and (max-width: 1400px) {
    .fixedDemo {
        max-width: 270px !important;
        width: calc(25% - 65px) !important;
    }

    .fixedDemos {
        width: 61% !important;
    }
}

.topHeaderBoxShadow .socialMedia li a i {
    font-size: 20px;
    margin-right: 8px;
    color: #fff;
    font-weight: 500;
}

.topHeaderBoxShadow img.img-fluid.rounded {
    width: 80px;
    margin-right: 15px;
}

.reviewUs {
    justify-content: space-between;
}

@media (max-width: 767px) {
    nav.navbar.fixed-bottom span.float-end.font14Mobile.font600.text-white {
        margin: 0 !important;
    }

    .orderingSection #headerLanguage .headerLanguage {
        height: 34px !important;
    }

    .customResourcesBoxShadow .userContent {
        text-align: center;
        margin-top: 15px;
    }

    .kioskHeader .orderingSection {
        right: 20px !important;
    }


    .offcanvas.offcanvas-start.show .offcanvas-header {
        justify-content: space-between;
        padding-bottom: 0;
    }

    .TokenNumberBand .RefreshCancelBtn button.btn {
        margin-left: 0;
        font-size: 14px;
        padding: 8px 10px;
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .TokenNumberBand .tokenContent p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    body .TokenNumberBand {
        display: block;
        padding: 10px 10px;
    }

    nav.navbar.fixed-bottom {
        width: 100% !important;
    }

    .customerAddress,
    .restaurantHeaderLayout .secondaryBgColor p.font32,
    .theme-breadcrumb ol .breadcrumb-item:last-child,
    .topHeaderBoxShadow .input-group.align-items-center h3,
    .variant-quantity span,
    h5#staticBackdropLabel {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .orderingSection .loginShare ul li a i {
        line-height: 34px;
    }

    .manualOffer.offerBg {
        margin-left: 12px;
    }

    .footerservices.categorySidebar .form-check-label.cursorPointer {
        width: initial !important;
    }

    .mobileView .font24.text-secondary.primaryColor {
        color: var(--Primary_Color) !important;
    }

    .catalogueOrderNow,
    .modal-content.rewardsModal,
    .orderingSection .myAccountComponent .responsiveTable .col-12.col-md-8.text-right,
    .orderingSection .myAccountComponent .responsiveTable .col-md-4.col-12.d-flex,
    body div#myTabContent #ServiceBookings .row.bg-white.mb-2.zIndex2.position-sticky.top-0.noSideBar {
        width: 100% !important;
    }

    .restaurantHeaderLayout .logoWidthHeight {
        width: 120px;
        height: 120px;
    }

    .restaurantHeaderLayout .secondaryBgColor div#storeWhatsAppBtn {
        padding-right: 0;
    }

    .memberShipCard p.font14,
    .productContent span,
    .restaurantHeaderLayout .secondaryBgColor .customRoundSmallButton {
        font-size: 12px !important;
    }

    .restaurantHeaderLayout .secondaryBgColor p.font32 {
        font-size: 17px !important;
        line-height: 34px;
        width: 200px;
    }

    .memberShipCard h3.primaryColor.font18,
    .tabbable .nav-tabs li a {
        font-size: 15px !important;
    }

    .cCustomizableproduct {
        font-size: 10px !important;
        padding: 1px 8px !important;
    }

    .modal-header.border-0 .modalCloseBtn {
        right: 2px !important;
        top: 0 !important;
    }

    .change p.blackParaColor {
        width: 140px;
    }

    .cBODYBGEFFECT {
        height: 100vh !important;
    }

    .change .col-auto.ps-0.me-1 {
        padding-right: 0 !important;
    }

    .nameEmail .menuSocialMedia a.text-decoration-none.downloadBtn {
        padding: 5px 10px;
        margin-left: 0;
        margin-top: 10px;
        margin-right: 5px;
        font-size: 13px;
    }

    .myAccountComponent .breadcrumb-section.container .theme-breadcrumb ol {
        justify-content: space-between !important;
    }

    .assignBeneficiary .col-lg-6.text-end.col-12 {
        text-align: left !important;
    }

    .breadcrumb-section {
        width: 95% !important;
        padding: 0;
    }

    .theme-breadcrumb ol .breadcrumb-item:last-child {
        width: 220px;
    }

    .col-md-12.my-2.scroll .card.border-0 .tryOnLabel {
        width: 80px;
        font-size: 8px;
        padding: 1px 8px;
        right: 6px;
        top: 6px;
    }

    .orderingSection .bridTitle {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .col-md-12.my-2.scroll .card.border-0 img.img-fluid {
        height: 100px !important;
    }

    .offcanvas.offcanvas-start .offcanvas-body button.primaryBgColor.text-white {
        margin-top: 0 !important;
    }

    .bannerSectionImage .logoImage img {
        width: 120px;
        height: 120px;
    }

    .container.bg-white .row.text-center .col-md-4,
    .massageContant.primaryBgColor,
    .modal-content .carousel-item img,
    .quantity-mesure {
        margin-bottom: 10px;
    }

    .topHeaderBoxShadow .input-group {
        margin-bottom: 20px;
    }

    .topHeaderBoxShadow .socialMedia {
        text-align: left;
    }

    .topHeaderBoxShadow .input-group.align-items-center h3 {
        width: 235px;
    }

    .customerAddress {
        top: -12px;
        position: absolute;
        background: 0 0;
        left: 10px;
        width: 200px;
    }

    .tabHeader {
        flex-direction: column;
    }

    .topHeaderBoxShadow .col-12.align-self-center .input-group {
        margin-bottom: 0;
    }

    .displayForMobile.mobileListView {
        margin-bottom: 48px;
    }

    label.star {
        font-size: 24px;
    }

    .custom-control.custom-checkbox {
        margin-bottom: 5px;
    }

    div#image_preview .card.border-0 img.card-img {
        width: 80px;
        height: 80px;
    }

    div#image_preview .card.border-0 .image-cross-icon button.close .imgPriCross {
        position: absolute;
        left: 80px;
        top: -25px;
    }

    .count-rating {
        font-size: 15px;
    }

    div#image_preview .card.border-0 .image-cross-icon button.close {
        position: relative;
        right: 0;
        top: 0;
    }

    .reviewerName span,
    div#rate-reviews span.primaryColor p.font500 {
        font-size: 13px;
    }

    .bodyWrapper .row.justify-content-center.pb-5 {
        padding-bottom: 0 !important;
    }

    .bigdotLogoFooter {
        width: 80px !important;
    }

    .bodyWrapper .row.justify-content-center p {
        margin: 5px 0 !important;
    }

    .chooseYouLogin {
        margin-bottom: 20px !important;
    }

    .mobileLogoCenter .dateAndTime {
        position: initial !important;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .tabbable .nav-tabs li a {
        font-weight: 500;
    }

    .listViewImage {
        max-height: 100px !important;
        min-height: 100px !important;
    }

    .quantities {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .footerBigdotMenu .d-flex.align-items-center {
        display: block !important;
        text-align: center;
    }

    .footerBigdotMenu img {
        width: 100px !important;
        padding: 10px 0;
    }

    .displayForMobile .customButton i {
        margin-right: 3px !important;
    }

    .change.col-md-4 .img-fluid.productDetailPageImg {
        height: 100px !important;
        margin-bottom: 20px;
    }

    .productBg .productDetailPageImg {
        height: 300px;
    }

    .displayForMobile .customButton {
        padding: 10px !important;
        font-size: 14px !important;
    }

    .catalogueOrderNow a {
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }

    .productIeam button.btn.btn-success.primaryBgColor {
        font-size: 12px;
        padding: 5px;
        border: 0;
    }

    .fixedDemos {
        width: 100% !important;
        z-index: 1234 !important;
    }

    .responsiveTable {
        overflow-x: scroll;
    }

    .responsiveTable::-webkit-scrollbar {
        height: 5px;
    }

    .quantities::-webkit-scrollbar {
        display: none;
    }

    .selectcalenderDate {
        top: 38px !important;
    }

    .changePosition {
        position: relative !important;
    }

    .variantCard .productBtn a {
        font-size: 14px !important;
        padding: 6px 14px !important;
        margin-top: 10px !important;
    }

    .kioskSearchBar {
        padding-top: 15px !important;
        position: initial;
    }

    div#ServiceBookings img.card-img.rounded.mobileListView {
        max-height: 130px;
        min-height: 130px;
        object-fit: cover;
        border: 1px solid #8080804a;
    }

    .productBtn a i {
        margin-top: 2.5px !important;
    }

    .cartScrollBox .cProductnature {
        position: relative;
        top: 0;
        bottom: 0;
        left: 5px;
    }

    .servicesCheckBox .card-body.p-0 .row.mt-3 {
        align-items: center;
    }

    .checkoutSubTitle,
    div#headingOne p {
        margin-bottom: 10px !important;
    }

    .desktopHeaderMenu {
        display: none !important;
    }

    .modal-body span.font12.cursorPointer {
        float: none !important;
    }

    .bodyWrapper .form-check-inline input {
        margin-top: 2px !important;
    }

    body .container.py-5 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .bodyWrapper .form-check-inline,
    .myAccountComponent .yourDeshboard {
        margin-top: 10px;
    }

    .serviecImgOne .listNameOne {
        padding: 20px 15px 60px;
    }

    .row.borderTopColor.align-items-center.py-2 .col-md-6.col-12 {
        text-align: center;
        margin-bottom: 10px;
    }

    .additionalPage.py-5 {
        min-height: inherit;
    }

    .BackToService {
        width: 100%;
        margin: 0 auto;
    }

    body .card-footer .col-6.align-self-center.float-end.text-end {
        display: inline-flex !important;
    }

    .modal-dialog.ratingView .modal-content {
        background: 0 0;
        top: 0;
    }

    .card-footer .d-grid.float-end.text-end {
        justify-content: end;
    }

    .increment-decrement-btn-container {
        width: 80px;
        height: 35px;
    }

    .customOrderTab.nav-pills .nav-link {
        padding: 10px 0;
        font-size: 13px !important;
    }

    .flat-text,
    .unpaidOrder .product-name .btn {
        font-size: 12px;
    }

    .tab-content button.btn.font18.font500.primaryBgColor.text-white {
        font-size: 15px !important;
        padding: 12px;
    }

    .navbar a {
        font-size: 14px;
    }

    .offcanvas-backdrop.fade {
        opacity: 0 !important;
    }

    .modal-body .input-group .form-control {
        margin-left: 0 !important;
    }

    .beauty-modal.border-0 .modal-body .col-md-12 {
        text-align: right !important;
    }

    .beauty-modal.border-0.fixed-bottom.pb-5.mb-2 {
        bottom: 0;
        top: auto;
    }

    .cartScrollBox {
        min-height: calc(100vh - 700px);
    }

    .flat-text {
        padding: 5px;
    }

    .reviewerName img.img-fluid {
        margin-right: 5px !important;
        vertical-align: -webkit-baseline-middle;
    }

    .col.reviewerName {
        margin-bottom: 8px;
    }

    .rating-padding {
        padding-left: 0 !important;
    }

    .cApplycoupon {
        padding: 5px 15px;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        display: block;
        width: 100px;
        margin: 0 auto;
    }

    .offcanvas {
        width: 95% !important;
    }

    .lightMute i {
        margin-right: 5px !important;
    }

    .col-md-12.border-top .d-flex,
    .recuActive {
        display: block !important;
    }

    .category-modal .navbar-nav.w-100 li h6,
    .recurring .movieStreaming i {
        font-size: 20px;
    }

    .detailPackage h3,
    button.btn.continue {
        font-size: 14px !important;
    }

    .customBoxShadow {
        padding: 8px 3px;
        font-size: 15px;
    }

    .tab-content .img-fluid.rounded {
        height: 100% !important;
    }

    button.btn.continue {
        padding: 10px 40px !important;
    }

    .myAccountComponent .profileImg.d-flex.justify-content-between {
        justify-content: start !important;
    }

    .myAccountComponent .col-md-9.ps-5 {
        padding-left: 12px !important;
        margin-top: 10px;
    }

    .myAccountComponent .yourDeshboard h3 {
        padding-bottom: 8px !important;
    }

    .myAccountComponent .yourDeshboard:after {
        display: none;
    }

    .myAccountComponent .profileImg.d-flex img {
        width: 100px;
    }

    body #ServiceBookings .row.bg-white.mb-2.zIndex2.position-sticky.top-0 {
        top: -5px !important;
    }

    .DetailBookBtn,
    .recurring,
    .toggleDropdown {
        padding: 10px;
    }

    .variant-quantity span {
        width: 100px;
        display: inline-block;
    }

    .unpaidOrder {
        padding: 10px 12px;
    }

    .recurring .detailAllBtn {
        display: flex;
        margin-top: 20px;
        justify-content: start;
    }

    .recurring .movieStreaming {
        margin-right: 8px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .memberShipCard {
        padding: 20px 10px;
    }

    .memberShipCard .MemberShipLogo img {
        width: 100px;
        height: 100px;
    }

    .memberShipCard .memberShipQRcode {
        width: 110px;
        height: 110px;
    }

    .myOrderDetail {
        min-height: 200px;
        position: relative;
        padding: 0;
    }

    .myOrderDetail .chekingGroupBtn button.btn:last-child {
        margin-right: 0 !important;
    }

    .myOrderBooking {
        margin-top: 15px;
    }

    body .myOrderDetail img.myOrderImg {
        height: 110px !important;
    }

    body .myOrderDetail .chekingGroupBtn button.btn {
        margin-bottom: 10px;
        width: 100% !important;
    }

    .myOrderDetail .row.align-items-center {
        align-items: initial !important;
    }

    .myOrderDetail .chekingGroupBtn {
        position: absolute;
        left: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        bottom: 15px;
        display: flex;
    }

    .borderColor.border-top.OrderDetails .col-md-3.col-6 {
        margin-bottom: 15px;
    }

    .orderNumber {
        padding: 0;
    }

    .orderCount {
        padding: 20px;
    }

    .rewardsModal .viewBtn button.btn {
        padding: 5px 10px;
    }

    .rewardsModal .vegetable img.img-fluid {
        height: 50px;
    }

    .rewardsModal .vegetable p.mb-1 {
        font-size: 15px;
        line-height: 22px;
    }

    .range {
        width: 100%;
    }

    .uploadPreviewContainer .audiobox .customButton.focusRemove {
        left: 93%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .font24 {
        font-size: 18px !important;
        line-height: 26px;
    }

    .kioskBrandLogo {
        height: auto !important;
    }

    .kioskPadding {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }

    .kioskFont {
        font-size: 30.43px;
    }

    .headingWelcome {
        font-size: 30px;
    }

    .headingKiosk {
        font-size: 31.0485px;
    }

    .kioskGridViewListImage {
        height: 99px;
        width: 99px;
    }

    .kioskProdDescription {
        font-size: 8.04px;
    }

    .kioskAddButton {
        padding: 3px 7px 3px 6px;
    }

    .kioskDelText {
        font-size: 8px;
    }

    .kioskCountQty,
    .kioskOperatorBtn {
        width: 15px;
        height: 21px;
        padding: 2px;
    }

    .kioskCategoriesHeading {
        font-size: 15px;
    }

    .non-veg-heading {
        font-size: 10.3349px;
        margin: 0 !important;
    }

    .kioskItemHeading,
    .modal-custom-font,
    .total {
        font-size: 12px;
    }

    .kioskListViewImg {
        height: 100px;
        width: 100px;
    }

    .kioskListViewDiscount {
        font-size: 6px;
    }

    .kioskArrowForword {
        width: 10px;
    }

    .kioskHeadingCart {
        font-size: 16px;
    }

    .kioskToggleView {
        padding-left: 2px;
    }

    .kioskOfferTag {
        font-size: 10 px;
    }

    .kioskTotalItem {
        padding-left: 7px;
    }

    .kioskCustomTab {
        margin: 0;
    }

    .kioskSwitch {
        width: 25px;
        height: 15px;
        margin-right: 3px;
        margin-left: 5px;
    }

    .kioskSlider:before {
        height: 10px;
        width: 10px;
        left: 3px;
        bottom: 3px;
    }

    .cartSection.displayForDesktop button.btn.float-right {
        font-size: 13px;
        padding: 4px;
    }

    .increment-decrement-large-btn-container {
        height: 40px;
    }

    .shop_table tbody tr td .price {
        font-size: 13px;
        font-weight: 500;
    }

    .cartScrollBox p.mb-0.font14.font500.backColor {
        font-size: 11px !important;
    }

    .card-footer .d-grid.float-end.text-end .btn-sm,
    .increment-decrement-btn-container {
        width: 60px;
    }

    .cartTotals {
        background: #fff;
    }

    .row.bg-white.mb-2.zIndex2.position-sticky .d-grid.btn-group.dropdown {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .orderNumber {
        padding: 0;
    }

    .font16 {
        font-size: 13px !important;
        line-height: 24px;
    }

    .nameEmail,
    span.align-middle.downloadBtnWithShare,
    span.downloadBtnWithArrow {
        display: none;
    }
}

.menuHeader {
    padding: 10px 0 20px !important;
    border-bottom: 1px solid var(--Primary_Color);
}

@media (max-width: 820px) {
    .imagePreview img {
        height: 100% !important;
    }

    .displayForMobile,
    .mobileView {
        display: inline !important;
    }

    .changePosition,
    .removeAbsolutePosition {
        position: relative !important;
    }

    body {
        font-size: 14px;
        line-height: 18px;
        mouse-wheel: horizontal;
    }

    body,
    html {
        overflow-x: hidden;
    }

    .bodyWrapper video {
        height: unset !important;
    }

    .bodyWrapper .scanQr {
        top: 25px;
    }

    .bodyWrapper .scanQr.active {
        top: 25px;
        background-color: #fff;
    }

    .displayForMobile,
    .font16,
    .font18 {
        font-size: 14px !important;
    }

    .desktopCart,
    .desktopCategory,
    .desktopView,
    .hideDesktop,
    .hideMobile,
    .loggedUser {
        display: none;
    }

    .categories-button,
    .desktopMenu,
    .displayForDesktop {
        display: none !important;
    }

    .galleryImage {
        width: 46px;
        height: 46px;
        margin-bottom: 10px;
    }

    .centered {
        top: 30%;
        font-size: 11px;
        line-height: 14px;
    }

    .font14 {
        font-size: 13px !important;
    }

    .font16 {
        line-height: 20px;
    }

    .removeAbsolutePosition {
        margin-top: 10px;
    }

    .buttonPadding4Remove {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .font18 {
        line-height: 16px;
    }

    .font21 {
        font-size: 16.5521px;
        line-height: 22px;
    }

    .font12 {
        font-size: 12px;
        line-height: 16px;
    }

    .font30 {
        font-size: 22px;
        line-height: 30px;
    }

    .font24 {
        font-size: 18px !important;
        line-height: 26px;
    }

    .categories-button,
    .cross {
        position: absolute;
        right: 30px;
    }

    .mildHeaderLayout .loundryImg {
        width: 150px !important;
        height: 150px !important;
    }

    .mildHeaderLayout .paddingbottomNegative {
        margin-top: -95px !important;
    }

    .mildHeaderLayout .paddingbottomPositive {
        margin-top: 95px !important;
    }

    .font20 {
        font-size: 15px !important;
    }

    .font16Mobile {
        font-size: 14px;
        line-height: 21px;
    }

    .paddingLeftPaddingRightRemove {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .font14Mobile {
        font-size: 14px;
        line-height: 17px;
    }

    .font12Mobile {
        font-size: 12px;
        line-height: 15px;
    }

    .negativeMargin {
        margin-top: -12px;
        z-index: 1;
    }

    .font8 {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .natureIndicatorBand {
        margin-top: 20px;
        justify-content: center;
        font-size: 12px;
    }

    .mobileGap20 {
        margin-top: 20px;
    }

    .kioskBrandLogo {
        width: 100px !important;
        height: auto !important;
    }

    .kioskLogo {
        width: 80px !important;
    }

    .headingWelcome,
    .kioskFont {
        font-size: 26px;
    }

    .categories-button {
        bottom: 75px;
    }

    .cross {
        display: inline !important;
        bottom: 130px;
    }

    .category-modal,
    .modal.bottom .modal-content {
        border-radius: 20px 20px 0 0;
    }

    .fixed-bottom .modal-content .modal-dialog,
    .modal.bottom .modal-dialog {
        height: 80% !important;
    }

    .top-rating-bar i {
        font-size: 0.8rem;
        margin: 0 !important;
    }

    .noGutterRow {
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }

    .headingKiosk {
        font-size: 26.05px;
    }

    .borderRightNone {
        border-right: none !important;
    }

    .kioskSearchBar {
        padding-top: 15px !important;
    }

    .kioskGridViewListImage {
        height: 113px;
        width: 113px;
    }

    .kioskProdDescription {
        font-size: 13.04px;
        line-height: 17.61px;
    }

    .kioskAddButton {
        padding: 3px 10px 3px 9px;
    }

    .kioskDelText,
    .kioskReceiptFont {
        font-size: 10px;
    }

    .kioskCountQty,
    .kioskOperatorBtn {
        width: 17px;
        height: 21px;
        padding: 4px;
    }

    .kioskHomeIcon {
        border-radius: 50%;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        padding: 7px 10px;
    }

    .kioskListViewImg {
        height: 164px;
        width: 164px;
    }

    .kioskOtpArea {
        height: 60.42px;
        width: 60.42px;
        margin: 4px;
        background-color: #f0f0f0;
        border: hidden;
    }

    .kioskOrderModal {
        padding: 8px !important;
    }

    .modal-custom-font {
        font-size: 12px;
    }

    .kioskHeadingCart {
        font-size: 16px;
    }

    .borderRightNone {
        border: none !important;
    }

    .kioskGridPadding {
        padding-right: 7px;
        padding-left: 7px;
    }

    .kioskFoodIngredients {
        font-size: 11px;
    }

    .kioskSwitch {
        width: 25px;
        height: 15px;
        margin-right: 3px;
        margin-left: 5px;
    }

    .kioskSlider:before {
        height: 10px;
        width: 10px;
        left: 3px;
        bottom: 3px;
    }

    .singleProductImage {
        max-height: 350px;
        min-height: 350px;
        object-fit: cover;
        object-position: top;
    }

    .increment-decrement-large-btn-container {
        display: flex;
        width: 85px;
        height: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .font24 {
        font-size: 18px !important;
        line-height: 26px;
    }

    .font16 {
        font-size: 12px !important;
        line-height: 18px;
    }

    .kioskPadding {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .headingWelcome {
        font-size: 35px;
    }

    .headingKiosk {
        font-size: 31.0485px;
    }

    .kioskGridViewListImage {
        height: 113px;
        width: 113px;
    }

    .kioskProdDescription {
        font-size: 12.04px;
        line-height: 15.53px;
    }

    .kioskAddButton {
        padding: 3px 11px;
    }

    .kioskDelText {
        font-size: 10px;
    }

    .kioskCountQty,
    .kioskOperatorBtn {
        width: 18px;
        height: 21px;
        padding-left: 2px;
    }

    .font12 {
        font-size: 12px;
    }

    .font14 {
        font-size: 14px;
    }

    .order-type {
        font-size: 10.82px;
    }

    .right-side-img {
        padding-right: 4px;
    }
}

@media (max-width: 1024px) {
    .imagePreview img {
        height: 100% !important;
    }

    .bodyWrapper video {
        height: 130px;
    }

    .topHeaderBoxShadow img.img-fluid.rounded {
        width: 50px;
        margin-right: 15px;
    }

    .font14Mobile {
        font-size: 14px !important;
    }
}

a.darkBlackColor.font16.font600 {
    z-index: 1;
    position: relative;
}

.cIconSettings {
    font-size: 20px !important;
    vertical-align: middle;
}

a.darkBlackColor.font16.font600 i {
    vertical-align: middle;
}

.bodyEffectFive {
    border-top: 1px solid #e4e4e4;
    margin-top: 20px;
}

.bodyEffectFive img.img-fluid.w-100 {
    width: 100%;
    /* height: 200px; */
    object-fit: cover;
    border-radius: 10px;
}

.kioskPadding .row.mt-4,
.orderingFooter.orderingSection.mt-0 .container {
    margin-top: 0 !important;
}

.orderingSection .input-group .searchBar ul.list-group .list-group-item {
    font-size: 14px;
    padding: 10px;
}

@media (min-width: 1200px) {
    .kioskPadding {
        padding-right: 15% !important;
        padding-left: 15% !important;
    }
}

@media (max-width: 1280px) {
    .kioskBrandLogo {
        width: 100px !important;
    }

    .headingWelcome {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .bodyWrapper .btn {
        margin-top: 0 !important;
    }

    #ServiceBookings .row.bg-white.mb-2.zIndex2.position-sticky.top-0.noSideBar {
        width: 82% !important;
    }
}

@media (max-width: 1440px) {
    .bodyWrapper img.img-fluid.w-100.borderRadius10 {
        min-height: unset;
    }

    #DineIndIdWithAllowBatchYesTabsY .mb-0.font16.ratingText {
        font-size: 12px !important;
    }

    body .orderInstructions,
    body .voiceNote {
        height: 40px;
    }

    button.createOrderButton.customButton {
        padding: 10px !important;
    }

    body .previewLabel,
    body .uploadLabel {
        font-size: 13px !important;
    }

    .orderingSection div#paginationConfigPaginationModeS .card img.img-fluid {
        height: 110px !important;
    }

    .variantCard .productBtn a {
        padding: 3px 12px;
        font-size: 12px;
    }

    div#sectionSticky .listingButton {
        width: 60px;
        height: 30px;
        margin-bottom: 15px;
    }

    .nameEmail .menuSocialMedia .downloadBtn i {
        margin-right: 4px !important;
    }

    .bodyWrapper .custom-anchor-tag {
        margin-bottom: 0;
    }

    .bodyWrapper video {
        height: 145px;
    }

    div#myTabContent #ServiceBookings .row.bg-white.mb-2.zIndex2.position-sticky.top-0.noSideBar {
        width: 83% !important;
    }

    .mainSactionINC {
        width: 350px;
        padding: 15px;
    }
}

@media only screen and (max-width: 1440px) {

    .activeOrder label.form-check-label,
    .bannerEighteen .bannerwrapContent .contentBox h5,
    .elementor .bannerContent h2,
    .infoWrapper .icoBox i,
    .myOrderDetail .detailComponent h3,
    .onsaleSection .productWrapper span,
    .packageAllOrder h2,
    .recurring h3,
    body .cManikFooter8 h3,
    body .onsaleSection .productWrapper h3,
    body .serviecImgOne .listNameOne .priceOne,
    body .thirtyOne p {
        font-size: 15px !important;
    }

    .activeOrder .form-check-input {
        width: 15px;
        height: 15px;
    }

    .variantCard .col-12.mb-2 span {
        font-size: 12px !important;
    }

    .orderingSection .form-control {
        padding: 8px !important;
        font-size: 13px !important;
    }

    .orderNumber .orderCount p {
        font-size: 14px !important;
        line-height: 20px;
    }

    .myOrderDetail img.myOrderImg {
        height: 130px !important;
    }

    .bannerEighteen .bannerwrapContent .contentBox p,
    .elementor .bannerBtn .btn,
    .infOWrapper .infoContant p,
    .menuHeader p.mb-0.mutedText,
    .myOrderDetail .detailComponent ul li,
    .techno-header-top p,
    body .bannerThirty p {
        font-size: 14px !important;
    }

    .myOrderDetail .chekingGroupBtn button.btn {
        width: 120px !important;
        font-size: 14px !important;
    }

    .detailComponent span {
        font-size: 13px;
    }

    .recurring .movieStreaming i {
        font-size: 24px;
    }

    .recurring .detailAllBtn .recuDetail {
        padding: 5px 30px;
    }

    .recurring .detailAllBtn .recuDetail.Edit {
        padding: 5px 12px;
    }

    .recurring .movieStreaming {
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin-right: 10px;
    }

    .megaMenuColOne img {
        height: 340px !important;
    }

    .megaMenuColFour img,
    .megaMenuColThree img,
    .megaMenuColTwo img {
        height: 162px !important;
    }

    .thirtyOne h1 {
        font-size: 24px !important;
        line-height: 30px;
    }

    .thirtyOne .secondimageWrapper img {
        max-height: 480px !important;
    }

    .bannerThirty h1 {
        font-size: 24px !important;
        margin-top: 1em !important;
    }

    .HighlighterEight .promoContant img.img-fluid {
        min-height: 250px !important;
        max-height: 250px !important;
    }

    body .serviecImgOne .listNameOne h3 {
        font-size: 14px !important;
        height: 45px !important;
        line-height: 22px;
    }

    .socialMedia .logo {
        width: 120px !important;
        height: 120px !important;
        object-fit: contain !important;
    }

    .cManikFooter8 .qrCodeScan .qrCode {
        width: 160px !important;
        height: 120px !important;
    }



    .navbar a,
    .toast-body,
    .variant-quantity {
        font-size: 14px;
    }

    .amenitiesInfo img {
        width: 60px !important;
    }

    .generalHeader .siteLogo img {
        width: 80px !important;
        height: 80px !important;
    }

    .generalHeader,
    .techno-header-top {
        padding: 5px 0 !important;
    }

    .techno-header-top i {
        top: 8px !important;
    }

    .headerEighTeen .siteLogo img {
        width: 75px;
    }

    .onsaleSection .quickShop img {
        height: 250px !important;
    }

    .onsaleSection .quickShop .addBtn a {
        font-size: 14px !important;
        padding: 8px !important;
    }

    .addressDivSection .email.p-0 li,
    .topFooter p {
        padding: 6px 20px !important;
        font-size: 14px !important;
    }

    .bannerwrapContent img {
        height: 243px !important;
    }

    .bannerwrapContent.image img {
        height: 510px !important;
    }

    .bannerEighteen .bannerwrapContent .contentBox {
        padding: 10px !important;
    }

    .bannerEighteen .bannerwrapContent .contentBox a {
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }

    .brandsImg img,
    .topFooter .qrCodeScan .qrCode {
        width: 120px !important;
        height: 120px !important;
    }

    .infoWrapper .infoContent {
        margin-right: 8px !important;
    }

    .infoWrapper .icoBox {
        margin-right: 5px !important;
    }

    .elementor .bannerContent h4 {
        font-size: 18px !important;
    }

    .elementor img {
        min-height: 380px !important;
        max-height: 380px !important;
    }

    .infOWrapper .col-md-4.d-flex {
        align-items: center;
        justify-content: center;
        padding: 15px !important;
    }

    .infOWrapper .infoBox h1 {
        font-size: 50px !important;
    }

    .topFooter p {
        border: 1px solid var(--Primary_Color);
    }

    .FooterThree .footerLogo {
        max-width: 100px !important;
        max-height: 100px !important;
    }

    .topFooter {
        padding: 20px 0 !important;
    }

    p#cartTotalAmount {
        margin-left: 14px !important;
        font-size: 14px !important;
    }

    .quantities,
    .variantQuantityView {
        overflow-x: scroll !important;
    }

    .menuHeader img.img-fluid.plantheaderLogo {
        width: 90px;
        height: 90px;
        margin-right: 10px;
    }

    .menuHeader {
        padding-top: 0 !important;
    }

    .toast-body {
        bottom: 40px !important;
        right: 20px !important;
        padding: 8px 10px !important;
    }
}

body .catHeader,
p#categoryHeader-100685 {
    margin: 5px 0 !important;
}

.OfferDeals .card-img-top,
.OurTeamContent img.img-fluid,
.bannerSectionImage img.orderBannerImage,
.change.col-md-4 .img-fluid.productDetailPageImg,
.div#ServiceBookings .productListingImage,
.event-image,
.eventBody .EventImage.card img.img-fluid,
.giftCardImg img.img-fluid,
.imagePreview img,
.logoImage img,
.modal-body.modalTip img.img-fluid,
.noGutterRow .carousel-item img,
.noGutterRow .video-container video#videoSlide,
.offerImg img,
.orderingSection .itemCategory img.card-img-top,
.selectYourGift .card img.img-fluid,
.thumbnail-container ul.productImg img {
    object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1800px) and (max-width: 2620px) {
    .kioskPadding {
        padding-right: 15% !important;
        padding-left: 15% !important;
    }
}

@media (max-width: 1920px) {
    .bodyWrapper video {
        height: 195px;
    }

    .bodyWrapper .custom-anchor-tag {
        margin-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.countryCode.dropdown-menu {
    height: 150px;
    overflow-y: scroll;
    margin-top: 35px !important;
}

.modal-dialog.modal-fullscreen .modal-body.p-0 {
    padding: 0 !important;
}

.selectedAddress {
    background-color: var(--SitePrimaryColor) !important;
    padding: 6px 12px;
    border-radius: 8px;
    color: #fff !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(188 218 225) !important;
}

.d-grid.mt-4 .primaryBgColor.text-white.customButtonHeight {
    margin-bottom: 50px;
}

body .py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.listingDescriptionText a.primaryColor.cursorPointer.font14.font700 {
    font-weight: 500 !important;
}

.checkoutMutedBg .dropdown .fa-solid.fa-ellipsis-vertical,
.view-cat-filter {
    margin: 0 !important;
}

.div#ServiceBookings .productListingImage {
    width: 100%;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    height: 280px !important;
}

.variantTab .extra-bold-font input {
    width: 14px;
    height: 14px;
    margin-left: 10px;
    vertical-align: text-bottom;
}

.modal-body.servicesCheckBox.pt-0 {
    overflow-y: scroll;
    height: 400px;
    padding-top: 0 !important;
}

.d-grid.btn-group button#dropdownBasic1 {
    height: 46px;
    display: flex !important;
    justify-content: space-evenly !important;
    align-items: center !important;
}

.col-4.view-all-offers.text-end {
    padding-left: 0 !important;
}

@media screen and (min-width: 768px) {
    .saleTypeKiosk .btn-dropdown {
        margin: 15px 0 !important;
    }

    .assignBeneficiary .col-lg-4.text-end.col-12.mt-3 {
        text-align: left !important;
    }

    .d-grid.btn-group button#dropdownBasic1 {
        height: 46px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
}

.assignbtnGrid .dropdown button.dropdown-toggle {
    background: 0 0;
    border: none;
    padding: 0;
    vertical-align: middle;
}

.assignBeneficiary {
    border-top: 2px dashed #d2d2d2;
    margin-top: 15px;
    padding-top: 15px;
}

.position-sticky.fixedDemo {
    position: fixed !important;
    top: 0 !important;
    z-index: 1000 !important;
    transition: top 0.3s;
    width: calc(25% - 20px) !important;
    max-width: 320px;
    height: calc(70% - 110px);
}

.position-relative .fixedDemos {
    position: fixed !important;
    top: 0;
    width: 65%;
    z-index: 123 !important;
}

#stickySection {
    transition: top 0.3s;
}

.locationIcon,
.walletBalance img.GiftBoxCard {
    margin-right: 10px;
}

.walletBalance {
    margin-top: 15px !important;
}

.unpaidOrder button.btn.btn-primary {
    background: var(--DefaultButtonBgColor);
    border: none;
    padding: 10px 25px;
    margin: 20px 0;
    color: var(--DefaultButtonTextColor);
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 1400px) {
    .font16 {
        font-size: 14px !important;
        line-height: 20px;
    }

    .variantCard .productBtn a i {
        margin-top: 3px;
    }

    .bodyWrapper p.font30.mt-2.font600.primaryColor {
        font-size: 22px !important;
        margin-bottom: 5px !important;
    }

    .customButton {
        padding: 8px !important;
        font-size: 13px !important;
    }

    .custom-large-screen {
        padding-top: 0 !important;
    }

    .bodyWrapper .custom-anchor-tag {
        margin-bottom: 0 !important;
    }
}

.settLedBox {
    background: #fecfbe;
    display: inline-block;
    padding: 5px 10px;
    color: #f26635;
    border-radius: 8px;
}

.paymentStatus .Cancellation {
    border-top: 2px dashed var(--Primary_Color);
    padding-top: 10px;
}

.walletBalance input::placeholder {
    color: var(--Primary_Color);
}

.searchBar ul.list-group {
    overflow-y: scroll;
    height: 300px;
}

.change.col-md-4 .img-fluid.productDetailPageImg {
    width: 100%;
    height: 180px;
}

.bodyWrapper p.font30.mt-2.font600.primaryColor {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px !important;
    margin-bottom: 0 !important;
}

.bodyWrapper a.btn.primaryBgColor.customButton.d-grid.mt-5 {
    margin-top: 10px !important;
}

.chooseYouLogin button.btn {
    color: #000;
    border: 1px solid #6f6c6c;
    width: 100%;
    height: 100px;
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 500;
}

.chooseYouLogin button.btn i {
    font-size: 40px;
}

.chooseYouLogin {
    margin-bottom: 40px;
}

.kioskNewHeader {
    border-bottom: 1.5px dashed #9c9a9a;
}

.backtoHome {
    margin-top: 15px;
}

.cursorDetectorField {
    position: relative;
    height: 90px;
    right: 0;
    top: -83px;
    width: 100%;
}

.kioskBigdotFooter.bg-white.py-2.border-top {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.kiosk3GridView {
    margin-bottom: 90px;
}

.fc .fc-scrollgrid-liquid ::-webkit-scrollbar-thumb {
    background: #fa5b3d !important;
}

.fc .fc-scrollgrid-liquid ::-webkit-scrollbar {
    width: 10px !important;
}

body .catHeader {
    border-bottom: 1px dashed #bdbdbd;
    padding: 0 0 5px;
    font-weight: 500 !important;
    color: var(--Primary_Color) !important;
}

.classicHeaderLayout,
.giftCardImg,
.selectyourAmount {
    margin-bottom: 15px;
}

.variantCard .col-12.mb-2 span {
    font-weight: 500;
    font-size: 15px;
}

div#ServiceBookings .row.bg-white.mb-2.zIndex2.position-sticky.top-0.noSideBar {
    width: 87% !important;
    top: 0 !important;
    position: fixed !important;
    z-index: 123 !important;
}

.card-img-overlay.shoplayoutNatureInd {
    position: initial;
    padding-bottom: 0 !important;
}

@media (min-width: 350px) and (max-width: 450px) {
    .customRoundSmallButton {
        font-size: 14px !important;
    }

    .count-rating {
        font-size: 15px;
    }

    div#rate-reviews span.primaryColor p.font500 {
        font-size: 13px;
    }

    label.star {
        font-size: 24px;
    }

    .custom-control.custom-checkbox {
        margin-bottom: 5px;
    }

    div#image_preview .card.border-0 img.card-img {
        width: 80px;
        height: 80px;
    }

    div#image_preview .card.border-0 .image-cross-icon button.close {
        position: relative;
        right: 0;
        top: 0;
    }

    div#image_preview .card.border-0 .image-cross-icon button.close .imgPriCross {
        position: absolute;
        left: 80px;
        top: -25px;
    }
}

.modal-rating-background div#image_preview .card.border-0 .card-img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.sidebarCanvasCart {
    z-index: 1234;
}

.selectYourGift .card {
    padding: 10px;
    box-shadow: 0 2px 3px #9b9b9b;
    border-radius: 20px;
    margin-bottom: 20px;
}

.selectYourGift .card img.img-fluid {
    width: 100%;
    height: 220px;
    border-radius: 8px;
}

.selectYourGift .card h2 {
    font-size: 20px !important;
    font-weight: 600;
    margin: 10px 0 !important;
}

.selectYourGift .card p {
    font-size: 14px !important;
    margin: 0 !important;
}

.selectYourGift .card p .offrePrice {
    font-size: 20px;
    font-weight: 600;
}

.selectYourGift .card p .mrpPrice {
    font-size: 16px;
    font-weight: 500;
    color: #b3b3b3;
    margin-right: 5px;
}

.selectYourGift .card p .savingPrice {
    color: var(--Primary_Color);
    font-size: 16px;
    font-weight: 600;
}

.eventBody .eventDetail .btn.buttonBookNow,
.selectYourGift .card button.btn,
.selectyourAmount button.btn,
.selectyourDetail button.btn.orderNow {
    color: var(--DefaultButtonTextColor);
    font-weight: 600;
}

.giftCardImg img.img-fluid {
    width: 100%;
    border-radius: 0;
    height: 100%;
}

.giftCardImg {
    padding: 5px;
    border-radius: 0;
    position: relative;
    height: 80px;
    cursor: pointer;
}

.selectyourDetail h3 {
    font-size: 20px;
    font-weight: 600;
    color: gray;
}

.selectYourGift .card img.img-fluid.bannerGiftCard {
    height: 300px;
}

.selectyourDetail textarea {
    font-size: 16px;
    height: 70px;
    font-weight: 600;
    color: #000;
}

.selectyourDetail button.btn.orderNow {
    background: var(--DefaultButtonBgColor);
    display: inline-block;
    padding: 10px 30px;
    margin-top: 20px;
    font-size: 16px;
}

.selectyourAmount button.btn {
    font-size: 16px;
    background: var(--DefaultButtonBgColor);
}

.selectyourDetail h4 {
    font-size: 15px !important;
    margin-bottom: 5px !important;
}

.selectYourGift .card button.btn {
    background: var(--DefaultButtonBgColor);
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px;
    margin-top: 10px;
}

.cal-month-view .cal-cell-row,
.eventBody .events.card h5 {
    margin-bottom: 10px !important;
}

.scrollOffer .manualOffer .carousel-inner .carousel-item .specialistImage {
    height: 100px;
}

.eventBody.py-5 {
    background: #e1edff;
}

.eventBody .LocationBox,
.eventBody .eventDetail {
    background: #fff;
    margin-top: 30px;
    border-radius: 10px;
    height: 100%;
}

.eventBody .eventDetail .btn.buttonBookNow {
    background: var(--DefaultButtonBgColor) !important;
    width: 100%;
    font-size: 16px;
    padding: 10px 50px;
    margin-top: 15px;
}

.eventBody .eventDetail .listTags {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    border-bottom: 2px dashed;
    padding-bottom: 15px !important;
}

.eventBody .eventDetail .listTags a.button.buttonTag {
    color: #000;
    border-radius: 100px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

.eventBody .eventDetail h3 {
    font-size: 26px;
    font-weight: 600;
}

.eventBody .eventDetail {
    padding: 20px 20px 0;
}

.eventBody .LocationBox,
.eventBody .events.card {
    padding: 20px;
}

.eventBody .LocationBox p.Address {
    font-size: 20px;
    font-weight: 500;
}

.eventBody .LocationBox p.DateAndTime {
    border: 1px solid;
    border-radius: 100px;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--Primary_Color) !important;
    margin-top: 5px !important;
}

.eventBody .countDownTiming ul li {
    display: inline-block;
    font-size: 100px;
    text-align: center;
    padding: 0 30px;
    color: var(--Primary_Color);
}

.eventBody .countDownTiming ul li p {
    font-size: 18px !important;
    margin-top: 50px !important;
}

.eventBody .countDownTiming {
    text-align: center;
    padding: 80px 30px 50px;
    margin-top: 60px;
}

.eventBody h3 {
    font-size: 20px !important;
    font-weight: 600;
    margin: 15px 0 !important;
}

.filterViewBtn span i,
.jobTags span,
.offerImg img {
    margin-right: 5px;
}

.eventBody .events.card h4 {
    font-size: 16px !important;
}

.eventBody .events.card h5 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 2px !important;
}

.eventBody .events.card p {
    font-size: 14px !important;
    font-weight: 500;
}

.eventBody .events.card a {
    display: inline-block !important;
    margin: 5px 0 10px;
    color: #754aff;
    text-decoration: none;
}

.eventBody .EventImage.card {
    padding: 20px;
    margin-top: 20px;
}

.eventBody .EventImage.card img.img-fluid {
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
}

.modalHeader.customResourcesBoxShadow button.btn-close.modalCloseBtn {
    padding: 0 10px !important;
    margin-right: 10px;
}

button.payNowBtn.customButton {
    background: 0 0;
    border: 0;
    text-align: center;
    width: 100%;
}

.myAccountComponent .backToOrder {
    float: right;
    color: var(--Primary_Color);
    border-bottom: 2px dashed;
    padding-bottom: 5px;
    font-size: 18px;
    display: none;
}

.horezonCategoryImg .categoryName {
    border-bottom: 2px dashed #89898994;
    padding-bottom: 5px;
}

.footerservices.categorySidebar .form-check-label.cursorPointer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 145px;
}

.container.bg-white .row.text-center {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--Primary_Color);
    margin-bottom: 10px;
    align-items: center;
}

.card.customEventCard.cursorPointer {
    background: var(--Primary_BGColor);
    margin: 5px;
    border-radius: 3px;
    border: none;
    background: var(--Primary_BGColor);
}

.container.bg-white .btn-group .btn.btn-primary.active {
    background: var(--DefaultButtonBgColor);
    padding: 6px 15px;
    font-size: 15px !important;
    font-weight: 500;
    color: #fff !important;
    border-radius: 0;
}

.container.bg-white .btn.btn-outline-secondary {
    background: var(--Primary_BGColor) !important;
    color: #fff;
    padding: 6px 15px;
}

.container.bg-white .btn-group .btn.btn-primary {
    background: var(--SiteSecondaryColor);
    padding: 6px 15px;
    font-size: 15px !important;
    font-weight: 500;
    border-color: var(--Primary_Color) !important;
    color: #000 !important;
    border-radius: 0;
}

.cal-month-view .cal-open-day-events {
    padding: 5px !important;
    background: var(--SiteSecondaryColor) !important;
    margin-bottom: 10px !important;
    color: var(--Primary_Color) !important;
    background-color: #555;
    box-shadow: inherit !important;
    font-weight: 600;
}

.jobCard,
.orderingSection .dealCard {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-day-cell .day-date {
    margin: 5px;
}

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: var(--SiteSecondaryColor) !important;
}

.cal-month-view .cal-event {
    background-color: var(--Primary_Color) !important;
    border-color: #d1e8ff !important;
    color: var(--Primary_Color) !important;
}

.cal-week-view .cal-event,
.event-item {
    background: var(--Primary_BGColor) !important;
}

.activityCalenderModal p,
.cardContent h6.card-text.cd {
    font-size: 14px !important;
}

.activityCalenderModal h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.cal-week-view .cal-event {
    border-color: var(--Primary_Color) !important;
    color: #fff !important;
}

.event-item {
    padding: 10px 8px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
}

.event-title {
    color: #fff !important;
    font-size: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.event-times {
    color: #fff !important;
    font-size: 13px !important;
}

.list-header {
    margin-bottom: 20px !important;
    font-size: 16px !important;
    font-weight: 600;
}

.copenBox .item-details {
    background-color: #333;
    color: #fff;
    padding: 20px 10px;
    text-align: left;
}

.copenBox .item {
    text-align: center;
    padding: 15px;
    border: 1px solid #dfdede;
    border-radius: 10px;
}

.copenBox .owl-carousel .owl-nav [class*="owl-"] {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: var(--Primary_BGColor);
    color: #fff !important;
    font-size: 20px !important;
}

.copenBox .owl-carousel .owl-nav [class*="owl-"].disabled:hover {
    background-color: #dfdede;
}

div#screen_2 .input-group span#basic-addon1 {
    padding-left: 10px;
}

.copenBox .owl-carousel .owl-next,
.owl-carousel .owl-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 25%;
    font-size: 20px;
    color: #fff;
    border: 1px solid #ddd;
    text-align: center;
}

.container.classicHeaderLayout img.img-fluid {
    width: 165px;
}

.copenBox .owl-carousel .owl-prev {
    left: -70px;
}

.copenBox .owl-carousel .owl-next {
    right: -70px;
}

.shadow-effect img {
    width: 70px !important;
}

.copenBox .shadow-effect h3 {
    margin-bottom: 2px !important;
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 600;
}

.copenBox .shadow-effect p {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .giftCardImg {
        height: 120px;
        margin-bottom: 15px;
    }

    div#paginationConfigpaginationModeS {
        margin-bottom: 90px !important;
    }

    div#VERTICAL .thumbnail-container ul.productImg {
        display: flex;
        gap: 8px;
        justify-content: space-between;
    }

    div#VERTICAL .thumbnail-container ul.productImg img {
        width: 80px;
        height: 80px;
    }

    .modal-body .main-image-container.position-relative img {
        width: 100%;
        height: 300px;
    }

    .main-image-container.position-relative {
        margin-bottom: 20px;
        border-bottom: 1px solid var(--Primary_Color);
        padding-bottom: 20px;
        border-left: 0;
    }

    .menuHeader .nameEmail h2.backColor.mb-0.text-truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 280px;
        font-size: 16px !important;
    }

    .orderingFooterSection .TermsAndConditions {
        text-align: center;
        padding-top: 10px;
    }

    .orderingFooterSection .TermsAndConditions a {
        border-bottom: 1px dashed;
        padding: 8px 0;
        width: max-content;
        margin: 0 auto !important;
    }

    .orderingFooterSection .bigdotUpiFooter {
        text-align: center;
    }

    .TermsAndConditions a {
        display: block;
        margin: 0 !important;
    }

    .unpaidOrder .col input {
        margin-right: 5px;
        height: 12px;
        width: 12px;
    }

    .myAccountComponent .yourDeshboard {
        padding: 10px;
    }

    .unpaidOrder button.btn.btn-primary {
        width: 100%;
    }

    .unpaidOrder .row.button-container .col {
        padding: 2px;
    }

    .catchyHeader {
        width: 40% !important;
    }

    .eventBody .eventDetail .btn.buttonBookNow,
    .responsiveTable .form-group.d-grid .primaryBgColor.customButton {
        margin-bottom: 10px;
    }

    .eventBody .eventDetail {
        padding: 20px;
        height: inherit;
    }

    .eventBody .LocationBox {
        height: inherit;
        padding: 15px;
    }

    .eventBody .LocationBox p.DateAndTime {
        font-size: 14px;
    }

    .eventBody .countDownTiming {
        margin-top: 30px;
    }

    .eventBody .EventImage.card img.img-fluid {
        height: 200px;
    }

    .copenBox .owl-nav {
        margin-bottom: 20px;
    }

    .offcanvas .offcanvas-header {
        justify-content: end;
        padding-bottom: 0;
    }

    .copenBox .owl-carousel .owl-prev {
        left: auto;
        right: 40px;
    }

    .copenBox .owl-carousel .owl-next {
        right: 15px;
    }

    .copenBox .owl-carousel .owl-nav [class*="owl-"] {
        background: 0 0;
        color: #000 !important;
        font-size: 20px !important;
    }

    .incrementButton {
        margin: 0 auto;
        float: none;
    }

    .copenBox .owl-dots {
        display: none;
    }

    .copenBox {
        position: relative;
        margin-top: 20px;
    }

    .mainSactionINC {
        width: 100%;
        padding: 15px;
    }

    .classicHeaderLayout h3 {
        font-size: 20px;
    }

    .classicHeaderLayout p {
        margin-bottom: 3px !important;
        font-size: 13px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left !important;
        margin-left: 0 !important;
    }

    .classicHeaderLayout .displayForMobile .col-6.mt-3.d-grid {
        margin-top: 5px !important;
        margin-bottom: 10px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .fixedDemos {
        width: 70% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cBODYBGEFFECT img {
        height: 100% !important;
    }

    body button.btn-close.modalCloseBtn {
        top: 13px !important;
    }

    .col-4.text-end .listingButton {
        width: 60px;
        height: 30px;
    }

    .responsiveTable::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

    .responsiveTable {
        overflow-x: scroll;
    }

    .non-veg-heading {
        margin: 0 10px !important;
    }

    .myAccountComponent .logout ul li {
        padding: 12px 10px;
    }

    .kioskHeader .mobileLogoCenter {
        text-align: left;
    }

    .customFocusRemove.category {
        font-size: 12px;
    }

    span.align-middle.downloadBtnWithShare,
    span.downloadBtnWithArrow {
        display: none;
    }

    .myAccountComponent .profileDeatails h5,
    .profileDeatails p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fixedDemos {
        width: 88.5% !important;
    }

    .incrementButton {
        margin: 0 auto;
        float: none;
    }

    .profileImg {
        padding: 10px;
    }

    .myAccountComponent .profileDeatails h5 {
        font-size: 16px !important;
    }

    .logout ul li a i {
        margin-right: 4px !important;
    }

    .logout ul li a {
        font-size: 13px;
        display: block;
    }

    .myAccountComponent .yourDeshboard {
        padding: 12px;
        border-radius: 8px;
        border: 1px solid var(--Primary_Color);
        background: #fff;
    }

    .offcanvas .offcanvas-header {
        justify-content: end;
        padding-bottom: 0;
    }

    .quantities {
        padding: 10px 0 !important;
    }
}

.event-image {
    width: 100%;
    max-height: 80px;
    border-radius: 4px;
}

@media (min-width: 1024px) and (max-width: 1280px) {

    .myAccountComponent .profileDeatails h5,
    .profileDeatails p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fixedDemos {
        width: 60% !important;
    }

    div#ServiceBookings .cartSection p.mustardYellowColor {
        font-size: 10px !important;
    }

    .mutedLightBg .col-auto.align-self-center.pe-0 {
        padding-left: 0 !important;
    }

    .font14 {
        font-size: 14px !important;
    }

    .mutedLightBg .col {
        padding: 0 7px;
    }

    .modal-content .modal-body .input-group span i {
        padding: 0 12px;
    }

    .myAccountComponent .profileDeatails h5 {
        font-size: 18px !important;
    }

    .fixedDemo {
        max-width: 230px !important;
    }
}

.unpaidOrder .dropImg {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #ececec;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unpaidOrder .dropImg i {
    color: #b0b0b0;
    font-size: 20px;
}

.unpaidOrder .dropImg input {
    position: absolute;
    left: 0;
    top: 25px;
    opacity: 0;
}

.unpaidOrder .updateProfile img {
    width: 80px;
    border-radius: 10px;
    height: 80px;
    margin-bottom: 5px;
}

.unpaidOrder .updateProfile p {
    margin-bottom: 0 !important;
}

.myaccountBand ul li i {
    font-size: 18px;
}

.bgColor {
    background: #ededed;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

.noGutterRow table .form-label {
    font-weight: 500;
    color: var(--bs-gray-800);
    margin-bottom: 2px;
}

.noGutterRow table .form-control {
    padding: 10px !important;
    border-radius: 10px !important;
    height: initial;
}

.noGutterRow table tr td,
.promotionalBanner {
    padding-bottom: 15px;
}

.cBizInfo p {
    display: flex;
    margin-bottom: 5px;
}

.bigdotUpiFooter .bigdotLogoFooter {
    width: 80px;
}

div#paginationConfigpaginationModeS .productsWrapper {
    padding-bottom: 0;
}

.mainSactionINC {
    width: 400px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
}

.categoryscroll,
.subCategoryscroll {
    padding: 0 !important;
    display: flex;
    white-space: nowrap;
}

.sortFilters.d-flex span.non-veg-heading {
    margin-right: 5px !important;
    font-size: 14px;
}

@media (max-width: 420px) {

    .classicHeaderLayout p,
    .container .orderingButton h2,
    .font14 {
        font-size: 12px !important;
    }

    body .filterViewBtn {
        padding: 2px 4px;
        font-size: 8px !important;
        margin-right: 2px;
    }

    .sortFilters .natureIndswitch {
        width: 20px !important;
        height: 14px !important;
    }

    .mobileView {
        margin-right: 5px !important;
    }

    .sortFilters .natureIndslider:before {
        height: 10px;
        width: 10px;
        margin-bottom: -3px !important;
        margin-left: -5px !important;
    }

    .viewFilter .sortFilters .non-veg-heading {
        margin-right: 5px !important;
        font-size: 9px !important;
        margin-left: 5px !important;
    }

    .theme-breadcrumb ol .breadcrumb-item:last-child {
        width: 165px;
    }

    body div#themeviewFiltrQuickOrder2 a {
        font-size: 13px !important;
        margin-right: 6px !important;
    }

    .orderingSection .productSection img {
        height: 120px;
    }

    .nameEmail .menuSocialMedia a.text-decoration-none.downloadBtn {
        padding: 2px 8px;
        margin-right: 5px;
        font-size: 10px;
    }

    .orderingSection .menuHeader .nameEmail h2 {
        width: 245px !important;
    }

    .unpaidOrder .col input {
        margin-right: 4px;
        height: 10px;
        width: 10px;
    }

    fieldset,
    label {
        font-size: 10px;
    }

    .orderingSection .locationArea {
        padding: 6px 10px !important;
    }

    .cLocationsectiontxt span.cursorPointer {
        padding: 2px 8px !important;
    }

    .unpaidOrder .row.button-container .col {
        padding: 2px 5px;
    }

    body .orderingSection .loginShare ul li {
        margin-left: 2px;
        height: 34px !important;
        width: 34px !important;
        line-height: 34px !important;
    }

    .orderingSection .loginShare ul li a i {
        line-height: 34px;
    }

    .container.classicHeaderLayout .col-9.col-md-10.col-lg-10 {
        padding: 0 5px;
    }

    body .orderingSection span#OutletLocality {
        max-width: 90px !important;
    }

    div#businessHeaderId_TWO .locationArea .locationContent h3 {
        width: 150px !important;
    }

    .sortFilters.d-flex .mobileView a.me-2.font24.text-secondary {
        margin-right: 5px !important;
        font-size: 16px !important;
    }

    .orderingSection .categoryscroll button.btn.primaryColor,
    .sortfilterwrapper .sortFilterDropdown {
        font-size: 12px;
    }
}

.categoryscroll {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    margin: 10px 0;
    -ms-overflow-style: none;
}

.categoryscroll .btn.primaryColor.activeCategory {
    padding: 4px 8px;
    border-bottom: 2px solid var(--Primary_Color);
    border-radius: 0;
}

.categoryscroll::-webkit-scrollbar {
    width: 0;
    height: 1px;
}

.subCategoryscroll {
    overflow: scroll;
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    margin: 15px 0 0;
}

.subCategoryscroll .btn.subcategoryButton.activeSubCategory {
    padding: 4px 8px;
    border: 1px solid var(--Primary_Color);
    background: var(--Primary_BGColor);
    color: #fff;
}

button.btn.subcategoryButton {
    background: var(--Secondary_Color);
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 4px 15px;
    font-size: 15px;
    font-weight: 500;
}

.subCategoryscroll::-webkit-scrollbar {
    width: 0;
    height: 1px;
}

.orderingSection {
    width: 550px;
    margin: 0 auto;
    padding: 5px 0;
    background: #fff;
}

.orderingSection .locationArea {
    display: flex;
    align-items: center;
    border: 1px solid var(--Primary_Color);
    padding: 6px 10px;
    border-radius: 10px;
}

.locationArea .locationIcon i {
    font-size: clamp(14px, 1.3vw, 18px);
    color: var(--Primary_Color);
}

.locationArea .locationContent h3 {
    font-size: 14px !important;
    margin-bottom: 0;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    width: 290px;
    color: #5c5c5c !important;
}

.loginShare ul li {
    display: inline-block;
    border: 1px solid var(--Primary_Color);
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 100px;
    margin-left: 5px;
}

.loginShare ul li a {
    color: var(--Primary_Color) !important;
    font-size: 16px;
    cursor: pointer;
}

.TermsAndConditions,
.loginShare {
    text-align: right;
}

.bannerSectionImage {
    position: relative;
    margin-top: 10px;
}

.bannerSectionImage .logoImage {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

.bannerSectionImage img.orderBannerImage {
    width: 100%;
    height: 180px;
    border-radius: 10px;
}

.logoImage img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 8px solid #eeeeee;
    background-color: #fff;
}

.bannerSingleImage img,
.card.orderingButton {
    width: 100%;
    border-radius: 10px;
}

.bannerSingleImage {
    margin-top: 5px;
}

.orderingSection .borderDashed {
    border-bottom: 1px solid #ced4da;
    padding: 5px 0px;
    margin-bottom: 10px !important;
}

.orderingButton {
    margin-bottom: 20px;
}

.card.orderingButton {
    background: var(--Primary_Color);
    height: 120px;
    padding: 12px;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.bannerSectionImage .ratingViewBox {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}

.bannerSectionImage .ratingViewBox a {
    background: var(--Primary_Color);
    color: #fff;
    padding: 6px 10px;
    border-radius: 140px;
    font-size: 14px;
}

.card.orderingButton p.mb-0.text-end i {
    font-size: 45px;
    color: #fff !important;
}

.orderingButton h2 {
    font-size: clamp(14px, 1.3vw, 18px);
    margin-bottom: 0 !important;
    line-height: 28px;
    font-weight: 600;
    color: #fff !important;
}

.card.orderingButton p {
    color: #fff !important;
    margin: 2px 0 0 !important;
    font-size: 12px;
}

/* .orderingSection div#paginationConfigPaginationModeS .col-md-12.my-2.scroll p.blackParaColor,
.orderingSection div#sectionSticky .col-md-12.mt-4 p.blackParaColor {
    color: #000;
    font-weight: 500 !important
} */

div#paginationConfigPaginationModeS .scroll .blackParaColor.cursorPointer {
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    font-size: clamp(14px, 1.3vw, 18px) !important;
    color: #1a1919;
}

.orderingSection div#sectionSticky .blackParaColor.cursorPointer {
    font-size: clamp(14px, 1.3vw, 18px) !important;
    color: #1a1919;
}

.orderingSection div#sectionSticky .col-md-12.mt-4 {
    border-bottom: 1px solid var(--Primary_Color);
    margin: 8px 0 !important;
    padding-bottom: 8px;
}

footer.orderingFooter {
    border-top: 1px dashed;
    margin-top: 30px;
    padding-top: 20px;
}

footer.orderingFooter p a {
    color: var(--Primary_Color);
    text-decoration: none;
    font-weight: 500;
}

.variantCard p.font16.font600.blackParaColor {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500 !important;
    color: #000;
    font-size: clamp(14px, 1.3vw, 18px);
    margin-bottom: 0px !important;
}

.orderingSection .cartScrollBox .col-auto.pe-0 {
    position: relative;
    width: 30px;
    padding: 0 !important;
}

.orderingSection .cartScrollBox .col-auto.pe-0 .cProductnature {
    top: 5px;
    left: 15px;
}

.orderingBgImg,
.orderingBgImg img {
    width: 100%;
    z-index: -1;
    display: block;
    position: fixed;
}

.orderingBgImg {
    height: 100%;
}

.orderingBgImg img,
.zoom-image {
    height: auto;
}

.offerCopen {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eff8f2;
    border: 1px dashed #969696;
    padding: 20px;
    border-radius: 10px;
}

.catchyHeader:after,
.catchyHeader:before {
    position: absolute;
    background: #fff;
    border-radius: 0 100px -10px;
    content: "";
}

.offerCopen .offer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.offerImg img {
    width: 50px;
    height: 50px;
}

.py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.offerCode span {
    font-size: 10px;
    line-height: 16px;
}

.offerCode .code {
    font-size: 16px;
    color: #149253;
    line-height: 22px;
    font-weight: 600;
    margin-left: 10px;
}

.card-footer.primaryBgColor button.primary {
    background-color: #fff;
    border: 0;
    border-radius: 5px;
    font-size: 14px;
}

div#sortFilterOne {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .orderingSection {
        width: 100% !important;
    }

    .card-footer.primaryBgColor button.primary {
        margin-bottom: 10px;
    }

    .card-header.secondaryBgColor.border-0 .mb-0.font15.font600 {
        font-size: 12px !important;
        margin: 0 !important;
    }

    .orderingSection div#paginationConfigPaginationModeS .card img.img-fluid {
        height: 110px !important;
    }

    .unpaidOrder .col-md-12.table-responsive {
        padding: 0;
    }

    footer.orderingFooter.orderingSection.mt-0 {
        width: 100%;
    }

    .myAccountComponent .backToOrder i {
        margin-right: 4px !important;
    }

    .myAccountComponent .col-md-12 h3 {
        font-size: 15px !important;
    }

    .topHeaderBoxShadow .customFocusVisible.outletSelection {
        position: initial !important;
        padding: 5px 0 !important;
        max-width: 190px;
    }

    .card.orderingButton p {
        font-size: 10px !important;
    }

    .myAccountComponent .backToOrder {
        font-size: 14px;
    }

    .sortFilters .natureIndswitch {
        width: 25px;
        height: 16px;
    }

    .wizardFormHeading {
        margin-bottom: 5px !important;
    }

    .sortFilters .natureIndslider:before {
        height: 10px !important;
        width: 10px !important;
        margin-bottom: -1.5px !important;
    }

    .sortFilters .non-veg-heading {
        margin-right: 5px !important;
        font-size: 11px !important;
    }

    .loginShare ul li a {
        color: var(--Primary_Color);
        font-size: 14px !important;
    }

    .orderingSection .locationArea {
        padding: 7px 10px !important;
    }

    .bannerSectionImage .ratingViewBox a {
        padding: 6px 8px;
        font-size: 12px;
    }

    .orderingSection span#OutletLocality {
        max-width: 150px !important;
    }

    .card.orderingButton {
        height: 100px;
        padding: 8px;
    }

    .card.orderingButton p.mb-0.text-end i {
        font-size: 35px;
    }

    .orderingButton h2 {
        font-size: 14px !important;
        line-height: 22px;
    }

    .orderingSection .loginShare ul li {
        height: 38px !important;
        width: 38px !important;
        line-height: 35px !important;
    }

    .orderingButton a {
        height: 100px;
        font-size: 20px;
        padding: 15px;
        line-height: 28px;
    }

    .bannerSectionImage img.orderBannerImage {
        height: 160px;
    }

    .locationArea .locationContent h3 {
        width: 195px !important;
        font-size: 13px !important;
    }

    .locationIcon {
        margin-right: 5px;
    }

    .offerCopen {
        padding: 20px 5px;
    }
}

.catchyHeader {
    position: absolute;
    background: var(--Primary_Color);
    padding: 10px 20px;
    transform: rotate(-40deg);
    top: 20px;
    left: -20px;
    border-radius: 0;
    text-align: center;
    width: 20%;
}

.sliderValue,
.tryOnMakeup #controls {
    left: 50%;
    transform: translateX(-50%);
}

.catchyHeader h3 {
    color: #fff !important;
    font-size: 15px !important;
}

.dealsTerms.mt-1 a {
    border-bottom: 1px dashed;
}

.catchyHeader:after {
    height: 17px;
    width: 50px;
    transform: rotateY(-165deg);
    top: -7px;
    right: -14px;
    transform: rotate(40deg);
}

nav.navbar.fixed-bottom {
    width: 500px;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    position: fixed;
    padding: 12px !important;
}

.catchyHeader:before {
    height: 50px;
    width: 20px;
    transform: rotateY(-165deg);
    bottom: 5px;
    left: -7px;
    transform: rotate(40deg);
}

.OfferDeals .card-img-top {
    height: 175px;
}

.orderingSection .listViewImage {
    width: 100%;
    max-height: 130px;
    min-height: 130px;
}

.orderingSection .dealCard {
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
}

.orderingSection .dealCard .discountLabel {
    background-color: #5b2ad3;
    color: #fff;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    writing-mode: vertical-rl;
    text-orientation: initial;
    font-size: 18px;
}

.orderingSection .dealCard .content {
    padding: 20px;
    flex-grow: 1;
}

.orderingSection .dealCard .content h4 {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 1.25rem;
}

.orderingSection .dealCard .content .discount {
    color: #005d00;
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 500;
    margin-bottom: 10px;
}

.orderingSection .dealCard .content .dottedBorder {
    border-bottom: 4px dotted #ddd;
    margin: 10px 0;
}

.orderingSection .dealCard .content .price {
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
}

.orderingSection .dealCard .content .price del {
    margin-right: 8px;
    color: #878787;
    font-size: 16px;
    font-weight: 500;
}

.orderingSection .dealCard .btnApply {
    background-color: var(--Primary_BGColor);
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
}

.orderingSection .dealCard .terms {
    color: #5b2ad3;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
}

.orderingSection .dealCard .buttonRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.orderingSection .bidHeader {
    background-color: #fff;
    color: #fff;
    border-radius: 5px;
    position: relative;
    margin-bottom: 12px;
}

.orderingSection .bidHeader select {
    background-color: #1b4965;
    color: #fff;
    border: none;
    padding: 8px;
    border-radius: 4px;
    font-size: 1.2rem;
    width: 100%;
    margin-top: 10px;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="white"%3E%3Cpath d="M143 352.3c-4.7 0-9.4-1.8-13-5.4L7 224.9c-7-7-7-18.4 0-25.4s18.4-7 25.4 0L143 314.6 287.6 199.5c7-7 18.4-7 25.4 0s7 18.4 0 25.4l-123 122.1c-3.6 3.6-8.3 5.3-13 5.3z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
}

.orderingSection .bidDescription {
    font-size: clamp(14px, 1.3vw, 18px);
    margin-bottom: 20px;
    color: #000000bc;
}

.orderingSection .requestButton,
.orderingSection .requestButton:hover {
    background-color: #1b4965;
    color: #fff;
}

.orderingSection .bidRange {
    margin: 10px 0;
    padding: 10px 0;
    position: relative;
}

.orderingSection .form-range {
    height: 6px;
}

.orderingSection .form-range::-webkit-slider-thumb {
    background: #1b4965;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}

.orderingSection .form-range::-moz-range-thumb {
    background: #1b4965;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}

.orderingSection .form-range::-webkit-slider-runnable-track {
    background: #1b4965;
    height: 2px;
    border-radius: 0;
}

.orderingSection .form-range::-moz-range-track {
    background: #1b4965;
    height: 2px;
    border-radius: 0;
}

.orderingSection .priceSection h2 {
    margin-top: 12px;
    font-size: 28px;
    font-weight: 700;
}

.orderingSection .advanceSection h3 {
    font-size: 1.5rem;
    margin-top: 20px;
}

.orderingSection .requestButton {
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 1.2rem;
    margin-top: 20px;
    cursor: pointer;
}

.orderingSection .refundText {
    font-size: 0.9rem;
    color: #00000080;
    margin-top: 20px;
}

@media (max-width: 768px) {

    .orderingSection .bidHeader select,
    .orderingSection .requestButton {
        font-size: 1rem;
    }

    .orderingSection .bidDescription {
        font-size: 16px;
    }

    .orderingSection .priceSection h2 {
        font-size: 24px;
    }

    .orderingSection .advanceSection h3 {
        font-size: 1.3rem;
    }

    .orderingSection .refundText {
        font-size: 0.8rem;
    }
}

@media (max-width: 576px) {

    .card-body .col-7 p.mb-0.font16.lightMute,
    .tab-content .tab-pane .col-6 p {
        font-size: 13px !important;
    }

    .lightMute i {
        margin-right: 2px !important;
    }

    .cal-month-view .cal-day-cell {
        min-width: 90px;
        min-height: 100px;
        border: 1px solid #e5e5e5 !important;
    }

    .cal-month-view {
        background-color: #fff;
        overflow-y: scroll;
    }

    .cal-month-view .cal-header .cal-cell {
        min-width: 90px;
    }

    .orderingSection .bidHeader select {
        font-size: 15px;
    }

    .orderingSection .bidDescription,
    .orderingSection .requestButton {
        font-size: 14px;
    }

    .orderingSection .priceSection h2 {
        font-size: 20px;
    }

    .orderingSection .advanceSection h3 {
        font-size: 18px;
    }

    .orderingSection .refundText {
        font-size: 12px;
    }

    .mobileMarginTop10 {
        margin-top: 10px !important;
    }

    .mobileMarginTop20 {
        margin-top: 20px !important;
    }

    .mobileMarginTop30 {
        margin-top: 30px !important;
    }
}

.sliderValue {
    position: absolute;
    top: -25px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #1b4965;
}

.orderingSection .form-control {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ced4da;
    margin-bottom: 20px;
}

.orderingSection .form-label {
    font-weight: 500;
    margin-bottom: 8px;
    color: #333;
}

.orderingSection .submitBtn {
    background-color: #156082;
    color: #fff;
    padding: 12px 40px;
    border: none;
    border-radius: 8px;
    width: 100%;
    font-size: clamp(14px, 1.3vw, 18px);
    cursor: pointer;
    transition: background-color 0.3s;
}

.orderingSection .submitBtn:active,
.orderingSection .submitBtn:hover {
    background-color: #156082;
}

.orderingSection .noteText {
    font-size: 14px;
    color: #6c757d;
    margin: 20px 0;
}

.orderingSection .priceText {
    font-size: clamp(14px, 1.3vw, 18px);
    color: #333;
    margin-bottom: 20px;
}

.loginShare .show.dropdown ul li {
    display: inline-block;
    border: 0;
    height: initial !important;
    width: initial !important;
    line-height: initial !important;
}

.loginShare button#dropdownBasic1 img.img-fluid {
    width: 35px;
    height: 35px;
    margin-top: -5px;
}

.loginShare button#dropdownBasic1 {
    background: 0 0;
    padding: 0;
    border: 0;
}

.HungryBrid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
    border-top: 2px dashed #c9c9c9;
    padding-top: 20px;
}

.HungryBrid p {
    padding: 5px 20px;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
}

.orderingSection .bridTitle {
    font-size: 24px;
    line-height: 26px;
    color: var(--Primary_Color);
    font-weight: 500;
    margin-bottom: 10px;
}

.HungryBrid a {
    color: var(--Primary_Color);
    font-size: 18px !important;
    font-weight: 600;
}

.card.orderingView {
    border-radius: 20px !important;
    padding: 5px;
}

.card.orderingView img.card-img-top {
    height: 165px;
    width: 100%;
    border-radius: 20px;
}

.orderingSection .itemCategory img.card-img-top {
    width: 100%;
    height: 130px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.orderingSection span#OutletLocality {
    display: inline-block;
    min-width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    margin-right: 2px;
    max-width: 350px;
    margin-top: 0;
    color: #939393;
}

.orderingSection .itemCategory {
    padding: 5px;
    border: 1px solid #dadada;
    border-radius: 20px;
    margin-bottom: 15px;
}

.orderingSection h5.card-title {
    font-size: 18px !important;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.browseAllItem a {
    padding: 10px 20px;
    border-radius: 100px;
    color: #fff;
    font-size: clamp(14px, 1.3vw, 18px);
    margin-bottom: 0;
    margin-top: 20px;
    display: inline-block;
}

.TermsAndConditions a,
.backorderingBtn,
.modal-body.modalTip ul li,
.orderingSection .myAccountComponent .responsiveTable .col-12.col-md-8.text-right a {
    color: var(--Primary_Color);
}

.browseAllItem {
    text-align: center;
    padding-bottom: 20px;
}

.backorderingBtn {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 500;
    border-radius: 100px;
    padding: 5px 15px;
    border: 1px solid var(--Primary_Color);
    background: 0 0;
}

.filterViewBtn {
    padding: 5px 8px;
    border: 1px solid #ced4da;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.filterViewBtn span img.vegImage {
    width: 14px;
    border-radius: 3px;
    height: 14px;
    vertical-align: sub;
}

.sortFilters.d-flex {
    justify-content: space-between;
    align-items: center;
}

.viewFilter {
    border-top: 1px dashed #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 15px 0;
}

.myAccountComponent .table-responsive {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: thin;
}

.myAccountComponent .table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 9px;
}

.myAccountComponent .table td,
.myAccountComponent .table th {
    padding: 15px !important;
    border: 1px solid #ddd;
    min-width: 160px;
    text-align: left;
}

.myAccountComponent .table thead {
    background-color: #f4f4f4;
    position: sticky;
    top: 0;
    z-index: 1;
}

.myAccountComponent .table tr:hover {
    background-color: #f1f1f1;
}

.jobCard {
    background-color: #fde9df;
    border-radius: 15px;
    padding: 15px;
}

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

.jobCardHeader .jobDate {
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
}

.jobCard .bookMark {
    background: #fff;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.3s;
}

.instaSlideDown:hover,
.instaSlideLeft:hover,
.instaSlideRight:hover,
.instaSlideUp:hover {
    transition: 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.btnApplyBox .applyBtn,
.jobFooter .detailsBtn {
    background-color: #e74f00;
    color: #fff;
    font-weight: 600;
}

.jobCard .bookMark i.fa-regular.fa-bookmark {
    transition: 0.3s;
}

.jobCard .bookMark:hover i.fa-regular.fa-bookmark {
    background: #000;
}

.jobCard .jobTitle {
    font-size: 1.3rem !important;
    font-weight: 600;
    margin: 10px 0 !important;
}

.jobTags span {
    background-color: #f5c9b2;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
}

.jobFooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.jobFooter .detailsBtn {
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 15px;
    text-decoration: none;
}

.btnApplyBox .applyBtn {
    border: none;
    padding: 8px 20px;
    border-radius: 100px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    margin-top: 15px;
    line-height: 24px;
}

.jobCard .catchy .CatchyHeader {
    color: #fff !important;
    padding: 5px 20px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    border-radius: 50px;
    background: linear-gradient(-50deg, rgba(231, 79, 1, 0.08) 0, #e74f00 60.9%);
}

#ServiceBookings .row.bg-white.mb-2.zIndex2.position-sticky.top-0.fixedDemos {
    top: 0 !important;
    width: 86%;
}

.container.orderingSection {
    padding: 0;
    width: 550px;
}

@media (max-width: 1440px) {
    .jobCard .jobTags span {
        padding: 4px 8px;
        font-size: 10px;
        margin-right: 0;
    }

    .primaryBorderBottom.orderingSection #headerLanguage .headerLanguage {
        font-size: 14px;
        height: 30px;
    }

    .orderingSection span#OutletLocality {
        font-size: 13px !important;
        margin-top: 2px;
        max-width: 280px;
    }

    .backorderingBtn {
        font-size: 14px !important;
        padding: 4px 14px !important;
    }

    .jobCard .jobCardHeader .jobDate {
        padding: 2px 10px;
        font-size: 10px;
    }

    .jobCard .bookMark i.fa-regular.fa-bookmark {
        transition: 0.3s;
        font-size: 12px;
    }

    .jobCard .bookMark {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .jobCard .catchy .CatchyHeader {
        padding: 0 15px;
        font-size: 12px;
    }

    .jobCard .jobTitle {
        font-size: 16px !important;
        margin: 5px 0 !important;
    }

    .jobCard .jobFooter {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }

    .jobCard .jobFooter .detailsBtn {
        padding: 2px 15px;
        font-size: 12px;
    }

    .jobCard .btnApplyBox .applyBtn {
        padding: 4px 20px;
        font-size: 14px;
        margin-top: 10px;
        line-height: 24px;
    }
}

.jobDetailsPage h3 {
    line-height: 18px;
}

.container.classicHeaderLayout.HeaderTwo {
    margin-bottom: 30px;
}

div#businessHeaderId_ONE .mutedText a.text-decoration-none.ms-3 {
    color: var(--Primary_Color) !important;
}

.classicHeaderLayout.headerFive {
    margin-bottom: 30px;
}

.classicHeaderLayout:after {
    position: absolute;
    content: "";
    left: 0;
    border-bottom: 2px dashed var(--Primary_Color);
    width: 100%;
    z-index: 1;
    margin-top: 10px;
}

.orderingSection .myAccountComponent .responsiveTable .col-md-4.col-12.d-flex {
    width: 55%;
}

.orderingSection .myAccountComponent .unpaidOrder .col {
    padding: 0 8px;
}

.orderingSection .myAccountComponent .unpaidOrder .col input {
    width: 15px;
    height: 15px;
    border: 2px solid var(--Primary_Color);
    margin-right: 6px;
}

.orderingSection .myAccountComponent .responsiveTable .col-12.col-md-8.text-right {
    width: 45%;
    text-align: right;
}

.orderingFooterSection {
    border-top: 2px dashed #bcbcbc;
    margin-top: 15px;
    padding: 15px 0;
}

.OurTeamContent {
    text-align: center;
    padding: 15px 10px;
    box-shadow: 0 1px 2px #dee2e6;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    margin-bottom: 15px;
}

.OurTeamContent img.img-fluid {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

.OurTeamContent h2 {
    font-size: clamp(14px, 1.3vw, 18px);
    margin-bottom: 5px;
}

.OurTeamContent .btn.payTipBtn {
    background: var(--Primary_Color);
    font-size: 16px;
    padding: 3px 10px;
    color: #fff;
    display: block;
    margin: 5px auto 0;
}

.OurTeamContent a.primaryColor {
    border-bottom: 1px dashed;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 500;
    line-height: 15px;
}

.modal-body.modalTip img.img-fluid {
    height: 150px;
    width: 150px;
    margin-bottom: 10px;
}

.modal-body.modalTip h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 8px;
}

div#\31 00163 {
    margin-top: 0 !important;
}

.modal-body.modalTip h4 {
    font-size: clamp(14px, 1.3vw, 18px);
    margin-bottom: 10px;
}

.modal-body.modalTip .btn.payTipBtn {
    background: var(--Primary_Color);
    font-size: 16px;
    padding: 10px;
    color: #fff;
    width: 100%;
}

.modal-header.border-0 h4.blackColor {
    font-weight: 500 !important;
    margin-bottom: 0;
}

.modal-content button.closeBtn {
    background: 0 0;
    border: 0;
    color: var(--Primary_Color);
    font-size: clamp(14px, 1.3vw, 18px);
    border-radius: 100px;
    padding: 0;
}

.modal-body.modalTip ul {
    padding: 0;
    margin: 20px 0;
}

.modal-body.modalTip ul li {
    display: inline-block;
    font-size: 36px;
}

.additionalContentPage {
    padding: 30px;
}

.myAccountComponent .breadcrumb-section.container .row.py-3 {
    padding: 10px !important;
}

.myAccountComponent .breadcrumb-section.container .theme-breadcrumb ol {
    margin-bottom: 0;
    justify-content: end;
    padding: 0 !important;
}

.cSubmitbtn {
    position: relative !important;
    border: none !important;
    cursor: pointer !important;
    transition: 250ms !important;
    align-items: center !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 100%;
    border-radius: 10px !important;
    background-color: rgb(55 2 148) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 0 0 rgb(54 4 132),
        0 4px 0 0 rgb(52 16 108), 0 6px 0 0 rgb(38 9 83), 0 8px 0 0 rgb(42 15 85),
        0 8px 16px 0 rgb(90 53 124 / 50%);
    overflow: hidden;
}

.cSubmitbtn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
}

.cSubmitbtn:hover {
    transform: translateY(4px);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3),
        0 1px 0 0 rgb(109 40 217), 0 2px 0 0 rgb(91 33 182),
        0 3px 0 0 rgb(76 29 149), 0 4px 0 0 rgb(67 26 131),
        0 4px 8px 0 rgba(147, 51, 234, 0.5);
}

.noGutterRow .carousel-item {
    border: 1px solid #a0a0a0;
    border-radius: 10px;
}

.noGutterRow .carousel-item img {
    width: 100%;
    height: 250px;
    border-radius: 10px;
}

.noGutterRow .video-container video#videoSlide {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.noGutterRow .carousel-control-next,
.noGutterRow .carousel-control-prev {
    height: 38px !important;
    top: 50%;
    transform: translateY(-50%);
    background: #640aff;
    opacity: 1;
    border-radius: 10px;
    width: 38px;
}

.filtersBox h3 span button.btn.btn-secondary {
    background: 0 0;
    color: #717171;
    border: 0;
    font-weight: 500;
}

.filtersBox h3 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #b4b4b4;
}

.sortBy .form-check label.form-check-label {
    font-size: 14px;
    font-weight: 500;
    color: #6a6a6a;
}

.filtersBox .sortBy {
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 10px;
}

.secondCard .bothCard,
div#ServiceBookings .bothCard {
    color: #000;
    border-radius: 10px;
    padding: 10px 5px;
    height: 150px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.secondCard .bothCard .card-text,
div#ServiceBookings .bothCard .card-text {
    justify-content: end;
    margin-bottom: 8px;
    text-align: center;
    line-height: 18px;
}

.cardContent .card-title.cd.text-center {
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 500;
}

.cartSection p.mb-0.font20.font600 {
    font-size: 20px;
}

.nearbyShare.novaStoreProductShare {
    position: absolute;
    top: 14px;
    right: 40px;
    height: 25px;
    text-align: center;
    width: 25px;
    background: var(--Primary_Color);
    line-height: 25px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
}

.modalHeader.customResourcesBoxShadow button.btn-close.modalCloseBtn i {
    font-size: 24px;
}

.modalTag.ps-3.pb-3.pt-2 {
    padding: 0 0 12px !important;
}

.cardContent h4.card-text.cd {
    font-size: 14px !important;
    color: var(--Primary_Color);
}

.socialMediaShare ul li a {
    color: var(--Primary_Color);
}

.productBg.border-top h1.headingbold {
    font-size: 28px !important;
    margin-bottom: 10px !important;
}

@media screen and (max-width: 768px) {
    .nearbyShare.novaStoreProductShare {
        top: 11px !important;
    }

    .secondCard .bothCard,
    div#ServiceBookings .bothCard {
        height: 130px;
    }

    .secondCard .bothCard .card-text,
    div#ServiceBookings .bothCard .card-text {
        padding: 0 5px;
    }

    div#ServiceBookings .col-4.col-lg-3 {
        padding: 5px;
    }
}

.uploadPreviewContainer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    position: relative;
}

.previewBox,
.uploadBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.orderNotes .circleIcon,
.uploadPreviewContainer .circleIcon {
    width: 50px;
    height: 50px;
    margin: 0 auto 8px;
    background-color: var(--Primary_Color);
    border-radius: 50%;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
}

.previewLabel,
.uploadLabel {
    font-size: 14px !important;
    color: var(--Primary_Color) !important;
    margin: 0 !important;
}

.createOrderButton,
.medicineTable th,
.tableinDine button.btn.orderTypeBtn.activeOrderTypeBtn {
    background-color: var(--Primary_Color);
    color: #fff;
}

.medicineTable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.medicineTable th {
    font-weight: 500;
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
}

.medicineTable th:first-child {
    border-radius: 10px 0 0;
}

.medicineTable th:last-child {
    border-radius: 0 10px 0 0;
}

.medicineTable td {
    padding: 10px 5px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #ccc;
}

button.createOrderButton.customButton {
    width: 100%;
    padding: 12px !important;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.zoom-container {
    position: relative;
    display: flex;
    gap: 20px;
}

.zoom-image {
    max-width: 100%;
}

.zoom-view {
    width: 500px;
    height: 500px;
    border: 1px solid #ccc;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    right: 150px;
    z-index: 123;
    top: 50px;
}

.thumbnail-container ul.productImg img {
    width: 100%;
    height: 100px;
    border-radius: 10px;
}

.thumbnail-container ul.productImg .active {
    border: 1px solid var(--Primary_Color);
    width: 100%;
    display: inline-block;
    border-radius: 10px;
}

button.zoom-btn.bg-white {
    border: 2px solid var(--Primary_Color);
    border-radius: 100px;
    width: 38px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    color: var(--Primary_Color);
}

.main-image-container.position-relative img {
    width: 100%;
    height: 500px;
    object-fit: contain;
    border-radius: 10px;
}

.modal-content .modal-header.border-0 i.fa-solid.fa-circle-xmark {
    color: var(--Primary_Color);
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.main-image-container {
    border-left: 1px solid var(--Primary_Color);
    padding-left: 10px;
}

.tryOnLabel,
app-two-g-view .tryOnLabel {
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 8px;
    margin: 8px 0;
    background: #f96704;
    transition: 0.3s;
    color: #fff;
}

.appCartFive {
    height: 87vh;
}

.border-radius-10 {
    border-radius: 10px;
}

.orderInstructions,
.voiceNote {
    width: 48%;
    height: 42px;
    border: 1px solid var(--Primary_Color);
    border-radius: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}

footer.orderingFooter p {
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400;
}

.tryOnLabel {
    font-size: 9px;
    border-radius: 23px;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    right: 10px;
}

.previewBox,
.uploadBox {
    width: 100% !important;
    height: 130px;
    border: 1px solid #ccc;
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.circleIcon input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.imageDelete {
    color: red;
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 20px;
}

.imagePreview img {
    width: 100% !important;
    height: 100px;
    border-radius: 10px;
    object-fit: cover;
}

button.btn.primaryColor.lightPurpleBg1.customOutlineButton.focusRemove.text-start {
    width: 100%;
    border: 2px solid var(--Primary_Color);
    padding: 0px;
    border-radius: 40px;
    text-align: center !important;
    height: 40px;
    font-size: 14px;
    margin-bottom: 4px;
}

p.categories a {
    color: var(--Para_Color);
    font-size: 14px;
    padding-left: 5px;
}

.tryOnMakeup div#video-container {
    width: 100%;
    max-width: 100%;
    padding-top: 48%;
    border-radius: 5px;
}

app-tryon-modal .close-btn-container button.close-btn:hover {
    transform: initial;
}

app-tryon-modal .close-btn-container button.close-btn {
    position: absolute;
    right: -15px;
    top: 10px;
    z-index: 12;
    padding: 0;
    box-shadow: none;
}

app-tryon-modal .close-btn-container button.close-btn i {
    background-color: #ffff;
    border-radius: 100px;
    font-size: 22px;
    color: var(--Primary_Color);
}

.tryOnMakeup #controls {
    position: absolute;
    background: 0 0;
    padding: 0;
    bottom: 20px;
}

.tryOnMakeup #close-picker {
    background-color: var(--primary-color);
    border-radius: 100px;
    min-width: 30px !important;
    height: 30px !important;
    padding: 0;
    line-height: 30px;
}

.tryOnMakeup #color-picker {
    position: absolute;
    background-color: var(--SiteSecondaryColor);
    bottom: 20px;
    right: 20px;
    left: initial !important;
    transform: initial !important;
}

#canvas,
.tryOnMakeup #video {
    height: 100% !important;
}

.tryOnMakeup .color-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    max-width: max-content;
}

.tryOnMakeup #color-picker h3#picker-title {
    color: #fff !important;
    margin-bottom: 15px !important;
    font-size: 18px !important;
}

.tryOnMakeup .control-group button.active {
    background-color: var(--Primary_Color);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
    .card.orderingView img.card-img-top {
        height: 130px;
    }

    .orderingSection #headerLanguage .headerLanguage {
        padding: 2px;
    }

    .orderingSection .actionButtons .refreshBtn {
        padding: 5px 12px;
    }

    .refreshBtnText {
        display: none;
    }

    .primaryBorderBottom.orderingSection #headerLanguage .headerLanguage {
        height: 34px !important;
    }

    div#businessHeaderId_TWO .orderingSection,
    nav.navbar.fixed-bottom.primaryBgColor.py-3 {
        width: 100%;
    }

    .orderingSection .itemCategory img.card-img-top {
        height: 120px;
    }

    .filterViewBtn {
        padding: 2px 5px;
        font-size: 10px !important;
        margin-right: 5px;
    }

    .filterViewBtn span img.vegImage {
        width: 12px;
        height: 12px;
    }

    .tryOnMakeupMobile div#video-container {
        height: 100vh;
    }

    .tryOnMakeupMobile .control-group button.active {
        background-color: var(--Primary_Color);
        box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .tryOnMakeupMobile #color-picker {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        bottom: inherit;
        background-color: var(--SiteSecondaryColor);
    }

    .tryOnMakeupMobile .color-options {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
        max-width: max-content;
    }

    .tryOnMakeupMobile #canvas,
    .tryOnMakeupMobile #video {
        height: 100% !important;
    }

    .tryOnMakeupMobile #close-picker {
        background-color: var(--primary-color);
        border-radius: 100px;
        min-width: 30px !important;
        height: 30px !important;
        padding: 0;
        line-height: 30px;
    }

    .tryOnMakeupMobile #color-picker h3#picker-title {
        color: #fff !important;
        margin-bottom: 15px !important;
        font-size: 18px !important;
    }

    .tryOnMakeupMobile #controls {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: 0 0;
        padding: 0;
        bottom: 20px;
    }
}

app-two-g-view .tryOnLabel {
    font-size: 10px;
    border-radius: 23px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 10px;
    bottom: auto;
}

.OutOfStockText {
    color: #f80606 !important;
}

button.joinNowBtn {
    background-color: #327e01;
    border: none;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
    padding: 8px 15px;
    width: 100%;
}

.validationMessage {
    font-size: 12px !important;
}

/* .orderingSection .headerLanguage {
    border-radius: 100px;
    border: 1px solid var(--Primary_Color);
    font-size: 16px;
    padding: 0px 35px;
    color: #000;
    background-image: url(https://dkzxkcjlbnjui.cloudfront.net/uploads/media/icons/language-multilingual.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 10% center;
    cursor: pointer;
    background-position-y: 9px;
    margin: 4px 0;
    background-color: transparent;
    height: 38px;
} */
div#headerLanguage {
    position: relative;
}

.orderingSection #headerLanguage .headerLanguage {
    border-radius: 100px;
    border: 0px;
    width: 150px;
    font-size: 15px;
    padding: 0px;
    color: #000;
    background-color: transparent;
    cursor: pointer;
    appearance: none;
    background-image: none;
    outline: none;
    line-height: 24px;
    text-align: center;
    height: 38px;
}

div#headerLanguage {
    position: relative;
    width: 150px;
    border: 1px solid var(--Primary_Color);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#headerLanguage p {
    margin: 0px;
    text-align: center;
}

.orderingSection #headerLanguage::before {
    content: "\f0ac";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: clamp(14px, 1.3vw, 18px);
    color: var(--Primary_Color);
    pointer-events: none;
}

.orderingSection #headerLanguage::after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Primary_Color);
    pointer-events: none;
}

:focus-visible {
    outline: 0;
}

.tableinDine button.btn.orderTypeBtn {
    background: var(--Secondary_Color);
    border-radius: 10px;
    font-size: 16px;
    width: 100%;
    margin-right: 10px;
    padding: 8px;
    color: var(--Primary_Color);
}

.tableinDine {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

div#tableJoinBtn {
    border-top: 1px solid #ced4da;
    padding-top: 10px;
}

.natureSection.d-flex {
    border-top: 1px solid #ced4da;
    margin-top: 10px;
    justify-content: space-between;
    padding-top: 15px;
}

.natureSection.d-flex .switchNatureInd {
    border: 1px solid #ced4da;
    padding: 6px 15px;
    border-radius: 10px;
}

.natureSection .switchNatureInd.active {
    border: 1px solid var(--Primary_Color) !important;
    background-color: var(--Secondary_Color) !important;
}

.instaSlideUp:hover {
    transform: translateY(-5px);
}

.instaSlideDown:hover {
    transform: translateY(5px);
}

.instaSlideRight:hover {
    transform: translateX(5px);
}

.instaSlideLeft:hover {
    transform: translateX(-5px);
}

.instaZoomIn:hover {
    transform: scale(1.1);
    transition: 0.5s;
}

.instaZoomOut:hover {
    transform: scale(0.9);
    transition: 0.5s;
}

.instaGreyscaleAdd:hover,
.instaSepiaAdd:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.instaGreyscaleRemove:hover,
.instaSepiaRemove:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.instaGreyscaleBlur:hover {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.cOverflowBtn {
    z-index: 9;
    display: none;
    cursor: pointer;
    color: var(--DefaultButtonTextColor);
    background: var(--DefaultButtonBgColor) !important;
    float: right;
    background: #121213;
    height: 25px;
    border-radius: 50%;
    width: 25px;
    font-size: 16px;
    border: 1px solid var(--DefaultButtonTextColor);
    margin-bottom: 5px;
    text-align: center;
    line-height: 23px;
}

.cOverflowBtn i {
    position: relative;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 0;
    margin: 0;
    text-align: center;
    right: 0;
    top: 0;
}

.height {
    width: 100%;
    height: 200px;
}

.cContentOverflowOnly {
    overflow: hidden;
    position: relative;
}

.cWorksIftextExceed_cContentOverflowOnly {
    overflow: hidden;
    height: inherit;
}

.cWorksIftextExceed {
    text-overflow: ellipsis;
}

#cOverflowContent {
    display: block;
    position: fixed;
    width: 30%;
    background: #fff;
    margin: 0 34%;
    padding: 1%;
    top: 50%;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #0000005c;
    z-index: 123;
    transform: translateY(-50%);
}

#iOverflowclosebtn {
    float: right;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    height: 30px;
    line-height: 26px;
    border-radius: 50%;
    width: 30px;
}

.cReplaceContenthere {
    padding: 2%;
    max-height: 450px;
    overflow: auto;
    width: 100%;
}

@media (max-width: 575.98px) {
    #cOverflowContent {
        display: block;
        position: fixed;
        width: 80% !important;
        margin: 0 8% !important;
        padding: 1%;
        top: 50% !important;
        border-radius: 10px;
        box-shadow: 2px 2px 10px #0000005c;
    }
}

.modal-body.servicesCheckBox {
    height: auto;
    max-height: 400px;
    overflow-y: auto;
}

.container.menuHeader .searchBar {
    display: block;
    margin-right: 0px;
}

.TokenNumberBand {
    background-color: #f3f3f3;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    margin-top: 20px;
}

.tokenContent p {
    font-size: 15px;
    margin: 0;
}

.RefreshCancelBtn button.btn {
    border: 1px solid var(--Primary_Color);
    margin-left: 30px;
    font-size: 15px;
    padding: 5px 15px;
    color: var(--Primary_Color);
}

.RefreshCancelBtn button.btn.CancelBtn {
    color: red;
    border: 1px solid red;
}

#DineIndIdWithAllowBatchYesTabsY .card.border-0.dashboardCardShadow .card-body.p-2 {
    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
}

button.btn.lightBlueBgColor {
    background-color: #2196f3;
}

.activeMenu,
.detailPackage h3,
.float-end.me-3.desktopView a.text-secondary.primaryColor,
.increment-decrement-large-btn-container .cartIncrementButton,
.page-link,
.primaryColor,
.primaryColor a,
.secondaryColor,
.secondaryColor a,
.theme-breadcrumb ol .breadcrumb-item a,
div#themeviewFiltrQuickOrder2 .me-2.font24.text-secondary.primaryColor {
    color: var(--Primary_Color) !important;
}

.categoryscroll,
.scrollOffer {
    -webkit-flex-wrap: nowrap !important;
}

.anchorBlack a,
.bestsellingTag a,
.custom-color a,
.featuredTag a,
.kioskCustomDecoration a,
.offerTag a,
.serviceList table td a,
.textDecorationNone a {
    text-decoration: none;
}

.beauty-modal-button,
.mCategoryLink,
.reviewTags a,
.reviewerName a,
a {
    text-decoration: none !important;
}

.autoAmeities,
.centered,
.flat-text,
.gridOuter,
.modal-body .font14.float-end.text-danger.font500,
.modal-body.modalTip,
.smd,
.topHeaderBoxShadow .socialMedia {
    text-align: center;
}

.btn:focus,
.btnFocus:focus,
.order-type button:focus,
.removeFocus:focus,
h2#categoryFilter-headingOne .categoryHeading.custombtn.m-0 {
    box-shadow: none;
}

.autoAmeities,
.beautyAmenities,
.cCustomizableproduct,
.eventBody .events.card h4,
.saleTypeKiosk .btn-dropdown,
button.btn.continue {
    text-transform: uppercase;
}

.DetailBookBtn.info,
.activeDay,
.custom-bg,
.primaryBgColor,
.quantity-mesure.active,
.quantity-mesure:hover {
    background-color: var(--Primary_BGColor) !important;
}

.secondaryColor {
    color: var(--Secondary_Color) !important;
}

.secondaryBgColor {
    background-color: var(--SiteSecondaryColor) !important;
    background-color: var(--SiteSecondaryColor) !important;
}

.headingColor,
.headingColor a {
    color: var(--Heading_Color) !important;
}

.linkColor,
.linkColor a {
    color: var(--Link_Color) !important;
}

.iconColor,
.iconColor a {
    color: var(--Icon_Color) !important;
}

.borderColor,
.servicesCheckBox .form-check-input,
.servicesCheckBox .form-check-input:focus {
    border-color: var(--Primary_Color) !important;
}

.categoryMenuColor {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.alert-dismissible.alertText button.btn-close {
    top: 8px !important;
    padding: 0 !important;
}

.headerCountry {
    border-color: var(--Primary_Color);
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    background-color: var(--Primary_Color);
    cursor: pointer;
}

.restaurantHeaderLayout.headerFour {
    border-bottom: 1px solid var(--Primary_Color);
}

.col-lg-3.col-12.position-relative.desktopCategory.pe-0 #stickySection {
    padding-right: 10px;
}

.chooseSpecialistList {
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.chooseSpecialistList::-webkit-scrollbar {
    display: none;
}

.chooseSpecialistList .specialistCard {
    flex: 0 0 auto;
    width: 140px;
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 15px 10px;
    transition: all 0.3s ease;
    background-color: #f9f9f9;
    cursor: pointer;
}

.chooseSpecialistList .specialistCard:hover {
    border-color: #999;
}

.specialistCard.active {
    border-color: var(--Primary_Color);
}

.chooseSpecialistList .specialistImage {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 50%;
}

.chooseSpecialistList .specialistName {
    white-space: nowrap;
    overflow: hidden;
    font-size: clamp(14px, 1.1vw, 16px);
    text-overflow: ellipsis;
}

.modal-dialog.modal-dialog-scrollable .modal-content .modal-footer {
    border-top: 0;
}

.modal-body.servicesCheckBox .col-md-12 p.font16 {
    margin-top: 15px !important;
    font-size: clamp(14px, 1.4vw, 18px);
}

.themeOneHeader {
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    position: relative;
}

.themeOneHeader .businessHeader {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
}

.businessHeader .headerLogo {
    width: 180px;
    height: 160px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #ededed;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
}

.headerDetails {
    flex: 1;
}

.headerTitle h3 {
    margin: 0;
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 600;
    color: #222;
}

.headerDetails .headerTitle .category {
    margin: 2px 0 8px;
    color: var(--Primary_Color);
    font-weight: 500;
}

.headerInfo p {
    margin: 4px 0;
    font-size: 14px;
    color: #555;
}

.headerDetails .headerInfo .openNow {
    color: green;
    font-weight: 500;
}

.headerDetails .headerInfo i {
    margin-right: 5px;
}

.headerDetails .headerInfo .tags {
    margin-top: 6px;
}

.headerDetails .headerInfo .tags span {
    color: #6a1b9a;
    font-weight: 500;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid;
    padding-top: 4px;
}

.businessHeader .headerRating {
    text-align: right;
}

.businessHeader .headerRating p {
    margin: 4px 0;
    font-size: 14px;
}

.businessHeader .headerRating i {
    color: #f5a623;
    font-size: 13px;
    margin-left: 2px;
}

.businessHeader .icons i {
    margin: 4px;
    color: #444;
    cursor: pointer;
}

.headerDetails .headerInfo .openNow i {
    margin-left: 5px;
}

span.ratingCount {
    margin-left: 10px;
    border-left: 2px solid gray;
    padding-left: 10px;
}

.businessHeader .headerRating .icons i {
    background-color: var(--Primary_Color);
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 100px;
    margin: 0;
}

.businessHeader .headerRating .icons {
    position: absolute;
    top: 10px;
    right: 10px;
}

.bookAppointmentBtn {
    position: absolute;
    right: 10px;
}

.bookAppointmentBtn button.btn {
    background-color: #712cf9;
    color: #fff;
    border-radius: 100px;
    padding: 8px 30px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .businessHeader .headerLogo {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }

    .bookAppointmentBtn button.btn {
        width: 100%;
    }

    .bookAppointmentBtn {
        right: inherit;
        margin: 0;
        left: 10px;
        width: 80%;
        bottom: 10px;
    }

    .themeOneHeader .businessHeader {
        padding: 10px;
        min-height: 180px;
        max-height: 200px;
    }

    .businessHeader .headerRating {
        text-align: left;
    }

    .headerDetails .headerInfo .tags {
        margin-top: 12px;
    }

    .businessHeader .headerRating .icons {
        position: absolute;
        top: inherit;
        right: 10px;
        bottom: 10px;
    }
}

.filterSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.filterSection .filterButtons {
    display: flex;
    gap: 10px;
}

.filterSection .filterBtn {
    background-color: #fff;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 25px;
    padding: 6px 18px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filterSection .filterBtn.active {
    background-color: var(--Primary_Color);
    color: #fff;
    border: none;
}

.filterSection .filterBtn:hover {
    background-color: #f4b946;
    color: #fff;
    border: none;
}

.actionButtons {
    display: flex;
    gap: 10px;
}

.actionButtons .refreshBtn {
    display: flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: 25px;
    padding: 8px 18px;
    font-size: 14px;
    color: #fff;
    background-color: var(--Primary_Color);
    cursor: pointer;
    transition: all 0.3s ease;
}

.actionButtons .refreshBtn:hover {
    opacity: 0.9;
}

.orderingSection .col-md-8.col-7 {
    justify-content: space-between;
    display: flex;
}

.dottedLine {
    border: none;
    border-top: 2px dashed #9b9b9b;
}

.hashTags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.hashTags a {
    color: #7a4d95;
    font-size: 14px;
    border-bottom: 1px dashed;
}

.hashTags a:hover {
    color: #7a4d95;
}

@media (max-width: 767px) {
    .filterSection .filterButtons {
        display: inline-block;
    }

    .filterSection .filterBtn {
        margin-bottom: 10px;
    }
}

.cOverflowBtn {
    z-index: 9;
    display: none;
    cursor: pointer;
    color: var(--DefaultButtonTextColor);
    background: var(--DefaultButtonBgColor) !important;
    float: right;
    background: #121213;
    height: 25px;
    border-radius: 50%;
    width: 25px;
    font-size: 16px;
    border: 1px solid var(--DefaultButtonTextColor);
    margin-bottom: 5px;
    text-align: center;
    line-height: 23px;
}

.cOverflowBtn i {
    position: relative;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 0;
    margin: 0;
    text-align: center;
    right: 0;
    top: 0;
}

.iOverflowclosebtn {
    display: none;
}

.open {
    display: none;
}

.height {
    width: 100%;
    height: 200px;
}

.cContentOverflowOnly {
    overflow: hidden;
    position: relative;
}

.cWorksIftextExceed_cContentOverflowOnly {
    overflow: hidden;
    height: inherit;
}

.cWorksIftextExceed {
    text-overflow: ellipsis;
}

#cOverflowContent {
    display: block;
    position: fixed;
    width: 30%;
    background: #fff;
    margin: 0 34%;
    padding: 1%;
    top: 50%;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #0000005c;
    z-index: 123;
    transform: translateY(-50%);
}

#iOverflowclosebtn {
    float: right;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    height: 30px;
    line-height: 26px;
    border-radius: 50%;
    width: 30px;
}

.cReplaceContenthere {
    padding: 2%;
    max-height: 450px;
    overflow: auto;
    width: 100%;
}

@media (max-width: 575.98px) {
    #cOverflowContent {
        display: block;
        position: fixed;
        width: 80% !important;
        margin: 0 8% !important;
        padding: 1%;
        top: 50% !important;
        border-radius: 10px;
        box-shadow: 2px 2px 10px #0000005c;
    }
}

#DineIndIdWithAllowBatchYesTabsY .font20.ratingText.font600 {
    margin-top: 0px !important;
}

#DineIndIdWithAllowBatchYesTabsY .mb-0.font16.ratingText {
    font-size: 14px;
}

#DineIndIdWithAllowBatchYesTabsY .zIndex2.displayForDesktop {
    top: 70px !important;
}

#DineIndIdWithAllowBatchYesTabsY .col-md-12 {
    height: auto;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    top: 70px !important;
}

.orderingSection.primaryBorderBottom.kisokLanguage {
    width: 100% !important;
    background-color: transparent;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
}

.kioskHeader .orderingSection {
    width: max-content !important;
    background-color: transparent;
    position: absolute;
    top: 5px;
    right: 240px;
}

.productsWrapper .productIeam h4 a {
    font-weight: 600;
}

nav.navbar.fixed-bottom span.font16Mobile {
    margin: 0px !important;
    font-size: 15px;
}

nav.navbar.fixed-bottom a.font18Mobile {
    margin: 0px !important;
    font-size: 15px;
}

/* add changes by Kanchan */

.searchBar {
    width: 100%;
    margin-right: 0;
    display: block;
}

.searchBar .input-group {
    position: relative;
    width: 100%;
    height: 40px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.searchBar .form-control {
    height: 100%;
    border: none;
    padding: 10px 45px 10px 15px !important;
    font-size: 14px !important;
    border-radius: 0;
    text-transform: capitalize;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.searchBar input[type="search"]::-webkit-search-decoration,
.searchBar input[type="search"]::-webkit-search-cancel-button,
.searchBar input[type="search"]::-webkit-search-results-button,
.searchBar input[type="search"]::-webkit-search-results-decoration {
    display: none;
    -webkit-appearance: none;
}

.searchBar .form-control:focus {
    box-shadow: none;
    outline: none;
    background-color: transparent;
}

.searchBar .form-control::placeholder {
    color: #9e9e9e;
    font-size: 13px;
}

.searchBar .input-group-text {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
}

.searchBar .input-group-text i {
    font-size: 16px;
    color: var(--primaryColor);
}

.searchBar .input-group:hover {
    border-color: #bdbdbd;
}

.searchBar .input-group:focus-within {
    border-color: var(--primaryColor);
}

.pull-left {
    color: #1ca71c;
    cursor: default;
    opacity: 0.9;
    background: #fff;
    padding: 5px;
    border-radius: 7px;
    font-size: 14px;
    height: 24px;
    width: 24px;
    border: 1px solid #1ca71c;
}

.pull-left:hover {
    background: #006400;
    color: #fff;
}

.pull-right {
    margin-left: 8px;
    color: #ff0000;
    cursor: pointer;
    transition: color 0.2s ease;
    background: #fff;
    padding: 5px;
    border-radius: 7px;
    font-size: 14px;
    height: 24px;
    width: 24px;
    border: 1px solid #ff0000;
}

.pull-right:hover {
    background: #dc143c;
    color: #fff;
}

.uploadPreviewContainer {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between;
    gap: 6px;
}

.voiceNote,
.recording {
    flex: 1;
    min-width: 45%;
    margin-right: 0 !important;
}

.orderInstructions {
    flex: 1;
    min-width: 45%;
}

.voiceNote .uploadLabel,
.orderInstructions .previewLabel,
.recording .btn {
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
}

.audiobox {
    flex: 0 0 100% !important;
    width: 100% !important;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background: #f1f3f4;
    border-radius: 50px;
    padding-right: 5px;
}

.audiobox audio {
    flex-grow: 1;
    height: 40px;
    outline: none;
}

.audiobox .btn {
    flex-shrink: 0;
    margin-left: 10px;
    background: transparent;
    border: none;
}

.audiobox~.orderInstructions {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: 0px;
}

button.addMoreItemsBtn {
    background-color: #ed4e29;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
    border: 0px;
    border-radius: 100px;
}

.refreshCartBtn {
    background-color: #fea45c;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
    border: 0px;
    border-radius: 100px;
}

.enterPinToJoinBtn {
    background-color: #fd0013;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
    border: 0px;
    border-radius: 100px;
}

.callTheWaiterBtn {
    background-color: #29821d;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
    border: 0px;
    border-radius: 100px;
}

.clickToJoinBtn {
    background-color: #32a625;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
    border: 0px;
    border-radius: 100px;
}

.startPlacingOrderBtn {
    background-color: #321c85;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
    border: 0px;
    border-radius: 100px;
}


.loundryImg {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 8px solid #eeeeee;
    background-color: #fff;
}

.nearbyButton {
    background-color: #fff;
    border-radius: 100px;
}

.servicesGalleryImg {
    overflow: hidden;
    border-radius: 10px;
}

.servicesGalleryImg img.img-fluid.w-100 {
    border-radius: 10px;
    transition: 0.3s;
    /* height: 200px; */
}

.servicesGalleryImg img.img-fluid.w-100:hover {
    transform: scale(1.1);
    transition: 0.3s;
    border-radius: 10px;
    overflow: hidden;
}

.backgroundOrangeBtn {
    background-color: #f15a25 !important;
    padding: 10px 30px !important;
    border-radius: 100px !important;
}