@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a{ text-decoration: none; }
body {
    line-height:1;
}
html{  /*overflow-x: hidden;
    overflow-y: scroll; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
body{
    background-color:#fff; 
    font-family: "Jost", sans-serif;
    font-size: 14px;
    -webkit-touch-callout: none;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.3px;
        line-height: 1.2;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
.bg_white{ background:#fff;  }
.mb_user{ display: none; }
.a_left{ text-align: left !important;  }
input, select, textarea {
    vertical-align:middle;
}

textarea:focus, input:focus, select:focus, a:focus{
    outline: none !important;
}
input[type="file"]{ border:0px !important; padding: 0px !important;  }
table {
  border-collapse: collapse;
}
tr {
  border-bottom: 0px;
}
th, td {
  text-align: left;
  padding: 4px;
}
ul, li{ list-style: none; }
*:focus {
    outline: 0 !important;
}
.f_right{ float: right !important; }
.f_left{ float: left !important; }
.full_page{background: url(../img/home_bg.png) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100vh;
    overflow: hidden; position: relative;
}
.feature_page{ background-position: top center; background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: auto;
    overflow: hidden; position: relative; z-index: 10;
}
.partner_page{ background-position: top center; background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 1129px;
    overflow: hidden; position: relative; z-index: 10;
}
.common_page{ background-position: top center; background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 880px;
    /*overflow: hidden;*/ position: relative; z-index: 10;
}
.partner_page .c_white1 {
    font-family: inherit;
   
    color: #fff;
    margin-bottom: 15px;
    font-size: x-large !important;
}
.mmobile{ display: none !important; } .mmobile_din{ display: none !important; }
.m_nav{ display: none; }
.container{ width: 100%; padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto; max-width: 1400px; }
.container_1200{ width: 100%; padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto; max-width: 1200px; }
.container_h{ width: 100%; padding:0px;   margin-right: auto;  margin-left: auto; max-width: 1400px; }
._contain_40{ margin: 0 40px; padding:10px 0; }
._1column{ width: 100%; padding: 0 25%; margin: 0px; display: block; }
._2column{ width: 50%; padding: 0px; float: left; position: relative; }
._3column{ width: 25%; padding: 0px; float: left; position: relative; }
._4column{ width: 20%; padding: 0px; float: left;  position: relative;}
.back_btn{ display: inline-block; padding: 12px 20px;background: #522583; border-radius: 4px; color: #fff; margin: 10px 0 0; font-size: 17px; transition: all 1s ease-in-out;  } 
.back_btn:hover{ background: #fed537; color: #131718;  padding: 12px 30px;}
.bebab_h{ padding: 15px 0 20px 0; position: relative; z-index: 10; }
.header_h{ padding: 15px 0; position: relative; z-index: 10; background: #131718; }
.down_app{ display: inline-block; width: 100%; padding: 0px; margin: 40px 0 0 0; } 
.down_app h3{ font-family: inherit; font-size: 27px; color: #fff; font-weight: 500; margin-bottom: 20px; }

.screen_text{ padding: 0px; margin: 0px; text-align: center;}
.screen_text .c_yellow {
    font-family: inherit;
    font-weight: 600;
    font-size: 45px;
    color: #fff;
    margin-bottom: 40px;
}
.title_p { font-family: inherit; font-weight: 400; font-size: 45px; color: #131718; margin-bottom: 40px;}
.para_p{ font-family: inherit; font-size: 26px; color: #131718; margin-bottom: 20px; }
.max-width-container{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    text-align: center;  max-width: 1400px;}
.logged-out-homepage{ max-width: 650px; margin: 0 auto; }  
/*.sticky {
  position: fixed;
  top: 0;
  width: 100%; 
  background: #131718; padding-bottom: 15px;z-index: 101;
} */
.logged-out-partner{  max-width: 750px; margin: -100px auto 0; } 
.dd_logo{ margin: 0 0 20px; display:flex; justify-content:center; }
.dd_logo img{ width: 160px; }
.feature_head .c_white{ font-size: 20px !important; }

.feature_head .c_yellow{ margin-bottom: 20px !important; font-size: 46px !important;  font-family:"DM Serif Display", serif; }
.pc_white{ margin-bottom: 35px !important; font-size: 45px !important; color: #fff; font-weight: 500; }
.screen_text .c_white{ font-family: inherit; font-size: 23px; color: #fff; margin-bottom: 15px; }
.screen_text .c_yellowp{ font-family: inherit; font-size: 24px; color: #ff9800; margin-bottom: 20px;}

.bg_white{ background: #fff; padding:150px 0; position: relative; }
.bg_pyellow{ background: #ff9800; padding:150px 0; position: relative; }
.bg_gray{ background: #ece8ef; padding:150px 0; position: relative; }
.dg_text_p{ font-family: inherit; font-size: 21px; color: #000; line-height: 30px; padding-bottom: 20px; }
.dg_text_li li{ font-family: inherit !important; font-size: 21px !important; color: #000 !important; line-height: 30px; }
.dg_text_li li i{ background: #000 !important; }
.hw_bnt{ padding: 14px 40px; display: inline-block; text-align: center;  background: linear-gradient(0deg, rgba(231,64,17,1) 0%, rgba(255,214,24,1) 100%); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-family: inherit; font-size: 20px; border:2px solid #ddd; border-radius: 10px;  }
.bg_ygradient{ background: rgb(255,213,45); background: linear-gradient(0deg, rgba(255,213,45,1) 0%, rgba(240,193,4,1) 40%);  padding:50px 0 50px; }
.bg_ygradient_f{ background: rgb(0 163 77);  background: linear-gradient(0deg, rgb(0 163 77) 0%, rgb(6 235 114) 100%); padding: 100px 0 100px;  position: relative;}
.bg_purgradient_f{ background: rgb(141 108 224);  background: linear-gradient(0deg, rgb(141 108 224) 0%, rgb(107 77 182) 100%); padding: 50px 0 50px;  position: relative;}
.bg_spar_f{ background: #fff; padding: 80px 0 80px;  position: relative;}
.footer-devider{ background: #131718; font-size: 0px; }

.prara{    text-align: center;
    display: block;
    padding: 0px 0 25px;
    color: #fff;
    font-family: inherit;
    font-size: 18px;
    width: 100%;}
.bg_purplegradient_f{  background: rgb(19 23 24);  position: relative;  background: linear-gradient(0deg, rgb(19 23 24) 0%, rgb(50 53 54) 100%);
    padding: 150px 0 150px; }
.bg_pinkgradient{ background: rgb(232 36 41); position: relative; background: linear-gradient(0deg, rgba(232, 36, 41, 1) 0%, rgb(255 86 90) 100%); }
.bg_pinkgradient_f{ background: rgb(19 23 24); position: relative; padding:50px 0 50px;}
.main_title{ font-family: inherit; color: #131718; text-align: center; font-size: 38px; padding-bottom: 10px; font-weight: 500; }
.main_stitle{ font-family: inherit; color: #131718; text-align: center; font-size: 22px; padding-bottom: 30px; font-weight: 500; }
.sep_bbox_row{  display: flex; flex: 0 1 auto; flex-flow: row wrap; margin: -8px; position: relative;  }
.app_store_l{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 190px; height:   }
.app_store_r{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }
.f_img_2hg{ padding: 0px; margin: 0px; width: 100%; display: inline-block; text-align: center; } .f_img_2hg img{ height: auto; width: 75%; }
.a_right{ text-align: right !important; }
.sep_2bbox .f_img_2hg img{  height: auto; width: 100%; }
.fpimg img{width: 70% !important  }
.im_chocolate{ width: 75% !important; }
._2hr_content{ padding: 0px; margin: 0px 40px; }
._2hr_content h3{ font-size: 43px; font-family: "DM Serif Display", serif; color: #fff; margin-bottom: 20px; font-weight: 600; }
._2hr_content h3 br{ display:none; }
._2hr_content ul{ padding: 0px; margin: 0px; }
._2hr_content ul li{  font-size: 20px; font-family: inherit; color: #fff; margin-bottom: 15px; font-weight: 400; position: relative;}
._2hr_content ul li i{ width: 6px; height: 6px; background: #fff; border-radius: 100%; display: inline-block; vertical-align: middle; overflow:hidden;  margin-right: 8px;}
.w_color h3, .w_color ul li{ color: #fff;  }
.b_color h3, .b_color ul li{ color: #000;  }
.w_color ._2hr_content ul li i{ background: #fff;  }
.b_color ._2hr_content ul li i{ background: #000;  }
.bg_yellow{ background:#ff9800 !important;  color: #131718 !important;}
.bg_yellow:hover{ background:#fff !important;  }
._lsup{ width: 100%; max-width: 65%; display: block; margin: auto; }
._lsup h2{ margin-bottom: 20px; }
.sec_app{ margin-top: 20px; }
.flogo{ margin-bottom:20px; display:flex; justify-content:center; } .flogo img{ height:180px; object-fit:contain; }

._app_y a{ display: inline-block; margin: 0 5px 0; padding: 0px;     transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;}
._app_y a.app_is{ background-image: url(../img/app_store_mydd_white.svg); background-size: 100% 69px; background-repeat: no-repeat; width: 200px; height: 69px; }
._app_y a.play_is{ background-image: url(../img/g_play_mydd_white.svg); background-size: 100% 69px; background-repeat: no-repeat; width: 200px; height: 69px; }
._app_p a{ display: inline-block; margin: 0 5px 0; padding: 0px; }
._app_p a.app_is{ background-image: url(../img/app_store_mydd.svg); background-size: 100% 69px; background-repeat: no-repeat; width: 200px; height: 69px; }
._app_p a.app_is:hover { background-image: url(../img/app_store_mydd_white.svg);}
._app_p a.play_is{ background-image: url(../img/g_play_mydd.svg); background-size: 100% 69px; background-repeat: no-repeat; width: 200px; height: 69px; }
._app_p a.play_is:hover { background-image: url(../img/g_play_mydd_white.svg);}
.sep_2bbox{ flex-basis: 50%; max-width: 50%; position:relative;     display: flex;
    align-items: center;}
.yr_img{ width: 450px; }
.rght{ right: 0px !important; left: inherit !important; padding-right: 30px !important; }
.lft{ padding-left: 30px !important; }
.sep_2bbox_content{    padding: 0px;
    text-align: center;
    position: absolute;
    left: 0%;   
    width: 80%; }
.sep_2bbox_content span{ color:#131718; font-family: inherit; font-size:34px; padding-bottom: 30px; display: block; }
.sep_2bbox_content span br{ display: none; }
.sep_2bbox_content p{ color:#131718; font-family: inherit; font-size: 24px; padding-bottom: 30px; display: block; font-weight: 500; }
.mt_70{ margin-top: -70px; }
.section{ padding: 70px 0; margin: 0px; text-align: center; }
.section p{color:#131718; font-family: inherit; font-size:24px; padding-bottom: 40px;}
.sec_app a{ display: inline-block; padding:0 10px;     transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;  } .sec_app a img{ width: 170px; }
._view_btn{ display: inline-block; padding:16px 30px; margin-top: 70px; color: #ff9800; background:#131718; font-family: inherit; font-size: 30px; border-radius: 10px;
transition: 250ms linear;
    -webkit-transition: 250ms linear;
    -moz-transition: 250ms linear;  }
._view_btn:hover{ color: #ff9800; background:#fff;   }
._view_btn:focus{ color: #131718; background:#fff;   }
.test_wrap{ background-position: top center; background-size: cover; padding: 100px 0; position: relative; }
.slider_brand{ margin:50px 0 100px; position: relative;  }
.shoop{ position: absolute; left: 50%; top: 1px; transform: translate(-50%, 0%); z-index: 7;}
.mobie_hvideo{ display: none; width: 100%; padding: 20px; border-radius: 10px; background: #ff9800; text-align: center; } .mobie_hvideo a{ display: block; }
.mobie_hvideo img{ height: 180px; }
.msp{ padding: 20px 20px 0; }
.dmap {
    width: 80px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 10;
    transform: translate(-50%, -0px);
    background: url(../img/d_curve.png) no-repeat;
    background-size: 100%;
}
section{ position:relative; }
._menu{ display: inline-block; padding: 0px; margin: 0px; position: relative; top: -33px; }
._menu li{ float: left; padding: 0px;  }
._menu li a{ font-family: inherit; font-size: 20px; color: #fed537; display: block; padding: 0 15px; font-weight: 500;}
._menu li:nth-child(4) a{ color: #c7d300; } ._menu li:nth-child(3) a{ color: #f193bd; }
._menu li a:hover{ color: #fff; } ._menu li a.active{ color: #e74011; }
.w_color{ color: #fff !important; }
._menu li a:hover .user{ background:url(../img/user_w.svg) no-repeat; background-size: 100%;  }
._menu li a.active .user{ background:url(../img/user_a.svg) no-repeat; background-size: 100%;  }
.user{ display: inline-block; vertical-align: middle; width: 21px; height: 26px; background:url(../img/user.svg) no-repeat; background-size: 100%; margin-right: 5px;  }
.bmenu{ display: inline-block; vertical-align: middle; width: 26px; height: 26px; background:url(../img/menu.svg) no-repeat; background-size: 100%;  }
.fmi_img{ display:block; margin: 20px auto; position: relative; top: 0px; z-index: 1; text-align: center;  }
.fmi_img img{ height: 620px; }
.page_menu{ display: inline-block; text-align: center; width: 100%; margin:50px 0 0;  }
.page_menu ul{     padding: 15px 20px;
    margin: 0px;
    display: inline-block;
    text-align: center;
    background: #1b1b1d;
    border-radius: 8px;}
.line_acc{ position:absolute; left:0px; bottom:-4px; } .line_acc img{ width:60%;  }
.right_line_acc{ position:absolute; right:0px; bottom:-4px; } .right_line_acc img{ height: 100px; object-fit: cover; }
.line_top{ position:absolute; right:0px; top:0px; } .line_top img{ height: 100px; object-fit: cover; }

.page_menu ul li{ float: left; padding: 0 20px; }
.page_menu ul li a{ font-family: inherit; font-size: 18px; color: #fff; display: block; }
.page_menu ul li a:hover{ color: #ff9800; }

.page_menu ul li a.active{ color: #320f4c; }
.page_menu ul li a.active .d_arrow{background:url(../img/down_arrow_active.svg) no-repeat; background-size: 100%;}
.d_arrow{ width: 13px; height: 13px; background:url(../img/down_arrow.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-left: 5px;  }
.d_dg_points{ display: inline-block; text-align: center; padding:0px; margin: 15px 0 0 0; }
._2ghfh{ display: inline-block; margin-right: 5px; background: #fff; border-radius: 8px; overflow: hidden; margin-bottom: 5px; border: 2px solid #000; }
.d_dg_points a{  color: #131718; height: 62px; display: block;  transition: 250ms linear; }

._2ghfh._wy:hover a{ background: #131718; color: #fff; }
._yhbg ._2ghfh:hover a{  background: #ff9800 !important; color: #131718 !important; }
._grocer_bg:hover a{  background: #c8d300 !important; color: #131718 !important; }
._kitchen_bg:hover a{  background: #d9a2ca !important; color: #131718 !important; }

._wy a span { background: #131718; padding: 0 10px; height: 62px; float: left;} 
._wy a span i{ width: 36px; height: 36px; display: inline-block;  background-size: 100%; position: relative; top: 13px;  }
._wy a em{ float: left; font-style: normal; padding: 0 10px; font-family: inherit; font-size: 20px; font-weight: 500; line-height: 62px; }
._2spoints{ background:url(../img/store_p.svg) no-repeat; height: 33px !important; top: 15px !important   } 
._2evoucher{ background:url(../img/e_voucher.svg) no-repeat; width: 36px !important; top: 13px !important;}
._2qcode{ background:url(../img/qr_code.svg) no-repeat; width: 36px !important; top: 15px !important; }
._2notification{ background:url(../img/notify.svg) no-repeat;  }
._2chat{ background:url(../img/chat_d.svg) no-repeat;  }
._2nearme{ background:url(../img/near_me.svg) no-repeat;  }
._2dd_kitchen{ background:url(../img/dd_kitchen.svg) no-repeat;  }
._2dd_grocer{ background:url(../img/dd_grocer.svg) no-repeat;  }
._2deals{ background:url(../img/deals.svg) no-repeat;  }
._2deals_r{ background:url(../img/deals_r.svg) no-repeat;  }
._2p_code{ background:url(../img/promo_code.svg) no-repeat; top: 16px !important  }
.bg_grocer{ background:#c8d300 !important  } .bg_kitchen{ background:#d9a2ca !important  }
._learn_more{ display: block; padding: 0px; margin: 30px 0 0 0; }
._learn_btn{ display: inline-block; transition: 250ms linear; padding: 16px 30px; font-family: inherit; font-size: 20px; background: #131718; color: #fff; text-align: center;border-radius: 4px;  }
._learn_btn:hover{ background: #fff !important; color: #131718 !important; }
._learn_btn1{ display: inline-block; padding: 17px 30px; font-family: inherit; font-size: 20px; background: #131718; color: #fff; text-align: center;border-radius: 4px;  }
._dapp_title{ display: block; padding:0 0 20px 0; font-family:"DM Serif Display", serif; font-size:40px; color: #fff; text-align: center; font-weight: 600; width: 100%;  }
.ddp_app{ display: inline-block; text-align: center; width: 100%; margin-bottom: 10px; }
._tttile{ font-family: inherit; font-size: 28px; color: #fff; text-align: center; display: block; width: 100%; }
.ddp_app a{ display: inline-block; padding:0 10px;  }
.video_btn{ width: 260px; height: 82px;  background:url(../img/h_works_h.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; 
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;}
.video_btn:hover{ background:url(../img/h_works.png) no-repeat; background-size: 100%; }
.purple_curve, .orange_curve, ._curve{ position: absolute; top:0px; left: 50%;  }
.purple_curve img, .orange_curve img{ width: 100px; height:46px; position: absolute; left: 50%; top: 0px; transform: translate(-50%, 0px);  }
._curve_img{ width: 100px; height:46px; position: absolute; left: 50%; top: 0px; transform: translate(-50%, 0px);  }

.a_center{ text-align: center; }

.pt15{ padding-top: 15px; }
.mb0{ margin-bottom: 0px !important; }
footer{ padding: 50px 0 25px; margin: 0px; position: relative;     background: #5bba47;}


.f_ul{ padding: 0px; margin: 0px; }
.f_ul li{float: left; padding: 0px;  }
.f_ul li a{ display: block; font-family: inherit; font-size: 21px; color: #fff; padding: 5px 20px; font-weight: 500; }
.f_ul li a:hover{ color: #fff; text-decoration:underline;  }
.tm a{ font-size: 16px !important;   }
.footer_wrap{ width: 100%; display: inline-block; padding: 10px;  }
.copy_rights{  font-family: inherit; font-size: 18px; color: #fff; line-height: 25px; }
.copy_rights a{ vertical-align:middle; } .copy_rights a img{ height:30px; object-fit:cover; }
.l_title{ display: block; font-family: inherit; font-size: 21px; color: #101010; padding: 5px 20px; font-weight: 500; }
.l_title a{color: #101010;  }
.l_title a:hover{ color: #131718; text-decoration:underline;  }
._dd_column_row{     display: flex;
    flex: 0 1 auto;
    flex-flow: row wrap;
    margin: 0px 0 20px 0; }
.dd_4column{ flex-basis: 25%; max-width: 25%; padding: 0 15px;  }
.dd_2column{  flex-basis: 50%; max-width: 50%; padding: 0 15px;  } .dd_3column{  flex-basis: 33%; max-width: 33%; padding: 0 15px;  }  
.dd_1column{  flex-basis: 100%; max-width: 100%; padding: 0 15px;  }  
.dd_32column{  flex-basis: 67%; max-width: 67%; padding: 0 15px;  }  
._fp{ font-family: inherit; font-size: 15px; color: #101010; display: block; padding: 10px 0 0; }
.text_stitle{ font-family: inherit; font-size: 28px; color: #131718; line-height: 32px;  padding-bottom: 20px; display: block; }
.dg_text_ps{ font-family: inherit; font-size: 22px; color: #131718; line-height: 26px;  padding-bottom: 20px; display: block; }
.dg_text_ps a{ text-decoration:underline; color: #131718; }
._2hr_content h2 {
    font-size: 48px;
    font-family: inherit;
    color: #131718;
    margin-bottom: 30px;
    font-weight: 500;
}
.align-center{ align-items: center; }
.legal{ margin:0px; padding:0px; }
.legal li{ display:inline-block; padding:0 10px;  } .legal li a{ font-family:inherit; font-size:16px; color:#fff; font-weight:400; }
.legal li a:hover{ text-decoration:underline; }
.ybtn{ background:#ff9800 !important; color: #131718 !important;} .ybtn:hover{  background:#131718 !important; color: #ff9800 !important;}
.topb_btns{ height: 80px; line-height: 80px; font-family: inherit; font-size: 30px; color: #131718; background: rgb(245,154,21); transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;
background: linear-gradient(0deg, rgba(245,154,21,1) 0%, rgba(254,209,24,1) 100%); display: inline-block; padding: 0 50px; border-radius: 10px; margin-top: 50px; }
.topb_btns:hover{ background:#fff; color: #131718; padding: 0 50px; }
/* testimonial slider */
/* form */
.form_column{ width:100%; float: left; padding: 0px; max-width: 50%; margin: auto; }
.about_column{ width:50%; float: left; padding: 0px 50px; }
.f_row{ margin-bottom: 10px; position: relative; }
.star{ position: absolute; right: -25px; top: 20px; font-family: inherit; font-size: 40px; color: #411b66; }
.form_title{ font-family: inherit; text-align: center; font-size: 34px; color: #320f4c; margin-bottom: 70px; font-weight: 500;  }
.form_title1{ font-family: inherit; text-align: center; font-size: 34px; color: #320f4c; margin-bottom: 15px; font-weight: 500;  }
._fp{ font-family: inherit; font-size: 23px; color: #000; line-height: 30px;    padding-bottom: 40px; text-align: center; }
.check_p{ font-size: 20px; overflow: hidden; color: #320f4c; }
.check_p a{ text-decoration:underline;  }
.check_p1{ font-size: 20px; overflow: hidden; color: #320f4c; display: block; text-align: center; padding-top: 10px;}
.field{ display: flex; flex: 0 1 0; }
.dg_center{ position: absolute; left: 50%; bottom: -90px; transform: translate(-50%, 0); }
.dg_center img{ width: 330px; }

.btn_submit {
    height: 70px;
    width: 220px;
    border: 0px;
    border-radius: 8px;
    line-height: 70px;
    margin: 30px auto 10px;
    text-align: center;
    font-family: inherit;
    font-size: 22px;
    font-weight: 500;
    background-color: #411b66;
    display: block;
    color: #ff9800;
    cursor: pointer;
    transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;

}
.btn_submit:hover{ background-color: #ff9800; color: #411b66 }

.floating-label { 
  position:relative; 
  margin-bottom:20px; 
  border: 1px solid #411b66;
  border-radius: 10px;
  height:70px;
  overflow: hidden;
}
.floating-label textarea{ height: auto; padding: 25px 15px; }
.floating-input , .floating-select  {
  font-size:18px;
  padding:0px 15px;
  display:block;
  width:100%;
  height:70px;
  background-color: transparent;
  border:none;
  overflow: hidden;
  color:#131718; 
  font-family: inherit;
  background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 81%, rgb(66 27 102 / 5%) 100%);
  
}
.floating-select{    appearance: none;  }
.sp{ position: relative; }
.sp:after {content:""; background: url(../img/updown.png) no-repeat; background-size: 100%; width: 28px; height: 28px; position: absolute; top: 18px; right: 10px;}
.floating-input:focus , .floating-select:focus {
     outline:none;
    
}
._lctext{ margin-top: -10px; font-family: inherit; font-size: 14px; color: #411b66 }

.floating-label label {
  color:#131718; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:10px;
  top:25px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:5px;
  font-size:14px;
  color:#131718;
  
}

.floating-input:focus, .floating-input:not(:placeholder-shown) { background: #ff9800; color: #411b66; }

.floating-select:focus, .floating-select:not([value=""]):valid { background: #ff9800; color: #411b66; }

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:5px;
  font-size:14px;
  color:#131718;
  
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}
input[type="checkbox"]{ width: 60px; height: 24px; border-radius: 4px;  border: 2px solid #411b66; display: inline-block; vertical-align: middle; margin-right: 10px; }
.inholder_row{ position: relative; }


/* form end */
/* Simple Slider */
.quotes{ width: 60%; margin: auto; }
.simple blockquote p {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #1e528e;
  padding: 25px;
  font-size: 1.25em;
  font-style: italic;
  text-align: center;
}
.test_name{     color: #522583 !important; }
.slick-list{  }
.simple cite {
  font-size: 1em;
  float: right;
  font-style: normal;
  color: #1e528e;
}
.simple cite a {
  color: #2d91c2;
  font-style: italic;
  text-decoration: none;
  font-size:.85em;
}
.simple cite a:hover {
  color: #00B4CC;
}
/* A custom cursor to let folks know they can drag things */


/* Bubble Slider */


.bubble div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  margin: 0 0 0 60px;
  margin-bottom: 10px;
}
.bubble cite {
  padding-left: 20px;
  font-size: 1.25em;
  color:#f7f7f7;
}
.slick-prev, .slick-next{ display: none !important; }
            .quote_l{ width: 60px; height: 60px; background:url(../img/quote_left.png) no-repeat; background-size: 100%; display: inline-block; position: absolute; left: 0px; top: 20px;  }
            .quote_r{ width: 60px; height: 60px; background:url(../img/quote_right.png) no-repeat; background-size: 100%; display: inline-block; position: absolute; right: 0px; top: 20px;  }
            .s_corousel{ width: 100%; position: relative; margin: 0 auto }
           
            
            .slide  h1 {
                font-family: inherit;
                font-size: 34px;
                color: #ff5c43;
                margin: 0;
                padding: 0;
            }
            
            .slide p, .slide h4, .slide span{
                font-family: inherit;
                font-size: 26px; 
                color: #522583; font-weight: 500;
                margin: 0 0 15px;
                padding: 0;
                display: block;
                text-align: center;
            }

            
            
            
            
            #pages {
                width: 50%;
                padding: 80px 0 0; display: block; margin: auto; text-align: center;
            }
            
            .bullet {
                background: url(../img/page-off.png) center center no-repeat;
                display: block;
                width: 35px;
                height: 35px;
                margin: 0;
                margin: 5px 15px;
                display: inline-block;
                text-align: center;          
            }
/* testimonial end */
.sep_part_row{  display: flex; flex: 0 1 auto; flex-flow: row wrap; margin: -8px; }
.sep_part_3column{flex-basis: 33.33%; max-width: 33.33%; padding: 0px;}
.par_thumb{ position: relative; text-align: center; }
.par_thumb img{ width: 100%; }
.par_thumb:hover .prt_text{ color: #fed537; top: 50%; }
.prt_text{ font-family: inherit; font-size: 25px; color: #fff; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -55%);  -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
._vc{ font-family: inherit; font-size: 40px; color: #131718; text-align: center; display: block; }
#videoopen{ background:rgba(0,0,0,0.9); position: fixed; width: 100%; top: 0px; bottom: 0px; z-index: 999; display: none;}
#popup_v{ padding: 15px; max-width: 1000px; width: 100%; margin: auto; top: 50%;  position: absolute;  left: 50%;  transform: translate(-50%, -50%);  }
#mclose{ width: 26px; height: 26px; background:url(../img/close.png) no-repeat; background-size: 100%; position: absolute; right:10px; top: -35px; z-index: 11  }
.video_wrap{ width: 100%; position: relative;overflow: hidden; margin-top: 20px; padding-bottom: 56%; height: 0px; background-image: url(../img/dd_points.jpg); background-size: cover;
    background-position: center;}
.video_wrap iframe{ position: absolute; top: 0px;  left: 0px; width: 100%; height: 100%;  }
.video_wrap video{ position: absolute; top: 0px;  left: 0px; width: 100%; height: 100%;  }
video {
    width: 100%;
    max-width: 100%;
    height: auto;
    
}


.popup__overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
text-align: center;
z-index: 101;
}

.popup__overlay:after {
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
content: "";
}

.popup {
        display: inline-block;
    position: absolute;
    width: 100%;
    max-width: 1000px;
    max-height: none;
    padding: 20px;
    color: white;
    vertical-align: middle;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.popup-form__row {
margin: 1em 0;
}

.popup__close {
display: block;
 position: absolute;
top: -10px;
width: 26px;
 background:url(../img/close.png) no-repeat; background-size: 100%;
height: 26px;
cursor: pointer;
text-decoration: none;
right: 10px;

 }

.popup__close:hover {
color: #eea200;
}

 #framevideo {
 width: 100%;
 height: 100%;
 }

 .img_r{ display: inline-block; text-align: right; }
/* mobile menu */
#mmenu{ background:#fff; position: fixed; width: 100%; top: 0px; bottom: 0px; z-index: 999; display: none;  }
.mmenu_wrap{ padding:20px; margin: 0px;}
.mmenu_head{ width: 100%; display: inline-block; padding: 0px; margin-bottom: 20px; }
.mbtn, .mmenu_right a{ padding:0 15px; height: 44px; float: left; line-height: 44px; font-weight: 600; border-radius: 4px; border: 2px solid #131718; color: #131718; font-family: inherit; font-size: 17px; text-transform: uppercase;   }
.mmenu_right{ float: right;  } .mmenu_right a{ margin:0 5px;  }
.mmenu_section{ display: inline-block; width: 100%; margin-bottom: 15px; }
.mnav_menu{ padding: 0px; margin: 0px; }
.mnav_menu li{ display: block; padding:8px 10px;  }
.mnav_menu a{ display: block; font-family: inherit; font-size: 26px; color: #131718;  }
.mpp_nav{  display: block; text-align: center; font-family: inherit; font-size: 26px; color: #131718; margin-bottom: 20px;  }
.mnav_partner a{ color: #101010 !important; font-size: 17px; }
.mnav_legal li{  display: block;}
.mnav_legal a{ color: #101010 !important; font-size: 17px; }
.svg_u {
  width: 19px;
  height: 30px;  
  background:url(../img/u_hm.svg) no-repeat; background-size: 100%;
  display: inline-block; vertical-align: middle;

}
._about{ height: 910px !important;  }
._div_common{ max-width: 50%; margin:0 auto; display: block; width: 100%; text-align: center; padding:0px;  }
.pt100{ padding-top: 100px; }
._ur_team{ max-width: 75%; margin:0 auto; display: block; width: 100%; text-align: center; padding:40px 0;  }
._ur_team_rows{  display: flex; flex: 0 1 auto; flex-flow: row wrap; margin: -10px; }
._ur_team_3column{ flex-basis: 33.33%; max-width: 33.33%; padding: 30px;  margin:  auto; }
._our_thumb{ width: 200px; height: 200px; background:#ddd; border-radius: 100%; overflow: hidden; position: relative; display: block; margin: 0 auto 20px; }
._our_thumb img{ position: absolute; top: 0px; left: 0px; width: 100%; }
.our_tname{ font-family: inherit; font-size: 20px; color: #131718;  }
.our_tname span{text-decoration: underline;}
.our_tname em{ font-style: normal;}
/* login */
._bpt{ padding-top: 105px; }
._cheader{ position: fixed !important; top: 0px; width: 100%; z-index: 100; }
.f_control{ max-width:50%; padding: 100px 20px 50px; margin: 0px auto;  }
.f_control_row{ display: inline-block; width: 100%; margin-bottom: 30px; }
.f_control_row label{ font-family: inherit; font-size: 22px; color: #361252; font-weight: 500; padding-bottom: 10px; display: block; }
.f_control_row input{ height: 60px; width: 100%; line-height: 60px; padding: 0 15px; color: #361252; font-family: inherit; font-size: 20px; border:2px solid #361252; border-radius: 6px;  
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 81%, rgb(227 216 237 / 1) 100%) }
.login_btn{ height: 60px; line-height: 60px; color: #ffd445; cursor: pointer; background:#361252; border-radius: 10px;  font-family: inherit; font-size: 27px; width: 100%; border:0px; transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;}
.login_btn:hover{ background:#fff; color: #361252  }
.nh_l{ font-size: 26px; font-family: inherit; color: #361252; text-align: center; text-decoration: underline; display: block; }
.l_nmember{ font-size: 36px; font-family: inherit; color: #361252; text-align: center; text-decoration: underline; display: block; margin-top: 30px; margin-bottom: 30px; }
.m_menu_row{ max-width: 450px; margin: 0 auto; }

/* accordion */
.content {
  @include parallax;
  background-image: linear-gradient(rgba($color-blk, .6), rgba($color-blk, .6)), url("https://static.pexels.com/photos/380769/pexels-photo-380769.jpeg");
  color: $color-wht;
  height: 100vh;
  padding: 5em;
  text-align: center;
}

/* Accordion
================================================== */
.content {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-clip: border-box;
  background-attachment: fixed;
  /*scroll on mobile*/
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://static.pexels.com/photos/380769/pexels-photo-380769.jpeg");
  color: #fff;
  height: 100vh;
  padding: 5em;
  text-align: center;
}
.fs img{ width: 75% !important }
/* Accordion
 ================================================== */
.acc {
  margin: 0 auto;
  max-width: 800px;
}
.acc__card {
  margin: 10px;
  position: relative;
}
.acc__title {
      background: #f9f9f9;
    color: #131718;
  cursor: pointer;
  display: block;
  padding: 1em 1em;
  position: relative;
  text-align: left;
  font-size: 20px;
}
.acc__title.active{ background: #131718; color: #ff9800; }
.acc__title::after {
     width: 10px;
    height: 10px;
    border-right: 2px solid #131718;
    border-bottom: 2px solid #131718;
  position: absolute;
  right: 20px;
  content: " ";
  top: 22px;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}
.acc__title.active::after {
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
  border-right: 2px solid #ff9800;
    border-bottom: 2px solid #ff9800;
}
.acc__panel {
         background: #ffffff;
    color: #131718;
    display: none;
    margin: 0;
    padding: 15px;
    text-align: left;
    font-size: 18px;
    border: 1px solid #131718;
}
.acc__panel span{ float: left; margin-right: 30px; width: 120px; font-size: 15px; text-transform: uppercase; font-weight: 600; }
.acc__panel p{ padding-bottom: 15px; }
.acc__panel div{ overflow: hidden; }
._af{ font-family: inherit; font-size: 22px;color: #131718; padding: 20px 10px; text-align: center; }
.acc__panel ul li{ margin-bottom: 5px; }
/* accordion end */

/* guides page */
.guide_head{ padding: 0px 0 150px; text-align: center; max-width: 75%; width: 100%; margin: auto; }
._guid_btn{ display: inline-block; width: 100%; padding: 25px 0px; text-align: center; font-family: inherit; font-size: 20px; background:#ff9800; color: #131718; border: 0px; border-radius: 8px;
cursor: pointer;     transition: 250ms linear;   }
._guid_btn:hover{ background:#fff !important; color: #131718 !important  }
._guib .sep_part_3column{ padding: 15px 10px; }
._guid_btn i{ width: 38px;  height: 38px;  display: inline-block; background-size: 100%; vertical-align: middle; margin-right: 10px; }
._myw{ background:url(../img/icons/my_wallet_icon.svg) no-repeat;  }
._myr{ background:url(../img/icons/my-rewards-icon.svg) no-repeat;  }
._qrc{ background:url(../img/icons/QR-code-icon-app-features.svg) no-repeat;  }
.g_notfy{ background:url(../img/icons/notifications-icon.svg) no-repeat; width: 36px !important; height: 40px !important; background-size: 100% 40px !important;  }
.g_cf{ background:url(../img/icons/dd-chat-icon.svg) no-repeat; position: relative; top: 5px; }
._nme{ background:url(../img/icons/near-me-icon.svg) no-repeat;  }
._gmdeal{ background:url(../img/icons/deals-icon.svg) no-repeat;  }
._grmdeal{ background:url(../img/icons/redeemed_deal.svg) no-repeat;  }
._gpcode{ background:url(../img/icons/promo-code-vault_icon.svg) no-repeat;  }
._ggcer{ background:url(../img/icons/dd-grocer_icon.svg) no-repeat;  }
._gkit{ background:url(../img/icons/dd-kitchen_icon.svg) no-repeat;  }
._feature_modal{ background:#fff; padding: 25px;  } ._feature_modal img{ width:45%; }
._fmodal_row{ display: flex; flex: 0 1 auto; flex-flow: row wrap; margin: 35px 0 0; position: relative; padding: 0px 30px;}
.vbox-title, .vbox-left{ display: none !important; }
._fmodal_2column{ flex-basis: 50%; max-width: 50%; position: relative; display: flex; align-items: center; justify-content:center; }
._fmodal_2column div{ display: block; text-align: center; margin: auto; }
._rcno{ width: 40px; height: 40px; border-radius: 100%; background: #000; color: #fff; font-family: inherit; font-size: 18px; line-height: 40px; display: block;
    text-align: center; margin: 0 auto 10px; font-style: normal;}
._rdetails{ color: #000; font-family: inherit; font-size: 22px; font-weight: 500; display: inline-block; width: 100%; text-align: center; padding:0 20px;  }    
._non{  display: inline-block;margin-bottom: 10px; width: 100%; text-align: center; }
._sliname{ font-family: inherit; font-size: 28px; text-align: center; color: #e82429 !important; margin-bottom: 15px; font-weight: 400; }
._sliname_sub{ font-family: inherit; font-size: 17px; text-align: center; display: block; color: #7b7b7b; width:100% }
em{ font-style: normal; }

._mp{ font-family: inherit; font-size: 15px; color: #7b7b7b; padding: 0 20px 20px; }
.glyphicon-chevron-right:before{ content: "" !important; background:url(../img/next_btn.svg) no-repeat; background-size: 100%;  display: inline-block;
    width: 40px; height: 40px;  position: relative;  right: 10px;  }
.glyphicon-chevron-left:before{ content: "" !important; background:url(../img/prev_btn.svg) no-repeat; background-size: 100%;  display: inline-block;
    width: 40px; height: 40px;  position: relative;  right: 10px; }
.glyphicon-remove:before{  content: "" !important; background:url(../img/close_s.svg) no-repeat; background-size: 100%;  display: inline-block;
       width: 16px; height: 18px; position: relative; left: 0px;}    

/* checkbox */
.form-group {
  display: block;
  margin-bottom: 15px;
}

.modal-dialog{ max-width:80% !important; }

.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
}

.form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #411b66;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 4px;
}

.form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #411b66;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
._form_p{ font-family: inherit; font-size: 26px; color: #000; margin-bottom: 50px; text-align: center; }
._limit_text{  font-family: inherit; font-size: 16px; color: #411c66; margin-top: -5px; }
article p{ font-family: inherit; font-size: 17px; color: #131718; margin-bottom: 15px; }
article h2, article h3, article h4, article h5{ font-family: inherit; color: #101010; margin-bottom: 15px; }
article h2{ font-size: 30px;  } article h3{ font-size: 22px;  } article h4{ font-size: 20px; }
article ul{ padding: 0px; margin: 0px; }
article ul li{ font-family: inherit; font-size: 17px; color: #333; margin-bottom: 10px; list-style: disc; margin-left: 30px;}
._row{  display: flex;  flex: 0 1 auto; flex-flow: row wrap; margin: -8px; }
 .ytp-chrome-top, .ytp-title, .ytp-title-channel-logo { display: none !important; }
.cem{ font-family:inherit !important;  } 

@media only screen and (max-width: 960px) {
 .modal-dialog {  max-width: 95% !important;}
 .cfs-logo{ width:100px; } .line_acc{ display:none; }
}