.customcheck .checkmark {
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#barcodeTarget div:last-child {
    display: none;
}

.navbar-nav img, svg {
    vertical-align: top;
    max-width: 100%;
}

.percent {
    position: relative;
}

    .percent svg {
        width: 100%;
    }

div#h1_overallSatBK {
    position: absolute;
    top: 80px;
    left: 43%;
    color: #946037;
    /*margin-left: -47.5px;
            font-size: 13px !important;
            font-weight: bold;*/
}

.spanremove span {
    display: contents;
}

.progress-points-text {
    font-size: 14px;
}

.progress-points-subtext {
    font-size: 10px;
}

#country .dd-selected, #language .dd-selected {
    background: transparent;
    border: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.storename {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dd-selected:focus {
    outline: none;
}

#changrPwdloader, #updateprofileloader {
    float: left;
    margin-right: 10px;
}

.input-group .text-danger {
    width: 100%;
    float: left;
}

.signin-form {
    margin-bottom: 0 !important;
}

.mModdd {
    min-height: auto !important;
}

.form-box-center .col-md-12 {
    margin-bottom: 15px;
}

.modImg {
    /*max-width:30px;
            max-height:30px;*/
    width: 40px;
}

.dvCustomloader {
    text-align: center;
    display: none;
}

    .dvCustomloader img {
        width: 15px;
    }

.stopP {
    width: 320px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.allPageBanner h1 {
    text-transform: none !important;
}

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

.row.RemoveGut {
    --bs-gutter-x: 0 !important;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.madalBackground {
    background-color: black;
    filter: alpha(opacity= 90) !important;
    opacity: 0.6 !important;
    z-index: 20;
}

.modalPopup {
    width: 450px;
    /* padding: 20px 0px 24px 10px;
            position: relative;
            height: 66px;
            background-color: white;
            border: 1px solid black;*/
}

.backdrop-color {
    background-color: #000;
    opacity: 0.6;
}

.dd-selected {
    padding: 0 !important;
}
/*Custom CSS*/

.header-inner {
    height: 125px;
}

.jj_quick {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
}

.header_jj {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn_white {
    background-color: #fff;
    border: solid 1px #000;
    box-shadow: 0 5px 0 transparent;
    color: #000;
}

    .btn_white:hover {
        background-color: #000;
        border: solid 1px #fff;
        color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

.other-actions span {
    padding: 0px;
}


#languageJJ, #countryJJ {
    background-color: black;
    color: white;
    border: none;
}

#languageJJ, .dd-select {
    max-width: 74px;
}

#countryJJ, .dd-select {
    max-width: 74px;
}

#countryJJ, #languageJJ {
    margin-right: 0.5rem !important;
    margin-left: 1rem !important;
}

.dd-selected-image {
    vertical-align: top;
    float: left;
    margin-right: 3px;
    margin-top: 5px;
    max-width: 19px !important;
}

.dd-option-image {
    vertical-align: top;
    float: left;
    margin-right: 3px;
    margin-top: 5px;
    max-width: 18px !important;
    margin-left: 6px;
}

#languageJJ .dd-select, #countryJJ, .dd-select {
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    border: none;
}

#languageJJ .dd-selected, #countryJJ, .dd-selected {
    background: transparent;
    border: 0;
    user-select: none;
    -webkit-user-select: none;
}

    #countryJJ .dd-selected-text {
        color: white !important;
        font-weight: 400;
        margin-left: 5px;
        line-height: 1.8 !important;
        font-size: 13px;
        margin-top: 2px;
    }

#languageJJ .dd-selected-text {
    color: white !important;
    font-weight: 400;
    margin-left: 14px;
    line-height: 1.8 !important;
    font-size: 14px;
    margin-top: 2px;
}

.dd-option-selected {
    background: none !important;
}
#languageJJ .dd-option:hover {
    background-color: rgba(255, 255, 255, .15) !important;
}
#languageJJ .dd-select .dd-pointer-down {
    border-top: solid 5px #fff;
}

#countryJJ .dd-select .dd-pointer-down {
    border-top: solid 5px #fff;
}

.dd-pointer {
    right: 1px !important;
}

.dd-pointer-down {
    border: solid 5px transparent;
}

.dd-pointer-up {
    border: solid 5px transparent;
    border-bottom: solid 5px #000 !important;
    margin-top: -3px !important;
}

.dd-select {
    border-radius: 2px;
    border: none !important;
    position: relative;
    cursor: pointer;
}

#countryJJ .dd-options, #languageJJ .dd-options {
    width: 143px !important;
    border-radius: .25rem;
    border: unset;
    box-shadow: none;
}
/*.header-mr {
    margin-top: 8.7rem !important;
}*/
.dd-options {
    color: #dee2e6;
    background-color: #343a40 !important;
    border-color: rgba(0, 0, 0, .15);
}

.dd-option-text {
    color: white;
    font-size: 14px;
    margin-left: 7px;
    line-height: 26.7969px !important;
}

.dd-option {
    border-bottom: none !important;
}

.dd-option-selected:hover {
    background-color: rgba(255, 255, 255, .15) !important;
}


.about-us {
    background-image: url('../images/banner/banneraboutus.jpg') !important;
    background-size: cover;
    background-position: center center;
}

.contact-us {
    background-image: url('../images/banner/bannerContactUs.jpg') !important;
    background-size: cover;
    background-position: center center;
}

.gm-style-iw-d div {
    padding: 10px;
}

.textWhiteCon {
    color: #FFFFFF !important;
}

.gm-style-iw {
    border: solid 2px #E4002B !important;
}

.size_ {
    font-size: 1rem;
    font-weight: 700;
}

.contactUsContent span label {
    color: #dc3545 !important;
}

