:root {
    --primary-color :  #360946;
}

/* ######################################## global Style ######################################## */
*                               { margin: 0; padding: 0; box-sizing: border-box;}
img                             { max-width: 100%;}
a,span                          { display: inline-block;}
a                               { text-decoration: none;}
ul                              { padding: 0;}
.container-fluid                { padding: 0;}
body,html { overflow-x: hidden;}
.align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
body.modal-open {
    overflow-y: hidden !important;
    position: fixed !important;
}
.mobile-show { display: none;}

/* ######################################## Typography ######################################## */
h1,.h2-lg                       { font-size: 6.875rem; line-height: 7.5rem; font-weight: 700; padding-top: 1rem;}
h2                              { font-size: 6rem; line-height: 6.625rem; font-weight: 700;}
h3                              { font-size: 4.5rem; line-height: 4.6rem; font-weight: 700;}
h4                              { font-size: 3.375rem; line-height: 4rem; font-weight: 400;}
h5                              { font-size: 2.875rem; line-height: 3.5rem; font-weight: 400;}
.h5-sm                          { font-size: 2.5rem; line-height: 3rem; font-weight: 400;}
h6                              { font-size: 1.875rem; line-height: 2.7rem; font-weight: 400;}
.h6-sm                          { font-size: 1.5rem; line-height: 2rem; font-weight: 400;}
p,a,span,li,label               { font-size: 1rem; line-height: 1.5rem; font-weight: 400; font-family: 'Montserrat', sans-serif;}
.p-sm                           { font-size: 0.875rem; line-height: 1.2rem; font-weight: 400;}
.p-lg                           { font-size: 1.125rem; line-height: 1.8rem; font-weight: 400;}
h1,h2,h3,h4,h5,h6               { font-family: 'Baloo Tammudu 2', cursive; margin-bottom: 0;}

