/* Quicklly home page styles (moved out of index.php).
   Dynamic values come from CSS variables set in index.php:
   --cdn-search-img, --cdn-shef-logo, --festive-header-img, --festive-header-bg */
.clsFoodStoreBanner img {
    height:100%;
    width:100%
}
a.imagerrhh {
    cursor: pointer;
    margin: 0;
    padding: 0;
    outline: 0;
}
    .festivalslider {
        opacity: 0;
        transition: opacity 0.3s ease;
     }
    .festivalslider.slick-initialized {
     opacity: 1;
      }
      img.ultra-fast-icon {
    object-fit: contain;
    object-position: center center;
}
        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider.featured.mobile_banner span.cattitle {
            margin-top: -1px;
        }

        div#searchhide .slick-track {
            display: flex;
        }

        .sectionforallpro.store-wise-productall {
            background: white;
        }

        .mainimgagesectionwrapcontentinnight a img {
            width: 20px;
            position: relative;
            top: 4px;
        }

        .brandswrap.brandswrapcstom.clsPgWidth .topheadforleadpage {
            padding-bottom: 5px;
        }

        .sectionwrapslider .slick-arrow img {
            border: 1px solid #E4E4E4;
            width: 50px
        }

        .mainleftimagesetion {
            padding: 25px 0px;
        }

        .mainimgagesectionwrapcontentinnightww {
            max-width: 60%;
            margin: 0 auto;
        }

        .ppsectionwrap.pppr .ppsectiongridinn {
            border: none;
        }

        .ppsectiongridinn img.card-img-bottom {
            width: 90px !important;
            height: 90px;
            object-fit: contain;
        }

        .mainimgagesectionwrapleft .mainimgagesectionwrapimg {
            width: 45%;
            align-items: center;
            display: flex;
            justify-content: left;
        }

        .mainimgagesectionwrapleft .mainimgagesectionwrapimg img {
            max-width: 100%;
            width: 100%;
        }

        .clsPgWidthfull {
            width: 100%;
        }

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

        .mainimgagesectionwrapleft {}

        .mainimgagesectionwrapcontentinnight {
            background: #F7F7FA 0% 0% no-repeat padding-box;
            opacity: 1;
            padding: 50px 25% 50px 15%;
        }

        .mainimgagesectionwrapcontentinnight h3 {
            font: normal normal 600 28px/40px Poppins;
            letter-spacing: 0px;
            color: #000000;
            margin-bottom: 10px;
        }

        .mainimgagesectionwrapcontentinnight p {
            font: normal normal normal 16px/23px Poppins;
            letter-spacing: 0px;
            color: #000000;
            margin: 10px 0px
        }

        .mainimgagesectionwrapcontentinnight a {
            font: normal normal 500 18px/27px Poppins;
            letter-spacing: 0px;
            color: #000000;
        }

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

        .mainimgagesectionwrapimg {
            width: 60%;
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .mainimgagesectionwrapcontent {
            width: 56%;
        }

        .mainimgagesectionwrapimg img {
            max-width: 600px;
        }

        .mainimgagesectionwrapcontentinn h3 {
            font: normal normal 600 25px/50px Poppins;
            letter-spacing: 0.13px;
            color: #2D1E2F;
        }

        .mainimgagesectionwrapcontentinn h4 {
            font: normal normal 500 20px/35px Poppins;
            letter-spacing: 0px;
            color: #000000;
            margin-bottom: 10px;
        }

        .mainimgagesectionwrapcontentinn p {
            font: normal normal 500 16px/25px Poppins;
            letter-spacing: 0px;
            color: #000000;
            margin-bottom: 10px
        }

        .mainimgagesectionwrapcontentinn ul.home-download-app-icon {
            margin-top: 15px;
            display: block;
        }

        .mainimgagesectionwrapcontentinn ul.home-download-app-icon li {
            display: inline-block;
            list-style-type: none;
        }

        .brandswrap {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .brandswrap.brandswrapcstom {
            margin-top: 0;
            margin-bottom: 0;
        }

        .sectionforallpro.alldatashow.store-wise-product .mainlandingpageproductlist section {
            width: 50%;
            padding: 0px 20px;
            margin: 0px 20px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #E4E4E4;
            border-radius: 12px;
            opacity: 1;
        }

        .sectionforallpro.alldatashow.store-wise-product {
            background: white;
        }

        .sectionforallpro.alldatashow.store-wise-product .mainlandingpageproductlist .msallvpp {
            grid-template-columns: repeat(3, 1fr) !important;
            display: grid;
            grid-gap: 10px 2vw;
        }

        .ppadssectionwrap {
            width: 100%;
            grid-template-columns: repeat(3, 1fr) !important;
            display: grid;
            grid-gap: 35px 2vw;
        }

        .ppadssectiongrid a {
            display: flex;
            padding: 15px;
        }

        .ppadsimgsection {
            width: 120px;
        }

        .ppadsimgsection img {
            width: 100%;
            min-width: 120px;
        }

        .ppadscontentsection {
            padding: 0px 20px;
        }

        .ppadssectiongrid {
            border-radius: 8px;
        }

        .ppadscontentsection h3 {
            font: normal normal 600 16px/25px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            min-height: 65px;
        }

        .ppadscontentsection p.viewstore {
            color: #FFFFFF;
            padding-top: 20px;
        }

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

        .ppsectionwrap {
            width: 100%;
            grid-template-columns: repeat(3, 1fr) !important;
            display: grid;
            grid-gap: 35px 2vw;
        }

        .ppsectiongridinn img {
            width: 100%;
        }

        .ppsectiongridinn {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #E4E4E4;
            border-radius: 12px;
            padding: 20px;
        }

        p.viewstore {
            font: normal normal normal 16px/20px Poppins;
            letter-spacing: 0px;
            color: #DC264C;
            opacity: 1;
        }

        span.showratingst {
            display: flex;
            background: #28A745 0% 0% no-repeat padding-box;
            border-radius: 4px;
            color: #fff;
            padding: 2px 4px;
        }

        .ppcatwrap img {
            width: 100%;
        }

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

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

        .finalimgsection {
            padding: 12px;
        }

        .sectionwrapslider {
            padding: 10px 0px 20px;
        }

        ul.dailydeaals li {
            font: normal normal 500 20px/22px Poppins;
            letter-spacing: 0px;
            color: #000000;
            text-transform: capitalize;
            padding-right: 20px;
        }

        .brandswrap.clsPgWidth .productwrap {
            background: white;
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #E4E4E4;
            opacity: 1;
            padding: 0px 10px 10px !important;
            margin-right: 15px;
        }

        ul.dailydeaals {
            display: flex;
            list-style: none;
            align-items: center;
            margin-bottom: 20px;
        }

        ul.dailydeaals li.active {
            color: #53A551;
        }

        .bannersectioncontent.qpass img {
            width: 100%;
        }

        .sectionwrapslider .slick-arrow {
            width: 42px;
        }

        .sectionwrap img {
            width: 100%;
            padding: 10px;
            max-width: 240px;
            margin: 15px auto;
        }

        .msallvpp .productwrap {
            width: 100%;
            padding-left: 0px !important;
            padding-bottom: 15px;
        }

        .sectionforallpro {
            padding-bottom: 30px;
            background: #FFF4CE93;
            opacity: 1;
            padding-top: 20px;
        }

        .msallvpp {
            grid-template-columns: repeat(2, 1fr) !important;
            display: grid;
            grid-gap: 10px 2vw;
        }

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

        .mainlandingpageproductlist section {
            width: 33%;
            background: white;
            padding: 0px 20px;
            margin: 0px 20px;
            box-shadow: 0px 0px 16px #0000000A;
            border-radius: 12px;
        }

        .clsSliderCats.mobile_banner {
            display: none !important;
        }

        .topheadforleadpage h2 {
            text-align: center;
            font: normal normal 600 32px/29px Poppins;
            letter-spacing: 0px;
            color: #000000;
            text-transform: capitalize;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .topheadforleadpage p {
            margin-top: 20px;
            text-align: center;
            font: normal normal normal 18px/21px Poppins;
            letter-spacing: 0px;
            color: #000000;
            opacity: 1;
            margin-bottom: 20px;
        }

        .topheadforleadpage {
            padding: 5px 0px 20px;
        }

        div#dvDialog-Custom-qday .clsDialog-Box.clsFoodCustomDialog .clsContent.clsFoodStoreCard.exclude-calc {
            width: 1000px;
            display: flex;
            align-items: center;
        }

        div#dvDialog-Custom-qday .popupleft {
            width: 45%;
        }

        div#dvDialog-Custom-qday .popupright {
            width: 50%;
            padding-left: 50px;
        }

        div#dvDialog-Custom-qday .popupleft img {
            width: 100%;
        }

        div#dvDialog-Custom-qday h4#lblProdTitle {
            text-align: center !important;
            font: normal normal 600 28px/40px Poppins;
            letter-spacing: 0px;
            color: #000000;
            text-transform: capitalize;
            padding-right: 0;
        }

        div#dvDialog-Custom-qday h5#lblProdPrice {
            text-align: center !important;
            font: normal normal 600 22px/40px Poppins;
            letter-spacing: 0px;
            color: #cb1034;
            margin: 25px 0px;
        }

        div#dvDialog-Custom-qday div#timer {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 0px;
        }

        div#dvDialog-Custom-qday div#timer .boxmg {
            background: #f2f2f2;
            padding: 20px;
            /* width: 55px; */
            margin-right: 20px;
            text-align: center;
            font: normal normal 600 40px/40px Poppins;
            letter-spacing: 0px;
            color: #cb1034;
        }

        div#dvDialog-Custom-qday div#timer .boxmg span {
            display: block;
            font: normal normal 500 14px/20px Poppins;
            letter-spacing: 0px;
            color: #cb1034;
            margin-top: 5px;
        }

        .desktop_banner {
            display: block;
        }

        .mobile_banner {
            display: none;
        }

        .webstatic img {
            width: 100%;
        }

        .webstatic {
            filter: blur(2px);
        }

        div#dvDialog-Custom-qday {
            background: rgba(0, 0, 0, 0.88)
        }

        p.showpropererror {
            text-align: center;
            padding: 10px 20px;
            margin: 20px 0px;
            font: normal normal 500 16px / 18px Poppins;
            letter-spacing: 0px;
            color: #333333;
        }

        .viewbtnstore {
            background: #000;
            text-align: center;
            font: normal normal 500 15px/25px Poppins;
            letter-spacing: 0px;
            color: #fff;
            padding: 10px 10px;
            margin-top: 15px;
            display: block;
            border-radius: 8px;
        }

        .fullwidthslider .slick-arrow img {
            width: 40px;
        }

        a.itemsale {
            height: 100%;
        }

        .productwrap img.clsProdImg-mini.imagegrocey {
            width: 220px !important;
            height: 220px !important;
            object-fit: contain;
            object-position: center;
        }

        .productwrap img.clsProdImg-mini.astrologyimg {
            width: 290px !important;
            height: 190px !important;
            object-fit: cover;
        }

        .fullwidthslider .slick-arrow.left {
            left: 0;
        }

        .fullwidthslider .slick-arrow.right {
            right: 0;
        }

        .desktop_banner {
            display: block;
        }

        .mobile_banner {
            display: none;
        }

        .searchwithin {
            display: flex;
            align-items: flex-end;
            justify-content: end;
            width: 100%;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.storesoffer.offers.offers.gift-cards .viewbtncta a {
            width: 100%;
            margin: 10px auto;
            display: block;
            position: relative;
            bottom: auto;
            padding: 10px 8px;
            height: auto;
        }

        .bannercontent img {
            width: 100%;
        }

        .hidelaptop {
            display: none;
        }

        span.clsPrice {
            display: flex;
            align-items: center;
            text-align: left;
            font: normal normal 600 14px/16px Poppins;
            letter-spacing: 0px;
            color: #000000;
        }

        span.cutprice {
            background: #D02127 0% 0% no-repeat padding-box;
            border-radius: 4px;
            font: normal normal 500 16px/28px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            padding: 4px 9px;
            margin-right: 20px;
            /* height: 40px; */
        }

        span.normalprice {
            font: normal normal 600 25px/0 Poppins;
            letter-spacing: 0px;
            color: #53A553;
        }

        .productwrap .clsPrice_mini {
            font: normal normal 500 15px/28px Poppins !important;
            letter-spacing: 0px;
            padding: 0px 0px;
        }

        .clsPrice_mini {
            text-align: left;
            font: normal normal 500 12px/22px Poppins !important;
            letter-spacing: 0px;
            color: #333333;
            opacity: 1;
            text-shadow: 0 0 BLACK;
        }

        .productwrap {
            width: 290px;
            padding: 0px 0px;
            height: auto;
        }

        .productwrap.firstslide {
            padding-left: 0px !important;
        }

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

        .productwrap .img-mini {
            height: 185px;
            position: relative;
            padding-top: 0px;
            text-align: center;
        }

        .productwrap .img-mini a {
            height: auto;
            overflow: hidden;
            display: block;
        }

        .productwthsalsTag {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-items: flex-start;
            object-fit: contain;
        }

        .clsProdImgTagtext {
            width: auto;
            background: #DD5704 0% 0% no-repeat padding-box;
            border-radius: 4px;
            font: normal normal 500 14px/25px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            padding: 0px 10px;
        }

        .productwrap img.clsProdImg-mini {
            height: 185px !important;
            width: 90% !important;
            margin: 0 auto;
            object-position: center;
            object-fit: cover !important;
            height: 100%;
            margin: 0 auto;
            text-align: center;
        }

        .productwrap .clsaddbtn {
            background: transparent;
            box-shadow: none;
            opacity: 1;
            border-radius: 100%;
            width: 40px;
            height: 40px;
            color: #333333;
            cursor: pointer;
            z-index: 1 !important;
            position: absolute;
            top: 28px;
            left: auto;
            right: 35px;
        }

        .productwrap .clsaddbtn img {
            width: 100%;
        }

        .productwrap .clsTitle_mini {
            font: normal normal 400 15px/22px Poppins !important;
            letter-spacing: 0px;
            color: #000000;
            text-transform: capitalize;
            padding: 0px 0px;
            margin-top: 5px;
            min-height: 52px;
        }

        span.timeshow {
            text-transform: uppercase;
        }

        .sectionforallpro.alldatashow .slick-track {
            margin-left: 0 !important;
        }

        .showclosestore {
            position: absolute;
            /* left: 0; */
            right: 0;
            margin: 0 auto;
            width: 100%;
            background: rgba(0, 0, 0, 0.5);
            text-align: center;
            transform: translate(-50%, 0%);
            top: 0%;
            left: 50%;
            height: 98%;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .showclosestore img {
            width: 20px !important;
            height: auto !important;
            border-radius: 0 !important;
            background: transparent !important;
            object-fit: contain !important;
            text-align: center !important;
            margin: 5px auto !important;
        }

        .showclosestore p {
            font: normal normal 600 16px/20px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            text-shadow: 0px 3px 6px #00000029;
            opacity: 1;
        }

        .showclosestore p span {
            font: normal normal 500 14px/25px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            text-shadow: 0px 3px 6px #000000EA;
        }

        section#idoffers .sliderheadinghead,
        section#idoffers .sliderheadingviewall {
            display: none;
        }

        .mainbannersection {
            display: flex;
            padding: 15px 0px;
            margin: 20px 0px;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.storesoffer .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
            padding: 0px 10px;
            height: auto;
        }

        .bannersectioncontent {
            width: 100%;
            border-radius: 12px 0px 0px 12px;
            position: relative;
            height: auto;
        }

        .bannercontent {
            padding: 20px 10px 0px 0px;
        }

        .bannercontent h3 {
            text-align: left;
            font: normal normal 600 20px/29px Poppins;
            letter-spacing: 0px;
            color: #000000;
            margin-bottom: 10px;
            margin-top: 0;
            padding: 0;
        }

        .bannercontent p {
            text-align: left;
            font: normal normal 500 14px/18px Poppins;
            letter-spacing: 0px;
            color: #000;
        }

        .bannercontent a {
            background: #000000 0% 0% no-repeat padding-box;
            border-radius: 4px;
            font: normal normal normal 16px/22px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            padding: 6px 10px;
            width: 125px;
            display: block;
            text-align: center;
            height: 35px;
            position: absolute;
            bottom: 20px;
        }

        .bannersectionbanner {
            width: 50%;
            background-size: 100% !important;
            background-position: center !important;
            border-bottom-right-radius: 10px;
            border-top-right-radius: 10px;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a.slick-slide {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: none;
            border-radius: 0;
            text-align: center;
            margin-right: 35px;
            padding: 5px 10px;
            width: 150px !important;
            cursor: pointer !important;
            height: auto;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a.slick-slide img {
            width: 130px;
            border-radius: 100%;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .slick-arrow img {
            width: 40px;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .slick-track {}

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider {
            border-bottom: 0;
            padding-bottom: 15px;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a.slick-slide.showcat img {
            border: 2px solid #53A553;
            opacity: 1;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a.slick-slide.showcat span {
            color: #53A552;
        }

        p#norrff {
            font: normal normal 600 20px / 20px Poppins;
            color: #000;
        }

        .clsBreadcrumb .clsPgWidth,
        .mytagsfilter .clsPgWidth,
        .sectionforallpro .clsPgWidth,
        .clsPgWidth.clsBreadcrumb,
        .mainbannersection .clsPgWidth,
        .brandswrap.clsPgWidth {
            width: 95%;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth {
            width: 95%;
        }

        .chefnameimgwrap {
            position: relative;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent,
        .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent {
            grid-template-columns: repeat(4, 1fr) !important;
            grid-gap: 15px;
            display: block;
        }

        .sectionforallpro.myallvv .tabcontents .clsContent {
            grid-template-columns: repeat(5, 1fr) !important;
            grid-gap: 15px;
            display: grid;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail,
        .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
            margin-right: 18px;
            height: auto;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.reels.reels .clsContent {
            grid-template-columns: repeat(7, 1fr) !important;
            grid-gap: 15px;
            display: grid;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.reels.reels .storename,
        .tabcontents.clsWeeklyTabs.grillproductlistpage.reels.reels .ratingst,
        .tabcontents.clsWeeklyTabs.grillproductlistpage.reels.reels .ratingst span {
            text-align: center;
            width: 100%;
        }

        .chefnameimgwrap video {
            max-width: 100%;
        }

        .ratingwrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .dealonfood {
            background-size: contain;
            background-repeat: no-repeat;
            padding: 5px 5px;
            margin: 10px 0px;
        }

        .dealdetails,
        .dealdetails span {
            font: normal normal 500 15px/25px Poppins;
            letter-spacing: 0px;
            color: #000000;
            padding: 0;
            padding-left: 5px;
        }

        .storenamewrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 6px 0px 3px 0px;
        }

        .chefnameimgwrap img {
            width: 100%;
            height: 150px;
            object-fit: cover;
            border-radius: 8px;
            background: #f5f5f5;
        }

        .sliderheadingwrap {
            display: flex;
            justify-content: space-between;
            margin: 17px 0px;
            align-items: center;
        }

        .sliderheadinghead h3 {
            text-align: left;
            font: normal normal 600 20px/29px Poppins;
            letter-spacing: 0px;
            color: #000000;
        }

        .sliderheadingviewall a {
            font: normal normal 500 16px/33px Poppins;
            text-decoration: none;
            letter-spacing: 0px;
            color: #53A551;
        }

        .storename {
            font: normal normal 600 14px/20px Poppins;
            letter-spacing: 0px;
            color: #333333;
            text-transform: capitalize;
        }

        .deliverywrap {
            font: normal normal 500 14px/20px Poppins;
            letter-spacing: 0px;
            color: #333333;
            text-transform: capitalize;
        }

        .ratingst span.showratingst {
            font: normal normal 500 14px/20px Poppins;
            letter-spacing: 0px;
            color: #707070;
            margin-right: 2px;
            text-transform: capitalize;
        }

        .ratingst span {
            font: normal normal 500 14px/20px Poppins;
            letter-spacing: 0px;
            color: #707070;
            text-transform: capitalize;
        }

        .ratingst span.showratingst img {
            width: 14px;
            margin-right: 3px;
            display: inline-block !important;
        }

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

        .locationstore span {
            font: normal normal normal 14px/20px Poppins;
            letter-spacing: 0px;
            color: #707070;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth .clsSliderCats {
            width: 100%;
            grid-template-columns: repeat(6, 1fr) !important;
            display: grid;
            grid-gap: 30px 2vw;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsGroceryCats .clsSliderCats a {
            display: block;
            text-align: center;
            outline: 0;
            background: #F7F7FA 0% 0% no-repeat padding-box;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsSliderCats a img {
            display: block;
            margin: 0 auto;
            width: 125px;
            padding-top: 20px;
            height: 125px;
            object-fit: contain;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a span.cattitle {
            text-align: center;
            font: normal normal 600 16px/22px Poppins;
            letter-spacing: 0px;
            color: #000000;
            margin-top: 14px;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a span.deltitle {
            font: normal normal 400 16px/25px Poppins !important;
            letter-spacing: 0px;
            color: #000000;
        }

        .wcap {
            background: transparent linear-gradient(4deg, #53A55200 0%, #52a2502e 0%, #53A55200 132%) 0% 0% no-repeat padding-box;
            border-radius: 18px;
            width: 90%;
            margin: 0 auto;
            padding: 0px 0px 0px;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a .wcap span.deltitle {
            font: normal normal 500 16px/32px Poppins !important;
        }

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

        .mytagsfiltershow ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
        }

        .mytagsfiltershow {
            width: 68%;
        }

        .mytagsfiltershow ul li {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #E4E4E4;
            border-radius: 29px;
            text-align: center;
            margin-right: 10px;
            padding: 5px 10px;
            width: auto !important;
            cursor: pointer !important;
        }

        .mytagsfiltershow li.tagactive {
            background: black !important;
        }

        .mytagsfiltershow ul li.tagactive label span {
            color: #fff;
        }

        .mytagsfiltershow ul li label span {
            font: normal normal 500 14px/20px Poppins;
            letter-spacing: 0px;
            color: #000000;
            text-align: center;
            padding: 10px 5px 10px 0px;
            cursor: pointer !important;
            text-transform: capitalize;
        }

        .searchmaxwidth {
            width: 700px;
            position: relative;
            clear: both;
            float: right;
        }

        #filterlist1 {
            background-image: var(--cdn-search-img);
            background-position: right 10px bottom 8px;
            background-repeat: no-repeat;
            width: 100%;
            font-size: 14px;
            padding: 8px 23px 8px 10px;
            border: 1px solid #53A553;
            background-color: #F5F5F5;
            border-radius: 8px;
            margin-bottom: 0px;
            /* margin: 0 auto; */
            display: block;
            margin-top: 10px;
            font-weight: 500;
            background-size: 12px;
            color: #000;
        }

        .cancelfiltersearch {
            right: 7px !important;
            width: 17px !important;
            top: 16px !important;
            position: absolute !important;
            cursor: pointer;
            display: none;
        }

        .sheflistlogo {
            background: var(--cdn-shef-logo);
            padding: 20px 0px;
            background-repeat: no-repeat;
            width: 40px;
            height: auto;
            background-size: contain;
            position: relative;
            /* top: 0; */
            float: right;
        }

        .foodListcontent {
            padding: 20px 0;
        }

        .foodListcontent .subfoodcontent {
            padding: 20px;
        }

        .foodListcontent .subfoodcontent h2 {
            font-size: 18px;
            font-family: 'Montserrat';
            font-weight: 600;
            margin: 0px 0 10px;
        }

        .foodListcontent .subfoodcontent p {
            font-size: 13px;
            font-family: 'Montserrat';
            font-weight: 500;
            color: #000;
            line-height: 20px;
        }

        .foodListcontent hr {
            border: 1px solid gray;
        }

        .chefnameimgwrap i.txtTagNewOld {
            font: normal italic 500 14px/20px Poppins;
            letter-spacing: 0px;
        }

        .slick-arrow.left {
            left: -10;
        }

        .slick-arrow.right {
            right: -10;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .slick-arrow,
        .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .slick-arrow,
        .productlistsliderinner .slick-arrow {
            position: absolute;
            top: -32px;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .slick-arrow.left,
        .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .slick-arrow.left,
        .productlistsliderinner .slick-arrow.left {
            left: auto;
            right: 40px;
        }

        .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .slick-arrow.right,
        .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .slick-arrow.right,
        .productlistsliderinner .slick-arrow.right {
            right: 0px;
        }

        #mobiletopbar {
            display: none !important;
        }

        label.cattaglabel {
            position: absolute;
            top: 0;
            padding: 4px 5px;
            border-radius: 0px 0px 6px 7px;
            text-align: center;
            font: normal normal 600 12px/12px Poppins;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 90px;
        }

        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth .clsSliderCats a {
            position: relative;
            padding-bottom: 10px;
            border-radius: 12px;
        }

        .fullwidthslider li.slick-active {
            background: #F51932 !important;
            border: 1px solid #F51932 !important;
        }

        .fullwidthslider ul.slick-dots li.slick-active,
        .clsContentnn ul.slick-dots li.slick-active {
            width: 33px;
            height: 10px;
            background: #000000 0% 0% no-repeat padding-box !important;
            border-radius: 5px;
            border-color: #000000 !important;
            opacity: 1;
        }

        .fullwidthslider ul.slick-dots li,
        .clsContentnn ul.slick-dots li {
            background: #D1D1D1 0% 0% no-repeat padding-box !important;
            border-radius: 5px;
            border: 1px solid #D1D1D1 !important;
        }

        ul.slick-dots {
            margin: -30px auto 15px auto;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        @media only screen and (min-width: 320px) and (max-width: 600px) {
            .searchwithin div {
                width: 100%;
            }
            .clsFoodStoreBanner img {
            height: auto;
            }
            .viewbtnstore {
                background: #000;
                text-align: center;
                font: normal normal 500 13px/20px Poppins;
                padding: 10px 10px;
            }

            .clsContentnn .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
                padding: 0px 0px 0px 10px;
                width: 90vw;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider {
                border-bottom: 1px solid #E4E4E4;
                padding-bottom: 0px;
                margin: 0px auto 0px 0px;
            }

            .clsContentnn .bannercontent {
                padding: 0px;
            }

            .clsContentnn .mainbannersection {
                padding: 0px 0px;
            }

            .productwrap .clsTitle_mini {
                font: normal normal 500 12px/18px Poppins !important;
                min-height: 35px;
            }

            span.normalprice {
                font: normal normal 600 18px/0 Poppins;
            }

            span.cutprice {
                font: normal normal 500 12px/20px Poppins;
            }

            .clsProdImgTagtext {
                font: normal normal 500 11px/20px Poppins;
            }

            .productwrap .clsaddbtn {
                width: 30px;
                height: 30px;
                top: 15px;
                right: 16px;
            }

            .clsProdImgTagtext {
                position: absolute;
                top: 5px;
                left: 3px;
            }

            .searchwithin {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 95%;
                margin: 0 auto;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a.slick-slide img {
                width: 66px;
                border-radius: 100%;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a.slick-slide {
                background: #FFFFFF 0% 0% no-repeat padding-box;
                border: none;
                border-radius: 0;
                text-align: center;
                margin-right: 15px;
                padding: 5px 6px;
                width: auto !important;
                cursor: pointer !important;
                height: auto;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .slick-track {}

            footer .clsLinks .col-2 {
                min-width: 100% !important;
            }

            .desktop_banner {
                display: none !important;
            }

            .mobile_banner {
                display: block;
            }

            .sectionforallpro.alldatashow {
                padding-top: 0;
                border-top: 1px solid #fff;
                margin-top: 10px;
            }

            .sectionforallpro.mmfaq {
                padding: 0px 15px;
            }

            .sectionforallpro.alldatashow section {
                padding-bottom: 0px 10px 20px 10px;
            }

            .productwrap {
                width: 130px !important;
                padding: 0px 0px;
                height: auto;
                margin-right: 10px;
            }

            .productlistsliderinner.slick-slider {
                padding: 0px 10px;
            }

            .productwrap img.clsProdImg-mini.imagegrocey {
                width: 150px !important;
                height: 150px !important;
                object-fit: contain;
                object-position: center;
            }

            .dealdetails,
            .dealdetails span {
                font: normal normal 500 11px/19px Poppins;
                padding-left: 4px;
            }

            .sectionforallpro.alldatashow section .sliderheadingwrap {
                margin: 20px auto;
            }

            .bannercontent p {
                font: normal normal 500 12px/16px Poppins;
            }

            .bannersectioncontent {
                width: 100%;
                border-radius: 12px 0px 0px 12px;
                position: relative;
                height: auto;
            }

            .bannercontent h3 {
                font: normal normal 600 12px/16px Poppins;
                margin-bottom: 5px;
            }

            .bannercontent {
                padding: 10px 10px 0px 15px;
            }

            .bannercontent a {
                font: normal normal normal 12px/20px Poppins;
                padding: 6px 6px;
                height: 30px;
                position: absolute;
                bottom: 13px;
                right: 0;
                width: 70%;
                left: 0;
                margin: 0 auto;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.storesoffer .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
                width: 90vw;
            }

            .bannersectionbanner {
                background-size: cover !important;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail,
            .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
                margin-right: 10px;
            }

            #mobiletopbar {
                display: none !important;
                width: 100%;
            }

            .clsFoodStoreBanner .clsPgWidth {
                width: 95%;
            }

            div#mobiletopbar .searchwithin {
                padding: 0px 10px 10px;
            }

            div#mobiletopbar .searchmaxwidth {
                width: 100%;
                float: none;
            }

            #filterlist2 {
                margin-top: 0;
                font-size: 12px;
            }

            #filterlist2 {
                background-image: var(--cdn-search-img);
                background-position: right 10px bottom 8px;
                background-repeat: no-repeat;
                width: 100%;
                font-size: 14px;
                padding: 10px 23px 10px 10px;
                border: 1px solid #ddd;
                margin-bottom: 0px;
                /* margin: 0 auto; */
                display: block;
                margin-top: 4px;
                font-weight: 500;
                background-size: 12px;
            }

            .clsBreadcrumb ul li a {
                font-size: 11px;
            }

            .clsBreadcrumb ul li:after {
                content: " > ";
                font-size: 11px;
            }

            .clsBreadcrumb ul li:last-child h1 {
                font-size: 11px;
            }

            .sectionforallpro.myallvv .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
                padding: 0px 10px 0px 10px;
                width: 100%;
            }

            .sectionforallpro.myallvv .tabcontents .clsContent {
                grid-template-columns: repeat(2, 1fr) !important;
                grid-gap: 10px;
                display: grid;
                margin: 0 auto;
                padding: 0 5% 0% 5%;
            }

            .sectionforallpro.myallvv .tabcontents .clsContent.mobilevv {
                grid-template-columns: repeat(1, 1fr) !important;
                grid-gap: 10px;
                display: grid;
                margin: 0 auto;
                padding: 0 5% 0% 5%;
            }

            .sectionforallpro.myallvv .tabcontents .clsContent .productwrap {
                width: 100% !important;
                padding: 0px 0px;
                height: auto;
                margin-right: 10px;
            }

            .mytagsfiltershow ul li label span {
                font: normal normal 500 12px / 20px Poppins;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsSliderCats a img {
                display: inline-block;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a span {
                text-align: center;
                font: normal normal 500 11px/16px Poppins;
                letter-spacing: 0px;
                color: #333333;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth,
            .mytagsfiltershow,
            .sectionforallpro .clsPgWidth {
                width: 100%;
            }

            .mytagsfiltershowsearch {
                display: none;
            }

            .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
                padding: 0px 0px 0px 10px;
                width: 70vw;
            }

            .sliderheadingwrap {
                padding: 0px 10px;
            }

            .sliderheadinghead h3 {
                font: normal normal 600 15px/20px Poppins;
            }

            .storename {
                font: normal normal 600 12px/20px Poppins;
                letter-spacing: 0px;
                color: #333333;
            }

            .deliverywrap {
                font: normal normal 500 12px/20px Poppins;
            }

            .ratingst span {
                font: normal normal 500 12px/20px Poppins;
                color: #707070;
            }

            .ratingst span.showratingst {
                font: normal normal 500 12px/20px Poppins;
            }

            .sliderheadingviewall a {
                font: normal normal 500 14px/20px Poppins;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent,
            .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent {
                grid-template-columns: repeat(4, 1fr) !important;
                grid-gap: 15px;
                display: block;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.reels.reels .clsContent {
                grid-template-columns: repeat(7, 1fr) !important;
                grid-gap: 15px;
                display: block;
            }

            .chefnameimgwrap img {
                height: 108px;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth .clsSliderCats {
                grid-template-columns: repeat(4, 1fr) !important;
                display: grid;
                grid-gap: 18px 1vw;
            }

            .mainimgagesectionwrapcontentinnight h3 {
                font: normal normal 600 17px/26px Poppins;
            }

            .mainimgagesectionwrapcontentinnight {
                padding: 30px 9% 30px 9%;
            }

            .mainimgagesectionwrapcontentinnight a {
                font: normal normal 500 14px/20px Poppins;
            }

            .mainimgagesectionwrapcontentinn h3 {
                font: normal normal 600 20px/41px Poppins;
            }

            .mainimgagesectionwrapcontentinn h4 {
                font: normal normal 500 16px/25px Poppins;
            }

            .mainimgagesectionwrapcontentinnight p {
                font: normal normal normal 12px/20px Poppins;
            }

            .mainimgagesectionwrapimg {
                width: 48%;
            }

            .sectionforallpro.alldatashow.desktop_banner.sliderforbig {
                display: none !important;
            }

            .mainimgagesectionwrapimg img {
                max-width: 100%;
            }

            .alldatashow.mobile_banner.sliderforsmallmediumscreen {
                display: block;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .slick-arrow.left,
            .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .slick-arrow.left,
            .productlistsliderinner .slick-arrow.left {
                left: auto;
                right: 121px;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .slick-arrow.right,
            .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .slick-arrow.right,
            .productlistsliderinner .slick-arrow.right {
                right: 83px;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth {
                width: 100%;
            }

            .sectionforallpro.myallvv .tabcontents .clsContent {
                grid-template-columns: repeat(3, 1fr) !important;
                grid-gap: 15px;
                display: grid;
            }

            .deliverywrap {
                font: normal normal 500 12px/20px Poppins;
            }

            .searchmaxwidth {
                width: 200px;
            }

            .storename {
                font: normal normal 600 12px/20px Poppins;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.storesstores .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail,
            .tabcontents.clsWeeklyTabs.grillproductlistpage.stores .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
                margin-right: 10px;
            }

            .ratingst span {
                font: normal normal 500 12px/20px Poppins;
            }
        }

        .clsTitle_mini.savingcontainer {
            font-weight: 400 !important;
        }

        .productwrap .clsTitle_mini .yousave {
            font: normal normal 600 15px/27px Poppins !important;
            background: #F0F0F0 0% 0% no-repeat padding-box;
            border-radius: 4px;
            color: #000;
            margin-left: 10px;
        }

        .clsTitle_mini.savingcontainer {
            min-height: auto;
            margin: 10px 0px;
        }

        .clsTitle_mini.fortuneday {
            min-height: auto;
            margin: 10px 0px;
            text-transform: initial !important;
        }

        div#idshowall .clsFoodStoreCard.productwrap {
            width: auto;
        }

        div#idshowall .productwrap img.clsProdImg-mini.astrologyimg {
            height: 190px !important;
            width: 100% !important;
        }

        @media only screen and (min-width: 1680px) and (max-width: 2700px) {
			.ultra-fast-icon{
        height: 208px;
        width: 100%!important;
    }
            .sectionforallpro.myallvv .tabcontents .clsContent {
                grid-template-columns: repeat(5, 1fr) !important;
            }

            .sectionforallpro.myallvv .tabcontents .clsContent .storename {
                font: normal normal 600 14px/22px Poppins;
            }

            .productwrap {
                width: 280px;
            }
        }

        @media only screen and (min-width: 1350px) and (max-width: 2700px) {
			.ultra-fast-icon{
        height: 225px !important;
        width: 100%!important;
    }
            .clsProdImgTagtext {
                font: normal normal 500 16px/28px Poppins;
            }

            .sectionforallpro.myallvv .tabcontents .clsContent .storename {
                font: normal normal 600 14px/22px Poppins;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a span.cattitle {
                font: normal normal 600 16px/20px Poppins;
            }

            .productwrap .clsTitle_mini.savingcontainer {
                font: normal normal 400 18px/27px Poppins !important;
            }

            .productwrap .clsTitle_mini .yousave {
                font: normal normal 600 18px/27px Poppins !important;
            }

            .dealdetails,
            .dealdetails span {
                font: normal normal 500 19px/27px Poppins;
            }

            .productwrap .clsTitle_mini {
                font: normal normal 500 16px/22px Poppins !important;
            }

            .storename {
                font: normal normal 600 16px/22px Poppins;
                letter-spacing: 0px;
                color: #333333;
            }

            .deliverywrap {
                font: normal normal 500 15px/20px Poppins;
            }

            .ratingst span.showratingst {
                font: normal normal 500 15px/20px Poppins;
            }

            .ratingst span {
                font: normal normal 500 15px/20px Poppins;
            }

            .sliderheadinghead h3 {
                font: normal normal 600 22px/33px Poppins;
            }

            #filterlist1 {
                width: 100%;
                font-size: 18px;
                padding: 8px 23px 8px 10px;
                /* margin: 0 auto; */
                display: block;
                font-weight: 500;
                background-size: 18px;
                color: #000;
                border: 1px solid #53A553;
                background-color: #F5F5F5;
                border-radius: 8px;
            }

            .cancelfiltersearch {
                width: 24px !important;
                top: 18px !important;
            }

            .chefnameimgwrap i.txtTagNewOld {
                font: normal italic 500 18px/20px Poppins;
                letter-spacing: 0px;
            }

            .mytagsfiltershow ul li label span {
                font: normal normal 500 14px/25px Poppins;
            }

            .sliderheadingwrap {
                margin: 20px 0px;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .bannercontent p {
                font: normal normal 500 12px/18px Poppins;
            }

            .bannersectioncontent {
                width: 100%;
                border-radius: 12px 0px 0px 12px;
                position: relative;
                height: auto;
            }

            .bannercontent h3 {
                font: normal normal 600 14px/18px Poppins;
            }

            .bannercontent {
                padding: 10px 15px 0px 15px;
            }

            .bannercontent a {
                font: normal normal normal 14px/24px Poppins;
                padding: 6px 10px;
                height: 36px;
                position: absolute;
                bottom: 13px;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.storesoffer .clsContent .clsFoodStoreCard.include-calculation.productcatBox.catdetail {
                width: 50vw;
            }

            .bannersectionbanner {
                background-size: cover !important;
            }
        }

        @media only screen and (min-width: 1301px) and (max-width: 1600px) {
			.ultra-fast-icon{
        height: 226px;
        width: 101%!important;
    }
            .productwrap img.clsProdImg-mini {
                height: 160px !important;
                width: 90% !important;
            }

            .productwrap .img-mini {
                height: 160px;
            }
        }

        @media only screen and (min-width: 1100px) and (max-width: 1400px) {
			 .ultra-fast-icon{
        height: 214px;
        width: 100%!important;
    }
            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a span.deltitle {
                font: normal normal 400 14px/20px Poppins !important;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a span.cattitle {
                font: normal normal 600 14px/20px Poppins;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth .clsSliderCats {
                grid-gap: 20px 1.5vw;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a .wcap span.deltitle {
                font: normal normal 500 14px/30px Poppins !important;
            }

            .sliderheadinghead h3 {
                font: normal normal 600 17px/30px Poppins;
            }

            .sliderheadingviewall a {
                font: normal normal 500 14px/33px Poppins;
            }

            .sliderheadingwrap {
                margin: 12px 0px;
            }

            .topheadforleadpage h2 {
                font: normal normal 600 26px/20px Poppins;
                margin-top: 0;
            }

            .productwrap .clsTitle_mini {
                font: normal normal 500 14px/20px Poppins !important;
            }

            .mainimgagesectionwrapcontentinnight h3 {
                font: normal normal 600 20px/30px Poppins;
            }

            .mainimgagesectionwrapcontentinnight p {
                font: normal normal normal 14px/20px Poppins;
            }

            .mainimgagesectionwrapcontentinnight a {
                font: normal normal 500 16px/25px Poppins;
            }

            .storename {
                font: normal normal 600 14px/20px Poppins;
            }

            .productwrap img.clsProdImg-mini {
                height: 150px !important;
                width: 100% !important;
            }

            .productwrap .img-mini {
                height: 150px;
            }

            .mainlandingpageproductlist section {
                padding: 0px 15px;
                margin: 0px 10px;
            }

            .ultra-fast-extra-div { 
                height: 215px;
            }
        }

        @media only screen and (min-width: 1025px) and (max-width: 1300px) {
			 .ultra-fast-icon{
        height: 208px;
        width: 100%!important;
    }
            .productwrap img.clsProdImg-mini {
                height: 140px !important;
                width: 100% !important;
                margin: 0 auto;
                object-position: center;
                /* object-fit: fill; */
                height: 100%;
                margin: 0 auto;
                text-align: center;
            }

            .productwrap .img-mini {
                height: 140px;
                position: relative;
                padding-top: 0px;
                text-align: center;
            }

            .bannercontent p {
                font: normal normal 500 12px/16px Poppins;
            }

            .bannersectioncontent {
                width: 100%;
                border-radius: 12px 0px 0px 12px;
                position: relative;
                height: auto;
            }

            .bannercontent h3 {
                font: normal normal 600 14px/18px Poppins;
            }

            .bannercontent {
                padding: 10px 15px 0px 15px;
            }

            .bannercontent a {
                font: normal normal normal 14px/24px Poppins;
                padding: 6px 10px;
                height: 36px;
                position: absolute;
                bottom: 13px;
            }

            .bannersectionbanner {
                background-size: cover !important;
            }
        }

        @media only screen and (min-width: 320px) and (max-width: 767px) {
body.homeisactivefestivalheader.darkmodehead  a.lightmodetop {
    display: none;
}
body.homeisactivefestivalheader.darkmodehead  a.darkmodetop {
    display:block !important;
}
body.homeisactivefestivalheader.darkmodehead header .clsShoppingIn p, body.homeisactivefestivalheader.darkmodehead header .clsAccount.robtt span,header p, body.homeisactivefestivalheader.darkmodehead header .clsShoppingIn span, body.homeisactivefestivalheader.darkmodehead .clsAccount.robtt a p {
     color: #fff;
}
body.homeisactivefestivalheader.darkmodehead img.hometopiconlocation {
    filter: brightness(0) invert(1);
}
body.homeisactivefestivalheader.darkmodehead header.clsInnerHeader.isactivefestivalheader.header-scrolled  a.lightmodetop {
    display: block;
}
body.homeisactivefestivalheader.darkmodehead header.clsInnerHeader.isactivefestivalheader.header-scrolled  a.darkmodetop {
    display:none !important;
}
body.homeisactivefestivalheader.darkmodehead header.clsInnerHeader.isactivefestivalheader.header-scrolled .clsShoppingIn p, body.homeisactivefestivalheader.darkmodehead header.clsInnerHeader.isactivefestivalheader.header-scrolled .clsAccount.robtt span,header p, body.homeisactivefestivalheader.darkmodehead header.clsInnerHeader.isactivefestivalheader.header-scrolled .clsShoppingIn span, body.homeisactivefestivalheader.darkmodehead header.clsInnerHeader.isactivefestivalheader.header-scrolled .clsAccount.robtt a p {
     color: #000;
}
body.homeisactivefestivalheader.darkmodehead header.clsInnerHeader.isactivefestivalheader.header-scrolled img.hometopiconlocation {
    filter: brightness(0) invert(0);
}
body.homeisactivefestivalheader.darkmodehead header .clsSearchBox .clsSearchBtn {
    background-color: transparent !important;
    filter: brightness(0) invert(0) !important;
}
 header.clsInnerHeader.isactivefestivalheader {
    background-image: var(--festive-header-img, none);
    background-size: contain;
    background-color: var(--festive-header-bg, #fff);
    background-position: center;
    min-height: 104px !important;
}
header.clsInnerHeader.isactivefestivalheader.header-scrolled {
    background: #fff;
    background-image: none;
}
.myfestivalsection {
    padding-bottom: 10px;
    margin-top: 16px;
}
.festivalslider a.itemsale {
    width: 21.8vw;
    margin: 0px 2vw 0px 0px;
}

.festivalslider p {
    font:normal normal 600 12px/15px Poppins;
    padding:5px 4vw;
    text-align:center;
}
.imagebgsectiontop {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin-top: -7px;
}

.mymobsliderforfestival {
    position: absolute;
    top: 57%;
    padding-left: 13px;
    max-width: 100%;
    width: 100%;
    padding-right: 13px;
}
header.clsInnerHeader.isactivefestivalheader .clsSearchBox {
    background: transparent !important;
}
			.topheadforleadpageBanner h2{
       text-align: left;
        font: normal normal 600 16px / 16px Poppins;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 15px;
        margin-top: 15px;
    
    }
            .desktop_banner {
                display: none !important;
            }

            .productwrap {
                width: 150px !important;
            }

            .mobile_banner {
                display: block !important;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider {
                border-bottom: 0;
                padding-bottom: 0px;
                margin: 0px auto 0px 0px;
                padding-bottom: 5px;
            }

            .tabcontents.clsWeeklyTabs.grillproductlistpage.clsmyStoreProds .clsProd .clsProdImg {
                width: auto;
                margin: 0 auto;
                margin-bottom: 0px;
                margin-top: 0px;
                object-fit: cover;
                height: 120px;
                max-width: 100%;
            }

            .productwrap img.clsProdImg-mini {
                width: 100% !important;
                margin: 0 auto;
                margin-bottom: 0px;
                margin-top: 0px;
                object-fit: fill;
                height: 120px !important;
                max-width: 100%;
            }

            .brandswrap {
                margin-top: 0;
                margin-bottom: 0;
            }

            .sliderheadingwrap {
                display: flex;
                justify-content: space-between;
                margin: 14px 0px 10px;
                align-items: center;
            }

            .topheadforleadpage {
                padding: 5px 0px 10px;
            }

            .productwrap .img-mini {
                height: auto;
                position: relative;
                padding-top: 0px;
                text-align: center;
            }

            .productwrap .img-mini a {
                height: 120px;
                overflow: hidden;
                display: block;
            }

            .sliderheadingviewall a {
                letter-spacing: 0px;
                text-decoration: underline;
                font: normal normal medium 14px/14px Poppins;
                letter-spacing: 0px;
                color: #000000;
            }

            .clsSliderCats.mobile_banner {
                display: grid !important;
            }

            .brandswrap.clsPgWidth .productwrap {
                background: white;
                background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                border: none;
                opacity: 1;
                padding: 0px 0px 10px !important;
                margin-right: 10px;
            }

            label.cattaglabel {
                position: absolute;
                top: 0;
                padding: 4px 5px;
                border-radius: 0px 0px 6px 7px;
                text-align: center;
                font: normal normal 600 12px/12px Poppins;
                width: 70%;
                left: 0;
                right: 0;
                margin: 0 auto;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsSliderCats a img {
                display: block;
                margin: 0 auto;
                width: 100%;
                padding-top: 11px;
                height: 100%;
                object-fit: contain;
                height: 90px;
            }

            .topheadforleadpage h2 {
                text-align: left;
                font: normal normal 600 16px/16px Poppins;
                letter-spacing: 0px;
                color: #000000;
                margin-bottom: 5px;
                margin-top: 10px;
            }

            .productlistslider {
                padding: 5px 0px;
                margin-bottom: 0px;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth,
            .mytagsfiltershow,
            .sectionforallpro .clsPgWidth {
                padding: 0px 10px;
            }

            .fullwidthslider {
                padding: 0px 15px;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider a span.cattitle {
                text-align: center;
                font: normal normal 600 13px/18px Poppins;
                letter-spacing: 0px;
                color: #000000;
                margin-top: 10px;
                padding: 0px 6px;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth .clsSliderCats a {
                position: relative;
                background-size: 100% !important;
                padding-bottom: 0px;
                border-top-left-radius: 16px;
                border-top-right-radius: 16px;
                width: 100%;
                background-repeat: no-repeat !important;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider .clsContent.clsPgWidth .clsSliderCats {
                width: 100%;
                grid-template-columns: repeat(3, 1fr) !important;
                display: grid;
                grid-gap: 10px 1vw;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider.normal a span.cattitle {
                text-align: center;
                font: normal normal 400 11px/15px Poppins;
                letter-spacing: 0px;
                color: #000000;
                text-transform: capitalize;
                margin-top: 3px;
                padding: 0px 6px;
            }

            .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider.normal .clsSliderCats.normally {
                width: 100%;
                grid-template-columns: repeat(4, 1fr) !important;
                display: grid !important;
                grid-gap: 10px 2vw;
            }

            div#dvDialog-Custom-qday .clsFoodCustomDialog {
                width: 90% !important;
            }

            div#dvDialog-Custom-qday h4#lblProdTitle {
                text-align: center !important;
                font: normal normal 600 20px/29px Poppins;
                letter-spacing: 0px;
                color: #000000;
                text-transform: capitalize;
                padding-right: 0;
            }

            div#dvDialog-Custom-qday div#timer .boxmg {
                background: #f2f2f2;
                padding: 10px;
                /* width: 55px; */
                margin-right: 10px;
                text-align: center;
                font: normal normal 600 20px/20px Poppins;
                letter-spacing: 0px;
                color: #cb1034;
            }

            div#dvDialog-Custom-qday div#timer .boxmg span {
                display: block;
                font: normal normal 500 12px/20px Poppins;
                letter-spacing: 0px;
                color: #cb1034;
                margin-top: 5px;
            }

            div#dvDialog-Custom-qday h5#lblProdPrice {
                text-align: center !important;
                font: normal normal 600 16px/30px Poppins;
                letter-spacing: 0px;
                color: #cb1034;
                margin: 8px 0px;
            }

            div#div#dvDialog-Custom-qday .clsDialog-Box.clsFoodCustomDialog .clsContent.clsFoodStoreCard.exclude-calc {
                width: 100%;
                display: block;
            }

            div#dvDialog-Custom-qday .popupleft {
                width: 100%;
            }

            div#dvDialog-Custom-qday .clsFoodCustomDialog {
                padding-bottom: 0;
            }

            div#dvDialog-Custom-qday .popupright {
                width: 100%;
                padding-left: 0;
            }
        }

/* ---- section/ribbon styles ---- */
            .ribbon-section {
                display: flex;
                width: 100%;
                padding: 13px 30px;
                box-sizing: border-box;
                justify-content: space-between;
                background: #F7F7FA;
                margin-bottom: 30px;
            }
        
            .ribbon-section .ribbon {
                display: flex;
                align-items: center;
                /*width: 23%;*/
            }
        
            .ribbon-section .ribbon img {
                width: 40px;
                height: 40px;
                object-fit: contain;
                margin-right: 13px;
            }
        
            .ribbon-section .content {
                padding: 0;
            }
        
            .ribbon-section .content .title {
                text-align: left;
                font: normal normal 600 16px/25px Poppins;
                letter-spacing: 0px;
                color: #000000;
                opacity: 1;
            }
        
            .ribbon-section .content .subtitle {
                text-align: left;
                font: normal normal normal 12px/20px Poppins;
                letter-spacing: 0px;
                color: #000000;
                opacity: 1;
            }
            
            /*reviews section start*/
            
            .reviews-section {
              position: relative;
              padding-top: 20px;
            }
        
            .reviews-section .review-bg-image img {
              width: 100%;
              display: block;
            }
        
            .reviews-section .reviews-slider {
              position: absolute;
              top: 35%;
              text-align: left;
              left: 2%;
            }
        
            .reviews-section .reviews-slider .heading {
              font: normal normal 600 24px / 22px Poppins;
              letter-spacing: 0px;
              color: #000000;
              display: flex;
              align-items: center;
              gap: 8px;
            }
        
            .reviews-section .reviews-slider .sub-heading {
              font: normal normal 400 18px / 22px Poppins;
              letter-spacing: 0px;
              color: #000000;
              padding: 20px 0 23px 0;
            }
        
            .reviews-section .reviews-slider .heading .review-heart-icon img {
              width: 25px;
              height: 25px;
            }
        
            .reviews-section .rating-row {
              display: flex;
              align-items: center;
              gap: 10px;
            }
        
            .reviews-section .rating-row .text-primary {
              font: normal normal 600 16px / 22px Poppins;
              letter-spacing: 0px;
              color: #000000;
            }
        
            .reviews-section .rating-row .start-stars {
              display: flex;
              align-items: center;
              gap: 3px;
            }
        
            .reviews-section .rating-row .start-stars img {
              width: 30px;
              height: 30px;
            }
        
            /* ── Custom Slider ── */
            .desktop-review-section .custom-slider-wrapper {
              position: relative;
              margin-top: 20px;
              width: 55vw;
              /*max-width: 710px;*/
              /*max-width: 52.6vw;*/
              max-width: 53.4vw;
            }
        
            .desktop-review-section .custom-slider-wrapper .custom-slider-track-outer {
              overflow: hidden;
              width: 100%;
            }
        
            .desktop-review-section .custom-slider-wrapper .custom-slider-track {
              display: flex;
              transition: transform 0.4s ease;
              will-change: transform;
            }
        
            .desktop-review-section .custom-slider-wrapper .review-card {
              width: calc(50% - 16px);
              background: #ffffff;
              padding: 20px;
              margin: 0 20px 0 0;
              border-radius: 15px;
              box-sizing: border-box;
              flex-shrink: 0;
              border: 1px solid #D2D1D1;
              min-height: 8vw;
              
            }
        
            .desktop-review-section .custom-slider-wrapper .review-card .review-text {
              font: normal normal 400 14px / 22px Poppins;
              color: #000000;
              margin-bottom: 0;
              min-height: 110px;
            }
        
            .desktop-review-section .custom-slider-wrapper .review-card-header {
              display: flex;
              justify-content: space-between;
              align-items: flex-start;
              margin-bottom: 15px;
            }
        
            .desktop-review-section .custom-slider-wrapper .review-author-info {
              display: flex;
              align-items: center;
              gap: 8px;
            }
        
            .desktop-review-section .custom-slider-wrapper .author-avatar {
              width: 40px;
              height: 40px;
              border-radius: 50%;
              background-color: #E5F0E3;
              color: #53A552;
              display: flex;
              align-items: center;
              justify-content: center;
              font: normal normal 500 16px / 22px Poppins;
            }
        
            .desktop-review-section .custom-slider-wrapper .author-details {
              display: flex;
              flex-direction: column;
            }
        
            .desktop-review-section .custom-slider-wrapper .author-name {
              font: normal normal 600 14px / 20px Poppins;
              color: #000000;
              padding-bottom: 3px;
            }
        
            .desktop-review-section .custom-slider-wrapper .author-location {
              font: normal normal 400 12px / 18px Poppins;
              color: #5B6170;
            }
        
            .desktop-review-section .custom-slider-wrapper .review-platform img {
              height: 30px;
              width: auto;
              object-fit: contain;
            }
        
            .desktop-review-section .custom-slider-wrapper .card-stars {
              display: flex;
              align-items: center;
              gap: 3px;
              margin-top: 15px;
            }
        
            .desktop-review-section .custom-slider-wrapper .card-stars img {
              width: 30px;
              height: 30px;
            }
        
            /* Dots styling */
            .desktop-review-section .custom-slider-dots {
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 10px;
              margin-top: 25px;
            }
        
            .desktop-review-section .custom-slider-dots .dot {
              width: 10px;
              height: 10px;
              border-radius: 10px;
              background-color: #D2D1D1;
              cursor: pointer;
              transition: all 0.3s ease;
            }
        
            .desktop-review-section .custom-slider-dots .dot.active {
              background-color: #53A552;
            }
        
        
            .reviews-section.mobile-review-section {
              display: none;
            }
        
            @media only screen and (min-width: 320px) and (max-width: 767px) {
            
            .reviews-section.desktop-review-section { display: none; }
            
            /*.reviews-section.mobile-review-section { display: block; margin-bottom: 15px; background-color: #FFF9F7; padding-top: 20px; border-radius: 15px; }*/
            
            /*.reviews-section.mobile-review-section { position: relative; display: block; margin-bottom: 15px; background-color: #FFF9F7; padding-top: 20px; border-radius: 15px; min-height: 510px; }*/
            .reviews-section.mobile-review-section { position: relative; display: block; margin-bottom: 15px; background-color: #FFF9F7; padding-top: 20px; border-radius: 15px; min-height: 135vw; }
            
            .mobile-review-section .mob-rating-heading { text-align: center; font: normal normal 600 16px / 10px Poppins; }
            .mobile-review-section .reviews-slider .heading { font: normal normal 600 15px / 22px Poppins; display: block; padding: 10px 0px 0px 20px; margin-top: 30px; }
            .mobile-review-section .reviews-slider .sub-heading { font: normal normal 400 10px / 15px Poppins; padding: 10px 0 10px 20px; }
            .mobile-review-section .rating-row .start-stars img { width: 13px; height: 13px; }
            .mobile-review-section .rating-row .text-primary { font: normal normal 600 10px / 16px Poppins; }
            .mobile-review-section .reviews-slider .heading .review-heart-icon img { width: 16px; height: 15px; top: 0px; position: relative; margin-left: 0px; }
            
            /*.mobile-review-section .review-bg-image { position: absolute; top: 40px; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; padding: 10px 15px 10px 15px; }*/
            
            .mobile-review-section .review-bg-image { position: relative; margin-top: 15px; left: 0; width: 100%; z-index: 1; overflow: hidden; padding: 10px 15px 10px 15px; }
            
            .mobile-review-section .review-bg-image img { width: 100%; border-radius: 10px; }
            /*.mobile-review-section .reviews-slider { position: relative; z-index: 2; width: 100%; box-sizing: border-box; left: 2%; margin-top: 205px; }*/
            
            .mobile-review-section .reviews-slider { position: absolute; bottom: 25px; left: 15px; right: 15px; z-index: 2; box-sizing: border-box; }
            
            .mobile-review-section .custom-slider-track-outer { clip-path: inset(0 2% 0 0); } 
            .mobile-review-section .rating-row { display: flex; align-items: center; gap: 5px; padding-left: 20px; }
            .mobile-review-section .rating-row .start-stars { display: flex; align-items: center; gap: 2px; }
            
            .mobile-review-section .mobile-slider-wrapper { position: relative; width: 100%; max-width: 100%; }
            .mobile-review-section .mobile-slider-wrapper .review-card { width: calc(75% - 10px) !important; margin: 0 8px 0 0 !important; padding: 12px !important; min-height: 150px; }
            .mobile-review-section .mobile-slider-wrapper .review-text { font: normal normal normal 10px / 20px Poppins; line-height: 18px !important; min-height: 70px; }
            .mobile-review-section .mobile-slider-wrapper .author-name { font: normal normal 600 12px / 17px Poppins; padding-bottom: 0; }
            .mobile-slider-wrapper .author-avatar { width: 30px !important; height: 30px !important; font: normal normal 500 14px / 18px Poppins; }
            .mobile-slider-wrapper .author-location { font: normal normal 400 11px / 18px Poppins; }
            .mobile-slider-wrapper .card-stars img { width: 18px !important; height: 18px !important; } 
            .mobile-slider-wrapper .review-platform img { height: 22px; top: 5px; position: relative; }
            .custom-slider-wrapper .review-card .review-text { font: normal normal 400 11px / 18px Poppins; color: #000000; margin-bottom: 0; min-height: 108px; }
            .mobile-review-section .custom-slider-wrapper .review-card-header { margin-bottom: 5px; }
            .mobile-review-section .custom-slider-wrapper .card-stars { margin-top: 6px; }
            .mobile-review-section .custom-slider-dots { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
            .mobile-review-section .custom-slider-dots .dot { width: 10px; height: 10px; }
            .mobile-review-section .custom-slider-dots .dot.active { background-color: #53A552; }
            
            
            .mobile-review-section .custom-slider-wrapper .custom-slider-track-outer {overflow: hidden; width: 100%; padding: 10px 0 !important; }
            .mobile-review-section .custom-slider-wrapper .custom-slider-track { display: flex; transition: transform 0.4s ease; will-change: transform; align-items: center; }
            .mobile-review-section .custom-slider-wrapper .review-card { width: calc(75% - 10px) !important; margin: 0 0px 0 0px !important; padding: 12px !important; min-height: 150px; background: #ffffff; border-radius: 15px; border: 1px solid #F2ECE8; box-sizing: border-box; flex-shrink: 0; transition: transform 0.4s ease, opacity 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; transform: scale(0.88); }
            
            .mobile-review-section .custom-slider-wrapper .custom-slider-track:first-child { padding-left: 6px !important; }
            
            .mobile-review-section .custom-slider-wrapper .review-card.active-card { transform: scale(1.02) !important; opacity: 1 !important; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); }
            
            .mobile-review-section .custom-slider-wrapper .review-author-info { display: flex; align-items: center; gap: 8px; }
            .mobile-review-section .custom-slider-wrapper .review-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 5px; }
            .mobile-review-section .custom-slider-wrapper .author-avatar { width: 35px; height: 35px; border-radius: 50%; background-color: #E5F0E3; color: #53A552; display: flex; align-items: center; justify-content: center; font: normal normal 500 16px / 22px Poppins; }
            /*.mobile-review-section .mobile-slider-wrapper { position: relative; margin-top: 50px; width: 100%; max-width: 100%; }*/
            .mobile-review-section .mobile-slider-wrapper { position: relative; margin-top: calc(51.3vw - 127px); width: 100%; max-width: 100%; }
            .mobile-review-section .custom-slider-dots { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; padding-bottom: 20px; }
            .mobile-review-section .custom-slider-dots .dot { width: 10px; height: 10px; border-radius: 10px; background-color: #D2D1D1; cursor: pointer; transition: all 0.3s ease; }
              
            .fullwidthslider.mobile_banner { margin-top: 7px; }
            
            }
            
            
            @media only screen and (min-width: 1200px) and (max-width: 1449px) {
              .desktop-review-section .custom-slider-wrapper { width: 53.4vw !important; max-width: 53.4vw !important; }
              /*.desktop-review-section .custom-slider-wrapper { width: 54vw !important; max-width: 54vw !important; }*/
              .desktop-review-section .custom-slider-wrapper .review-card { padding: 14px !important; margin-right: 16px !important; margin-left: 2px !important; width: calc(50% - 14px) !important; border-radius: 12px !important; }
              .desktop-review-section .custom-slider-wrapper .review-card .review-text { font: normal normal 400 14px / 22px Poppins; min-height: 110px !important; }
              .desktop-review-section .custom-slider-wrapper .author-name { font: normal normal 600 14px / 20px Poppins; }
              .desktop-review-section .custom-slider-wrapper .author-location { font: normal normal 400 12px / 18px Poppins; color: #5B6170; }
              .desktop-review-section .custom-slider-wrapper .author-avatar { width: 40px; height: 40px; border-radius: 50%; background-color: #E5F0E3; color: #53A552; display: flex; align-items: center; justify-content: center; font: normal normal 500 16px / 22px Poppins; }
              .desktop-review-section .custom-slider-wrapper .card-stars img { width: 30px !important; height: 30px !important; }
              .desktop-review-section .custom-slider-wrapper .review-platform img { height: 30px; width: auto; object-fit: contain; }
            }
            
        
            @media only screen and (min-width: 1450px) and (max-width: 2700px) {
        
              /*.desktop-review-section .custom-slider-wrapper { max-width: 990px !important; }*/
              /*.desktop-review-section .custom-slider-wrapper { max-width: 790px !important; }*/
              .desktop-review-section .custom-slider-wrapper { max-width: 53.4vw !important; }
              /*.desktop-review-section .custom-slider-wrapper { max-width: 54vw !important; }*/
              .desktop-review-section .custom-slider-wrapper .author-name { font: normal normal 600 16px / 20px Poppins; color: #000000; }
              .desktop-review-section .custom-slider-wrapper .author-location { font: normal normal 400 14px / 18px Poppins; }
              .desktop-review-section .custom-slider-wrapper .review-card .review-text { font: normal normal 400 14px / 22px Poppins; }
              .desktop-review-section .custom-slider-wrapper .card-stars { margin-top: 30px; }
              .desktop-review-section .custom-slider-wrapper .review-platform img { height: 30px; }
              .desktop-review-section .custom-slider-wrapper .custom-slider-prev img,
              .desktop-review-section .custom-slider-wrapper .custom-slider-next img { width: 50px; height: 50px; }
              .desktop-review-section .reviews-section .reviews-slider { left: 4%; }
              .desktop-review-section .custom-slider-wrapper .custom-slider-prev { left: -60px; }
              .desktop-review-section .custom-slider-wrapper .author-avatar { width: 45px; height: 45px; font: normal normal 500 18px / 22px Poppins; }
        
            }
              

            
            /*reviews section end*/
            
             @media only screen and (min-width: 320px) and (max-width: 767px) {
              
              .ribbon-section { display: none; }
              
              ul.slick-dots {
                    margin: 15px auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                 
             }
             
             @media only screen and (min-width: 1450px)  and (max-width: 2700px) {
              
              .ribbon-section .content .title { font: normal normal 600 16px/25px Poppins; }
              .ribbon-section .content .subtitle { font: normal normal normal 14.3px/20px Poppins; }
              
                 
             }
            
            @media only screen and (min-width: 1680px) and (max-width: 2700px) {
            
              .ribbon-section .content .title { font: normal normal 600 18px/25px Poppins; }
              .ribbon-section .content .subtitle { font: normal normal normal 16px/25px Poppins; }
              .ribbon-section .ribbon img { width: 54px; height: 54px; object-fit: contain; margin-right: 13px; }
              .ribbon-section { margin-bottom: 20px; }
            
            }
           .ultra-fast-extra-div {
    position: absolute;
    cursor: pointer;
    background-image: url('https://dev-cdn.quicklly.com/images/home-page-delivery-fast-bg-icon.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 30%;
    border-radius: 12px;
    overflow: hidden;
}

.ultra-fast-icon {
    display: block;
    width: 100%;
    height: auto;
}

.ultra-fast-truck {
    position: absolute;
    width: 50%;
    height: auto;
    right: 0;
    top: 40%;
    z-index: 2;
}

@media (max-width: 767px) {
    .ultra-fast-extra-div {
        width: 100%;
        position: relative;
    }

    .ultra-fast-truck {
        width: 55px;
        top: 45%;
        left: 65%;
    }
}

/* ---- bottom sticky / slider arrows ---- */
    /*bottom-sticky*/
    
    body.modal-open,
    html.modal-open {
        overflow: hidden;
    }
        .fullwidthslider.desktop_banner i.left.slick-arrow.slick-disabled,
        .fullwidthslider.desktop_banner i.right.slick-arrow.slick-disabled {
            opacity: 0.4; 
        }
        
        .fullwidthslider.desktop_banner .slick-arrow img {
            width: 45px;
        }
        
        .clsFoodStoreCat.clsFoodStoreSingleCat.clsGroceryCats.topcatslider.desktop_banner {
            margin: 0 auto;
        }

/* Home page - lazy loading skeleton + retry button */
.home-cards-loader { padding: 16px 0 28px; }
.home-cards-loader .hc-row { width: 90%; margin: 0 auto 22px; padding: 0; }
.home-cards-loader .hc-title { width: 180px; height: 18px; border-radius: 6px; margin-bottom: 14px; }
.home-cards-loader .hc-items { display: flex; gap: 12px; overflow: hidden; }
.home-cards-loader .hc-items + .hc-items { margin-top: 16px; }
.home-cards-loader .hc-item { flex: 1 1 0; min-width: 90px; height: 190px; border-radius: 10px; }
.home-cards-loader .hc-title, .home-cards-loader .hc-item {
    background: linear-gradient(90deg, #eee 25%, #f6f6f6 37%, #eee 63%);
    background-size: 400% 100%; animation: hcShimmer 1.4s ease infinite;
}
@keyframes hcShimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
.home-cards-retry { display: none; margin: 10px auto 30px; padding: 10px 26px; border: 1px solid #ED5511; border-radius: 24px; background: #fff; color: #ED5511; font-weight: 600; cursor: pointer; }


/* ================= CLS (layout shift) fixes =================
   Before slick starts, every banner is a plain block and they stack on top of each other,
   then collapse into one row on init and push the whole page down.
   Show only the first slide and reserve its height until the slider is initialised.
   Tune the ratios below to your real banner image sizes (width / height). */
:root { --home-banner-ar-desktop: 1600 / 400; --home-banner-ar-mobile: 750 / 400; }

.fullwidthslider:not(.slick-initialized) {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}
.fullwidthslider.desktop_banner:not(.slick-initialized) { aspect-ratio: var(--home-banner-ar-desktop); }
.fullwidthslider.mobile_banner:not(.slick-initialized)  { aspect-ratio: var(--home-banner-ar-mobile); }
.fullwidthslider:not(.slick-initialized) > a:not(:first-child) { display: none; }
.fullwidthslider:not(.slick-initialized) > a:first-child { display: block; height: 100%; }
.fullwidthslider:not(.slick-initialized) > a:first-child img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* category tiles: fixed image box so late-loading images cannot move the text */
.clsSliderCats a img { aspect-ratio: 1 / 1; }
.ribbon-section .ribbon img { flex: 0 0 40px; }

/* ultra fast banner image: reserve its box (it has no width/height attributes) */
.ultra-fast-extra-div { min-height: 1px; }

/* lazy-loaded cards: render off-screen cards cheaply and keep the loader height stable */
#homeCardsContainer { overflow-anchor: auto; }
#homeCardsContainer > .home-cards-page { contain: layout style; }


/* ================= CLS round 2: header + images ================= */
/* Poppins fallback with matched metrics so the font swap does not reflow the header */
@font-face {
    font-family: "Poppins Fallback";
    src: local("Arial");
    size-adjust: 112%;
    ascent-override: 93%;
    descent-override: 31%;
    line-gap-override: 8%;
}
header.clsInnerHeader, header.clsInnerHeader * { font-family: Poppins, "Poppins Fallback", Arial, sans-serif; }

/* reserve the header cells so late content (address, cart count, account text) cannot resize them */
@media (min-width: 767px) {
    header.clsInnerHeader .newheaderwrapper { min-height: 70px; align-items: center; }
    header .clsLogo img { width: 100%; height: 45px; object-fit: contain; }
    header .clsShoppingIn { min-height: 70px; box-sizing: border-box; flex: 0 0 auto; min-width: 230px; }
    header .clsShopBySearch { flex: 1 1 auto; min-width: 0; min-height: 70px; }
    header .clsAccount { min-height: 70px; box-sizing: border-box; flex: 0 0 auto; min-width: 150px; }
    header .clsCart2 { min-height: 70px; box-sizing: border-box; flex: 0 0 auto; min-width: 180px; }
    header .clsCart2 a { width: 120px; height: 38px; box-sizing: border-box; }
    header .clsSearchBox input[type=text] { height: 35px; box-sizing: border-box; }
}

/* ultra-fast banner: reserve the image box before it loads */
img.ultra-fast-icon { aspect-ratio: 3 / 2; height: auto; }

/* slider arrows (like-left / like-right) and app-store icons: fixed boxes */
.fullwidthslider .slick-arrow img { width: 45px; height: 45px; aspect-ratio: 1 / 1; }
.clsFoodStoreBanner .fullwidthslider i.left img,
.clsFoodStoreBanner .fullwidthslider i.right img { width: 45px; height: 45px; }
footer section .float-left img { height: auto; aspect-ratio: 1 / 1; } /* width comes from footer.php media queries (90/50/40px) */

/* CLS round 3: header icons */
img.hometopiconlocation { width: 14px; height: 18px; }
header .clsCart2 label img { width: 21px; height: 21px; }
.tophumbmmm img { width: 24px; height: 24px; display: block; }
ul.topmenuslider i.right.round.slick-arrow img,
ul.topmenuslider i.left.round.slick-arrow img { width: 25px; height: 25px; box-sizing: border-box; }