.jjAboutUs {
    font-family: blankenhorn ll script;
    color: #fff;
    line-height: 1em;
    text-transform: none !important;
}

.header-mr h1 {
    text-transform: capitalize;
    font-family: blankenhorn ll script;
}

.sidenav .accordion-button:not(.collapsed)::after {
    background-image: url(../../assets_jj/images/header/rightCaret.svg);
}

.sidenav .accordion-button::after {
    background-image: url(../../assets_jj/images/header/rightCaret.svg);
}

.userBox {
    width: 260px;
    margin-top: 8px;
}

.profile-pic {
    width: 75px;
    height: 75px;
}

.username-box-text {
    width: 234px !important;
}

.Br_signoutBtn {
    text-align: center;
}

.btnJJ {
    background-color: #e4002b;
    border: solid 1px #e4002b;
    box-shadow: 0 5px 0 transparent;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: inherit;
}

    .btnJJ:hover {
        background-color: #000;
        border: solid 1px #e4002b;
        color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

.jjimage {
    /*background: url(../../assets_jj/images/banner/bannerHome1.jpg) !important;
    background-size: cover !important;*/
}

.orderSandwichTxt {
    border-bottom: none;
    text-transform: uppercase;
    padding: 15px;
    font-size: .8rem;
    line-height: normal;
    font-family: knockout, sans-serif;
    font-weight: 900;
    text-align: center;
    float: left;
    width: 100%;
    color: #000 !important;
}

.pickDeliverBtn {
    color: #e4002b !important;
    width: 100%;
    border-top: solid 1px rgba(0, 0, 0, .1) !important;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
    font-weight: 500;
    font-size: .8rem;
    float: left;
    background-color: transparent !important;
    transition: all ease-in .3s;
    display: flex;
    flex-direction: column;
}

.orderContentJJ {
    padding: 0;
    background-color: #ffffff;
    transition: 0.5s;
    display: none;
}

.pickDeliverBtn img {
    height: 25px !important;
}

.startorder-btn:hover {
    color: none;
    background-color: none;
}

.arrowCollapse:focus {
    border: none;
    outline: none;
    background-color: transparent;
}

.arrowCollapse img {
    height: 16px;
    width: auto;
}

@media (max-width: 1440px) {
    .slider-right-box {
        width: 85px;
    }
}

.startorder-headeing {
    width: none;
}

.jjRewardsContainer {
    margin-top: -1rem;
}

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

.faveTextBox {
    padding-top: 10% !important;
}

.py-6JJ {
    padding-bottom: 6rem !important;
    margin-bottom: 0px !important;
}

.widthJJ {
    width: 930.75px !important;
}
/*.swiper-slide {
    width: none !important
}*/
.cardItemImg img {
    width: 100%;
    height: auto;
}

.swiper-button-next, .swiper-button-prev {
    height: 50px;
    width: 50px;
    top: 50% !important;
    color: #e4002b !important;
    border: solid 2px #e4002b;
    border-radius: 50% !important;
    background-color: #e4002b;
    padding: 0;
    text-transform: uppercase;
    transition: all ease-in .3s;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0 !important;
    margin-right: 0;
    left: auto;
}

    .swiper-button-prev img, .swiper-button-next img {
        width: 16px !important
    }

.indicators-box .carousel-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    top: 19px;
    left: 1173px;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    width: 98px;
    flex-direction: column;
    height: 100%;
    align-items: center;
    margin-bottom: 0;
}

.indicatorCircles {
    position: absolute;
    top: -19px;
    right: 0;
    height: calc(100vh - 140px);
}

.header-overlay {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}
/*.aboutImgBox img {
    margin-left: 7px!important;
}*/

.swiper-paginationJJ.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0px !important
}


.fav-mnu {
    height: 440.5px;
}

.orderJ {
    display: flex;
    flex-direction: column;
}

.closebtn_img {
    width: 85% !important;
}

.SetFooterHeightJJ {
    padding-bottom: 30px;
    height: auto !important;
}

.carousel {
    margin-top: 125px;
    margin-bottom: 1rem;
}

.faveTextBoxGuest {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5rem;
}

    .faveTextBoxGuest span {
        color: #e4002b;
        font-family: blankenhorn ll script;
        font-size: 7rem;
        margin: 0 30px;
        text-align: center;
    }

    .faveTextBoxGuest img {
        width: 40px;
    }

.faveIcon {
    position: absolute;
    /*top: 4px;
    left: 5px;*/
    z-index: 3;
}