/* ######################################## common-classes ######################################## */
.common-padding                                              { padding: 100px 0;}
.common-padding-big                                              { padding: 150px 0;}
.font-baloo                                                  { font-family: 'Baloo Tammudu 2', cursive;}
.font-montserrat                                             { font-family: 'Montserrat', sans-serif;}
.font-rounded                                                { font-family: 'M PLUS Rounded 1c', sans-serif;}
.gradient-purple                                             { background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.gradient-orange                                             { background: linear-gradient(to bottom, rgba(248,81,39,1) 0%, rgba(251,115,43,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.gradient-orange-dark { background: linear-gradient(180deg, #EB1FCD 0%, #F42020 50.52%, #FB822D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.store-btn-container .store-btn:hover                        { transform: translateY(-0.5rem); filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.2));}
.store-btn                                                   { transition-duration: 0.5s;}
.hover-icon                                                  { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; transition-duration: 0.5s; opacity: 0;} 
.hover-icon:hover                                            { opacity: 1;}

/* ######################################## Default Html font-size ######################################## */
html { font-size: 16px;}
body { padding-top: 104px;}

/* ######################################## Header ######################################## */
header                                                       { position: fixed; width: 100%; top: 0; left: 0; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); background: rgba( 255, 255, 255, 0.2 ); backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); z-index: 99; }
.navbar                                                      { padding: 1.19rem 0;}
.navbar-collapse                                             { display: flex; justify-content: flex-end;}
.navbar-brand                                                { padding: 0;}
.navbar-nav .nav-item .nav-link                              { margin: 0 8px; padding: 0.875rem 1.8rem; color: var(--primary-color); font-weight: 600; transition-duration: 0.5s; border-radius: 5rem;}
.navbar-nav .nav-item .nav-link:hover                        { background-color: rgba(207, 162, 245, 0.2); color: #F42020;} 
.navbar-nav .nav-item .nav-link.rest-login                   { margin:0 0 0 1.125rem; background-color: #0A0108; color: white;transition: box-shadow 0.5s;}
.header-btn .join-dabb-btn { padding: 0.875rem 2rem; background-color: #0A0108; color: white;transition: box-shadow 0.5s; border-radius: 5rem;}  
.navbar-nav .nav-item .nav-link.rest-login:hover,
.header-btn .join-dabb-btn:hover             { box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.26);}
.navbar-toggler:focus                                        { box-shadow: none;}

/* ######################################## Banner ######################################## */
.banner                                                      { height: calc(100vh - 102px); position: relative;}
.banner-content h6                                           { color: var(--primary-color);}      
/* .banner-download-section                                     { width: fit-content;} */
.banner-content span                                         { font-size: inherit; line-height: inherit; font-weight: 700;}
.banner-content .down-arrow                                  { margin: 1.875rem auto; max-width: 33%; position: relative;}
.banner-content .store-btn-container                         { display: flex; justify-content: space-between; align-items: center;}
.banner-poster                                               { position: relative;}
.banner-poster > img                                         { animation: hand_mockup 5s linear infinite;}
.ballon-1 { animation: ballon_1 2.5s linear;  position: absolute; top: -150px; left: -80px; z-index: -1; width: 300px;}
.ballon-2 { position: absolute; top: -200px; left: 30%; width: 220px;}
.ballon-3 { position: absolute; top: -120px; right: -230px; z-index: -1; width: 450px; opacity: 0.9; filter: blur(15px); transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0);}
.ballon-4 { position: absolute; top: -50px; left: -100px; width: 200px;}
.ballon-5 { animation: ballon_5 3s linear alternate infinite; position: absolute; top: 40%; transform: translateY(-40%); -webkit-transform: translateY(-40%); left: -200px; z-index: -1; width: 400px;}
.ballon-6 { animation: ballon_6 3s linear alternate infinite; position: absolute; bottom: -150px; right: -80px; z-index: -1; width: 280px;}
.ballon-7 { animation: ballon_7 3s linear alternate infinite; position: absolute; bottom: -170px; left: -80px; width: 300px; z-index: -1;}
.mouse-gif { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); cursor: pointer; text-align: center;}
.mouse-gif img { width: 15%;}
@-moz-keyframes hand_mockup { 
    0% {
        -webkit-transform: rotateZ(0deg); 
        transform:rotateZ(0deg); 
    }
    50%{
        -webkit-transform: rotateZ(-10deg); 
        transform:rotateZ(-10deg); 
    }
    100% { 
        -webkit-transform: rotateZ(0deg); 
        transform:rotateZ(0deg); 
    } 
}
@-webkit-keyframes hand_mockup { 
    0% {
        -webkit-transform: rotateZ(0deg); 
        transform:rotateZ(0deg); 
    }
    50%{
        -webkit-transform: rotateZ(-10deg); 
        transform:rotateZ(-10deg); 
    }
    100% { 
        -webkit-transform: rotateZ(0deg); 
        transform:rotateZ(0deg); 
    } 
}
@keyframes hand_mockup { 
    0% {
        -webkit-transform: rotateZ(0deg); 
        transform:rotateZ(0deg); 
    }
    50%{
        -webkit-transform: rotateZ(-10deg); 
        transform:rotateZ(-10deg); 
    }
    100% { 
        -webkit-transform: rotateZ(0deg); 
        transform:rotateZ(0deg); 
    } 
}
@keyframes ballon_5{ 
    0% {
        opacity: 1;
    }
    50%{
        top: 50%;
        opacity: 0.8;
    }
    100% { 
        top: 65%;
        opacity: 0.4;
    } 
}
@-moz-keyframes ballon_5{ 
    0% {
        opacity: 1;
    }
    50%{
        top: 50%;
        opacity: 0.8;
    }
    100% { 
        top: 65%;
        opacity: 0.4;
    } 
}
@-webkit-keyframes ballon_5{ 
    0% {
        opacity: 1;
    }
    50%{
        top: 50%;
        opacity: 0.8;
    }
    100% { 
        top: 65%;
        opacity: 0.4;
    } 
}
@keyframes ballon_6{ 
    0% {
        opacity: 1;
    }
    50%{
        transform: scale(0.8);
        opacity: 0.6;
    }
    100% { 
        transform: scale(0.6);
        opacity: 0.4;
    } 
}
@-moz-keyframes ballon_6{ 
    0% {
        opacity: 1;
    }
    50%{
        transform: scale(0.8);
        opacity: 0.6;
    }
    100% { 
        transform: scale(0.6);
        opacity: 0.4;
    } 
}
@-webkit-keyframes ballon_6{ 
    0% {
        opacity: 1;
    }
    50%{
        transform: scale(0.8);
        opacity: 0.6;
    }
    100% { 
        transform: scale(0.6);
        opacity: 0.4;
    } 
}
@keyframes ballon_7{ 
    0% {
        transform: translate( 0px,0px);
    }
    100% { 
        transform: translate( -80px, 40px);
    } 
}
@-moz-keyframes ballon_7{ 
    0% {
        transform: translate( 0px,0px);
    }
    100% { 
        transform: translate( -80px, 40px);
    } 
}
@-webkit-keyframes ballon_7{ 
    0% {
        transform: translate( 0px,0px);
    }
    100% { 
        transform: translate( -80px, 40px);
    } 
}
@keyframes ballon_1 { 
    from {top: 100%;}
    to {bottom: 0;}
}
.banner-poster .spalsh-conatainer                            { padding-top: 70%; position: absolute; width: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.spalsh-conatainer > img                                     { position: absolute; height: 100%; width: 100%; top: 0; left: 0; animation: spin 20s linear infinite; }
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
/* ######################################## Easy and Fun ######################################## */
.width-100 { width: 100%;}
.easy-fun-sec { padding-top: 70px !important; padding-bottom: 0px; min-height: 100vh;  position: relative;}
.easy-fun-sec .mobile-hide { width: 100%; display: flex; align-items: center; overflow: hidden;}
.easy-fun-sec .mobile-show { text-align: center;}
.easy-fun-sec .mobile-hide .common-padding { flex-grow: 1;}
.position-rel { position: relative;}
.map-box { position: absolute; top: 45%; left: 40%; transform: translate( -45%,-40%);}
.map-sec { padding-top: 35px; position: relative;}
.map-img { border-radius: 32px; border: 4px solid transparent; background: linear-gradient(45deg,#F42020,#B51FEB) border-box; width: 100%;}
.box-anim .box-cap { position: absolute; bottom: 65%; left: 0px; width: 100%;}
.button-effect { position: relative;}
.main-button { padding: 14px 32px; z-index: 1; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%); border-radius: 27px; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 22px; color: #fff !important; font-weight: 600; text-align: center; transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
.main-button:hover { background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%); box-shadow: 0px 4px 24px rgba(244, 32, 32, 0.26);}
.button-effect .effect-1 { animation: button-effect 2.5s linear infinite; bottom: 28px; width: 218px; height: 64px; background: linear-gradient(118.6deg, rgba(244, 32, 32, 0.1) 10.34%, rgba(181, 31, 235, 0.1) 84.86%); border-radius: 32px;}
.button-effect .effect-2 { animation: button-effect 2.5s linear infinite; bottom: 20px; width: 234px; height: 80px; background: linear-gradient(118.6deg, rgba(244, 32, 32, 0.08) 10.34%, rgba(181, 31, 235, 0.08) 84.86%); border-radius: 40px;}
.button-effect .effect-3 { animation: button-effect 2.5s linear infinite; bottom: 10px; width: 258px; height: 100px; background: #F42020; opacity: 0.05; border-radius: 56px;}
.button-effect .effect-1,
.button-effect .effect-2,
.button-effect .effect-3 { position: absolute; left: 50%; transform: translateX(-50%) scale(0);}
.box-ballon-sec { left:0; top: 0; padding-top: 18%; position: absolute; width: 100%; height: 100%;}
.box-anim-2 { position: relative; left: 50%; transform: translateX(-50%); -webklit-transform: translateX(-50%); display: inline-block;}
.box-anim-2 .box-cap { bottom: 65%; top: auto; left: -5px; transform: scale(1);}
.mystery-sec { transform: translateY(100vh);}
.reward-sec .box-cap { bottom: 100%; left: 10px; z-index: 1;}
.pink-box-info { margin: 0 auto; position: relative; top: -80px; background: url('../images/light-pink-box.png') no-repeat center center / 100% auto; width: 545px; height: 399px;}
.pink-box-desc { padding: 0px; width: 100%; height: 100%; justify-content: center; -webkit-justify-content: center;}
.pink-box-desc h5 { font-weight: 800;}
.pink-box-desc h5 span { background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.pink-box-desc { height: 100%;}
.pink-box-desc p { padding-top: 15px; font-weight: 800; color: #360946;}
.balloon-wrapper { width: 100%;}
.box-wrapper { display: block; left: 0; width: 100%; position: relative; transform: scale(0.9);}
.scroll-stop-anim { height: calc(100vh - 280px); position: relative; max-width: 1000px; margin: 0 auto;;}
.main-box { width: 10.5%; position: absolute; left: 41%; top: 35%; display: block; transform: translateX(-50%); transform-origin: bottom center;}
.box-anim { position: relative; top: 0%; left: 0%; width: 100%;}
.box-anim img { width: 100%;}
.box-ballon-group { position: absolute; top: -5%; width: 100%; left: 0%; transform-origin: bottom center; transition-duration: 1.5s; -webkit-transition-duration: 1.5s; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;}
.box-ballon-group > div {position: absolute; top: 22px; left: 11%; width: 100%; }
.box-ballon-group img:not(.box-cap) { transform-origin: bottom center;position: absolute; left: 39%; transform: translateX(-50%); bottom: 0%; animation: ballon_wave 8s linear infinite; width: 65%;}
.box-ballon-group img.box-ballon-2 { animation-delay: 1s;}
.box-ballon-group img.box-ballon-3 {animation-delay: 2s;}
.box-ballon-group img.box-ballon-4 {animation-delay: 3s;}
.box-wrapper .box-cap,
.box-wrapper .box-body,
.box-wrapper .box-body-front { max-width: 1000px; width: 127%;}
.box-wrapper .box-body-front { position: absolute; top: 0; left: 0;}
.box-open { transform: translateY(-50vh);}
.box-coin-grp img { position: absolute; transform-origin: bottom center; transition-duration: 1.5s; -webkit-transition-duration: 1.5s; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;}
.box-coin-grp .coin-1 { width: 22%; top: 75px; left: 50%;}
.box-coin-grp .coin-2 { width: 15%; top: 75px; left: 35%;}
.box-coin-grp .coin-3 { width: 20%; top: 75px; left: 30%;}
.box-coin-grp .coin-4 { width: 20%; top: 75px; left: 40%;}
.box-coin-grp.coin-up .coin-1 { width: 22%; top: -150px; left: 60%;}
.box-coin-grp.coin-up .coin-2 { width: 15%; top: -220px; left: 35%;}
.box-coin-grp.coin-up .coin-3 { width: 20%; top: -130px; left: 22%;}
.box-coin-grp.coin-up .coin-4 { width: 20%; top: -35px; left: 40%;}
/* Map Slider*/
.map-slider { width: 100%; text-align: center;}
.map-slider h5,
.map-slider p { overflow: hidden; padding-top: 0;}
.map-slider h5 span,
.map-slider p span { padding-top: 15px; transform: translateY(-100%); transform-origin: center top; font: inherit; transition-duration: 1s; transition-timing-function: ease-in-out;}
.map-slider .fun-slide-two h5 span,
.map-slider .fun-slide-two p span { transform: translateY(100%); transform-origin: center bottom;}
.map-slider .slick-current h5 span,
.map-slider .slick-current p span { transform: translateY(0%) !important;}
.map-slider .slick-dots { left: 50%; transform: translateX(-50%); width: 40px; display: flex; justify-content: space-between;}
.map-slider .slick-dots li { display: block; float: left; margin: 0px; height: 8px; width: 8px; border-radius: 10px; overflow: hidden; transition-duration: 0.5s; opacity: 0.5; transition-timing-function: ease-in-out;}
.map-slider .slick-dots li button { padding: 0; height: 100%; width: 100%; position: unset;}
.map-slider .slick-dots li button::before { content: ""; position: absolute; width: 40px; height: 100%; opacity: 1; top: 0; left: 0; background: rgb(239,32,141); background: -moz-linear-gradient(145deg, rgba(239,32,141,1) 0%, rgba(241,33,39,1) 50%, rgba(182,33,235,1) 91%); background: -webkit-linear-gradient(145deg, rgba(239,32,141,1) 0%, rgba(241,33,39,1) 50%, rgba(182,33,235,1) 91%); background: linear-gradient(145deg, rgba(239,32,141,1) 0%, rgba(241,33,39,1) 50%, rgba(182,33,235,1) 91%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef208d",endColorstr="#b621eb",GradientType=1);}
.map-slider .slick-dots li:last-child button::before { left: auto; right: 0;}
.map-slider .slick-dots li.slick-active {width: 25px; opacity: 1;}


@keyframes button-effect { 
    0% {
        -webkit-transform: translateX(-50%) scale(0.7); 
        transform: translateX(-50%) scale(0.7); 
    }
    100% { 
        -webkit-transform:translateX(-50%) scale(1); 
        transform:translateX(-50%) scale(1); 
    } 
}
@-moz-keyframes button-effect { 
    0% {
        -webkit-transform: translateX(-50%) scale(0.7); 
        transform: translateX(-50%) scale(0.7); 
    }
    100% { 
        -webkit-transform:translateX(-50%) scale(1); 
        transform:translateX(-50%) scale(1); 
    } 
}
@-webkit-keyframes button-effect { 
    0% {
        -webkit-transform: translateX(-50%) scale(0.7); 
        transform: translateX(-50%) scale(0.7); 
    }
    100% { 
        -webkit-transform:translateX(-50%) scale(1); 
        transform:translateX(-50%) scale(1); 
    } 
}

/* Ballon Group Animation */
@keyframes ballon_wave { 
    0%,100% {
        -webkit-transform: translateX(-50%) rotate(0deg);  
        transform: translateX(-50%) rotate(0deg);
    }
    25%{
        -webkit-transform: translateX(-50%) rotate(0deg);
        transform: translateX(-50%) rotate(4deg);
    }
    75% { 
        -webkit-transform: translateX(-50%) rotate(0deg);        
        transform: translateX(-50%) rotate(-4deg);
    } 
}
@-moz-keyframes ballon_wave { 
    0%,100% {
        -webkit-transform: translateX(-50%) rotate(0deg);  
        transform: translateX(-50%) rotate(0deg);
    }
    25%{
        -webkit-transform: translateX(-50%) rotate(0deg);
        transform: translateX(-50%) rotate(4deg);
    }
    75% { 
        -webkit-transform: translateX(-50%) rotate(0deg);        
        transform: translateX(-50%) rotate(-4deg);
    } 
}
@-webkit-keyframes ballon_wave { 
    0%,100% {
        -webkit-transform: translateX(-50%) rotate(0deg);  
        transform: translateX(-50%) rotate(0deg);
    }
    25%{
        -webkit-transform: translateX(-50%) rotate(0deg);
        transform: translateX(-50%) rotate(4deg);
    }
    75% { 
        -webkit-transform: translateX(-50%) rotate(0deg);        
        transform: translateX(-50%) rotate(-4deg);
    } 
}

/* ######################################## We Belive In ######################################## */
.we-belive-in-sec { padding: 170px 70px; background: linear-gradient(115.43deg, #C955FF 2.71%, #8718AE 91.44%); position: relative;}
.we-belive-in-desc h2,
.we-belive-in-desc h4 { color: #fff;}
.we-belive-in-desc h2 { font-size: 6rem; line-height: 6rem; text-transform: uppercase; font-weight: 800;}
.we-belive-in-desc h4 { padding-top: 15px; font-weight: 700;}
.coin-grp-img img { position: absolute;}
.coin-grp-img img.coin-1 { top: 10%; left: 10%; width: 270px;}
.coin-grp-img img.coin-2 { bottom: 22%; left: 4%; width: 120px;}
.coin-grp-img img.coin-3 { bottom: 15%; left: 20%; width: 170px;}
.single-anim-img { position: absolute; bottom: 10px; right: -100px;}
.single-anim-img img { width: 450px; animation: coin-effect 2s linear;}

.coin-grp-img img { animation: coin_zoom 2s linear;}
@keyframes coin-effect { 
    0% {
        opacity: 0;
        -webkit-transform: scale(0);  
        transform: scale(0);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);  
        transform: scale(0.5);
    }
    100% { 
        opacity: 1;
        -webkit-transform:rotate3d(360deg) scale(1); 
        transform:rotate3d(360deg) scale(1); 
    } 
}
@-moz-keyframes coin-effect { 
    0% {
        opacity: 0;
        -webkit-transform: scale(0);  
        transform: scale(0);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);  
        transform: scale(0.5);
    }
    100% { 
        opacity: 1;
        -webkit-transform:rotate3d(360deg) scale(1); 
        transform:rotate3d(360deg) scale(1); 
    } 
}
@-webkit-keyframes coin-effect { 
    0% {
        opacity: 0;
        -webkit-transform: scale(0);  
        transform: scale(0);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);  
        transform: scale(0.5);
    }
    100% { 
        opacity: 1;
        -webkit-transform:rotate3d(360deg) scale(1); 
        transform:rotate3d(360deg) scale(1); 
    } 
}

@keyframes coin_zoom { 
    0% {
        opacity: 0;
        -webkit-transform: scale(0);  
        transform: scale(0);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);  
        transform: scale(0.5);
    }
    100% { 
        opacity: 1;
        -webkit-transform: scale(1);  
        transform: scale(1);
    } 
}
@-moz-keyframes coin_zoom { 
    0% {
        opacity: 0;
        -webkit-transform: scale(0);  
        transform: scale(0);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);  
        transform: scale(0.5);
    }
    100% { 
        opacity: 1;
        -webkit-transform: scale(1);  
        transform: scale(1);
    } 
}
@-webkit-keyframes coin_zoom { 
    0% {
        opacity: 0;
        -webkit-transform: scale(0);  
        transform: scale(0);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);  
        transform: scale(0.5);
    }
    100% { 
        opacity: 1;
        -webkit-transform: scale(1);  
        transform: scale(1);
    } 
}

/* ######################################## Food Partners ######################################## */
.food-partners-sec { text-align: center; position: relative;}
.food-partners-sec h5,
.influencers-sec h5 { font-weight: 900; color: #0A0108;}
.food-partners-sec h5 span { font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 2.875rem; line-height: 3.5rem; font-weight: 900;}
.food-partners-sec h6,
.influencers-sec h6  { padding-top: 15px; font-family: 'Montserrat', sans-serif; color: #360946; font-weight: 500;}
.food-partners-sec p { margin-bottom: 0; padding-top: 15px; font-family: 'Baloo Tammudu 2', cursive; font-size: 1.5rem; line-height: 2rem; font-weight: 800; color: #1E041A;}
.food-partners-sec .food-partner-slider { padding-top: 50px;}
.food-partners-sec .food-partner-slider > div { width: calc(100% / 4 - 15px); display: inline-block;}
.partner-list-info { margin: 15px; position: relative; padding: 12px 32px 12px 16px; background: #FFFFFF; box-shadow: 0px 5px 24px #E7E6E9; border-radius: 50.5px; display: inline-block; cursor: pointer;}
.partner-list-info:hover { background: #FFFFFF; box-shadow: 0px 4px 24px rgba(244, 32, 32, 0.26);}
.food-partners-sec .partner-list-info img { margin-right: 10px;}
.join-dabb-btn { padding-top: 35px;}
.join-dabb-btn .main-button { position: relative; left: 0; bottom: 0; transform: none;}
.partner-hover-info { z-index: 10; transform: translateX(-50%) scale(0); margin-top: 30px; position: absolute; left: 50%; width: 280px; padding: 15px; border-radius: 16px; background: linear-gradient(180deg, rgba(235, 31, 205, 0.1) 0%, rgba(251, 79, 45, 0.1) 100%), #FFFFFF; box-shadow: 0px 5px 24px #E7E6E9; transition-duration: .3s;}
.food-partners-sec .partner-list-info:hover .partner-hover-info { transform: translateX(-50%) scale(1);}
.partner-hover-info::before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: rgba(235, 31, 205, 0.1); border-width: 10px; margin-left: -8px;}
.partner-hover-img img { height: 180px; width: 100%; object-fit: cover; object-position: center center; border-radius: 16px; border: 2px solid transparent; background: linear-gradient(45deg,#EB1FCD,#F42020, #FB822D) border-box;}
.partner-hover-info p { color: #360946; font-size: 1rem; line-height: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 800; text-align: left;}
.partner-hover-info p.p-sm { padding-top: 0; color: #360946; font-size: 0.825rem; line-height: 0.825rem; font-family: 'Montserrat', sans-serif; font-weight: 600; text-align: left;}
.partner-hover-info .location { padding-top: 5px;}
.partner-hover-info .location img { width: 15px; margin-right: 10px;}

/* ######################################## Influencers Css ######################################## */
.influencers-sec { z-index: 1; padding-bottom: 15px; background: rgba(251,130,45,0.03); position: relative; text-align: center;}
.influencers-sec h5 { padding-top: 1rem; position: relative; display: inline-block;}
.influencers-sec h5 img { animation: coming_soon-effect 2s linear alternate infinite; position: absolute; top: -50px; right: -90px;}
@keyframes coming_soon-effect { 
    0% { 
        -webkit-transform: scale(0.9); 
        transform:scale(0.9); 
    } 
    100% { 
        -webkit-transform: scale(1.1); 
        transform:scale(1.1); 
    } 
}
@-moz-keyframes coming_soon-effect { 
    0% { 
        -webkit-transform: scale(0.9); 
        transform:scale(0.9); 
    } 
    100% { 
        -webkit-transform: scale(1.1); 
        transform:scale(1.1); 
    } 
}
@-webkit-keyframes coming_soon-effect { 
    0% { 
        -webkit-transform: scale(0.9); 
        transform:scale(0.9); 
    } 
    100% { 
        -webkit-transform: scale(1.1); 
        transform:scale(1.1); 
    } 
}
.infulencer-usrs .slick-list,
.influencers-slider-sec .slick-list { padding: 35px 0;}
.infulencer-usr-img { padding: 0 25px; position: relative;}
.infulencer-usr-img img { height: 96px; width: 96px; object-fit: cover; object-position: center center; border-radius: 100%;}
.infulencer-usrs .slick-initialized .slick-slide { width: auto !important;}
.infulencer-usrs .slick-slide { float: none; display: inline-block;}
.infulencer-usrs .slick-current.slick-active .infulencer-usr-img img { filter: drop-shadow(0px 4px 24px rgba(244, 32, 32, 0.26)); border-radius: 100%; border: 3px solid transparent; background: linear-gradient(45deg,#F42020,#B51FEB) border-box;}
.infulencer-usrs .slick-current.slick-active .infulencer-usr-img::after { content: ''; background: url('../images/slider-ploy-ic.svg') no-repeat center center / 100% auto; width: 36px; height: 32px; position: absolute; bottom: -35%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: block;}
.influencers-slider-sec { z-index: 0; margin-top: -18px; padding: 50px 0; background: rgba(235, 31, 205, 0.03); position: relative;}
.influencers-slider-sec::before { content: ''; background: linear-gradient(180deg, #EB1FCD 0%, #F42020 50.52%, #FB822D 100%); width: 100%; height: 4px; position: absolute; top: 0; left: 0; display: block;}
.infulencer-usr-big-img img { height: 350px; width: 350px; object-fit: cover; object-position: center center; filter: drop-shadow(0px 4px 24px rgba(244, 32, 32, 0.26)); border-radius: 100%; border: 6px solid transparent; background: linear-gradient(45deg,#F42020,#B51FEB) border-box;}
.infulencer-usrs-info { padding-left: 100px; text-align: center; width: 600px;}
.infulencer-usrs-info h6 { font-weight: 800;}
.infulencer-usrs-info .desg { padding: 5px 0 25px; color: #F42020; font-size: 1rem; line-height: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.infulencer-usrs-info p { color: #360946; font-size: 0.925rem; line-height: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 800;}
.infulencer-usrs-info .footer-social { padding-top: 15px;}

/* ######################################## Footer ######################################## */
footer                                                       { background-color: #0A0108;}
footer .navbar                                               { padding: 0;}
footer .navbar-nav .nav-item .nav-link                       { color: white;}
footer .navbar-collapse                                      { justify-content: flex-start; }
footer .footer-content                                       { padding:  3.5rem 0 2.5rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
footer .store-btn-container                                  { display: flex; align-items: center; width: 40%; justify-content: flex-end;}
footer .store-btn-container .store-btn                       { margin-left: 2.5rem;}
.footer-copyright                                            { padding: 0.75rem 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #6A3517;}
.privacy-terms > *                                           { font-weight: 600;}
.privacy-terms > *:first-child                               { margin-right: 0.75rem; color: white;}
.privacy-terms > *:not(:first-child)                         { margin: 0 1rem; color: #F42020; position: relative;}
.privacy-terms > *:not(:first-child)::before                 { content: ""; position: absolute; height: 80%; width: 2px; background-color: white; left: -1rem; top: 50%; transform: translateY(-50%);}
.footer-social a                                             { margin-left: 1rem; position: relative; line-height: 0;}

/* ######################################## Modals ######################################## */
.modal-style { background: rgba(10, 1, 8, 0.6); backdrop-filter: blur(10px);}
.modal-style .modal-dialog { margin: 0; max-width: 542px; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important;}
.modal-style .modal-content { padding: 75px 50px 35px; border-radius: 24px;}
.modal-body { padding-top: 0;}
.modal-header { padding-bottom: 0; border: none;}
.modal-style .modal-title { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 900; text-align: center;}
.modal-style .modal-header p,
.modal-style.signup-modal-style .benefit-blk p,
.modal-style .form-blk label { padding-top: 15px; color: #360946; font-size: 1rem; line-height: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center;}
.form-logo { border: 5px solid#fff; background: #fff; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-radius: 100%;}
.form-logo img { height: 98px; width: 98px; object-fit: cover; object-position: center center; border-radius: 100%;}
.modal-style .form-blk label { padding: 15px 0 5px;}
.modal-style .form-blk .form-group { padding-bottom: 25px; text-align: left;}
.modal-style .form-blk .form-input { padding: 2px; background: linear-gradient(45deg,#EB1FCD,#F42020, #FB822D); border-radius: 80px;}
.modal-style .form-blk .form-control { padding: 12px 15px; font-size: 0.925rem; line-height: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #360946; background: #fff; border: none; border-radius: 80px;}
.modal-style .form-blk .form-control:focus { outline: none; box-shadow: none;}
.pwd-blk { position: relative;}
.pwd-blk img { position: absolute; right: 15px; top: 20px;}
.modal-style .form-blk .pwd-blk .form-control { padding-right: 40px;}
.forgot-pwd { margin-top: -10px; text-align: right;}
.forgot-pwd a,
.signup-txt p,
.benefit-info-blk p { font-family: 'Montserrat', sans-serif; font-size: 1rem; line-height: 1.5rem; font-style: italic; font-weight: 500; color: #F42020; display: inline-block;}
.submit-btn { padding-top: 25px;}
.submit-btn input[type="submit"],
.submit-btn button { padding: 12px 15px; background: #0A0108; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.2rem; line-height: 1.5rem; font-weight: 600; border-radius: 80px; text-align: center; border: none; width: 100%;}
.signup-txt { padding-top: 20px;}
.signup-txt p { margin-bottom: 0; color: #360946; text-align: center; display: block;}
.signup-txt p a { color:#F42020; font-weight: 600; font-style: normal;}
.modal-style.signup-modal-style .modal-dialog { max-width: 1084px; }
.modal-style.signup-modal-style .modal-content { padding: 0;}
.modal-style.signup-modal-style .modal-body { padding: 0;}
.modal-style.signup-modal-style .benefit-blk,
.modal-style.signup-modal-style .form-blk { padding: 50px !important; width: 50%; min-height: 665px; text-align: center;}
.modal-style.signup-modal-style .benefit-blk { padding: 130px 50px !important; background: #F5F4F5; box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.149); border-radius: 24px;}
.modal-style.signup-modal-style .form-blk .form-logo { position: relative; top: 0; left: 0; transform: none; box-shadow: none; border-color: #F5F4F5; display: inline-block;}
.modal-style.signup-modal-style .form-blk .modal-title { padding: 15px 0 50px;}
.benefit-info { padding-top: 50px; position: relative;}
.form-other-img img { filter: drop-shadow(0px 50px 99px rgba(249, 114, 42, 0.6));}
.form-other-img .form-other-ic1 { position: absolute; top: 0; right: 0;}
.form-other-img .form-other-ic2 { position: absolute; bottom: -50px; left: 0;}
.mobile-img img { filter: drop-shadow(0px 40px 80px rgba(0, 0, 0, 0.161));}
.benefit-slider-blk { position: absolute; top: 50%; left: 0; width: 100%;}
.benefit-slider { display: flex;}
.benefit-info-blk { position: relative; padding: 60px 20px 20px; width: 205px; border-radius: 16px;}
.benefit-info-blk .form-logo { border: none; top: -50px; box-shadow: none; background: transparent;}
.benefit-info-blk .form-logo img { width: 95px; height: 95px;}
.benefit-info-blk-1 { transform: translateY(-135px); background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%); box-shadow: 0px 50px 99px rgba(249, 114, 42, 0.6); }
.benefit-info-blk-2 { margin-left: 30px; transform: translateY(-60px); background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%); box-shadow: 0px 20px 60px rgba(181, 31, 235, 0.502);}
.modal-style.signup-modal-style .benefit-blk .benefit-info-blk p { margin: 0; padding: 0; font-size: 0.925rem; color: #fff; font-weight: 300; font-style: normal;}
.signup-form-part2,
.form-blk.show-other-form .signup-form-part1 { display: none;}
.form-blk.show-other-form .signup-form-part2 { display: block;}
.nav-tabs { padding-bottom: 15px !important; justify-content: center;}
.nav-tabs,
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus, 
.nav-tabs .nav-link:hover { padding: 0; border: none !important; position: relative;}
.nav-tabs .nav-item .nav-link { padding: 0 18px !important; border: none;}
.nav-tabs::after { content: ''; background: linear-gradient(45deg,#F42020, #B51FEB); opacity: 0.2; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; display: block;}
.nav-tabs .nav-link.active::after { content: ''; background: linear-gradient(45deg,#F42020, #B51FEB); width: 100%; height: 2px; position: absolute; bottom: -14px; left: 0; display: block;}
.signup-form-part2 .nav-link img { width: 50px;}
.signup-form-part2 .tab-content { padding-top: 25px;}
.form-blk .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #360946;
    opacity: 0.2;
}
.form-blk .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #360946;
    opacity: 0.2;
}
.form-blk .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #360946;
    opacity: 0.2;
}
.form-blk .form-control:-moz-placeholder { /* Firefox 18- */
    color: #360946;
    opacity: 0.2;
}

/* ######################################## Media-query 1200 to 1399 ######################################## */
@media (min-width: 1500px) and (max-width: 1699px) {
    h1, .h2-lg { font-size: 5rem; line-height: 6rem;}
    h3 { font-size: 3.8rem; line-height: 4.2rem;}
    h6 { font-size: 1.5rem; line-height: 2.2rem;}
    .ballon-3 { top: -250px; right: -250px;}
    .common-padding { padding: 80px 0;}
    .ballon-1 { width: 250px; left: -100px;}
    .overflow-limit { padding-top: 60px;}
    .main-box { width: 10%;}
    .pink-box-info { top: -120px;}
    .map-sec { padding-top: 0;}
}

@media (min-width: 1400px) and (max-width: 1499px) {
    .overflow-limit { padding-top: 60px;}
    .main-box { width: 9.5%; position: absolute; top: 50%;}
    .pink-box-info { top: -130px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {

    /* ######################################## Default Html font-size ######################################## */  
    html { font-size: 15px;}

    /* ######################################## Header ######################################## */
    .navbar-brand                                             { width: 160px;}

    /* ######################################## Others ######################################## */
    .ballon-1 { left: -130px; width: 250px;}
    .ballon-3 { right: -130px; width: 330px;}
    .ballon-4 { left: 0; width: 150px;}
    .ballon-5 { left: -150px; width: 250px;}
    .ballon-6 { width: 180px;}
    .ballon-7 { bottom: -120px; width: 220px;}
    .coin-grp-img img.coin-1 { width: 150px;}
    .coin-grp-img img.coin-2 { bottom: 37%; width: 100px;}
    .coin-grp-img img.coin-3 { bottom: 35%; width: 120px;}
    .we-belive-in-desc h2 { font-size: 4rem; line-height: 4.5rem;}
    .single-anim-img img { width: 300px;}
    .partner-list-info { margin: 12px; padding: 12px 15px 12px 15px; display: block;}
    .food-partners-sec p { font-size: 1.4rem;}
    .infulencer-usr-big-img img { width: 300px; height: 300px;}
    .overflow-limit { padding-top: 50px;}
    .main-box { width: 7.5%; top: 65% !important;}
    .box-coin-grp .coin-1 { width: 60px;}
    .box-coin-grp .coin-2 { width: 40px;}
    .box-coin-grp .coin-3 { width: 50px;}
    .box-coin-grp .coin-4 { width: 50px;}
}

/* ######################################## Media-query 992 to 1199 ######################################## */
@media (min-width: 992px) and (max-width: 1199px) {

    /* ######################################## Default Html font-size ######################################## */  
    html { font-size: 14px;}
    h1, .h2-lg { font-size: 6rem;}

    /* ######################################## Header ######################################## */
    .navbar-brand                          { width: 140px;}
    /* ######################################## Others ######################################## */
    .ballon-1 { left: -130px; width: 250px;}
    .ballon-3 { right: -130px; width: 250px;}
    .ballon-4 { left: 0; width: 150px;}
    .ballon-5 { left: -150px; width: 250px;}
    .ballon-6 { width: 180px;}
    .ballon-7 { bottom: -120px; width: 220px;}
    .coin-grp-img img.coin-1 { width: 150px;}
    .coin-grp-img img.coin-2 { bottom: 37%; width: 100px;}
    .coin-grp-img img.coin-3 { bottom: 35%; width: 120px;}
    .we-belive-in-desc h2 { font-size: 4rem; line-height: 4.5rem;}
    .single-anim-img img { width: 300px;}
    .food-partners-sec .partner-list-info .align-center img { width: 30px;}
    .partner-list-info { margin: 12px; padding: 12px 15px 12px 15px; display: block;}
    .food-partners-sec p { font-size: 1.2rem;}
    .infulencer-usr-big-img img { width: 250px; height: 250px;}
    .nav-tabs .nav-item .nav-link { padding: 0 16px !important;}
    .overflow-limit { padding-top: 50px;}
    .main-box { width: 7.5%; top: 65% !important;}
    .box-coin-grp .coin-1 { width: 60px;}
    .box-coin-grp .coin-2 { width: 40px;}
    .box-coin-grp .coin-3 { width: 50px;}
    .box-coin-grp .coin-4 { width: 50px;}
}

/* ######################################## Media-query 768 to 991 ######################################## */
@media (min-width: 768px) and (max-width: 991px) {

    /* ######################################## Default Html font-size ######################################## */  
    html { font-size: 13px;}
    h1{ font-size: 5.8rem; line-height: 6.5rem;}
    h3 { font-size: 4rem; line-height: 4.5rem;}
    h4 { font-size: 3.5rem; line-height: 4rem;}
    h5 { font-size: 2.5rem; line-height: 3rem; }
    h6 { font-size: 2rem; line-height: 2.8rem; }
    .common-padding { padding: 50px 0;}
    .common-padding-big { padding: 100px 0;}
    .mobile-show { display: block;}
    .mobile-hide { display: none;}

    /* ######################################## Header ######################################## */
    .navbar-brand                                             { width: 140px;}
    .navbar-toggler                                           { padding: 0;}
    .navbar-toggler-icon                                      { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
    .navbar-collapse                                          { justify-content: center; }
    header .navbar-nav .nav-item .nav-link.rest-login,
    header .navbar-nav .nav-item .nav-link                    { margin: 0;}
    .navbar-nav                                               { align-items: center;}
    .nav-item                                                 { margin-bottom: 0.5rem;}

    /* ######################################## Banner ######################################## */
    .banner { height: 100%; text-align: center;}
    .banner-download-section { width: auto;}
    .banner-content h1 { padding: 25px 0;}
    .banner-content .store-btn-container,
    .banner-content .store-btn-container a { display: block;}
    .banner-content .store-btn-container a { padding-bottom: 25px; }
    .mouse-gif { display: none;}
    .ballon-1 { left: -250px;}
    .ballon-2 { top: -180px; left: 32%; width: 185px;}
    .ballon-3 { bottom: 300px; right: -210px; z-index: -1; width: 280px; opacity: 1; filter: blur(8px);}
    .ballon-4 { top: -320px; left: -135px; width: 200px;}
    .ballon-5 { animation: none; top: 60px; transform: translateY(-60px); -webkit-transform: translateY(-60px); width: 220px; left: -175px;}
    .ballon-6 { animation: none; position: absolute; bottom: 250px; right: -130px; z-index: -1; width: 200px; }
    .ballon-7 { width: 180px;}

    /* ######################################## Easy Fun ######################################## */
    .easy-fun-sec.mobile-sec { height: 100%;}
    .easy-fun-sec { padding-bottom: 50px; position: relative;}
    .easy-fun-sec .ballon-3 { top: -100px; bottom: auto;}
    .map-sec { padding-top: 50px; position: relative;}
    .map-sec .map-img { height: 440px; object-fit: cover;}
    .box-anim { top: 45%; left: 32%;  width: 80px; position: absolute;}
    .box-anim img { width: 80px;}
    .main-button { width:200px;}
    .box-ballon-sec { padding-top: 40%; width: 100%; position: relative;}
    .box-ballon-sec .align-center { flex-direction: column-reverse;}
    .pink-box-info { padding-top: 35px; background: none; width: 75%; height: 100%; top: 0;}
    .pink-box-desc { padding-left: 0; width: 100%;}
    .box-anim-2 { left: 15px; transform: none;}
    .box-anim-2 img { width: 200px;}
    .box-ballon-group { z-index: 2;}
    .box-anim-2 .box-cap { bottom: 60%; left: 0; position: absolute;}
    .box-anim-2 .box-cap.ballons, .reward-sec .box-cap { bottom: 85%; left: -25px;}
    .box-coin-grp .coin-1 { width: 50px; top: -130px; left: 100px;}
    .box-coin-grp .coin-2 { width: 40px; top: -200px; left: 45px;}
    .box-coin-grp .coin-3 { width: 45px; top: -55px; left: 55px;}
    .box-coin-grp .coin-4 { width: 45px; top: -120px; left: 10px;}
    .we-belive-in-sec { padding: 50px 15px; text-align: center;}
    .we-belive-in-desc h2 { font-size: 4.2rem; line-height: 4.8rem;}

    /* ######################################## Food Partners ######################################## */
    .food-partners-sec h5 span { font-size: 2rem; line-height: 2.5rem;}
    .food-partners-sec h6 br, 
    .influencers-sec h6 br { display: none;}
    .food-partners-sec .food-partner-slider { padding-top: 0;}
    .food-partners-sec .food-partner-slider .slick-list { overflow: visible;}
    .food-partners-sec .food-partner-slider > div { padding-top: 35px !important; width: 100%; min-height: 400px; display: block;}
    .partner-list-info { margin: 0 10px; min-width: 230px;}
    .partner-list-info > .align-center { justify-content: center;}
    .partner-hover-info { width: 310px;}
    .food-partners-sec .food-partner-slider .slick-current.slick-active .partner-list-info .partner-hover-info { left: -40px; transform: translateX(0px) scale(1) !important;}
    .food-partners-sec .partner-list-info > p { font-size: 1.8rem;}

    /* ######################################## Influencer ######################################## */
    .influencers-sec { padding-bottom: 0 !important;}
    .influencers-sec h5 img { top: -48px; right: -100px;}
    .influencers-slider-sec .slick-list { padding: 0;}
    .infulencer-usr-info-slider > .align-center { display: block;}
    .infulencer-usr-big-img { display: none;}
    .infulencer-usrs-info { width: 100%; padding-left: 0;}
    .infulencer-usrs-info h6 { font-size: 2rem; line-height: 3rem;}
    .infulencer-usrs-info .desg { font-size: 1.5rem; line-height: 2rem;}
    .infulencer-usrs-info p { font-size: 1.2rem; line-height: 2rem;}
    .influencers-slider-sec { margin-top: 0;}
    .infulencer-usrs .slick-current.slick-active .infulencer-usr-img::after { bottom: -40%;}

    /* ######################################## Modals Style ######################################## */
    .modal-style .modal-dialog { max-width: 70% !important;}
    .modal-style .modal-content { padding: 50px 15px 35px;}
    .modal-style .modal-title { font-size: 2rem; line-height: 2.5rem;}
    .modal-style.signup-modal-style.signup-mobile-modal .content-change-btn .main-button.benefit-btn,
    .modal-style.signup-modal-style.signup-mobile-modal .mobile-modal .form-blk,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .content-change-btn .main-button.signup,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .mobile-modal .benefit-blk { display: none;}
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .content-change-btn .main-button.benefit-btn,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .mobile-modal .form-blk { display: block;}
    .modal-style .modal-header p, 
    .modal-style.signup-modal-style .benefit-blk p, 
    .modal-style .form-blk label,
    .modal-style.signup-modal-style .benefit-blk .benefit-info-blk p { font-size: 1.2rem; line-height: 2rem;}
    .modal-style .modal-header p br, 
    .modal-style.signup-modal-style .benefit-blk p br { display: none;}
    .form-logo { top: -40px;}
    .form-logo img { height: 75px; width: 75px;}
    .pwd-blk img { top: 17px;}
    .modal-style.signup-modal-style .mobile-modal .benefit-blk, 
    .modal-style.signup-modal-style .mobile-modal .form-blk  { padding: 35px 25px !important; min-height: 100%; width: 100%; transition-duration: 0.3s;}
    .benefit-slider { display: block;}
    .benefit-slider-blk { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%;}
    .benefit-slider .slick-list { padding: 50px 0 70px;}
    .benefit-info-blk { width: 70%; margin: 0 auto !important; box-shadow: none; position: relative;}
    .benefit-info-blk-1,
    .benefit-info-blk-2 { transform: none;}
    .benefit-info-blk-1 { box-shadow: 0px 35px 40px rgba(249, 114, 42, 0.6);}
    .benefit-info-blk-1::after { z-index: -1; content: ''; position: absolute; right: -25px; top: 25px; background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%); opacity: 0.2; box-shadow: 0px 20px 30px rgba(249, 114, 42, 0.502); border-radius: 16px; height: 100%; width: 100%;}
    .benefit-info-blk-2 { box-shadow: 0px 20px 60px rgba(181, 31, 235, 0.502);}
    .benefit-info-blk-2::after { z-index: -1; content: ''; position: absolute; right: -25px; top: 25px; background: linear-gradient(180deg, #F42020 0%, #B51FEB 100%); opacity: 0.2; box-shadow: 0px 20px 30px rgba(181, 31, 235, 0.502); border-radius: 16px; height: 100%; width: 100%;}
    .benefit-info { padding-top: 35px;}
    .benefit-slider .slick-arrow { z-index: 10;}
    .benefit-slider .slick-prev { left: -10px;}
    .benefit-slider .slick-next { right: 10px;}
    .benefit-slider .slick-prev::before { content: ''; background: url('../images/arrow-left.png') no-repeat; height: 34px; width: 34px; display: block;}
    .benefit-slider .slick-next::before { content: ''; background: url('../images/arrow-right.png') no-repeat; height: 34px; width: 34px; display: block;}
    .content-change-btn { text-align: center;}
    .content-change-btn .main-button { width: 45%; padding: 10px 30px; position: absolute; bottom: auto; top: -70px; font-size: 22px; line-height: 30px; border-radius: 25px 25px 0 0;}
    .content-change-btn .main-button span { display: block;}
    .modal-style .form-blk .form-group { padding: 15px 0;}
    .modal-style .form-blk label { padding-top: 0;}
    .nav-tabs { padding-top: 25px; padding-bottom: 10px !important;}
    .nav-tabs .nav-item .nav-link { padding: 0 25px !important;}
    .signup-form-part2 .nav-link img { width: 45px;}
    .signup-form-part2 .tab-content { padding-top: 15px;}

    /* ######################################## Footer ######################################## */
    footer .navbar-collapse                                   { flex-basis: auto;}
    footer .navbar-nav                                        { flex-direction: row;}
    footer .nav-item                                          { margin-bottom: 0;}
    footer .navbar                                            { width: 100%;}
    footer .navbar-collapse                                   { justify-content: flex-end; }
    footer .footer-content                                    { padding: 2.5rem 0 1.5rem; justify-content: center;}
    footer .store-btn-container .store-btn                    { margin: 1rem 1.25rem;}
    footer .store-btn-container                               { width: 50%;}
}

/* ######################################## Media-query 576 to 767 ######################################## */
@media (min-width: 576px) and (max-width: 767px) {

    /* ######################################## Default Html font-size ######################################## */  
    html { font-size: 13px; overflow-x: hidden;}
    h1{ font-size: 5.3rem; line-height: 6rem;}
    h3 { font-size: 3.3rem; line-height: 4.2rem;}
    h4 { font-size: 3rem; line-height: 3.5rem;}
    h5 { font-size: 2rem; line-height: 2.5rem; }
    h6 { font-size: 1.6rem; line-height: 2.5rem; }
    .common-padding { padding: 50px 0;}
    .common-padding-big { padding: 100px 0;}
    .mobile-show { display: block;}
    .mobile-hide { display: none;}

    /* ######################################## Header ######################################## */
    .navbar-brand                                             { width: 140px;}
    .navbar-toggler                                           { padding: 0;}
    .navbar-toggler-icon                                      { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;}
    .navbar-collapse                                          { justify-content: center; }
    header .navbar-nav .nav-item .nav-link.rest-login,
    header .navbar-nav .nav-item .nav-link                    { margin: 0;}
    .navbar-nav                                               { align-items: center;}
    .nav-item                                                 { margin-bottom: 0.5rem;}

    /* ######################################## Banner ######################################## */
    .banner { height: 100%; text-align: center;}
    .banner-download-section { width: auto;}
    .banner-content h1 { padding: 25px 0;}
    .banner-content .store-btn-container,
    .banner-content .store-btn-container a { display: block;}
    .banner-content .store-btn-container a { padding-bottom: 25px; }
    .mouse-gif { display: none;}
    .ballon-1 { left: -250px;}
    .ballon-2 { top: -180px; left: 32%; width: 185px;}
    .ballon-3 { bottom: 300px; right: -210px; z-index: -1; width: 280px; opacity: 1; filter: blur(8px);}
    .ballon-4 { top: -320px; left: -135px; width: 200px;}
    .ballon-5 { animation: none; top: 60px; transform: translateY(-60px); -webkit-transform: translateY(-60px); width: 200px; left: -180px;}
    .ballon-6 { animation: none; position: absolute; bottom: 250px; right: -130px; z-index: -1; width: 200px; }
    .ballon-7 { bottom: -350px; width: 180px;}

    /* ######################################## Easy Fun ######################################## */
    .easy-fun-sec { padding-top: 0; position: relative;}
    .easy-fun-sec .ballon-3 { top: -100px; bottom: auto;}
    .map-sec { padding-top: 50px;}
    .map-sec .map-img { height: 440px; object-fit: cover;}
    .box-anim { top: 45%; left: 12%;}
    .box-anim img { width: 80px;}
    .main-button { width: 65%;}
    .box-ballon-sec { padding-top: 72%; width: 100%;}
    .box-ballon-sec .align-center { flex-direction: column-reverse;}
    .pink-box-info { padding-top: 35px; background: none; width: 75%; height: 100%; top: 0;}
    .pink-box-desc { padding-left: 0; width: 100%;}
    .box-anim-2 { left: 15px; transform: none;}
    .box-anim-2 img { width: 200px;}
    .box-anim-2 .box-cap { bottom: 60%; left: -22px; transform: scale(0.85);}
    .box-anim-2 .box-cap.ballons, .reward-sec .box-cap { bottom: 85%; left: -25px;}
    .box-coin-grp .coin-1 { width: 50px; top: -130px; left: 100px;}
    .box-coin-grp .coin-2 { width: 40px; top: -200px; left: 45px;}
    .box-coin-grp .coin-3 { width: 45px; top: -55px; left: 55px;}
    .box-coin-grp .coin-4 { width: 45px; top: -120px; left: 10px;}
    .we-belive-in-sec { padding: 50px 15px; text-align: center;}
    .we-belive-in-desc h2 { font-size: 4.2rem; line-height: 4.8rem;}

    /* ######################################## Food Partners ######################################## */
    .food-partners-sec h5 span { font-size: 2rem; line-height: 2.5rem;}
    .food-partners-sec h6 br, 
    .influencers-sec h6 br { display: none;}
    .food-partners-sec .food-partner-slider { padding-top: 0;}
    .food-partners-sec .food-partner-slider .slick-list { overflow: visible;}
    .food-partners-sec .food-partner-slider > div { padding-top: 35px !important; width: 100%; min-height: 400px; display: block;}
    .partner-list-info { margin: 0 10px; min-width: 230px;}
    .partner-list-info > .align-center { justify-content: center;}
    .partner-hover-info { width: 310px;}
    .food-partners-sec .food-partner-slider .slick-current.slick-active .partner-list-info .partner-hover-info { left: -40px; transform: translateX(0px) scale(1) !important;}
    .food-partners-sec .partner-list-info > p { font-size: 1.8rem;}

    /* ######################################## Influencer ######################################## */
    .influencers-sec { padding-bottom: 0 !important;}
    .influencers-sec h5 img { top: -30px; right: -80px;}
    .influencers-slider-sec .slick-list { padding: 0;}
    .infulencer-usr-info-slider > .align-center { display: block;}
    .infulencer-usr-big-img { display: none;}
    .infulencer-usrs-info { width: 100%; padding-left: 0;}
    .infulencer-usrs-info h6 { font-size: 2rem; line-height: 3rem;}
    .infulencer-usrs-info .desg { font-size: 1.5rem; line-height: 2rem;}
    .infulencer-usrs-info p { font-size: 1.2rem; line-height: 2rem;}
    .influencers-slider-sec { margin-top: 0;}
    .infulencer-usrs .slick-current.slick-active .infulencer-usr-img::after { bottom: -40%;}

    /* ######################################## Modals Style ######################################## */
    .modal-style .modal-dialog { max-width: 95% !important;}
    .modal-style .modal-content { padding: 50px 15px 35px;}
    .modal-style .modal-title { font-size: 2rem; line-height: 2.5rem;}
    .modal-style.signup-modal-style.signup-mobile-modal .content-change-btn .main-button.benefit-btn,
    .modal-style.signup-modal-style.signup-mobile-modal .mobile-modal .form-blk,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .content-change-btn .main-button.signup,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .mobile-modal .benefit-blk { display: none;}
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .content-change-btn .main-button.benefit-btn,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .mobile-modal .form-blk { display: block;}
    .modal-style.signup-modal-style .modal-dialog { top: 62%;}
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .modal-dialog { top: 55%;}
    .modal-style .modal-header p, 
    .modal-style.signup-modal-style .benefit-blk p, 
    .modal-style .form-blk label,
    .modal-style.signup-modal-style .benefit-blk .benefit-info-blk p { font-size: 1.2rem; line-height: 2rem;}
    .modal-style .modal-header p br, 
    .modal-style.signup-modal-style .benefit-blk p br { display: none;}
    .form-logo { top: -40px;}
    .form-logo img { height: 60px; width: 60px;}
    .pwd-blk img { top: 17px;}
    .modal-style.signup-modal-style .mobile-modal .benefit-blk, 
    .modal-style.signup-modal-style .mobile-modal .form-blk  { padding: 35px 25px !important; min-height: 100%; width: 100%; transition-duration: 0.3s;}
    .benefit-slider { display: block;}
    .benefit-slider-blk { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%;}
    .benefit-slider .slick-list { padding: 50px 0 70px;}
    .benefit-info-blk { width: 70%; margin: 0 auto !important; box-shadow: none; position: relative;}
    .benefit-info-blk-1,
    .benefit-info-blk-2 { transform: none;}
    .benefit-info-blk-1 { box-shadow: 0px 35px 40px rgba(249, 114, 42, 0.6);}
    .benefit-info-blk-1::after { z-index: -1; content: ''; position: absolute; right: -25px; top: 25px; background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%); opacity: 0.2; box-shadow: 0px 20px 30px rgba(249, 114, 42, 0.502); border-radius: 16px; height: 100%; width: 100%;}
    .benefit-info-blk-2 { box-shadow: 0px 20px 60px rgba(181, 31, 235, 0.502);}
    .benefit-info-blk-2::after { z-index: -1; content: ''; position: absolute; right: -25px; top: 25px; background: linear-gradient(180deg, #F42020 0%, #B51FEB 100%); opacity: 0.2; box-shadow: 0px 20px 30px rgba(181, 31, 235, 0.502); border-radius: 16px; height: 100%; width: 100%;}
    .benefit-info { padding-top: 35px;}
    .benefit-slider .slick-arrow { z-index: 10;}
    .benefit-slider .slick-prev { left: -10px;}
    .benefit-slider .slick-next { right: 10px;}
    .benefit-slider .slick-prev::before { content: ''; background: url('../images/arrow-left.png') no-repeat; height: 34px; width: 34px; display: block;}
    .benefit-slider .slick-next::before { content: ''; background: url('../images/arrow-right.png') no-repeat; height: 34px; width: 34px; display: block;}
    .content-change-btn { text-align: center;}
    .content-change-btn .main-button { padding: 10px 30px; position: absolute; bottom: auto; top: -68px; font-size: 22px; line-height: 30px; border-radius: 25px 25px 0 0;}
    .content-change-btn .main-button span { display: block;}
    .modal-style .form-blk .form-group { padding: 15px 0;}
    .modal-style.signup-modal-style .form-blk .modal-title { padding-bottom: 10px;}
    .modal-style .form-blk label { padding-top: 0;}
    .nav-tabs { padding-top: 25px; padding-bottom: 10px !important;}
    .nav-tabs .nav-item .nav-link { padding: 0 14px !important;}
    .signup-form-part2 .nav-link img { width: 30px;}
    .signup-form-part2 .tab-content { padding-top: 15px;}

    /* ######################################## Footer ######################################## */
    footer .navbar-collapse                                   { flex-basis: auto;}
    footer .navbar-nav                                        { flex-direction: row;}
    footer .nav-item                                          { margin-bottom: 0;}
    footer .navbar                                            { width: 100%;}
    footer .navbar-collapse                                   { justify-content: flex-end; }
    footer .footer-content                                    { padding: 2.5rem 0 1.5rem; justify-content: center;}
    footer .store-btn-container .store-btn                    { margin: 1rem 1.25rem;}
    footer .navbar-nav .nav-item .nav-link                    { padding: 0.875rem 1rem;}
    footer .store-btn-container                               { width: 60%;}
}

/* ######################################## Media-query 575 ######################################## */
@media (max-width: 575px) {

    /* ######################################## Default Html font-size ######################################## */  
    html { font-size: 12px; overflow-x: hidden;}
    h1{ font-size:4.3rem; line-height: 5rem;}
    h3 { font-size: 3rem; line-height:3.2rem;}
    h4 { font-size: 3rem; line-height: 3.5rem;}
    h5 { font-size: 2rem; line-height: 2.5rem; }
    h6 { font-size: 1.6rem; line-height: 2.5rem; }
    .common-padding { padding: 50px 0;}
    .common-padding-big { padding: 100px 0;}
    .mobile-show { display: block;}
    .mobile-hide { display: none;}

    /* ######################################## Header ######################################## */
    .navbar-brand                                             { width: auto;}
    .navbar-brand img { width: 115px;}
    .navbar-brand.mobile-show img { width: 60px;}
    .header-btn.mobile-show { margin-left: 50px;}
    .header-btn .join-dabb-btn { padding: 0.875rem 3rem; font-weight: 700; font-size: 1.275rem;}
    .navbar-nav .nav-item .nav-link { padding: 0.875rem 3rem;}
    .navbar-toggler                                           { padding: 0;}
    .navbar-toggler-icon                                      { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
    .navbar-collapse                                          { justify-content: center; }
    header .navbar-nav .nav-item .nav-link.rest-login,
    header .navbar-nav .nav-item .nav-link                    { margin: 0;}
    .navbar-nav                                               { align-items: center;}
    .nav-item                                                 { margin-bottom: 0.5rem;}

    /* ######################################## Banner ######################################## */
    .banner { height: 100%; text-align: center;}
    .banner-download-section { width: auto;}
    .banner-content h1 { padding: 25px 0;}
    .banner-content .store-btn-container,
    .banner-content .store-btn-container a { display: block;}
    .banner-content .store-btn-container a { padding-bottom: 25px; }
    .mouse-gif { display: none;}
    .ballon-1 { left: -250px;}
    .ballon-2 { top: -180px; left: 32%; width: 185px;}
    .ballon-3 { bottom: 300px; right: -210px; z-index: -1; width: 280px; opacity: 1; filter: blur(8px);}
    .mobile-show .ballon-3 { top: auto;}
    .ballon-4 { top: -320px; left: -135px; width: 200px;display: none;}
    .ballon-5 { animation-duration: 5s; top: 60px; transform: translateY(-60px); -webkit-transform: translateY(-60px); width: 200px; left: -180px;}
    .ballon-6 { position: absolute; bottom: 250px; right: -130px; z-index: -1; width: 200px; }
    .ballon-7 { bottom: -350px; width: 180px;}

    /* ######################################## Easy Fun ######################################## */
    .easy-fun-sec.mobile-sec { height: 100%;}
    .easy-fun-sec .mobile-hide { display: none !important;}
    .easy-fun-sec { padding-bottom: 50px; position: relative;}
    .easy-fun-sec .ballon-3 { top: -50px; bottom: auto;}
    .map-sec { padding-top: 35px; position: relative;}
    .map-sec .map-img { height: 440px; object-fit: cover;}
    .box-anim { top: 45%; left: 12%; width: 80px; position: absolute;}
    .box-anim img { width: 80px;}
    .main-button { width: 65%;}
    .box-ballon-sec { padding-top: 72%; width: 100%; position: relative;}
    .box-ballon-group img:not(.box-cap) { width: 90%;}
    .box-ballon-sec .align-center { flex-direction: column-reverse;}
    .pink-box-info { padding-top: 35px; background: none; width: 75%; height: 100%; top: 0;}
    .pink-box-desc { padding-left: 0; width: 100%;}
    .pink-box-desc h5 span { font-size: 2.5rem; line-height: 3rem; font-weight: 800;}
    .box-anim-2 { left: 15px; transform: none;}
    .box-anim-2 img { width: 170px;}
    .box-ballon-group { z-index: 2; top: -15%; left: -10%;}
    .box-anim-2 .box-cap { bottom: 60%; left: 0; position: absolute;}
    .box-anim-2 .box-cap.ballons, .reward-sec .box-cap { bottom: 85%; left: -25px;}
    .box-coin-grp .coin-1 { width: 50px; top: -130px; left: 100px;}
    .box-coin-grp .coin-2 { width: 40px; top: -200px; left: 45px;}
    .box-coin-grp .coin-3 { width: 45px; top: -55px; left: 45px;}
    .box-coin-grp .coin-4 { width: 45px; top: -120px; left: 10px;}
    .we-belive-in-sec { padding: 50px 15px; text-align: center;}
    .we-belive-in-desc h2 { font-size: 4.2rem; line-height: 4.8rem;}

    /* ######################################## Food Partners ######################################## */
    .food-partners-sec h5 span { font-size: 2rem; line-height: 2.5rem;}
    .food-partners-sec h6 br, 
    .influencers-sec h6 br { display: none;}
    .food-partners-sec .food-partner-slider { padding-top: 0;}
    .food-partners-sec .food-partner-slider .slick-list { overflow: visible;}
    .food-partners-sec .food-partner-slider > div { padding-top: 35px !important; width: 100%; min-height: 400px; display: block;}
    .partner-list-info { margin: 0 10px; min-width: 230px;}
    .partner-list-info > .align-center { justify-content: center;}
    .partner-hover-info { width: 310px;}
    .food-partners-sec .food-partner-slider .slick-current.slick-active .partner-list-info .partner-hover-info { left: -40px; transform: translateX(0px) scale(1) !important;}
    .food-partners-sec .partner-list-info > p { font-size: 1.8rem;}

    /* ######################################## Influencer ######################################## */
    .influencers-sec { padding-bottom: 0 !important;}
    .influencers-sec h5 img { top: -30px; right: -80px;}
    .influencers-slider-sec .slick-list { padding: 0;}
    .infulencer-usr-info-slider > .align-center { display: block;}
    .infulencer-usr-big-img { display: none;}
    .infulencer-usrs-info { width: 100%; padding-left: 0;}
    .infulencer-usrs-info h6 { font-size: 2rem; line-height: 3rem;}
    .infulencer-usrs-info .desg { font-size: 1.5rem; line-height: 2rem;}
    .infulencer-usrs-info p { font-size: 1.2rem; line-height: 2rem;}
    .influencers-slider-sec { margin-top: 0;}
    .infulencer-usrs .slick-current.slick-active .infulencer-usr-img::after { bottom: -40%;}

    /* ######################################## Modals Style ######################################## */
    .modal-style .modal-dialog { max-width: 95% !important;}
    .modal-style .modal-content { padding: 50px 15px 35px;}
    .modal-style .modal-title { font-size: 2rem; line-height: 2.5rem;}
    .modal-style.signup-modal-style.signup-mobile-modal .content-change-btn .main-button.benefit-btn,
    .modal-style.signup-modal-style.signup-mobile-modal .mobile-modal .form-blk,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .content-change-btn .main-button.signup,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .mobile-modal .benefit-blk { display: none;}
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .content-change-btn .main-button.benefit-btn,
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .mobile-modal .form-blk { display: block;}
    .modal-style.signup-modal-style .modal-dialog { top: 62%;}
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .modal-dialog { top: 70%;}
    .modal-style .modal-header p, 
    .modal-style.signup-modal-style .benefit-blk p, 
    .modal-style .form-blk label,
    .modal-style.signup-modal-style .benefit-blk .benefit-info-blk p { font-size: 1.2rem; line-height: 2rem;}
    .modal-style .modal-header p br, 
    .modal-style.signup-modal-style .benefit-blk p br { display: none;}
    .form-logo { top: -40px;}
    .form-logo img { height: 60px; width: 60px;}
    .pwd-blk img { top: 17px;}
    .modal-style.signup-modal-style .mobile-modal .benefit-blk, 
    .modal-style.signup-modal-style .mobile-modal .form-blk  { padding: 35px 25px !important; min-height: 100%; width: 100%; transition-duration: 0.3s;}
    .modal-style.signup-modal-style .mobile-modal .form-blk { padding: 15px 25px !important;}
    .benefit-slider { display: block;}
    .benefit-slider-blk { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%;}
    .benefit-slider .slick-list { padding: 50px 0 70px;}
    .benefit-info-blk { width: 70%; margin: 0 auto !important; box-shadow: none; position: relative;}
    .benefit-info-blk-1,
    .benefit-info-blk-2 { transform: none;}
    .benefit-info-blk-1 { box-shadow: 0px 35px 40px rgba(249, 114, 42, 0.6);}
    .benefit-info-blk-1::after { z-index: -1; content: ''; position: absolute; right: -25px; top: 25px; background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%); opacity: 0.2; box-shadow: 0px 20px 30px rgba(249, 114, 42, 0.502); border-radius: 16px; height: 100%; width: 100%;}
    .benefit-info-blk-2 { box-shadow: 0px 20px 60px rgba(181, 31, 235, 0.502);}
    .benefit-info-blk-2::after { z-index: -1; content: ''; position: absolute; right: -25px; top: 25px; background: linear-gradient(180deg, #F42020 0%, #B51FEB 100%); opacity: 0.2; box-shadow: 0px 20px 30px rgba(181, 31, 235, 0.502); border-radius: 16px; height: 100%; width: 100%;}
    .benefit-info { padding-top: 35px;}
    .benefit-slider .slick-arrow { z-index: 10;}
    .benefit-slider .slick-prev { left: -10px; height: 34px !important; width: 34px !important;}
    .benefit-slider .slick-next { right: -5px; height: 34px !important; width: 34px !important;}
    .benefit-slider .slick-prev::before { content: ''; background: url('../images/arrow-left.png') no-repeat; height: 34px; width: 34px; display: block;}
    .benefit-slider .slick-next::before { content: ''; background: url('../images/arrow-right.png') no-repeat; height: 34px; width: 34px; display: block;}
    .content-change-btn { text-align: center;}
    .content-change-btn .main-button { padding: 10px 30px; position: absolute; bottom: auto; top: -68px; font-size: 22px; line-height: 30px; border-radius: 25px 25px 0 0;}
    .content-change-btn .main-button span { display: block;}
    .modal-style .form-blk .form-group { padding: 15px 0;}
    .modal-style .form-blk .modal-title { padding-bottom: 10px;}
    .modal-style.signup-modal-style .form-blk .modal-title { padding: 15px 0 25px;}
    .modal-style.signup-modal-style .form-blk .form-group { padding: 7px 0;}
    .modal-style .form-blk label { padding-top: 0;}
    .nav-tabs { padding-top: 25px; padding-bottom: 10px !important;}
    .nav-tabs .nav-item .nav-link { padding: 0 14px !important;}
    .signup-form-part2 .nav-link img { width: 30px;}
    .signup-form-part2 .tab-content { padding-top: 15px;}

    /* ######################################## Footer ######################################## */
    footer .navbar-collapse                                   { display: none;}
    footer .footer-content                                    { flex-direction: column; align-items: center;}
    footer .store-btn-container                               { width: 100%; flex-direction: column;}   
    footer .store-btn-container .store-btn                    { margin-left: 0;} 
    footer .navbar-brand                                      { margin-right: 0; margin-bottom: 1.25rem;}
    footer .store-btn                                         { margin: 1.25rem 0;}
    .footer-copyright                                         { padding: 0.75rem 0 1rem; flex-direction: column-reverse;}
    footer .privacy-terms                                     { text-align: center;}
    .footer-social a                                          { margin: 0 0.5rem;}
    .privacy-terms > :first-child                             { margin-right: 0; margin-bottom: 0.75rem; display: block; }
    .privacy-terms > *                                        { font-weight: 200; font-size: 1.34rem;}
    .footer-social                                            { margin: 1rem 0 1.5rem;}
    .privacy-terms a:nth-of-type(1)::before                   { display: none;}      
    .privacy-terms > :not(:first-child)::before               { height: 100%; width: 1px;}
}
@media (min-width: 399px) and (max-width: 480px) {
    /* .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .modal-dialog { top:52%;} */
}
@media (max-height: 768px) {
    .banner { height: 100%;}
}




/* new css */
.container{
    max-width: 1720px;
    width: 100%;
    margin: auto;
}
.offer-image {
    position: relative;
}
.offer-image img{
    border-radius: 4px;
}
.offer-discount {
    position: absolute;
    top: 16px;
    background-color: #FB4F2D;
    padding: 8px 16px;
    border-radius: 80px;
    left: 16px;
    right: 16px;
    max-width: fit-content;
}
.offer-discount h6 {
    color: #fff;
    font-size: 13px;
    line-height: normal;
    font-family: 'Montserrat';
    font-weight: 600;
}
.offer-detail {
    position: absolute;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(2px);
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
    padding: 0 8px;
}
.offer-detail h3{
    color:  #0A0108;
    font-family: 'Montserrat';
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
    clear: left;
    width: 100%;
    display: block;
    float: right;
}
.offer-detail.ofdtllnk{
    cursor: pointer;;
}
.offer-detail h4{
    color: #FB4F2D;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%; 
    clear: left;
    width: 100%;
    display: block;
    float: right;
}
.offer-detail h3 span.text-end, .offer-detail h4 span.text-end{
    float: right;
}
/* header-bottom css start */
body {
    padding-top: 182px;
}
.header-bottom{
    background: rgba(30, 4, 26, 0.05);
    backdrop-filter: blur(6.5px);
    padding: 16px 0;
}
.header-bottom ul{
    margin: 0; padding:0 5vw;
}
.header-bottom ul li {
    display: inline-block;
    width: 33%;
    text-align: center;vertical-align: middle;
  line-height: 42px;
}
.header-bottom ul li:first-child{text-align:left;}
.header-bottom ul li:last-child{text-align:right;}
.header-bottom ul li p {
    margin: 0;
    display: inline-block;
    margin-left: 41px;
    color: #360946;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px; text-align: left;
}
.header-apptext img{ vertical-align: top;}
.header-bottom ul li:nth-child(2){
    border-right: 1px solid rgba(0, 0, 0, 0.34);
    border-left: 1px solid rgba(0, 0, 0, 0.34);
}
.navbar-nav .nav-item .nav-link.active {
    background-color: rgba(207, 162, 245, 0.2);
    color: #F42020;
}
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
    min-width: 100%;
    padding: 0;
    border: 0;

}
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li{
    background-color: rgba(207, 162, 245, 0.2);
    color: #360946;
}
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus, header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover{
    background-color: rgba(207, 162, 245, 0.2);
    color: #F42020;
}
header{
    border: 0;
}
/* header-bottom css end */
/* offer css start */
.bg{
    background-image: url("../images/offer-bg.png");
    background-position: center top;
    background-attachment: fixed;
}
.offer-filter .offer-filter-left ul{
    margin: 0;
}
.offer-filter .offer-filter-left ul li{
    display: inline-block;
}
.offer-filter .offer-filter-left ul li a{
    padding: 14px 32px;
    border-radius: 80px;
    border: 1px solid #360946;
    background-color: #fff;
    color: #360946;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.offer-slider:hover{
    box-shadow: 0px 20px 50px 0px rgba(251, 130, 45, 0.40);
    background: transparent!important;
}
.offer-slider:hover img{border-radius:6px;}
.offer-row.row {
    margin-left: -58.5px;
    margin-right: -58.5px;
}
.offer-filter .offer-filter-left ul li{
    margin-right: 30px;
}
.offer-filter .offer-filter-left ul li:last-child{
    margin-right: 0;
}
.offer-filter{
    padding: 48px 0;
}
.offer-filter .offer-filter-left ul li.active{
    background: linear-gradient(180deg,#EB1FCD,#F42020, #FB822D);
    background-clip: text;
    padding: 1px;
    border-radius: 80px;
}
.offer-filter .offer-filter-left ul li.active a{
    border: 0;
    color: #F42020;
}
.offer-filter-right {
    padding: 1px;
    background: linear-gradient(180deg,#EB1FCD,#F42020, #FB822D);
    border-radius: 80px;
    display: inline-block;
}
.offer-filter-right .offer-search {
    padding: 14px 32px 14px 16px;;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #360946;
    background: #fff;
    border: none;
    border-radius: 80px;
    border-right: 16px solid transparent;
}
.main-offer-image{
    position: relative;
}
.main-offer-image img{
    border-radius: 10px;
    margin-bottom:-6px;
    /* width: 337px;
    height: 237px; */
}
.main-offer-image .discount{
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: #FB4F2D;
    border-radius: 80px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
    padding: 8px 16px;
    max-width: fit-content;
    right: 16px;
}
.main-offer-image .discount p{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    margin: 0;
}
.main-offer-detail ul.restaurant-name li {
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: calc(100% - 64px);
}
.restaurants-detail .accordion-item{
    background-color: transparent;
}
.main-offer-detail ul.restaurant-name li:first-child{
    float: left;
    width: 64px;
}
.main-offer-detail ul.restaurant-name li img {
    width: 54px;
    height: 54px;
    margin-right: 4px;
    border-radius: 100%;
}
.restaurants-offer-detail .main-offer-detail{
    margin-top: 0;
}
.product-name-detail {
    clear: both;
}

.main-offer-detail ul li a {
    color:  rgba(30, 4, 26, 0.60);
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal; text-transform: uppercase;
}
.main-offer-detail ul.restaurant-name li p{
    color: #BAB2B9;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    margin: 0;
}
/* .main-offer-detail ul.restaurant-name li p.rest-chef-location{min-height: 20px;} */
.main-offer-detail ul.restaurant-name li p img {
    width: auto;
    height: auto;
    display: inline-block;margin-top: -3px;
}
.product-name-detail h5 {
    color: #0A0108;
    font-family: 'Montserrat';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items:baseline;
}
.product-name-detail h6{
    color:  #FB822D;
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    display: flex;
    justify-content: space-between;
    align-items:baseline;
    /* margin-top: 10px; */
}
.product-name-detail p{
    color: #8F8F8F;
    text-align: justify;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    margin-top: 18px;align-items:baseline;
    /* margin-bottom: 0; */
}
.offer-right-section{
    position: relative;
}
.restaurants-offer-detail{
    position: sticky;

}
.product-name-detail h5 span{
    background:  linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'M PLUS Rounded 1c';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;

}
.product-name-detail h6 span{
    color: #BAB2B9;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    position: relative;
}
.product-name-detail h6 span::before {
    content: '';
    width: 100%;
    background-color: #FB822D;
    transform: rotate(-15deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
}
.our-offer .col-xl-3.col-lg-4.col-md-6.col-sm-12 {
    margin-bottom: 75px;
    padding: 0 30.5px;
}
.main-offer-detail {
    margin-top: 32px;
    /* margin-top: 14px; */
}
.main-offer-detail.resmainoff {
    margin-top: 21px;
}
.offer-slider .slick-prev.slick-arrow {
    left: 16px;
    z-index: 1;
    background-color: rgb(255 255 255 / 50%);
    text-align: center;
    border-radius: 100%;
    width: 32px;
    height: 32px;
}
.offer-slider .slick-next.slick-arrow{
    right: 16px;
    z-index: 1;
    background-color: rgb(255 255 255 / 50%);
    text-align: center;
    border-radius: 100%;
    width: 32px;
    height: 32px;
}
.offer-slider .slick-prev:before {
    content: '\f053';
    font-family: 'FontAwesome';
    opacity: 1;
    color: #000000;
}
.offer-slider .slick-next:before {
    content: '\f054';
    font-family: 'FontAwesome';
    opacity: 1;
    color: #000000;
}
.load-more-offer {
    text-align: center;
    padding:0 0 15px 0;
}
.load-more-offer .load-more-btn{
    border-radius: 80px;
    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    color: var(--base, #FFF);
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    padding: 14px 32px;
    border: 0;
    text-transform: capitalize;
}
/* offer-detail */
section.our-offer-detail {
    padding-top: 48px;
}
.slider-nav .slick-slide {
    width: 100% !important;
}
.slider-nav  .slick-slide {
    margin: 5px 0px;
}
.slider-nav img {
    margin:0px auto 10px auto;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 12px;

}
.slider-nav .slick-slide.slick-current img{
    border: 1px solid #F42020;
    border-radius: 12px;

}
.slider-nav.slick-slider .slick-track, .slider-nav.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}
.restaurants-offer-detail .main-offer-detail .product-name-detail p {
    max-height: 303px;
    width: 100%;
    /* max-width: 320px; */
    overflow: auto;
    padding-right: 8px;
    color: #360946;
    text-align: justify;

    /* Body Text -  16px - Regular */
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
}
/* width */
.restaurants-offer-detail .main-offer-detail .product-name-detail p::-webkit-scrollbar {
    width: 5px;
    height: 20px;
}

/* Track */
/* .restaurants-offer-detail .main-offer-detail .product-name-detail p::-webkit-scrollbar-track {
  background: #E2DFE2; 
} */

/* Handle */
.restaurants-offer-detail .main-offer-detail .product-name-detail p::-webkit-scrollbar-thumb {
    background: #E2DFE2; 
    height: 20px;
}

/* Handle on hover */
.restaurants-offer-detail .main-offer-detail .product-name-detail p::-webkit-scrollbar-thumb:hover {
    background: #555; 
    height: 20px;
}

.offer-middle-section .slider-for .slick-prev.slick-arrow {
    left: 16px;
    z-index: 1;
    background-color: rgb(255 255 255 / 50%);
    text-align: center;
    border-radius: 100%;
    width: 32px;
    height: 32px;
}
.offer-middle-section .slider-for .slick-next.slick-arrow{
    right: 16px;
    z-index: 1;
    background-color: rgb(255 255 255 / 50%);
    text-align: center;
    border-radius: 100%;
    width: 32px;
    height: 32px;
}
.offer-middle-section .slider-for .slick-prev:before {
    content: '\f053';
    font-family: 'FontAwesome';
    opacity: 1;
    color: #000000;
}
.offer-middle-section .slider-for .slick-next:before {
    content: '\f054';
    font-family: 'FontAwesome';
    opacity: 1;
    color: #000000;
}
.offer-middle-section .slider-for .slick-slide img {
    display: block;
    width: 100%;
}
.offer-avaibility{
    padding-top: 40px;
}
.offer-avaibility ul li{
    display: inline-block;
    border-radius: 8px;
    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.26);
    position: relative;
    width: 100%;
    max-width: 141px;
    text-align: center;
    padding: 12px 8px;
    margin-right: 32px;
    margin-bottom:20px;
}
.offer-avaibility ul li:last-child{
    margin-right: 0;
}
.offer-avaibility ul li p{
    margin: 0;
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
}
.offer-avaibility ul li p spam{
    color: rgba(255, 255, 255, 0.40);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
.offer-avaibility ul li p span{
    display: block;
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; 
}
.offer-avaibility ul li .offer-top-icon{
    position: absolute;
    top: -8px;
    right: -8px;

}
.offer-avaibility ul li .offer-top-icon img {
    background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%);
    padding: 7px;
    border-radius: 100%;
    height: 32px;
    width: 32px;
}
/* .restaurants-detail {
    width: 59%;
    margin: auto;
    position: relative;
    left: -60px;
} */
.restaurants-detail{
    margin-top: -15px;
}
.experience-type ul li {
    display: inline-block;
    background-color: #fcf6fe;
    padding: 0 10px;
    border-radius: 15px;
    margin-right: 20px;
}

.experience-type ul li p {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    color: #FB4F2D;
    font-family: 'M PLUS Rounded 1c';
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px; /* 100% */
}

.experience-type ul {
    margin: 0;
}
.restaurants-detail .accordion-body {
    /* padding: 0px 0 60px 0; */
    padding: 0px 0 30px 0;
}
.restaurants-detail .accordion-item .accordion-header .accordion-button h5{
    color: #0A0108;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-wrap:nowrap;
    white-space: nowrap;
}
.restaurants-detail .accordion-item .accordion-header .accordion-button p{
    border-bottom: 1px solid #E2DFE2;
    width: 100%;
    margin: 0 20px;
}
.restaurants-detail .accordion-item .accordion-header .accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: none;
}
.restaurants-detail .accordion-item .accordion-header .accordion-button:focus{
    border: 0;
    box-shadow: none;
}
.restaurants-detail .accordion-item{
    border: 0;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/arrow-down.svg);
    transform: rotate(0deg);
}
.accordion-button::after{
    background-image: url(../images/arrow-down.svg);
    transform: rotate(-180deg);
}
.restaurants-detail .accordion-item .accordion-header .accordion-button{
    padding-left: 0;
    padding-right: 0;
}
.restaurant-label ul{
    margin: 0;
}
.restaurant-label ul li{
    display: inline-block;
    margin-right: 10px;
}
.restaurant-label ul li p{
    margin: 0;
    color: #B51FEB;
    font-family: 'Montserrat';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.offer-rules ul{
    margin: 0;
    padding-left: 30px;
}
.offer-rules ul li{
    color:#360946;
    font-size: 20px;
}
.offer-rules ul li p{
    color:#360946;
    font-family: 'Montserrat';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 155.9%; 
    margin: 0;
}
.offer-description p{
    color:#360946;
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.desktop-hide{
    display: none;
}
.product-buy-detail {
    display: flex;
    justify-content: space-between;
}
.product-buy-detail .discount-price h5{
    text-align: right;
    font-family: 'M PLUS Rounded 1c';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.product-buy-detail .discount-price h6 {
    color: #BAB2B9;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    position: relative;
    float: right;
    line-height: 0.9;
}
.product-buy-detail .discount-price h6::before {
    content: '';
    width: 100%;
    background-color: #FB822D;
    transform: rotate(-15deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
}
.product-buy-detail .discount {
    border-radius: 80px;
    background: #FB4F2D;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
    padding: 8px 16px;
    height: 36px;
    /* width: 86px; */
    max-width: 100%;
    margin-right: 11px;
}
.product-buy-detail .discount p {
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    margin: 0; 
}
.product-buy{
    margin-top: 40px;
    margin-bottom: 40px;
}
.buynow-share-btn ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.buynow-share-btn ul li{
    list-style: none;
}
.buynow-share-btn ul li a.share-btn{
    padding: 13px 23px;
    border-radius: 47px;
    border: 2px solid #FB822D;
    color:  #F42020;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.buynow-share-btn ul li a.buy-now-btn{
    padding: 14px 32px;
    border-radius: 80px;
    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    text-transform: capitalize;

}
.group-offer-detail {
    position: relative;
    width: 382px;
}
.group-offer-detail ul {
    position: absolute;
    top: 0;
    width: 273px;
    margin: auto;
    text-align: center;
    right: 10px;
    bottom: 0;
    height: 58%;
}
.group-offer-detail ul li {
    width: 50%;
    float: left;
    list-style: none;
    margin: auto;
}
.group-offer-detail ul li h4{
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: 800;
}
.group-offer-detail ul li p {
    color: #b31fe8;
    margin: 0;
}
.group-offer-detail .tip-btn input[type="radio"]:checked + span {
    border: 2px solid #ffffff;
    background-color: transparent;
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
}
.group-offer-detail .tip-btn label.ofaply{cursor: pointer;}
/* .group-offer-detail .tip-btn input[type="radio"] + span, .group-offer-detail .tip-btn label.ofaply {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    padding: 14px 24px;
    border-radius: 80px;
    border: 2px solid #ffffff;
    background: transparent;
} */


.group-offer-detail .tip-btn label.ofaply span{  font-size: 14px;
                                                 font-style: normal;
                                                 font-weight: 700;}
.build-your-dish ul li input {
    display: none;
}

.build-your-dish input[type=checkbox] + label:before {
    content: '\f067';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0px;
    top: 0px;
    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    padding: 6px 9px;
    border-radius: 20px;
    color: #fff;
    margin: auto;
    font-size: 16px;
    height: 30px;
    width: 30px;
    line-height: 20px;
}
.build-your-dish ul li input[type=checkbox]:checked + label {
    border: 1px solid #b51feb;
    color: #b51feb;
    background-color: #ffffff;
} 
.build-your-dish ul li input[type=checkbox]:checked + label:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    background: #000;
    line-height: normal;
}
.build-your-dish ul li label.fas {
    position: relative;
    border: 1px solid transparent;
    display: block;
    padding: 5px 10px;
    background-color: rgba(204, 204, 204, 0.4);
    border-radius: 20px;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 15px;
    height: 32px;
}
.build-your-dish ul li label.fas span {
    float: right;
    font-weight: 500;
}
.build-your-dish ul li{
    float: left;
    /* width:100%; */
    width:31%;
    list-style: none;
    margin-bottom: 15px;
    margin-right: 15px;
}
.build-your-dish ul li:first-child label{
    margin: 0;
}
.build-your-dish ul li:last-child label{
    margin: 0;
}
/* checkout confirm start */
section.checkout-confirm-first {padding-top:20px;}
.checkout-confirm-first .bread-cumb{margin-bottom: 0;}
.checkout-right-detail h4{
    color: #360946;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 32px;
}
.order-summary-total{
    padding: 16px;
}
.order-summary{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.order-summary h5{
    color:rgba(30, 4, 26, 0.60);
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-wrap:nowrap;
    white-space: nowrap;
}
.order-summary p{
    width: 100%;
    border-bottom: 1px solid #E2DFE2;
    margin: 0 3px;
}
.order-summary h6{
    text-align: right;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.order-summary h6.total{
    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dicount-price h6{
    background: red;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.get-app{
    display: flex;
    padding: 8px 8px 8px 16px;
    align-items: center;
    background-color: #360946;
    justify-content: space-between;
    margin: 45px 0;
}
.get-app p{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    margin: 0;
}
.get-app p span{
    color: #FB4F2D;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: block;
}
.get-app a{
    color:#F42020;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px; 
}










.tip-btn #radios label {
    cursor: pointer;
    position: relative;
}

.tip-btn #radios label + label {
    margin-left: 15px;
}

.tip-btn input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.tip-btn input[type="radio"] + span {
    color:  rgba(30, 4, 26, 0.60);
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%; 
    padding: 14px 24px;

    border-radius: 80px;
    border: 2px solid #BAB2B9;
    background: #FFF;
}

.tip-btn input[type="radio"]:checked + span {
    background: linear-gradient(144deg, #C955FF 0%, #8718AE 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 2px solid #8718ae;

}

.tip-btn input[type="radio"]:focus + span {
    color: #fff;
}
.confirmed-btn ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
    /* margin-top: 40px; */
}
.confirmed-btn ul li{
    list-style: none;
}
.confirmed-btn ul li .pay-btn{
    border-radius: 80px;
    background:  #E2DFE2;
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    padding: 14px 32px;
    border: 0;
    text-transform: uppercase;
}
.confirmed-btn ul li .confirm-btn{
    border-radius: 47px;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    padding: 13px 23px;
    border: 2px solid #FB822D;
    text-transform: uppercase;
    background-color:#FB822D;
}
.checkout-right-detail {
    padding: 24px 0;
    background-color: #fff;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 16px;
    /* margin-left: 80px;
    margin-right: 80px; */

}

.leave-tip {
    padding: 0 16px;
}
.leave-tip .tip-btn p{
    color:  #0A0108;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.checkout-left-detail{
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 16px;
}
.checkout-left-detail .experience-type ul li{
    display: block;
    margin-bottom: 10px;
    position: relative;
    margin-right: 0;
}
.checkout-left-detail .experience-type ul li p span{
    position: absolute;
    right: 30px;
    color: #360946;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
}
.checkout-left-detail .experience-type ul li p span spam.valid-date{
    color:#0A0108;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.experience-type-detail h6{
    color: #0A0108;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
}
.experience-type-detail{
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #E2DFE2;
    margin-bottom: 24px;
}
.checkout-left-detail .main-offer-detail{
    margin-top: 0;
}
.comments{
    margin-top: 40px;
}
.comments h6{
    color: #0A0108;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 16px;
}
.comments h6 span{
    color: rgba(30, 4, 26, 0.60);
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.comments textarea{
    border-radius: 16px;
    border: 1px solid #E2DFE2;
    width: 100%;
    padding: 14px 16px;
    background-color: #FFFFFF;
    height: 140px;
    resize: none;
}
.our-app-mobile .header-bottom ul li:nth-child(2){
    border: 0;
}
.our-app-mobile .header-bottom .slick-slide img{
    display: inline-block;
}
.our-app-mobile .header-bottom ul li p{
    display: inline-block;
}
.hide-section{
    display: none;
}
.our-app-mobile.mobile-show {
    position: relative;
}
.cloce-btn {
    position: absolute;
    right: 8px;
    top: 8px;
}
.cloce-btn .fa {
    font-size: 21px;
    color: rgb(30 4 26 / 60%);
}
.our-app-mobile.mobile-show .header-bottom{
    border-radius: 8px;
    margin-bottom:12px;
}
.confirmation-required{
    padding-top: 40px;
    padding-bottom: 40px;
    /* margin-left: 80px;
    margin-right: 80px; */
}
.confirmation-required .confirmation-required-detail{
    position: relative;
    background-image: url(../images/bg_icons.png);
    border-radius: 24px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
    background-color: #FB822D;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 16px;
}
.confirm-info {
    position: absolute;
    top: -8px;
    left: -8px;
}
.confirm-info img {
    width: 32px;
    height: 32px;
}
.confirmation-required .confirmation-required-detail h6{
    color:  #FFF;
    font-family: 'M PLUS Rounded 1c';
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; 
}
.confirmation-required .confirmation-required-detail p{
    color:  #FFF;
    font-family: 'M PLUS Rounded 1c';
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; 
    margin: 0;
}
/* login start */
.modal-style .form-blk label{
    padding-left: 16px;
}
.modal-style.sign-in .form-logo{
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.20));
}
.modal-style.sign-in .modal-header .modal-title{
    color: #FB4F2D;
    text-align: center;
    font-family: 'M PLUS Rounded 1c';
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.modal-style.sign-in .modal-header p{
    color: #360946;
    text-align: center;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.modal-style.sign-in .nav-tabs .nav-link.active::after {
    content: '';
    width: 100%;
    max-width: 80px;
    margin: auto;
    height: 4px;
    position: absolute;
    bottom: -14px;
    left: 0;
    display: block;
    background: #F42020;
    right: 0;
    border-radius: 35px;
}
.modal-style.sign-in .modal-body {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.modal-style.sign-in .form-blk .form-input {
    background: linear-gradient(180deg,#EB1FCD,#F42020, #FB822D);
}
.modal-style.sign-in .nav .nav-item .nav-link{
    color: rgba(54, 9, 70, 0.40);
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.modal-style.sign-in .nav .nav-item .nav-link.active{
    color: #360946;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.remember-check .form-check .form-check-label{
    padding: 0;
    color:#360946;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
}
.remember-check .form-check .form-check-input{
    border: 2px solid #0A0108;
    width: 19px;
    height: 19px;
    margin-top: 0;
    margin-right: 16px;
}
.remember-check .form-check .form-check-input:focus{
    box-shadow: none;
}
.remember-check .form-check .form-check-input:checked{
    background-color: #360946;
    border-color: #360946;
}
.remember-check {
    padding: 40px 0;
}
.terms-privacy p{
    color: #360946;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%; 
}
.terms-privacy p a{
    color: #F42020;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    margin: 0;
}
.terms-privacy {
    margin-bottom: 25px;
}
.different-login {
    text-align: center;
    margin: 40px 0;
}
.different-login p {
    margin: 0;
    position: relative;
    color: #E2DFE2;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.different-login p:after {
    content: '';
    background-color: #E2DFE2;
    height: 1px;
    position: absolute;
    width: calc(50% - 16px);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}
.different-login p:before {
    content: '';
    background-color: #E2DFE2;
    height: 1px;
    position: absolute;
    width: calc(50% - 16px);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.login-with-google {
    text-align: center;
}
.login-with-google a{
    border-radius: 80px;
    border: 1px solid #BAB2B9;
    padding: 12px 32px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: block;
}
/* modal css start */
.modal-style.offer-buy .modal-content{
    padding: 0;
}
.offer-buy .offer-bought img {
    border-radius: 24px;
}
.offer-buy .offer-bought-detail h5{
    color: #FB4F2D;
    text-align: center;
    font-family: 'M PLUS Rounded 1c';
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.offer-buy .offer-bought-detail h6{
    color:  #FB4F2D;
    text-align: center;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.offer-buy .check-email{
    border-radius: 16px;
    background: #FEF6F5;
    padding: 39px 24px;
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 30px;
}
.offer-buy .check-email h6{
    color:  #360946;
    text-align: center;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.offer-buy .check-email p{
    color:  #360946;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.offer-buy .take-offer-btn{
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.offer-buy .take-offer-btn a{
    border-radius: 80px;
    background:  linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    padding: 14px 32px;
    color:  #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: block;
    text-align: center;
}
.pick-up-detail p{
    color: #360946;
    text-align: center;
    font-family: 'M PLUS Rounded 1c';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin: 0;
}
.got-btn{
    margin-top: 48px;
    margin-bottom: 29px;
}
.got-btn .got-it-btn{
    border-radius: 80px;
    background: #0A0108;
    padding: 14px 32px;
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    border: 0;
    width: 100%;
}
.modal-style .modal-dialog {
    margin: auto;
    max-width: 542px;
    top: 0%;
    left: 0;
    margin-top: 80px;
    transform: translate(0%, 0%) !important;
    -webkit-transform: translate(0%, 0%) !important;
}
body.modal-open {
    overflow-y: hidden !important;
    position: inherit !important;
    overflow: hidden !important;
    padding-right: 0 !important;
}
.modal-style.sign-in .modal-dialog .modal-content .nav.nav-tabs{
    justify-content: space-around;
}
.modal-style.sign-in .modal-dialog .modal-content .forgot-pwd{
    margin-top: 0;
}.exclusive-offer .slick-slide {
    margin: 0 7px;
}

/* the parent */
.exclusive-offer .slick-list {
    margin: 0 -7px;
}
/*----------- after change ----------------*/
.header-bottom .container {
    max-width:100%;
    margin: 0 auto;
}
.group-offer-detail .tip-btn .radios-ch   span {
    border: 2px solid #ffffff;
    background-color: transparent;
    color: #fff;
    font-family: 'Montserrat';
    background: transparent;
    -webkit-text-fill-color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    padding: 14px 24px;
    border-radius: 80px;
}
.modal-style.sign-in .modal-header p {   
    margin-bottom: 60px;
}
.modal-style .form-blk .form-group {
    margin-top: 20px;   
}
.offer-middle-section
{
    margin-left: -45px;
    width:100%;
}
.offer-right-section {
    margin-left:-45px;
    width: 100%;
    padding: 0 40px;
}
.restaurants-detail {
    width: 100%;
    margin-left: -45px;
}
.restaurants-detail.no-mr{
    margin-left: -0px;
}
.slick-list.draggable {
    padding:0 0 !important;
}

.confirmed-btn ul li .pay-btn.activate{
    padding: 14px 32px;
    border-radius: 80px;
    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
}
.error{color:red;}
.ofaply.mrgnr{margin-right: 18px;}
.card-body { flex: 1 1 auto; padding: 0;}
.card {border: none;border-radius:0; background: transparent;}


.spin-loader{display: inline-block;width: 26px;height: 26px;border: 3px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: #de2067;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
.spin-loader.text-white-loader{color:#FFF !important;}
@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
.invalid-feedback, .error{font-size: 0.9em !important;font-family: 'Montserrat', sans-serif !important;}
.circle{height: 54px;width: 54px;border-radius: 50%;}
.square-img-offer{height: 150px;width: 100%;border-radius: 5%;}

.line{height: 20px;width: 200px !important;border-radius: 50px;}
.line100p{width: 100% !important;}
.mrgtp15{margin-top: 15px;}
.line70p{width: 70% !important;}
.line50p{width: 50% !important;}
.line20p{width: 20% !important;}
.line3{width: 80%;}
.line5{width: 55%;}
.loading-animation{overflow: hidden;background: #D0D0D0;}
.loading-animation::before{content: "";display: block;height: 100%;width: 100%;animation: loading 1s infinite;background: linear-gradient(to right, transparent,#D9D9D9,transparent);}
@keyframes loading {
    0%{ transform: translateX(-100%);}
    100%{transform: translateX(100%);}
}

/* background: linear-gradient(180deg,#EB1FCD,#F42020, #FB822D); */
.empty-state {margin: 15px auto;background: #ffffff;box-shadow: 1px 2px 10px #e1e3ec;border-radius: 4px;}
.empty-state__content {padding: 48px;display: flex;align-items: center;flex-direction: column;}
.empty-state__icon {width: 200px;height: 200px;display: flex;align-items: center;border-radius: 200px;justify-content: center;background-color: #f7fafc;box-shadow: 0px 2px 1px #e1e3ec;}
.empty-state__icon img {width: 170px;}
.empty-state__message {color: #38a169;font-size: 1.5rem;font-weight: 500;margin-top: 0.85rem;}
.empty-state__help {color: #a2a5b9;font-size: 0.875rem;}

.dis-no{ 
    display:none;
}
.bread-cumb {
    list-style: none;
    display: inline-flex;
    color:  #360946;
    margin-bottom:30px;
}
.bread-cumb li {
    font-size: 14px;
    font-weight:400;   
    position: relative;
    color: #360946;
    padding-right: 30px;
}
.bread-cumb li a {
    font-size: 14px;
    font-weight:400;  
    color: #360946;
}
.bread-cumb li:after {
    content: '';
    background: url(../images/arrow-bc.png) left top no-repeat;   
    width: 12px;
    height:15px;
    font-weight: 500;
    color: #360946;
    position: absolute;
    right: 8px;
    top: 2px;
}
.bread-cumb li:last-child:after {
    background: none;
}
.row-line-none{
    display:none;
    position:relative;
}
.row-line-none:after {
    position: absolute;
    content: '';
    top: -100px;
    left: -2px;
    height: 303px;
    width: 193px;
    background: url(../images/round.png)left top no-repeat;
    opacity:0.7;
}

.top-get-app{
    padding:5px 10px;
    background-color:#f8f8f8;
    display:flex;
    align-items:center;
    justify-content: space-between;   
}
.get-app-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-get-btns .get-the-btn {
    font-size: 13px;
    font-weight: 800;
    padding: 10px 10px;
    background: transparent;
    color: #360946;
    border: 1px solid #360946;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
}
.get-title h5{
    font-size:13px;
    font-weight:800;
    color:#360946;
    margin-bottom: 0;
    Line-height:20px;
}

.get-title h6 {
    font-size: 9px;
    font-weight: 600;
    color: #360946;
    margin-bottom: -7px;
    Line-height: 10.98px;
}

.nav-ar{
    position:relative;
}
.nav-ar img{
    position: absolute;
    right: 15px;
    top: 20px;
}

/* / model changes / */
.modal-header{padding-top: 0; padding-bottom: 0;}
.modal-style.sign-in .modal-header p {margin-bottom: 30px;padding-top: 4px;}
.modal-style .form-blk .form-group { margin-top: 0;}
.modal-style.sign-in .modal-body{padding-top: 30px;}
.remember-check { padding: 30px 0;}
.terms-privacy {margin-bottom:10px;}


/* check out */
.checkout-right-detail{margin-left:14%;}
.tip-btn input[type="radio"] {width: 100%;height: 100%; cursor: pointer;}
.confirmation-required{margin-left: 14%;}
.cart-bg{background: #f5f4f5;}
.offer-middle-section .slick-slide{border-radius: 8px; overflow: hidden;}
.submit-btn{position: relative;}
.spin-loader{position:absolute; width: 26px; height: 26px; left:34%; top:35px;}
.offer-middle-section .slider-for .slick-slide img{height: 100%; object-fit: cover;}
.exclusive-offer #offers .slick-track{margin-right:0;margin-left:0;}
.easy-fun-sec .mobile-hide .common-padding {padding-top:30px;}
.easy-fun-sec {padding-top: 20px !important;}
.infulencer-usrs .slick-current.slick-active .infulencer-usr-img::after{bottom:-3px;}
.infulencer-usr-img{padding-bottom: 30px;}
#influencers h6{padding-bottom: 30px;}

@media (max-width:900px){
    .checkout-right-detail, .confirmation-required{margin-left:0%;}    
}
@media (max-width:1360px){
    .tip-btn input[type="radio"] + span{padding: 14px 20px;}
}
/* home page changes */
.banner-download-section {width: 110%; background: url(../images/offer-bg.svg) right 20px no-repeat; position: relative; z-index: 9;}
.banner-download-section h6{padding-bottom: 30px;}
.exclusive-offer .slick-slide { margin:0 0 0 20px;}
.banner-poster { padding-left: 10%;}
.banner-content .down-arrow{max-width: 100%; display: flex; background: url(../images/cup.svg) left 20px no-repeat; padding: 20px 0 10px 50px; margin-left: -50px;}
.join-dabb-btn {padding-top: 16px; padding-right: 60px;}
.offer-discount h6{padding-bottom: 0!important}
.offer-left-section .slick-slide{height: 96px;}
.offer-left-section .slick-slide img{object-fit: cover; width: 100%; height: 100%;}

@media (min-width:1200px){
    .banner{padding-top: 10px; padding-bottom: 30px;}
    .exclusive-offer .exclusive-offer-detail, .exclusive-offer .offer-image{height:180px; overflow: hidden; border-radius: 6px;}
    .exclusive-offer .offer-image img{object-fit: cover; 
                                      min-height:180px;
                                      height:auto;
                                      width: 100%;
                                      width: 100%;}
    .exclusive-offer-detail .offer-detail{padding-bottom: 4px;}
}
@media (max-width:900px){
    .banner-download-section{width: 100%;}
    .join-dabb-btn{padding-right: 0}
    .main-button{width: 100%;}
    .signup.main-button, .benefit-btn.main-button{width: auto !important;}
    .exclusive-offer-detail{padding: 0 10px;}
    .map-sec .main-button{width:auto;}
    .header-bottom ul{padding: 0;}
    .product-name-detail h6{display: block;}
    .product-name-detail h6 span{float: right;}
    .header-bottom ul li p, .header-bottom ul li{text-align: center!important;}
    .exclusive-offer-detail .offer-detail.ofdtllnk{text-align: left; padding-bottom: 8px;}
    .exclusive-offer .exclusive-offer-detail, .exclusive-offer .offer-image{height:210px; overflow: hidden; border-radius: 6px;}
    .exclusive-offer .offer-image img{object-fit: cover; height:240px; width: 100%;}
}
.desktop_view{display: block;
              color: #360946;
              text-align: center;
              font-family: 'Montserrat';
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              text-transform: uppercase;
}
.mobile_view{display: none;
             color: #360946;
             text-align: center;
             font-family: 'Montserrat';
             font-size: 16px;
             font-style: normal;
             font-weight: 600;
             line-height: normal;
             text-transform: uppercase;
}
@media (max-width: 991px) {
    .desktop_view{display: none;}
    .mobile_view{display: block;}
}
span.errorMsgBuyNow{color:red !important;}
span.errorMsgPayNow{color:red !important;margin-top: 20px;}@media (min-width:901px) and (max-width:1199px){ 
    .exclusive-offer .exclusive-offer-detail, .exclusive-offer .offer-image{height:180px; overflow: hidden; border-radius: 6px;}
    .exclusive-offer .offer-image img{object-fit: cover; min-height:180px; height:auto;width: 100%;width: 100%;}
    .exclusive-offer-detail .offer-detail {
        padding-bottom: 4px;
        text-align: left;
    }
}


/* #autocomplete{padding: 7px;} */
.ui-widget-content {text-align: left;}
.autocomplete-suggestions { text-align: left; border: 1px solid #999; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 5px 5px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.ui-autocomplete .highlight { color: blue; } 

.offer-filter-right .offer-search {min-width:250px;}
#search_city option:hover{cursor:pointer;}
.confirmation-required.confirmdone{margin-bottom:20px}

a.btncheckAlloffer{background:#000;
                   padding: 14px 32px;
                   border-radius: 80px;
                   color:#ffffff!important;
                   font-family: 'Montserrat';
                   font-size: 16px;
                   font-style: normal;
                   font-weight: 600;
                   line-height: 20px;
                   width:100%;
                   /* text-transform: capitalize; */
}
.ortx{


    color:#000000!important;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    width:100%;
}
.buynow-share-btn ul.chkallofer{display:block;text-align:center}
.buynow-share-btn ul.chkallofer li{display:block;margin:15px 0px;}
a.btncheckAlloffer:hover{    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);}
.mblvie a.btncheckAlloffer{max-width:30px;    max-width: 220px;}



.top-get-app {
    padding: 5px 10px;
    background-color: rgba(190, 190, 190, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.get-app-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-get-btns .get-the-btn {
    font-size: 13px;
    font-weight: 800;
    padding: 10px 10px;
    background: transparent;
    color: #360946;
    border: 1px solid #360946;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
}
.get-title h5{
    font-size:13px;
    font-weight:800;
    color:#360946;
    margin-bottom: -3px;
    Line-height:20px;
}

.get-title h6 {
    font-size: 9px;
    font-weight: 600;
    color: #360946;
    margin-bottom: -7px;
    Line-height: 10.98px;
}

.nav-ar{
    position:relative;
}
.nav-ar img{
    position: absolute;
    right: 15px;
    top: 20px;
}

.enjoy-slider{
    padding:20px 0;
    background: rgba(30, 4, 26, 0.05);
    display:flex;
    justify-content:center;
    gap:10px;
}
.enjoy-slider p{
    color: #360946;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
}


.top-line:after {    
    top: -146px;
    left: -9px;  
    opacity: 1;
}
.plus{
    display:none;
}
.coment-box{
    display:none;
}
.coment-box textarea {
    border-radius: 16px;
    border: 1px solid #E2DFE2;
    width: 100%;
    padding: 14px 16px;
    background-color: #FFFFFF;
    height:120px;
    resize: none;
}
.d-show-p{
    display:none;
}

.d-flex.spd{
    display:flex;
    align-items:center;
    justify-content: space-between;
    display: inline-block;
    background-color: #fcf6fe;
    padding: 0 10px;
    border-radius: 15px;   
}
.dine-img {
    display: flex;
    align-items: center;
    gap: 10px;
}
.dine-img p{
    color:  rgba(10, 1, 8, 1);
    font-size:20px;
    font-weight:800;
    margin-bottom:0;
}
.dine-box p{
    color:  rgba(10, 1, 8, 1);
    font-size:14px;
    font-weight:700;
    margin-bottom:0;
}
.type-d {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 0 2px;
    width: 100%;padding-top: 20px;
}
.type-d h6{
    color: #0A0108;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.flip-box{
    display:flex;
    align-items:center;
    gap:10px;
}
.flip-box ul li:first-child {
    float: left;
    width: 64px;
}
.flip-box ul li {
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: calc(100% - 64px);
}
.flip-box ul li a {
    color: rgba(30, 4, 26, 0.60);
    font-family: 'M PLUS Rounded 1c';
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    padding-left:10px;
}
.flip-box ul li p {
    color: #BAB2B9;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    margin: 0;
    padding-left:10px;
}
.d-none-s{
    display:none;
}
.checkout-left-detail .experience-type.d-none-s {
    display: block;
}
.banana-splite h5 {
    color: #0A0108;
    font-family: 'Montserrat';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banana-splite h6 {
    color: #FB822D;
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.te-price{
    /* display:flex; */
    display:inline-flex;
    align-items:center;
    justify-content: space-between;    
}
.te-price p{
    text-align: left;
    font-family: 'M PLUS Rounded 1c';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.te-price span{
    color: #BAB2B9;
    font-family: 'M PLUS Rounded 1c';
    font-size: 22px;
    /* font-size: 24px; */
    font-style: normal;
    font-weight: 900;
    position: relative;   
}
.te-price span::before {
    content: '';
    width: 100%;
    background-color: #FB822D;
    transform: rotate(-15deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
}
.banana-splite.d-none-s {
    padding-left: 10px;
}
.days-l{
    font-size:10px;
    font-weight:bold;
    font-size:13px;
    font-weight:800;
    color:rgba(54, 9, 70, 1);
}
.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 700;
    line-height:10px;
    padding: 0 2px;
    min-width: 35px;
    text-align: center;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
}
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    line-height: 0.8;
    border-radius: 50%;
    background-clip: padding-box;
}
.qty {  
    text-align: left;

}
.minus:hover{
    background-color: #FB822D !important;
}
.plus:hover{
    background-color: #FB822D !important;
}
/*Prevent text selection*/
.qty span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.qty input{  
    border: 0;
    width: 2%;
    background-color: #FB822D;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.qty input:disabled {
    width: 80px;
    background-color: #FB822D;
    border-radius: 10px;
}
.plus-btn{
    display:flex;
    align-items:center;
    justify-content: space-between;
}
label.keepnotifytxt{font-size: 9px !important;line-height: 1.3 !important;color:#777 !important;}
.confirmrightdetail{margin-top:20px !important;margin-bottom:20px!important;}
p.mobile_days_left{
    color: #0A0108;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}


p.mobile_days_left.mobile-show{display:none;}
@media (max-width: 575px) {
    p.mobile_days_left.mobile-show{display:block;}
}
/* .offer-filter-right .offer-search:focus-visible{background: linear-gradient(180deg,#EB1FCD,#F42020, #FB822D);} */
.our-app-mobile.mobile-show .header-bottom .mobile-app-slider img{padding-right:10px;}


/* PRELOADER CSS */
.page-loader {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: #272727;
    z-index: 1000;
}
.page-loader .txt {
    color: #666;
    text-align: center;
    top: 40%;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    line-height: 1.5;
}
/* SPINNER ANIMATION */
.spinner {
    position: relative;
    top: 35%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.offer-new-price { width: 40%;text-align: right;float: right;}
.offer-new-price h5, .offer-new-price h6{float: right; width: auto;}
.offer-new-price h5{margin-top: -4px;}
.offer-new-price h6{width: auto;}
#restaurants .join-dabb-btn{padding-right: 0!important;}
@media (max-width:1180px) { 
    .our-app-mobile .header-bottom .slick-slide img { display: inline-block;vertical-align: top;}
    .our-app-mobile .header-bottom ul li p {text-align: left!important;}
    .buynow-share-btn.desktop-hide ul { margin: 0 auto;width: 250px;}
    .checkout-confirm-first .mt-4 {margin-top: 1.5rem !important;}

}
@media (max-width:1023px) { 
    footer .navbar {width: 500px;}
}
@media (max-width:990px) {  
    .offer-middle-section .slick-slide {
        height: 630px;
        min-height: 1px;
        width: 820px;
    }
    #restaurants .main-button{width: 320px;}

    .checkout-left-detail .experience-type-detail{display: none;}
    .experience-type.d-none-s.m-show {display: block;}
    .checkout-left-detail .col-lg-4.col-md-12.col-sm-12 {width: 40%; padding: 0;}
    .checkout-left-detail .col-lg-8.col-md-12.col-sm-12 {width: 60%; padding-right: 0;}
    .checkout-left-detail .product-name-detail {display: none;}
    .d-none-s { display: block; }
    .main-offer-detail .restaurant-name.clearfix { display: none;}
    #offers .main-offer-detail .restaurant-name.clearfix { display: block;}
    .mobile-show .main-offer-detail .restaurant-name.clearfix { display:block; margin-bottom: 0;}
    .d-flex.spd{margin-bottom: 10px;} 
    .te-price span{margin-top: -10px;margin-left:4px;}
}
@media (max-width:768px) {  
    .offer-middle-section .slick-slide {
        height: 600px;
        min-height: 1px;
        width: 768;
    }
    .product-name-detail { margin-top: 10px;}
}
@media (max-width:480px) { 
    .checkout-left-detail .product-name-detail{display: none;}  
    .mobile-show .product-name-detail h6 span { top:0px;}
    footer .navbar {width: 100%;}
    footer .navbar-brand {width: 130px;margin: 0 auto;}
    footer .navbar-brand {margin-right: auto; }
    #restaurants .join-dabb-btn { padding-right: 0;}

}
.remember-check .form-check .form-check-label.enflke{display: inherit !important;text-align: left; padding-left: 20px;}
@media (max-width:480px) { 
    .remember-check .form-check .form-check-label.enflke{font-size: 13px;}
    .remember-check .form-check #is_enable_exclusive_notification.form-check-input{margin-top: 5px;}
}
.buy-now-btn:hover, .pay-btn.activate:hover, button#submit:hover{box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.26);}
button#submit{    border: 0!important;}
.expty_i_img{cursor: pointer;}
.exp-popup-btn {
    text-align: center;
    margin: 0 auto;
}
.popup-experience-detail p.exp_first_title{color: #360946;text-align: center;font-family: 'M PLUS Rounded 1c';font-size: 21px;font-style: normal;font-weight: 900;line-height: normal;margin: 0;}
.popup-experience-detail p.exp_details{color: #360946;text-align: left;font-family: 'M PLUS Rounded 1c';font-size: 17px;font-style: normal;font-weight: 500;line-height: normal;margin: 0;padding-top: 5px;}
.exp-popup-btn .exp-popup-ok-btn{border-radius: 80px;background: #0A0108;padding: 14px 32px;
                                 color: #FFF;
                                 font-family: 'Montserrat';
                                 font-size: 16px;
                                 font-style: normal;
                                 font-weight: 600;
                                 line-height: 20px; 
                                 border: 0;
                                 width: 100%;
                                 background-color: #FB4F2D;
                                 border-radius: 80px;
                                 box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
                                 margin-top: 22px;
}
.discount.discountdetailimg{display: none;}
/* discount discountdetailimg */
.discount.discountdetailimg {position: absolute;top: 15px;background-color: #FB4F2D;border-radius: 80px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);padding: 8px 16px;margin-left: 13px;margin-right: 13px;}
.discount.discountdetailimg p {color: #FFF;font-family: 'Montserrat';font-size: 13px;font-style: normal;font-weight: 800;line-height: 20px;margin: 0;}
@media (max-width: 915px) {
    .discount.discountdetailimg{display: block;}
    .modal-style.signup-modal-style .modal-dialog { top: 10%;}
    .benefit-info .slick-list{overflow: inherit;}
    .modal-style.signup-modal-style.signup-mobile-modal.show-other-form .modal-dialog { top: 0;}
}
@media (max-width: 990px) {
    #dropdownMenuButton1 img {
        height: 22px;
        /* margin-top: -4px; */
    }
    #dropdownMenuButton1{
        /* width: 90px; */
        margin: 0 auto;
        /* padding: 10px 25px; */
        text-align: center;
    }
}

@media (min-width: 990px) {
    .product-name-detail.offer-listpage-details-block{
        margin-top:15px;
    } 
    #dropdownMenuButton1 img {
        height:32px;
        margin-top: -4px;
    }
}
.oneline_veritcal_dot{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.twoline_veritcal_dot{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.threeline_veritcal_dot{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
h3.hmtitle_chef{
    /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 151px; */
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
h4.hmsubtitle_chef{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.exclusive-offer .exclusive-offer-detail, .exclusive-offer .offer-image a.hmpafr{width: 100%;}
@media (min-width: 990px) {
    .product-name-detail.offer-listpage-details-block{
        margin-top:15px;
    } 

}
h6.h6_subtt, .ofd_subtitle {
    padding-top: 15px;
}

.spinner-loader{display: inline-block;width: 26px;height: 26px;border: 3px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: #de2067;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
.spinner-loader.text-white-loader{color:#FFF !important;}
.spin-loader{display: inline-block;width: 26px;height: 26px;border: 3px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: #de2067;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
.spin-loader.text-white-loader{color:#FFF !important;}
@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
.spinner-loader{position:absolute; width: 26px; height: 26px; left:34%; top:35px;}
.spin-loader{position:absolute; width: 26px; height: 26px; left:34%; top:35px;}
.restaurants-detail.acorplush{margin-top:-200px;}
@media (min-width: 1000px) and (max-width: 1199px) {
    .restaurants-detail.acorplush{margin-top:-10px;}
}
@media (min-width: 1200px) {
    .restaurants-detail.acorplush{margin-top:-129px;}
}
@media (min-width: 1600px) {
    .restaurants-detail.acorplush{margin-top:-100px;}
}
@media (min-width: 1900px) {
    .restaurants-detail.acorplush{margin-top:-100px;}
}


.hmdistext{
    text-decoration: none;
    position: relative;
    color:#645E63
}
.hmdistext::before{
    content: " ";
    display: block;
    width: 100%;
    border-top: 2px solid rgba(251,130,45, 0.8);
    height: 2px;
    position: absolute;
    bottom: 6px;
    left: 1px;
    transform: rotate(-18deg);
    background-color: #FB822D;
}
.err_msg{color:red;}
.load-more-btn.ldhide{display:none;}
.load-more-btn{width:180px;}
#loadMore .spinner-loader {position: inherit;}
#loadMore{max-height:48px;}
span.optional_text{color: #6c757d;font-size: 1rem;
                   line-height: 1.5rem;
                   font-family: 'Montserrat', sans-serif;
                   font-weight: 600;}

#setTipsSpinner {top: 50%;left: 50%;transform: translate(41%, 50%);margin: 0;margin-top: -55px;margin-bottom: 23px;}
.tips-spinner {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 32px;height: 32px;border-radius: 50%;border: 2px solid #eee;border-top-color: #F42020;animation: spinner 0.8s linear infinite;}
.spinner-tips-opacity-input{opacity: 0.2;}

@keyframes spinner {0% {transform: rotate(0deg);}100% {transform: rotate(1turn);}}
@-webkit-keyframes spinner {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(1turn);}}

.coupone-input {
    padding: 2px;
    background: linear-gradient(45deg,#EB1FCD,#F42020, #FB822D);
    border-radius: 80px;
}
.coupon-inp {
    padding: 12px 15px;
    font-size: 0.925rem;
    line-height: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #360946;
    background: #fff;
    border: none;
    border-radius: 80px;
}

.applay-btn{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

.applay-btn button{
    padding: 14px 15px;
    background:linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    border-radius: 80px;
    text-align: center;
    border: none;
    width: 100%;
}

.remove-btn{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

.remove-btn button{
    padding: 14px 15px;
    background: #0A0108;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    border-radius: 80px;
    text-align: center;
    border: none;
    width: 100%;
}

.cpncode{border-bottom: 1px solid #E2DFE2;border-top: 1px solid #E2DFE2;}