.btnTrackGuest {
    background-color: #fff;
    border: solid 1px #000;
    box-shadow: 0 5px 0 transparent;
    color: #000;
    border-radius: 5px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 900;
    font-size: .9rem;
    padding: .45rem 1.5rem;
    text-align: center;
    margin-top: 8px;
}

    .btnTrackGuest:hover {
        background-color: #000;
        border: solid 1px #fff;
        color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

.btnsigninGuest {
    background-color: #000;
    border: solid 1px #000;
    box-shadow: 0 5px 0 transparent;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    padding: .45rem 1.5rem;
    font-size: .9rem;
    font-weight: 900;
    text-transform: uppercase;
    transition: all ease-in .3s;
    margin-top: .5rem !important;
}

    .btnsigninGuest:hover {
        background-color: #fff;
        border: solid 1px #000;
        color: #000;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

.btnJoinGuest {
    background-color: #e4002b;
    border: solid 1px #e4002b;
    box-shadow: 0 5px 0 transparent;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    padding: .45rem 1.5rem;
    font-size: .9rem;
    font-weight: 900;
    text-transform: uppercase;
    transition: all ease-in .3s;
    margin-top: .5rem !important;
}

    .btnJoinGuest:hover {
        background-color: #000;
        border: solid 1px #e4002b;
        color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

.ord-btn {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px !important;
    width: 100% !important;
}

.privacy-bg {
    background-image: url('../images/banner/bannerPolicy.jpg') !important;
    background-size: cover;
    background-position: center center;
}

.MtJJ {
    margin-top: 3rem !important;
}

.mr-bottom-40 {
    margin-bottom: 3rem !important;
}

.otherPageBannersjj {
    margin-top: 8.7rem;
}

button.accordion-button.collapsed.BgWhiteJJ {
    background: white !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../../assets_jj/images/icons/iconCaretDown.svg);
    transform: rotate(0deg);
}

.accordion-button::after {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-left: auto;
    content: "";
    background-image: url(../../assets_jj/images/icons/iconCaretDown.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);

}


.direction {
    display: flex;
    flex-direction: column;
}

.mt_2 {
    margin-bottom: 4.5rem;
}

.padding {
    padding: 20px;
}

.guestmenu {
    margin-top: 30px;
}

.profile-picGuest {
    width: 75px;
    height: 75px;
    margin: 0 auto;
}

.swiper-button-next {
    opacity: 4.35 !important;
}

.swiper-button-prev.swiper-button-disabled {
    opacity: 3.35;
}

.terms-bg {
    background-image: url('../images/banner/bannerPolicy.jpg') !important;
    background-size: cover;
    background-position: center center;
}

.terms-bg {
    margin-top: 8.7rem;
}

.contact-us {
    margin-bottom: 0;
}

.margin {
    margin-top: 3rem !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../../assets_jj/images/icons/iconCaretDown.svg);
    transform: rotate(0deg);
}

.accordion-button::after {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-left: auto;
    content: "";
    background-image: url(../../assets_jj/images/icons/iconCaretDown.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
		margin-right: 5px;
}

.favourite_user_button {
    width: 100% !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.br-home-tab {
    width: 100% !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.font-size {
    font-size: .9rem;
}


.height_ {
    height: 64.77px;
}

@media (width: 1920px) {
    .faveTextBoxGuest {
        padding-top: 5rem;
    }
}

@media (max-width: 1440px) {
    .startorder-btn span {
        font-size: .8rem !important;
        font-weight: 500 !important;
    }
}

.startorder-btn span {
    padding-top: 0px !important;
}



@media (max-width: 767px) {
    .header-inner {
        box-shadow: none !important;
        border-bottom: none !important;
    }
}

.scroll {
    --bs-gutter-x: 0;
}

@media screen and (min-width: 1140px) and (max-width: 1440px) {
    .img-fluid {
        width: 166px;
        height: 154.23px;
    }
}
/*
@media screen and (min-width: 1516px) and (max-width: 1705px) {
    .first-column {
        width: 196.01px;
        height: 193.54px;
    }
}
@media screen and (min-width:1707px) and (max-width: 1820px) {
    .img-fluid {
        width: 203.36px;
        height: 188.95px;
    }
}*/


@media screen and (min-width: 1516px) and (max-width: 1705px) {
    .indicators-box .carousel-indicators {
        left: 1325px;
    }
}

@media screen and (min-width:1707px) and (max-width: 1820px) {
    .indicators-box .carousel-indicators {
        left: 1515px;
    }
}

@media screen and (min-width:1241px) and (max-width: 1365px) {
    .indicators-box .carousel-indicators {
        left: 1049px;
    }
}

@media screen and (min-width:1092px) and (max-width: 1240px) {
    .indicators-box .carousel-indicators {
        left: 900px;
    }
}

@media screen and (min-width:910px) and (max-width: 1091px) {
    .indicators-box .carousel-indicators {
        left: 717.5px;
    }
}

@media screen and (min-width:780.57px) and (max-width: 910px) {
    .indicators-box .carousel-indicators {
        left: 560px;
    }
}

@media screen and (min-width:1821px) and (max-width: 2049px) {
    .indicators-box .carousel-indicators {
        left: 1629px;
    }
}

@media (width: 1920px) {
    .indicators-box .carousel-indicators {
        left: 1726px;
    }
}

@media screen and (min-width:2049px) and (max-width: 2731px) {
    .indicators-box .carousel-indicators {
        left: 1857px;
    }
}

@media screen and (min-width:2732px) and (max-width: 4098px) {
    .indicators-box .carousel-indicators {
        left: 2538px;
    }
}

@media (max-width: 1440px) {
    .indicatorCircles {
        height: calc(100vh - 15rem);
    }
}

@media (max-width: 1440px) {
    .startorder-btn span {
        font-size: .8rem !important;
        font-weight: 500 !important;
    }
}

@media screen and (min-width: 1140px) and (max-width: 1440px) {
    .btn_white {
        padding: 0.4rem 1.5rem;
    }
}

@media screen and (min-width: 1516px) and (max-width: 1705px) {
    .btn_white {
        padding: 0.4rem 1.5rem;
    }
}

@media (min-width: 1400px) {
    .btn_white {
        padding: 0.4rem 1.5rem;
        font-size: 14.4px;
    }
}

@media screen and (min-width: 1140px) and (max-width: 1440px) {
    .first-column {
        width: 166px;
        height: 245.19px;
    }
}

@media screen and (min-width: 1516px) and (max-width: 1705px) {
    .first-column {
        width: 196.01px;
        height: 193.54px;
    }
}

@media screen and (min-width: 1820px) and (max-width: 2050px) {
    .first-column {
        width: 209.33px;
        height: 201.58px;
    }
}

@media screen and (min-width: 1140px) and (max-width:1440px) {
    .textWhite {
        width: 546px;
        height: 105px;
    }
}

@media screen and (min-width: 1516px) and (max-width:1705px) {
    .textWhite {
        width: 636.01px;
        height: 105px;
    }
}

@media screen and (min-width: 1820px) and (max-width:2050px) {
    .textWhite {
        width: 676.02px;
        height: 119.92px;
    }
}



@media screen and (min-width: 1820px) and (max-width:2050px) {
    .faveTextBox {
        /* height: 167.99px !important;*/
    }
}

@media screen and (min-width: 1140px) and (max-width:1440px) {
    .favJJ {
        height: 440.5px;
    }
}

@media screen and (min-width: 1516px) and (max-width:1705px) {
    .favJJ {
        height: 440.47px !important;
    }
}

@media screen and (min-width: 1820px) and (max-width:2050px) {
    .favJJ {
        height: 440.49px !important;
    }
}

@media screen and (min-width: 1140px) and (max-width:1440px) {
    .swiper-slide {
        height: 397.5px;
    }
}

@media (width:1920px) {
    .swiper-slide {
        height: 397.5px;
    }
}

@media (width:1920px) {
    .swiper .swiper-wrapper {
        height: 397.5px;
    }
}

@media screen and (min-width: 1516px) and (max-width:1705px) {
    .swiper .swiper-wrapper {
        height: 397.48px;
    }
}

@media screen and (min-width: 1140px) and (max-width:1440px) {
    .mb_5 {
        margin-bottom: 3rem !important;
    }
}


@media screen and (min-width: 1140px) and (max-width:1440px) {
    .btnP {
        padding: 0.45rem 1.6rem !important;
    }
}

@media screen and (min-width: 1516px) and (max-width:1705px) {
    .btnP {
        padding: 0.45rem 1.6rem !important;
    }
}

@media (width: 1920px) {
    .btnP {
        padding: .45rem 1.5rem !important;
    }
}
/*@media (min-width: 375px) {
    .copyright-main {
        padding: 20px;
        height: auto;
        margin-top: 344px;
    }

    .SetFooterHeightJJ {
        height: 223.19px;
    }
}*/
@media only screen and (min-width: 910.67px) and (max-width: 1092.80px) {
    .SetFooterHeightJJ {
        height: 637.19px;
    }
}

@media only screen and (min-width: 683px) and (max-width: 780.57px) {
    .SetFooterHeightJJ {
        height: 635.19px;
    }
}

@media only screen and (min-width: 344px) and (max-width: 853px) {
    .SetFooterHeightJJ {
        height: 590.19px;
    }
}

.form-box-center {
    width: 400px !important;
    max-width: 100% !important;
    margin-top: auto !important;
    font-size: 15px !important;
    padding: 20px !important;
}



body {
    font-family: knockout, sans-serif;
    font-size: 15px;
    font-weight: 400 !important;
    color: #000 !important;
    font-feature-settings: 'ss02' !important;
}

.sign-in-bg {
    width: 100% !important;
    height: 103% !important;
    background-image: url(../images/banner/bg-signin.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.cont-row {
    display: flex !important;
    flex-wrap: wrap !important;
}

.allPageBanner {
    text-align: left !important;
    z-index: 2 !important;
    width: 100% !important;
}

    .allPageBanner h1 {
        font-family: blankenhorn ll script !important;
        color: #fff !important;
    }

    .allPageBanner p {
        color: #fff !important;
        font-size: 1rem !important;
        /* font-weight: 400 !important;*/
        margin-bottom: 0;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

.btn-primary {
    background-color: #e4002b;
    border: solid 1px #e4002b !important;
    box-shadow: 0 5px 0 transparent !important;
    color: #fff !important;
}



lablel {
    font-size: 14px;
    margin-bottom: 5px;
    float: left;
}

.form-control {
    font-size: .9rem;
}

.signin-form {
    border-radius: 5px !important;
    border: solid 1px #999 !important;
    margin-bottom: 15px;
}

.form-control {
    padding: .5rem 1rem;
    background: #fff;
    color: #000;
    transition: all ease-in .3s;
}

.form-check {
    padding-left: 0;
}

.aligner-left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left !important;
}

a {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #e4002b;
    transition: all ease-in .3s;
}

.text-right {
    text-align: right;
}

.input-group-addon {
    padding: .7rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
    border: 0;
    border-radius: .25rem;
    border-left: 0;
    position: absolute;
    z-index: 100;
    right: 0;
}

.btn-primary {
    background-color: #e4002b !important;
    border: solid 1px #e4002b !important;
    box-shadow: 0 5px 0 transparent !important;
    color: #fff !important;
}

.btn {
    border-radius: 5px !important;
}

.sign-in-btn {
    width: 100% !important;
    margin-top: 20px !important;
    font-size: 1rem !important;
}
/*.btn {
    display: inline-block !important;
    line-height: 1.5 !important;
    color: #38321d !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .45rem 1.5rem;
    font-size: 1rem;
    font-weight: 700 !important;
    border-radius: 0;
    text-transform: uppercase;
    transition: all ease-in .3s;
}*/
/*.mar-top {
    margin-top: 30px;
    margin-bottom: 20px;
}*/


.sign-fb {
    background-color: #3b5998 !important;
    color: #fff !important;
    background-image: url(../../assets_jj/images/fb.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center left 30px !important;
    border: 0 !important;
    margin-top: 0 !important;
}

.sign-gmail {
    background-color: #fff !important;
    color: #3e342f !important;
    background-image: url(../../assets_jj/images/gmail.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center left 20px !important;
    border-color: #e3e1db !important;
    width: 100% !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
}

.otherPageBanners {
    margin-top: 125px;
}

.allPageBanner h1 {
    font-family: blankenhorn ll script;
    color: #fff;
}

.sign-phone {
    background-color: #000 !important;
    color: #fff !important;
    background-image: url(../../assets_jj/images/hashtag.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center left 28px !important;
    border: 0 !important;
    margin-bottom: 10px !important;
    background-size: 16px auto !important;
}

.fw {
    /* font-weight: 700 !important;*/
    text-align: center !important;
    font-weight: 700 !important;
}

.fws {
    margin-top: 0px !important;
}
/*.form_box {*/
/* margin-top: 100px !important;*/
/*margin-top: 63px !important;
}*/
.btn_jj {
    display: inline-block;
    line-height: 1.5;
    color: #38321d;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .45rem 1.5rem;
    font-size: 1rem;
    font-weight: 700 !important;
    border-radius: 0;
    text-transform: uppercase;
    transition: all ease-in .3s;
}

.sign-email {
    background-color: #000 !important;
    color: #fff !important;
    background-image: url(../../assets_jj/images/Email-white.svg);
    background-repeat: no-repeat !important;
    background-position: center left 23px !important;
    border: 0 !important;
    margin-bottom: 10px !important;
    background-size: 26px !important;
}

.btn-primary:active {
    background-color: #000;
    border: solid 1px #e4002b;
    color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.sign-email:hover {
    border: 0 !important;
    background-color: #e4002b !important;
}

.sign-phone:hover {
    border: 0 !important;
    background-color: #e4002b !important;
}

.bg-bannerfaq {
    background-image: url('../images/banner/bannerFAQ.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
}



.faqTitle {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.mr-bottom-40 {
    margin-bottom: 3rem !important;
}

.JjText {
    font-family: blankenhorn ll script !important;
    color: #fff !important;
}

.last-letter {
    text-transform: lowercase;
}

.accordion-item:hover, .accordion-item:active, .accordion-item:focus {
    border: 2px solid #E4002B !important;
}

.accordion-item.RemoveBorderJJ:hover {
    border: 0px !important;
}

.text-right a:hover {
    color: #e4002b !important;
}
/*.addHoverJJ i:hover {
    opacity: 0.7!important;*/ /* Opacity when hovered */
/*}*/

/*.addHoverJJ:hover i {
    opacity: 0.7;*/ /* Opacity when hovered */
/*}*/
/*.input-group-addon a:hover {
    opacity: 1;
}*/

.input-group-addon a:focus {
    color: #e4002b !important;
}

.sign-fb:hover {
    border: 0 !important;
    background-color: #3f69c3 !important;
}

.form-check-input:checked {
    background-color: #e4002b !important;
    border-color: #e4002b !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2) !important;
    color: #000 !important;
    outline: none !important;
}

.form-check label {
    margin-left: 0 !important;
}

.login-or {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    font-family: knockout, sans-serif;
    font-weight: 900;
    line-height: .1em;
    margin: 10px 0 20px;
}

.sign-gmail:hover {
    background-color: #000000;
    border: solid 1px #E4002B !important;
    color: #ffffff !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2) !important;
}

.sign-gmail:hover {
    color: #3e342f !important;
    background-color: #fff !important;
}

.input-group-addon a:hover {
    opacity: .7;
}

.addHoverJJ a:hover {
    color: #e4002b;
}

.Addmargin {
    margin-right: -4px !important;
}

/*#dvbackGroundImage {
    margin-bottom: 0 !important;
}*/


.AddMarginFromLeft {
    margin-left: -4px !important;
}



@media screen and (min-width: 1440px) and (max-width: 4098px) {
    .py-5 {
        padding-top: 5rem !important;
        padding-bottom: 5.2rem !important
    }
}

.py-5 {
    padding-top: 5rem;
    padding-bottom: 5.2rem
}
/*@media (max-width: 1440px) {
    .py-5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}*/
/*.mb-3 {
    text-align: center;
}*/

.choose-delivery .row .mt-5 {
    margin-top: 0rem !important;
}

/*.marginTop {
    margin-top: 0rem !important;
}*/

.changeordertype {
    width: 16px;
}

.custo-border img {
    filter: brightness(0);
}
/*.changeaddresstype {
    width: 18px;
}
.width: 12px !important; {
    width: 18px;
}*/
.btn_edit {
    width: 16px !important;
}




.amt-tip-bx .form-control {
    border: solid 1px #ced4da;
    background-color: #ffffff;
    border-radius: 10px;
    padding-left: 10px;
}

.add-tip .nav-tabs {
    margin-top: 20px;
}

#riderTipButton {
    display: flex;
}

.active, .emoji-box:hover {
    box-shadow: none !important;
}

/* old css from nearby_stores.css */
/*
.fav-ic-box {
    width: 20px;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1000;
}

.restaurant-detail {
    background-color: transparent;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    box-shadow: none;
    float: left;
    position: relative;
    width: calc(100% - 10px);
}
    .restaurant-detail .title {
        color: #981B32;
        font-weight: bold;
        font-size: 16px;
        width: 100%;
        padding: 5px;
        background: url(../../assets_jj/images/location.svg) no-repeat 0 center/16px auto;
        padding-left: 22px;
        padding-right: 25px;
        float: left;
        padding-top: 0;
    }*/
/* old css from nearby_stores.css */

/* old css from style-desktop-ar.css */
#myCarousel .carousel-item {
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
    width: 100% !important;
    aspect-ratio: 192 / 80 !important;
    -webkit-aspect-ratio: 192 / 80;
    -moz-aspect-ratio: 192 / 80;
    -ms-aspect-ratio: 192 / 80;
}

/* old css from style-desktop-ar.css */


/* old css from style-desktop.css */
/*.sign-fb {
  background-color: #3B5998;
  color: #ffffff;
  text-transform: capitalize;
  background-image: url("../../assets/images/fb.svg");
  background-repeat: no-repeat;
  background-position: center left 30px;
  border: 0;
  margin-top: 0;
}*/
.sign-fb:hover {
    border: 0;
    background-color: #3f69c3 !important;
}
/*.sign-gmail {
  background-color: #ffffff;
  color: #000000;
  text-transform: capitalize;
  background-image: url("../../assets/images/gmail.svg");
  background-repeat: no-repeat;
  background-position: center left 20px;
  border-color: #E3E1DB;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
}*/

.sign-gmail:hover {
    color: #3e342f !important;
    background-color: #ffffff !important;
}

.sign-apple {
    background-color: #000000;
    color: #ffffff;
    text-transform: capitalize;
    background-image: url("../../assets/images/apple.svg");
    background-repeat: no-repeat;
    background-position: center left 25px;
    border: 0;
    margin-top: 10px;
}

    .sign-apple:hover {
        border: 0;
        background-color: #000000;
    }

.sign-email {
    /*    background-color: #000 !important;
    color: #ffffff;
    text-transform: capitalize;
    background-image: url("../../assets/images/Email-white.svg");
    background-repeat: no-repeat;
    background-position: center left 23px;
    border: 0;
    margin-bottom: 10px;
    background-size: 26px;*/
    background-color: #000 !important;
    color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center left 28px !important;
    border: 0 !important;
    margin-bottom: 10px !important;
    background-size: 16px auto !important;
}

    .sign-email:hover {
        border: 0;
        background-color: #811014;
    }

/*.sign-phone {
  background-color: #E4002B;
  color: #ffffff;
  text-transform: capitalize;
  background-image: url("../../assets/images/phone-white.svg");
  background-repeat: no-repeat;
  background-position: center left 28px;
  border: 0;
  margin-bottom: 10px;
  background-size: 16px auto;
}*/

.sign-phone:hover {
    border: 0 !important;
    background-color: #e4002b !important;
}

.bg-white-over {
    background-color: #ffffff !important;
}

.expiry {
    /*color: #ffffff;*/
    font-size: 1.250em;
    font-weight: 500;
}





.add-tip .nav-tabs {
    margin-top: 20px;
}

    .add-tip .nav-tabs .nav-link {
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #ddd;
        margin-right: 0px;
        color: #000000;
        font-weight: 500;
        font-size: 16px;
        padding: 9px 20px;
        margin: 5px;
    }

        .add-tip .nav-tabs .nav-link:hover {
            background-color: #E4002B;
            color: #ffffff;
        }

        .add-tip .nav-tabs .nav-link.active {
            background-color: #E4002B;
            color: #ffffff;
        }

.tip-input {
    width: 80px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    margin-left: 10px;
}

.amt-tip-bx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.promo-code .btn-outline-primary {
    color: #E4002B;
    border: solid 2px #E4002B;
    background-color: transparent;
}
/* old css from style-desktop.css */


/*trackOrderCss*/

.bgbannerJJ {
    background-image: url('../images/banner/bannerMenu.jpg') !important;
    background-size: cover;
    background-position: center center;
}

.fw-light {
    font-family: blankenhorn ll script;
    color: #fff;
}

#dvbackGroundImage {
    margin-top: 125px;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.btn-outline-primary {
    color: #E4002B;
    border: solid 1px #E4002B !important;
    background-color: transparent;
}


.bg-pending {
    background-color: #E8C60D !important;
}



.price-size {
    font-size: 16px !important;
    white-space: nowrap !important;
}

@media (min-width: 1600px) {
    p {
        font-size: 16px;
    }
}

.order-track .orderIdjj {
    color: #e4002b;
    font-size: 1.225rem;
    font-weight: 400;
}

.btnpadding {
    padding: 6px 10px !important;
}

.bg-pending {
    background-color: #E8C60D !important;
}

.light-gray-colorj {
    color: #999 !important;
}

.col-7jj {
    flex: 0 0 auto !important;
    width: 58.3333333333% !important;
}

.col-2jj {
    flex: 0 0 auto !important;
    width: 16.6666666667% !important;
}

.colrightjj {
    flex: 0 0 auto !important;
    width: 16.6666666667% !important;
}

.fwnormal {
    font-weight: 400 !important;
    font-size: 1.1rem;
}

.textmuted {
    color: #999 !important;
}

.price-size {
    font-weight: 100 !important;
}

.price-size-sm {
    color: #e73c3e !important;
    font-size: 14px;
    font-weight: 100 !important;
}

.clr-orange {
    text-transform: uppercase !important;
    color: #0d0c0c !important;
    font-weight: 100 !important;
}

.removehr:not([size]) {
    height: 0px;
}

.removediv {
    display: none !important;
}

.btndefault {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

    .btndefault:hover {
        background: #e4002b !important;
        color: #fff !important;
    }

.btnoutline {
    border: solid 2px #000 !important;
    color: #000 !important;
}

    .btnoutline:hover {
        background-color: #000 !important;
        color: #fff !important;
    }

.jjbgorderdetail {
    background-image: url(../../assets_jj/images/banner/order-details.jpg) !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 1.5rem !important;
}

    .jjbgorderdetail h1 {
        color: #fff !important;
    }

/*.mart-8 {
    margin-top: 8.8rem;
}*/

@media screen and (min-width: 1366px) and (max-width: 2049px) {
    .jjbgorderdetail {
        margin-top: 8.7rem;
    }
}



.bgmenu {
    background-image: url('../images/banner/menu.jpg') !important;
    background-size: cover;
    background-position: center center;
    display: block !important;
}

.menuSection {
    position: relative;
    top: 0px !important;
    height: auto !important;
    overflow-y: auto;
    margin-top: 0;
}

.location-heading-text {
    color: #0c0b0b !important;
}

.location-bx p {
    color: #706868 !important;
}

.menuInfoBox .changeordertype {
    width: 100px !important;
}

.menuInfoTexts p {
    color: #999999 !important;
    font-size: 16px;
}


.active-box .right-btn-box-big {
    opacity: 1;
}

.active-box {
    background-color: #e4002b;
    border-color: #e4002b;
}

    .active-box:hover {
        background-color: #e4002b;
        border-color: #e4002b;
    }

.white-item-box-big.active-box .col-md-12 {
    color: #ffffff;
    transition: all ease-in .3s;
}

.white-item-box-big.active-box p {
    color: #ffffff;
    transition: all ease-in .3s;
}

.custo-border .changedeliverytime {
    right: 18px;
    top: 35px;
}

.change-delivery-time {
    height: 17px;
}


.swiper-horizontal > .swiper-scrollbar {
    height: 10px;
}

.title, h2 {
    color: #E4002B;
    text-transform: capitalize !important;
    font-weight: 900;
    font-size: 3rem;
}

.order-history h2.title {
    color: #E4002B;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.order-history h2.title {
    color: #E4002B;
    font-size: 2.750em;
    font-weight: bold;
    margin-top: 4rem !important;
    margin-bottom: 3rem !important;
}

.fontsize {
    font-size: 14px !important;
}
/*
.aboutTextBox h3 {
    margin-bottom: -46px !important;
}

.aboutTextBox .marginsides {
    margin-bottom: 19px !important;
}
*/
.cart-items {
    border: 1px solid #F8F4F1;
}

.p-45-rem {
    padding: 0.45rem;
}

.fav-ord .orderHistorycard-body {
    height: 100%;
}

.btn-outline-default .icon-rate {
    color: #38321d;
}

.h-auto {
    margin-top: 11rem;
}

.item_txt a {
    font-size: 1.5rem !important;
    text-transform: uppercase;
}

.myfavheader {
    background-image: url('../images/banner/bannerMenu.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    margin-top: 125;
}
/*
.faveIcon {
    top: 34px !important;
}*/

#favItemSection {
    margin-top: 1.5rem !important;
}

.fav-item-name {
    color: #e4002b !important;
    font-size: 1.1rem !important;
    font-weight: 900;
}

.scrollmargin > .swiper-scrollbar {
    bottom: 20px !important;
}

.itemBox .faveIcon {
    top: 14px !important;
}

.btnView {
    display: grid !important;
}

.itemBox {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.white-text {
    color: #FFFFFF !important;
}

.marginsup {
    left: -0.4rem !important;
}

label {
    font-size: 15px;
}

.basic-search-icon {
    background: #fff;
    border: none;
    height: 50px;
    color: #595959;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 14px;
    cursor: pointer;
}

    .basic-search-icon img {
        width: 16px;
    }

.navbar-inverse .navbar-nav > li > a {
    font-size: 17px;
}

.menuInfoTexts a {
    font-size: 16px;
}

.item-box .card {
    border-radius: 10px;
}

.myfavicon {
    top: 40px;
}

h1 {
    text-transform: capitalize !important;
}

@media screen and (max-width: 1024px) {

    .item_txt a {
        font-size: 1.1rem !important;
        text-transform: uppercase;
    }
}


@media screen and (max-width: 560px) {
    .faveTextBoxGuest span {
        font-size: 3.4rem;
        margin: 0 15px;
    }

    .item_txt a {
        font-size: .9rem !important;
    }

    .faveTextBoxGuest img {
        width: 30px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 15px;
    }

    .navbar-inverse .navbar-nav > li > a {
        width: 122px;
    }
}



.form-select {
    background-color: #ffffff !important;
}

.pick-up-from {
    background-image: url("../images/location.svg"), url(../images/down-arrow.svg);
    background-position: left 10px center, right .75rem center;
    background-size: 15px, 16px 12px;
    padding-left: 35px !important;
}

.gift-card-amt {
    background-color: #fafafa;
    border-radius: 10px;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    text-align: center;
    margin-top: 15px
}

.popu-center-new .form-control {
    font-weight: 700
}

.popu-center-new ::placeholder {
    font-weight: 400
}

.payment-btns.active-pay span {
    color: #fff !important
}

.gift-card-main-dv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px
}

.gift-card-txt {
    display: flex;
    align-items: center;
    padding-right: 15px
}

    .gift-card-txt img {
        height: 18px;
        border-radius: 5px
    }

.balance-pnt {
    font-weight: 700;
    display: flex;
    align-items: center
}

.popu-center-new {
    margin: auto;
    width: 350px;
    max-width: 100%;
}

.left-input {
    width: calc(100% - 80px);
}

.right-input {
    width: 80px;
}

    .right-input .form-control {
        padding: .5rem 1rem;
        background: #fafafa;
        color: #402022;
        transition: all ease-in .3s;
    }

.left-input .form-control {
    padding: .5rem 1rem;
    background: #fafafa;
    color: #402022;
    transition: all ease-in .3s;
}

.Mgap-3 {
    gap: 1rem !important;
}

.error-msg-bg {
    background-color: #fafafa;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    color: #ab2020;
    text-align: center;
    margin-top: 15px;
}

.clr-orangeGiftcard {
    color: #f04da3 !important;
}

.topmarginImg {
    margin-top: 10px;
}

.checkout-toggle-p5 {
    padding-left: 5px;
}

/* General button styling */
.giftCard-edit-btn {
    display: inline-block;
    padding: 2px 15px;
    margin-left: 10px; /* Space between toggle and the new button */
    font-size: 14px;
}

#myInputautocompleteListContainerId {
    float: right;
    height: 35rem;
    overflow: auto;
    min-width: 750%;
    margin-left: -1030%;
}

/*////myReward css/////*/

.points-details .JjRewards {
    font-family: 'Blankenhorn LL Script';
    font-size: 5em !important;
    color: #ffffff;
    margin-bottom: 0;
    line-height: .8;
}

.pointsjj {
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    position: absolute;
    border-radius: 10px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}


.pnts-bg {
    background-color: rgb(228, 0, 43);
    padding: 10px 20px;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    font-family: "Blankenhorn LL Script";
    font-size: 3em;
    position: absolute;
    right: 0px;
    bottom: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 1;
}

.reward-tab .item-box-50 .box-background {
    width: 100%;
    position: relative;
    height: auto !important;
    min-height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 55 / 30;
    border-radius: 10px;
}

.pnts-bg span {
    font-family: 'Knockout', sans-serif;
    font-size: 1.8rem;
}

.timer-bx {
    padding: 20px !important;
    float: left !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    background-color: #000 !important;
    border: none;
}

    .pnts-bg.balance {
        background-color: #000000;
        left: 0;
        right: auto;
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.text-xs {
    font-size: 16px !important;
    width: 100%;
    float: left;
}

.alignerjj {
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.redeem-code {
    background: #e4002b !important;
    padding-bottom: 20px !important;
    padding: 6%;
}

.bar-code {
    margin-left: 0 !important;
}

    .bar-code img {
        width: 250px !important;
        margin-top: 1.2rem !important;
    }

.redeem-code img {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.reward-code {
    border-radius: 0px !important;
    width: 250px !important;
}

    .reward-code p {
        font-weight: 100 !important;
    }

    .reward-code h3 {
        color: #000000 !important;
    }

.grey {
    color: #999999 !important;
}

.lineHeight {
    line-height: normal;
    color: #ffffff !important;
}
.expiryJJ {
    color: rgb(255, 255, 255);
    font-size: 1.5em;
    font-weight: normal;
    background-color: transparent;
    border-radius: 50px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.input-marginJ {
    margin-top: -2rem;
    margin-left: 0.5rem;
}

@media (min-width: 1441px) {
    .noBannerSection {
        margin-top: 9.7rem;
    }

    .redeem-codeJJ {
        background: #e4002b!important;
       padding: 20px;
        float: left!important;
        margin-bottom: 20px!important;
    }

    .redeem-details h4 {
        color: #000000 !important;
        text-align: left !important;
        font-family: 'Blankenhorn LL Script' !important;
        font-size: 1.5rem !important;
    }

    .barCodedynamcjj {
        justify-content: center!important;
        display: flex!important;
    }

    .barcodeTarget {
        width: 222px !important;
        margin-top: 1.2rem !important;
    }
}
#myInputautocompleteListContainerIdJJ {
    overflow: scroll;
}
#txt_mobilenumberjj {
    text-indent: 34px;
}
.chang_button {
    height: auto !important;
}

.lineHeight {
    line-height: normal;
    color: #ffffff !important;
    text-align: justify;
}

#JJ_quickLinks .footer-links a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
#JJ_quickLinks .footer-links a:hover {
    overflow: visible;
}
.choosemylocation:hover {
    background-color: #000000!important;
    border: solid 1px #E4002B;
    color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
#bindrestaurant .selectstore:hover {
    background-color: #000000!important;
}

#map {
    height: 100vh;
}
.search-res-title {
    color: #000000;
}
.customize-main-box-div {
    padding: 0px !important;
}
.wrapper {
    max-width: calc(100% - 383px);
    width: 100%;
    height: 100vh;
    overflow: auto;
    margin-right: -15px;
}
.nearby_sidenav {
    max-width: 383px;
    width: 100%;
    z-index: 1;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    height: 100vh;
    overflow: auto;
}
.nav-tabs .nav-link.active {
    border: 2px solid #000000;
    background-color: #e4002b;
    color: #FFFFFF;
}
.nav-tabs .nav-link {
    margin: 10px 0;
    width: 100%;
    padding: 7px 30px;
    border: 2px solid #000000;
    border-radius: 10px;
    background-color: #FFFFFF;
    color: #000000;
}
.nearby_sidenav .nav {
    justify-content: stretch;
    width: 100%;
    /* justify-content: space-between; */
    gap: 5px;
    flex-wrap: nowrap;
    padding: 0 10px;
}
.nav-tabs .nav-link .active {
    border: 2px solid #000000;
    background-color: #e4002b;
    color: #FFFFFF;
}
.mb_cate {
    margin-bottom: 15rem!important;
}
.mb_item {
    margin-top: 11rem!important;
    margin-bottom: 15rem !important;
}
.wrapper_cat {
    max-width: calc(100% - 0px);
}
.margin_jj h1 {
    margin-top: 15rem;
}
.id_openListStores:hover {
    border: 2px solid #E4002B!important;
    background-color: #000000!important;
    color: #FFFFFF!important;
}
.openmysavedrestaurants:hover {
    border: 2px solid #E4002B !important;
    background-color: #000000 !important;
    color: #FFFFFF !important;
}
.width_jj {
    width: auto;
}
exlor_btn {
    border: 2px solid #E4002B !important;
}

@media (max-width:467px) {
    #welcomepage .title h1 {
        margin-top: 5rem !important;
    }
}

#btnCart3.disabled {
    pointer-events: none; /* Disable click */
    /*opacity: 0.65;*/ /* Make it look disabled */
    /*background-color: #000000;*/
    background-color: #494747; /* Optional: Set background to a light gray */
}

.datePopup-dd-pointer-down {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="black"><polygon points="0,5 8,12 16,5"/></svg>') no-repeat right 4px center !important;
    background-color: white;
    padding: 10px !important;
    background-size: 40px 15px !important;
}