/*  css Style */
*{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: 'Nunito', sans-serif;
}

body{
    background-color:#fff;
    ;
}
.p12{
    padding: 12px;
}
/* Utility Start */
/* Primary_background */

.primary_bg_50 {
    background-color:#FDF2F2;
}
.primary_bg_100 {
    background-color:#FAE6E5;
}
.primary_bg_200 {
    background-color:#F3C0BF;
}
.primary_bg_300{
    background-color:#EB9A98;
}
.primary_bg_400{
    background-color:#DF5B58;
}
.primary_bg_500{
    background-color:#AB2421;
}
.primary_bg_600{
    background-color:#801B19;
}
.primary_bg_700{
    background-color:#561210;
}
.primary_bg_800{
    background-color:#2B0908;
}
.primary_bg_900{
    background-color:#150404;
}

/* Primary_color */

.primary_50{
    color:#FDF2F2;
}
.primary_100{
    color:#FAE6E5;
}
.primary_200{
    color:#F3C0BF;
}
.primary_300{
    color:#EB9A98;
}
.primary_400{
    color:#DF5B58;
}
.primary_500{
    color:#AB2421;
}
.primary_600{
    color:#801B19 ;
}
.primary_700{
    color:#561210;
}
.primary_800{
    color:#2B0908;
}
.primary_900{
    color:#150404;
}

/* Neutral_color */

.neutral_50{
    color:#f8f8f7;
}
.neutral_100{
    color:#F0F0F0;
}
.neutral_200{
    color:#DADAD9;
}
.neutral_300{
    color:#C4C3C2;
}
.neutral_400{
    color:#9E9E9D;
}
.neutral_500{
    color:#6A6968;
}
.neutral_600{
  color: #504F4E;

}
.neutral_700{
    color:#353534;
}
.neutral_800{
    color:#1A1A1A;
}
.neutral_900{
    color:#0D0D0D;
}

/* Neutral_background */

.neutral_bg_50{
    background-color:#f8f8f7;
}
.neutral_bg_100{
    background-color:#F0F0F0;
}
.neutral_bg_200{
    background-color:#DADAD9;
}
.neutral_bg_300{
    background-color:#C4C3C2;
}
.neutral_bg_400{
    background-color:#9E9E9D;
}
.neutral_bg_500{
    background-color:#6A6968;
}
.neutral_bg_600{
    background-color: #504F4E;
}
.neutral_bg_700{
    background-color:#353534;
}
.neutral_bg_800{
    background-color:#1A1A1A;
}
.neutral_bg_900{
    background-color:#0D0D0D;
}
.white_bg{
    background: #fff;
}
.white_color{
    color:#fff;
}
/* Color_states */
.yellow_bg_light{
    background: rgba(244, 185, 32, 0.12);
}
.yellow_c{
    color:#F4B920;
}
.yellow_border{
    border: 1px solid #F4B920;
}
.yellow_bg{
    background:#F4B920;
}

.green_bg_light{
    background: rgba(42, 145, 7, 0.12);
}
.green_border{
    border: 1px solid #2A9007 !important;
}
.green_bg{
    background:  #2A9007 !important;
}
.green_color{
    color:  #2A9007 !important;
}

.orange_bg_light{
    background: rgba(244, 134, 32, 0.12);
}
.orange_border{
    border: 1px solid #F48620;
}
.orange_bg{
    background:  #F48620;
}
.orange_color{
    color:  #F48620;
}

.orange_bg_light{
    background: rgba(244, 134, 32, 0.12);
}
.orange_border{
    border: 1px solid #F48620;
}
.orange_bg{
    background:  #F48620;
}
.blue_bg{
    background: #0A98FE;
}
.blue_color{
    color: #0A98FE;
}
.yellow_dark_bg{
    background: #E6A80A;
}
.yellow_dark_color{
    color: #E6A80A;
}
.porplue{
    background: #6621AB;
}
/* height */
.h_min{
    min-height: 94vh;
}
.h_max{
    max-height: 94vh;
}
/* Input box custom */
.input_box_label{
    font-size: 12px;
    font-weight: 500;
    color:#353534 ;
    margin-bottom: 4px;
}
.input_box_custom{
    border: 1px solid #C4C3C2;
    font-size: 15px;
    font-weight: 400;
    color:#353534 ;
}
.input_box_custom:hover{
    border: 1px solid #504F4E;
}
.input_box_custom:focus{
    border: 1px solid #303030 !important;
    box-shadow: none;
}
.input_box_custom::placeholder {
    color:#9E9E9D;
    font-weight: 400;
    font-size: 14px;
        opacity: 1; /* Firefox */
      }
      
      :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:#9E9E9D;
      }
      
      ::-ms-input-placeholder { /* Microsoft Edge */
        color:#9E9E9D;}
    
.input_box_custom_no_bg::placeholder {
    color:#9E9E9D;
    font-weight: 400;
    font-size: 14px;
        opacity: 1; /* Firefox */
      }
      
      :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:#9E9E9D;
      }
      
      ::-ms-input-placeholder { /* Microsoft Edge */
        color:#9E9E9D;}
        
    .input_box_custom_small{
    height: 24px;
}
.input_box_custom_no_bg{
    height: 24px;
    text-align: right !important;
    padding-right: 0px !important;
    background: none !important;
}
.line_height_32{
    line-height: 32px !important;
}
.line_height_24{
    line-height: 24px !important;
}


/* Typography */

.headline_3{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 34px;
    letter-spacing: 0.18px;
}
.headline_5{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.18px;
}
.headline_5{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.18px;
}
.bold_f700{
    font-weight: 700 !important;
}
.bold_f600{
    font-weight: 600 !important;
}
.headline_6{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.15px;
    margin-bottom: 0 !important;
}
.subtitle_1_lg{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 0 !important;
}
.subtitle_1{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    margin-bottom: 0 !important;
}
.subtitle_2{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
}
.subtitle_2_lg{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
}
.subtitle_c1{
    font-family: 'Nunito';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    line-height: 20px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}
.subtitle_c1_b{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}
.body_1{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 0 !important;
}
.body_2{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.25px;
    margin-bottom: 0 !important;
}
.body_2_b{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.25px;
    margin-bottom: 0 !important;
}
.button_lg{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0 !important;
}
.button_sl{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0 !important;
}
.caption_lg{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
}
.caption_lg_b{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
}
.caption_sm{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
}
.discription_f{
    

}
.overline_cap{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}
.card_headline{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 0 !important;
}
/* Btn */

.primary_btn_small{
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}
.primary_btn_sm{
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
}
.primary_btn:focus{
    outline: none;
    box-shadow: none;}
.primary_btn{
    background: #ab2421;
    border-radius: 4px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.primary_btn:hover{
    background:#801B19;
    color: rgba(255, 255, 255, 0.9);
}
.floating_btn_add{
    background: #4c4c4c;
    border-radius: 24px;
   color: #fff !important;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: #353534;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    position: fixed;
    bottom: 80px ;
    right: 16px;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.16);
    
}

.floating_btn_add:focus{
    box-shadow:0 0 0 0.2rem rgba(88, 6, 0, 0.25);
}
.cat_float_possition{ 
    position: fixed;
    bottom: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}
.cat_floating_btn:focus{
    outline: none;
    box-shadow: none;}
.cat_floating_btn{
    background: #353534;
    border-radius: 4px;
    display: flex;
    z-index: 10;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));

}
.cat_floating_btn:hover{
    background:#0D0D0D;
    color: rgba(255, 255, 255, 0.9);
}
.fade_cs{
    backdrop-filter: brightness(0.7);
}
.grid_padding{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.select-section-btn{
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem ;
    border: 1px solid #F0F0F0;
    background: #FFF;
    box-shadow: 0px 1px 8px 0px rgba(192, 110, 110, 0.12);
}
.select-section-btn:active{
    border: 1px solid #C4C3C2;
    box-shadow: 0px 1px 8px 0px rgba(192, 110, 110, 0.20);
}
.select-section-btn:focus{
    border: 1px solid #C4C3C2;
    box-shadow: 0px 1px 8px 0px rgba(192, 110, 110, 0.20);
}
.modal_level_2{
    backdrop-filter: brightness(0.7);
    z-index: 10000;
    
}
.online_order_status{
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    background-color: #ab2421;
    border-radius: 4px;
    position: absolute;
    top: 8px;
    right: 8px;
  }
.outline_btn{
    border: 1px solid #C4C3C2;
    border-radius: 4px;
    display: flex;
    align-items: center;
     justify-content: center;
    color: #353534;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}
.white_outline_btn{
  
    border: 1px solid #f8f8f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
     justify-content: center;
    color: #f8f8f7;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    background: none ;
}
.white_outline_btn:hover{
     border: 1px solid #fff;
       color: #fff;
}

.outline_btn_icon{
    border: none !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #9E9E9D !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}
.outline_btn_icon:hover{
    color: #ab2421;
}
.outline_btn:hover{
    border: 1px solid #6A6968;
}
.outline_btn:focus{
    outline: none;
    box-shadow: none;
}
.primary_outline_btn:focus{
    outline: none;
    box-shadow: none;
}
.primary_outline_btn:hover{
   background-color: #FAE6E5;
}

.primary_outline_btn{
    border: 1px solid #ab2421;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ab2421;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}
.primary_underline_btn{
  
    display: flex;
    align-items: center;
    color: #ab2421;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
  text-decoration: underline;
    background: none ;
}
.primary_underline_btn:hover{
    color: #801B19;
}
.primary_outline_btn:hover{
    border: 1px solid #801B19;
    color: #801B19;
}

.primary_outline_btn_sm{
    border: 1px solid #ab2421;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #ab2421;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    background: none ;
}
.primary_outline_btn_sm:hover{
    border: 1px solid #801B19;
    color: #801B19;
}
.line_2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.icon_font_16{
    font-size: 16px;
}
.icon_font_20{
    font-size: 20px;
}
/* ----- */
.icon_color_400{
    color:#9E9E9D;
}
.icon_color_500{
    color:#6A6968;
}
.icon_btn:focus{
    outline: 0;
    box-shadow: none;
}
.icon_btn:hover, .icon_btn span:hover{
   color: #353534;
}

.h_32px{
    height: 32px !important;
}
.h_36px{
    height: 36px !important;
}
.mt-m-2{
    margin-top: 2px;
}
.mb-m-2{
    margin-bottom: 2px;
}
.mt-m-4{
    margin-top: 4px;
}
.mb-m-4{
    margin-bottom: 4px;
}
.mt-m-8{
    margin-top: 8px;
}
.mb-m-8{
    margin-bottom: 8px;
}
/* Utility End */

/* radio button css  start*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #6A6968;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ab2421;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* radio button css  end*/
.border_lr{
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}
.border_l{
    border-left: 1px solid #F0F0F0;
    
    
}
.line_16px{
    line-height: 16px !important;
}
.border_t{
    border-top: 1px solid #F0F0F0;
    
}
.border_t2{
    border-top: 1px solid #c9c9c9;
    
}
.border_b2{
    border-bottom: 1px solid #c9c9c9;
    
}
.border_b{
    border-bottom: 1px solid #F0F0F0;
    
}
.border_dotted_b{
    border-bottom: 2px dotted #C4C3C2;
    
}
.border_r{
    border-right: 1px solid #F0F0F0;
}
.primary_border_b4{
    border-bottom: 4px solid #ab2421;
}
.f-x-j {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* switch css code */
    
.switch-menu {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
  }
  
  .switch-menu input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider-menu {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider-menu:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider-menu {
    background-color: #47946D;
  }
  
  input:focus + .slider-menu {
    box-shadow: 0 0 1px #47946D;
  }
  input:focus + .red-color-menu {
    box-shadow: 0 0 1px #ab2421;
  }
  input:checked + .red-color-menu  {
    background-color: #ab2421;
  }
  
  input:checked + .slider-menu:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
  }
  
  /* Rounded sliders */
  .slider-menu.round-menu {
    border-radius: 34px;
  }
  
  .slider-menu.round-menu:before {
    border-radius: 50%;
  }
  /*switch code close */
  .d_f_c{
      display:flex;
  }
  /* radious */
  .r_2p{
       border-radius: 2px; 
  }
  /* End Switch css code */
  .resto_info_btn{
    background: #F5F5F5;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    height:32; 
    font-size:14px; 
    font-weight:600; 
    color:#4c4c4c;
}
.veg_text{
    font-weight: 600;
    font-size: 14px; 
    line-height: 16px; 
    color: #19AE00;
}
.cp{
    cursor: pointer;
}
.resto_info_logo{
    height: 96px;
    width: 96px;
    border-radius: 48px;
}
.close_btn_modal{
    position: absolute;
    top:24px;
    right: 24px;
    z-index: 10;
}
.close_btn_modal.close:focus{
    border: none;
}
.qty_btn{
    border-radius: 2px !important;
    color: #ffffff;
    background: #FAE6E5;
    border: 1px solid #ab2421;
    padding: 0.2rem 0.2rem ;
}
.qty_btn_sm{
    padding: 0px;
}
.mb-7{
    margin-bottom: 80px;
}
.modal_bottom_set{
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
}


/* Chip Css */
.chip{
    display: inline-flex;
    flex-direction: row;
    background-color: #F0F0F0;
    border: none;
    cursor: default;
    height: 36px;
    outline: none;
    padding: 0;
    font-size: 14px;
    color: #353534;
    margin-top: 8px;
    margin-right: 8px;
    white-space: nowrap;
    align-items: center;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
    justify-content: center;
}

.chip-content{
    cursor: inherit;
    display: flex;
    align-items: center;
    user-select: none;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}
.chip-svg{
        color: #999999;
    cursor: pointer;
    height: auto;
    margin: 4px 4px 0 -8px;
  fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}
.chip-svg:hover{
    color: #666666;
}
	/* Chip Css */
.chip-content_sm{
    height: none !important;
    padding: 4px 12px !important;
}
.chip.active{
    background-color: #FAE6E5;
    color: #ab2421;
}
.chip_sm{
    height: auto !important;
}
.modal_item_image{
    width: 100%;
    max-width: 100%;
    min-height: 180px;
    max-height: 260px;
   object-fit: fill;
   border-radius: 24px 24px 0px 0px;
}
.btn_clear_bg{
    top: 3%;
    right: 4%;
    opacity: 1;
    height: 32px;
    width: 48px;
    border: none;
    float: right;
    padding: 6px;
    position: absolute;
    border-radius: 16px;
    z-index: 12;
    background: #F5F5F5;
   
}
.image_above_text{
    position: absolute;
    bottom: 0;
    /* background: rgb(0, 0, 0); */
    background: linear-gradient(180deg, rgba(120, 120, 120, 0.33) 0%, #787878 100%);
    color: #fff;
    width: 100%;
    padding: 8px 0px 8px 0px;
    font-size: 8px;
    font-style: normal;
    font-weight: bold;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
}
.language_select_box{
    padding: .75rem 1rem;
    border:1px solid #DADAD9;
    border-radius: 4px;
}
.language_select_box.active{
    border:1px solid #ab2421;
    color: #ab2421;
}
.m_w_fixheight{
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
}
.full_screen_modal{
    max-height: 100vh;
    border-radius: 0px;
    border: 0px;
    margin: 0px;
}
.m_w_full{
    max-height: calc(100vh - 127px);
    min-height: calc(100vh - 127px);

}
.m_w_b_full{
      max-height: calc(100vh - 63px);
    min-height: calc(100vh - 63px);
}
.y_scrolling{
    overflow-y: auto;
    overflow-x: hidden;
}
.y_scrolling::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #fff;
}

.y_scrolling::-webkit-scrollbar
{
	width: 0px;
	background-color: #fff;
}

.y_scrolling::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color:#9E9E9D;
}
.x_scrolling{
    overflow-y: hidden;
    overflow-x: auto;
}
.x_scrolling::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #fff;
}

.x_scrolling::-webkit-scrollbar
{
	width: 0px;
    height: 0px;
	background-color: #fff;
}

.vartical_top{
    vertical-align:top;
}

.table-box{
    display: flex;
    /* flex-direction: row; */
    justify-content: center;
    align-items: center;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid rgba(120, 120, 120, 0.12);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    height: 48px;
}
.table-box.active, .table-box p.active{
    background-color:#FDF2F2 ;
    border: 1px solid  #ab2421;
    color: #ab2421;
}
.marging_t_64{
    margin-top: 64px;
}
.order_history_box{
    padding: 12px 0px 12px 0px;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.border_b_primary{
    border: 2px solid #ab2421;
}
.offer_image {
    width: 100%;
    height: 240px;
}
.offer_bullet {
    list-style-type: square;
    color: #6A6968;
}
.offer_button2 {
    text-decoration: none;
    text-underline-offset: none;
    position: fixed;
    width: auto;
    height: auto;
    padding: 12px 16px;
    bottom: 150px;
    left: -24px;
    z-index: 999;
    text-align: left;
    border: none;
    background: #F3B20A;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
    border-radius: 4px 4px 0px 0px;
    transform: rotate(90deg);

}
.offer_button2:hover, .offers_button_text:hover {
   
    background: #c89000;
    color:#fff;

}
.offers_button_text {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #2D2000;
    line-height: 24px;
}

.offer_button {
    text-decoration: none;
    text-underline-offset: none;
    position: fixed;
    width: auto;
    height: auto;
    padding: 12px 16px;
    bottom: 150px;
    left: -36px;
    z-index: 999;
    text-align: left;
    border: none;
    background: #F3B20A;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
    border-radius: 4px 4px 0px 0px;
    transform: rotate(90deg);
}
/*---------------------FEEDBACK----------------------*/

/*---------------------Menu theme 3----------------------*/
.menu_header{
    display: flex;
    align-items: center;
    height: 60px;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 99;
    box-shadow: 0px 1.5px 6px rgba(0, 0, 0, 0.12);
    background: #FFFFFF;
    position: fixed;
}
.menu_second_header{
    position: sticky;
    position: -webkit-sticky;
    z-index: 9;
    top: 59px;
}
.border_r_4{
    border-radius: 4px;
}
.border_r_24{
    border-radius: 24px;
}
.border_r_32{
    border-radius: 32px;
}
.header_text{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 0 !important;
}
.menu_header_search{
    width: 100%;
    height: 56px;
    left: 0px;
    top: 0px;
    box-shadow: 0px 1.5px 6px -2px rgba(0, 0, 0, 0.12);
    z-index: 2;
    
}
.marging_t_60{
    margin-top: 60px !important;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.search_box_menu{
    position: relative;
}
.search_icon{
    position: absolute;
    left: 12px;
    top: 8px;
}
.input_search{
    padding-left: 40px;
    border-radius: 24px;
}
.close-icon{
    position:absolute;
    top:8px;
    right: 24px;
}


.serach_bar_css {
    color: #ABABAB;
    background: #fff;
    border: 1px solid #FFD9D9;
    box-sizing: border-box;
    border-radius: 12px !important;
    transition: none;
    
}
.clear_input_search {
    position: absolute;
    left: 91%;
    top: 7px;
    display: block !important;
    color: #6A6968;
    z-index: 4;
}
.navbar-margin-contain {
    margin-top: 100px !important;
}

.menu_circle_top {

  width: 15px;
  border: 1px solid #068312;
  position: relative;

}

.menu_circle_top_red {

  width: 15px;
  border: 1px solid #AB2421;
  position: relative;

}

.menu_circle_red {
  font-size: 13px !important;
  display: flex;
  color: #AB2421;
}

.menu_circle {
  font-size: 13px !important;
  display: flex;
  color: #068312;

}
.search_no_border{
    border: none !important;
}
.search_no_border:focus{
    border: none !important;
}
.search_no_border:hover{
    border: none !important;
}


/* -----------------Categories Filter------------------- */
.chip_filter_box{
    position: absolute;
    position: -webkit-sticky;
    z-index: 9;
    top: 106px;
    padding-top: 8px;
}
.chip_box_container{
    overflow-x: scroll !important;
    overflow-y: hidden;
    height: 50px;
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
}
.chip_3_menu{
    height: 32px;
    color: #919191;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    border-radius: 8px;
    padding-top: 5px;
    font-style: normal;
    text-align: center;
    font-family: Nunito;
    letter-spacing: 0em;
    border: 1px solid #D6D6D6;
}
.chip_3_menu.active{
    color: #ab2421;
    background-color:#FDF2F2 ;
    border: 1px solid #EB9A98 ;
}

.chip_3_menu.active  a{
    color: #ab2421;
}
.chip_3_menu a {
    color: #919191;
    text-decoration:none;
}
/* Category Filter End */

.slider_image_size{
    height: 180px;
}
.slider_text{
    background: rgba(227, 88, 74, 0.08);
    font-size: 12px;
    font-weight: 600;
    color: #AB2421;
}
.menu_3_box{
    margin: 0px;
    border: 1px solid #f8f8f7;
    border-radius: 12px;
    background: #f8f8f7;
}
.item_image_3{
    width: 80px;
    height: 74px;
    border-radius: 10px;
}
.left_actions{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
}
.bottom_nav{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 64px;
    box-shadow: 0 -1px 6px 0 rgb(32 33 36 / 28%);
    border-top: solid 1px rgba(223,225,229,0);
    background-color: #fff;
}
.nav-feature_box{
    flex: 1;
    flex-grow: 1;
    text-align: center;
    font-size: 13px;
    color: #787878;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.feature_container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rounded_counter{
    width: 20px;
    height: 20px;
    position: absolute;
    background: #ab2421;
    top: -8px;
    right:-12px;
    color: #fff;
    border-radius: 12px;
}
.feature_container.active svg, .feature_container.active p{
    color: #ab2421;
    fill: #ab2421;
}
.hide-class{
    display: none !important    ;
}
.wishlist_icon{
   color: #9E9E9D;
}
.wishlist_icon.active{
   color: #ab2421;
}
.fade_modal{
    backdrop-filter:brightness(0.7);
    overflow-x: hidden;
    overflow-y: auto;
}
/* --------------------Theme 4---------------------------------- */


.category_name_4{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    border-bottom:1px solid #DADAD9;
    padding-bottom: 4px;
    color: #353534;
    letter-spacing: 0.15px;
    margin-bottom: 0 !important;
}
.menu_container_grid{
    display: grid;
    width: 100%;
    grid-column-gap: 4%;
    grid-template-columns: 48% 48%;
    grid-row-gap: 1rem;
}
.menu_4_box{
    box-sizing: border-box;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    position: relative;
}
.item_image_4{
    border:1px solid #f0f0f0 ;
    border-radius: 4px;
    width: 100%;
    height: 7rem;
    position: relative;
}
.veg_no_veg_left{
    
    position: absolute;
    top: 12px;
    z-index: 2;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 12%);
    border-radius: 2px;
    left: 12px;
    height: 15px;
}
.attribute_right{
    position: absolute;
    z-index: 2;
    top: 12px;
    border-radius: 2px;
    right: 12px;
    height: 18px;
}
.item_detail_box{
    display: flex;
    padding-top: 6px;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 32px;
}
.cal_size_aik{
    padding: 2px 4px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
    display: inline;
    border: 1px solid #f0f0f0;
    color: #6A6968;
    border-radius: 2px;
    margin-right: 4px;
    margin-top: 4px;
}
.item_footer{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 6px 6px 6px;
    width: 100%;
    color: white;
    text-align: center;
    display: flex;
}
.line_h_auto{
    line-height: normal !important;
}
.add_cart_btn_4:focus{
    outline: none;
    box-shadow: none;
}
.add_cart_btn_4:hover{
   background-color: #FAE6E5;
}

.add_cart_btn_4{
    border: 1px solid #ab2421;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ab2421;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1px;
    background: none ;
}
.whishlist_icon{
    color: #C4C3C2;
}
@media (hover: hover) {
    .whishlist_icon:not(.disabled):hover{
        color: #D60202;
    }
}
.whishlist_icon.active{
    color: #D60202;
}
/* --------------------Theme 5---------------------------------- */


.category_name_5{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: super;
    padding: 8px 0px;
    color: #353534;
    letter-spacing: 0.15px;
    margin-bottom: 0 !important;
    background:#f8f8f7 ;
}
.item_image_5{
    width: 100%;
    height: 100px;
    border-radius: 12px;
}
.add_cart_btn_5:focus{
    outline: none;
    box-shadow: none;
}
.add_cart_btn_5:hover{
   background-color: #FAE6E5;
}

.add_cart_btn_5{
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ab2421;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 24px;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.1px;
    background: #fff ;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}
.btn_5_possiton{
    z-index: 9 !important;
   margin-top: -16px;
}
.wishlist_icon_btn{
    background-color: #fff;
    color: #C4C3C2;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.01);
    border-radius: 8px;
    border: 1px solid #e7e7e7;
}
@media (hover: hover) {
    .wishlist_icon_btn:not(.disabled):hover{
        color: #D60202;
    }
}
.wishlist_icon_btn  span.active{
    color: #D60202;
}


/* / ------------theme 10---------------- / */

.resto_img_neo{
    height: 40px;
    width: 40px;
    border-radius: 20px;
}
.header_text__neo{
font-family: Nunito;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 0px !important;
}
.white_color{
    color: #FFF;
}
.lite_white_txt{
    color: rgba(255, 255, 255, 0.8);
}
.text_light_w{
    color: #777777;
}
.primary_text_w{
   color: #130000 ; 
}
.subtitle_text_neo {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 16px;
}
.secondary_btn_neo:focus{
    outline: none;
    box-shadow: none;}
.secondary_btn_neo{
    background: rgba(255, 255, 255, 0.24);
    border-radius: 4px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.secondary_btn_neo:hover{
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
    border: 1px solid #fff;
}
.secondary_btn_neo_sm{
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.neo_primary_bg {
    background-color: #130000;
}
.slider_text_neo{
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #130000;
}
.search_box_neo_shadow {
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.12));
}
.icon_ct {
    position: absolute;
    left: 16px;
    top: 7px;
    padding: 2px;
    border-right: 1px solid #d1d5db;
}
.form-input-neo {
    background-color: #fff;
    height: 40px;
    text-indent: 48px;
    border-radius: 4px;
}
.form-control-neo {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.clearInput_w {
    position: absolute;
    right: -12px;
    top: 1px;
    display: block !important;
    color: #9C9C9C;
}
.traslate_btn_w {
    height: 40px;
    color: #130000;
}
.bg_neo_w{
    background-color: #F8F8F8;
}
.cat_header_neo_w{
    background-color: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.cat_name_w{
    margin: 0px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
   
    margin-bottom: 0px;
}
.no_item_test_w {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
   
    margin-bottom: 0px;
}
.primary_d_text_w{
    color: #1B0100;
}
.secondary_d_text_w1{
    color: #5d5d5d;
 }
.secondary_d_text{
   color: #777777;
}
.cal_size_aik_w{
    padding: 2px 4px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
    display: inline;
    border: 1px solid #e3e3e3;
    color: #5c5c5c;
    border-radius: 2px;
    margin-right: 4px;
    margin-top: 4px;
}
.add_cart_btn_10:focus{
    outline: none;
    box-shadow: none;
}
.add_cart_btn_10:hover{
   background-color: #FAE6E5;
}

.add_cart_btn_10{
    border: 1px solid #130000;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #130000;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1px;
    background: none ;
}

.whishlist_icon_w{
    color: #C4C3C2;
}
@media (hover: hover) {
    .whishlist_icon_w:not(.disabled):hover{
        color: #D60202;
    }
}
.whishlist_icon_w.active{
    color: #D60202;

}
.neo_image_item {
    height: 72px;
    width: 72px;
    object-fit: fill;
    border-radius: 100% !important;
}
.qty_btn_w{
    border-radius: 2px !important;
    color: #130000;
    background: #E3E0E0;
    border: 1px solid #130000;
    padding: 0.2rem 0.2rem ;
}
.qty_btn_sm{
    padding: 0px;
}

/* / Chip Css neo / */
.chip_w{
    display: inline-flex;
    flex-direction: row;
    background-color: #F0F0F0;
    border: none;
    cursor: default;
    height: 36px;
    outline: none;
    padding: 0;
    font-size: 14px;
    color: #130000;
    margin-top: 8px;
    margin-right: 8px;
    white-space: nowrap;
    align-items: center;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
    justify-content: center;
}

.chip-content{
    cursor: inherit;
    display: flex;
    align-items: center;
    user-select: none;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}
.chip-svg{
        color: #999999;
    cursor: pointer;
    height: auto;
    margin: 4px 4px 0 -8px;
  fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}
.chip-svg:hover{
    color: #666666;
}
	/* / Chip Css / */
.chip-content_sm_w{
    height: none !important;
    padding: 4px 12px !important;
}
.chip_w.active{
    background-color: #E3E0E0;
    color: #130000;
    border: 1px solid  #130000;
}
.chip_sm_w{
    height: auto !important;
}
.primary_btn_w:focus{
    outline: none;
    box-shadow: none;}
.primary_btn_w{
    background: #130000;
    border-radius: 4px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.primary_btn_w:hover{
    background:#000000;
    color: rgba(255, 255, 255, 0.9);
}
.outline_btn_w{
    border: 1px solid #C4C3C2;
    border-radius: 4px;
    display: flex;
    align-items: center;
     justify-content: center;
    color: #130000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}
.btn_clear_bg_w{
    top: 3%;
    right: 4%;
    opacity: 1;
    height: 32px;
    width: 48px;
    border: none;
    float: right;
    padding: 6px;
    position: absolute;
    border-radius: 16px;
    z-index: 12;
    background: #F5F5F5;
    color: #130000;
}
.language_select_box_w{
    padding: .75rem 1rem;
    border:1px solid #DADAD9;
    border-radius: 4px;
}
.language_select_box_w.active{
    border:1px solid #130000;
    color: #130000;
    background-color: #E3E0E0;
}
.floating_btn_add_w{
    background: #130000;
    border-radius: 24px;
   color: #fff !important;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: #353534;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    position: fixed;
    bottom: 80px ;
    right: 16px;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.16);
    
}

.floating_btn_add_w:focus{
    box-shadow:0 0 0 0.2rem rgba(88, 6, 0, 0.25);
}

.table-box-w{
    display: flex;
    /* / flex-direction: row; / */
    justify-content: center;
    align-items: center;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid rgba(120, 120, 120, 0.12);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    height: 48px;
}
.table-box-w.active, .table-box-w p.active{
    background-color:#E3E0E0 ;
    border: 1px solid  #130000;
    color: #130000;
}
.bottom_nav_w{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 64px;
    box-shadow: 0 -1px 6px 0 rgb(32 33 36 / 28%);
    border-top: solid 1px rgba(223,225,229,0);
    background-color: #fff;
}
.nav-feature_box_w{
    flex: 1;
    flex-grow: 1;
    text-align: center;
    font-size: 13px;
    color: #787878;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.feature_container_w{
    display: flex;
    flex-direction: column;
    align-items: center;
    fill: #8d8d8d;
}
.rounded_counter_w{
    width: 20px;
    height: 20px;
    position: absolute;
    background: #130000;
    top: -8px;
    right:-12px;
    color: #fff;
    border-radius: 12px;
}
.feature_container_w.active svg, .feature_container.active p{
    color: #130000;
    fill: #130000;
}
.primary_outline_btn_w:focus{
    outline: none;
    box-shadow: none;
}
.primary_outline_btn_w:hover{
   background-color: #E3E0E0;
}

.primary_outline_btn_w{
    border: 1px solid #130000;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #130000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}

/* / --------------theme 11 -------------- / */
.primary_dark1_bg{
    background-color:#020100;
}
.primary_dark2_bg{
    background-color: #202020;
}
.primary_dark3_bg{
    background-color:#3F3E3D ;
}
.pt_color_d{
    color: #fff;
}
.st_color_d{
    color: rgba(255, 255, 255, 0.8);
}
.tt_color_d{
    color: rgba(255, 255, 255, 0.7);
}
.icon_color_d{
    color: rgba(255, 255, 255, 0.60);
}
.red_bg_d{
    background-color: #DA1814;
}
.red_color_d{
    color:#DA1814;
}


.secondary_btn_neo:focus{
    outline: none;
    box-shadow: none;}
.secondary_btn_neo2{
    background-color:#3F3E3D ;
    border-radius: 4px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.secondary_btn_neo2:hover{
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
    border: 1px solid #fff;
}
.secondary_btn_neo2_sm{
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.neo_primary_bg2 {
    background-color: #130000;
}
.slider_text_neo2{
    width: 100%;
    margin: 0px;
    background: #161514;

    font-size: 13px;
    color: #f8f8f8;
    font-weight: 600;
}
.search_box_neo_shadow {
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.12));
}
.icon_ct_d {
    position: absolute;
    left: 16px;
    top: 7px;
    padding: 2px;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.form-input-d2{
    background-color: #020100 !important;
    height: 40px;
    text-indent: 48px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.clearInput_d {
    position: absolute;
    right:-12px;
    top: 1px;
    display: block !important;
    color:  rgba(255, 255, 255, 0.9);

}
.traslate_btn_d {
    height: 40px;
    color: #ffff;
    background-color:#3F3E3D ;
}
.bg_neo_w{
    background-color: #F8F8F8;
}
.resto_info_btn_d{
    background: #3F3E3D;
    border-radius: 4px;
    height: 32;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
}
.resto_info_btn_d:hover{
   
    color: #fff;
}
.cat_header_neo_d{
    background-color: #1e1e1e;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.cat_name_d{
    margin: 0px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
   
    margin-bottom: 0px;
}
.no_item_test_d {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
   
    margin-bottom: 0px;
}
.menu_11_box{
    box-sizing: border-box;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #2A2A29;
    background: #1e1e1e;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    position: relative;
}
.cal_size_aik_d{
    padding: 2px 4px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 0 !important;
    display: inline;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.9);
    border-radius: 2px;
    margin-right: 4px;
    margin-top: 4px;
}
.add_cart_btn_11:focus{
    outline: none;
    box-shadow: none;
}
.add_cart_btn_11:hover{
   background-color: #FAE6E5;
}

.add_cart_btn_11{
    border: 1px solid #DA1814;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #DA1814;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1px;

}

.whishlist_icon_d{
    color:  rgba(255, 255, 255, 0.7);
}
@media (hover: hover) {
    .whishlist_icon_d:hover{
        color: #DA1814;
    }
}
.whishlist_icon_d.active{
    color: #DA1814;
}
.item_box_11{
    border-radius: 2px;
    border: 1px solid #2A2A29;
    background: #1e1e1e;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    padding: 7.5px 0px;
}
.fade_modal_d{
    backdrop-filter: contrast(0.7);
   
}
.border_bd{
    border-bottom: 1px solid  rgba(255, 255, 255, 0.28);
    
}
.border_td{
    border-top: 1px solid  rgba(255, 255, 255, 0.28);
}
.border_none{
    border: none;
}

.qty_btn_d{
    border-radius: 2px !important;
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.78);
    padding: 0.2rem 0.2rem ;
    display: flex;
}
.qty_btn_sm{
    padding: 0px;
}

/* / Chip Css neo / */
.chip_d{
    display: inline-flex;
    flex-direction: row;
    background: rgba(255, 255, 255, 0.18);
    
    border: none;
    cursor: default;
    height: 36px;
    outline: none;
    padding: 0;
    font-size: 14px;
    color: #fff;
    margin-top: 8px;
    margin-right: 8px;
    white-space: nowrap;
    align-items: center;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
    justify-content: center;
}

.chip-content{
    cursor: inherit;
    display: flex;
    align-items: center;
    user-select: none;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}
.chip-svg{
        color: #999999;
    cursor: pointer;
    height: auto;
    margin: 4px 4px 0 -8px;
  fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}
.chip-svg:hover{
    color: #666666;
}
	/* / Chip Css / */
.chip-content_sm_d{
    height: none !important;
    padding: 4px 12px !important;
}
.chip_d.active{
    background-color: rgba(255, 255, 255, 0.28);
    color: #fff;
    border: 1px solid  rgba(255, 255, 255, 0.60);
}
.chip_sm_d{
    height: auto !important;
}
.primary_btn_d:focus{
    outline: none;
    box-shadow: none;}
.primary_btn_d{
    background: #DA1814;
    border-radius: 4px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.primary_btn_d:hover{
    background:#ff0400;
    color: rgba(255, 255, 255, 0.9);
}
.outline_btn_d{
    border: 1px solid rgba(255, 255, 255, 0.60);
    border-radius: 4px;
    display: flex;
    align-items: center;
     justify-content: center;
    color:  rgba(255, 255, 255, 0.80);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}
.btn_clear_bg_d{
    top: 3%;
    right: 4%;
    opacity: 1;
    height: 32px;
    width: 48px;
    border: none;
    float: right;
    padding: 6px;
    position: absolute;
    border-radius: 16px;
    z-index: 12;
    background: #F5F5F5;
    color: #130000;
}
.language_select_box_d{
    padding: .75rem 1rem;
    border:1px solid  rgba(255, 255, 255, 0.50);
    border-radius: 4px;
    color: #fff;
}
.language_select_box_d.active{
    border:1px solid  rgba(255, 255, 255, 0.80);
    color: #fff;
    background-color: rgba(255, 255, 255, 0.24);
}
.btn_clear_bg_d{
    top: 3%;
    right: 4%;
    opacity: 1;
    height: 32px;
    width: 48px;
    border: none;
    float: right;
    padding: 6px;
    position: absolute;
    border-radius: 16px;
    z-index: 12;
    background:rgba(0, 0, 0, 0.60);
    color: #fff;
}

.modal_bottom_set_2{
    position: fixed;
    bottom: 90px;
  
    margin: 24px;
}

.bottom_nav_d{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 64px;
    box-shadow: 0 -1px 6px 0 rgb(32 33 36 / 28%);
    border-top: solid 1px rgba(223,225,229,0);
    background-color: #100000;
}
.nav-feature_box_d{
    flex: 1;
    flex-grow: 1;
    text-align: center;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.24);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.feature_container_d{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.feature_container_d svg, .feature_container_d p{
    color:rgba(255, 255, 255, 0.60);
    fill: rgba(255, 255, 255, 0.60);
}
.rounded_counter_d{
    width: 20px;
    height: 20px;
    position: absolute;
    background: #DA1814;
    top: -8px;
    right:-12px;
    color: #fff;
    border-radius: 12px;
}
.feature_container_d.active svg, .feature_container_d.active p{
    color: #fff;
    fill: #fff;
}

.floating_btn_add_d{
    background: rgba(255, 255, 255, 0.40);
    border-radius: 24px;
   color: #fff !important;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    position: fixed;
    bottom: 80px ;
    right: 16px;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 1);
    
}

.floating_btn_add_d:focus{
    box-shadow:0 0 0 0.2rem rgba(88, 6, 0, 0.25);
}

.outline_btn_d{
    border: 1px solid  rgba(255, 255, 255, 0.24);
    border-radius: 4px;
    display: flex;
    align-items: center;
     justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}
.fade_modal_d2{
    backdrop-filter: contrast(0.7);
    z-index: 9999;
    
}
.select-section-btn_w{
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem ;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: #2A2A29;
    box-shadow: 0px 1px 8px 0px rgba(192, 110, 110, 0.12);
}
.select-section-btn_w:active{
    border: 1px solid  rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 8px 0px rgba(192, 110, 110, 0.20);
}
.select-section-btn_w:focus{
    border: 1px solid  rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 8px 0px rgba(192, 110, 110, 0.20);
}

.input_box_custom_d{
    border: 1px solid  rgba(255, 255, 255, 0.24);
    font-size: 15px;
    font-weight: 400;
    color:#fff ;
    background:  rgba(255, 255, 255, 0.12) !important;
}
.input_box_custom_d:hover{
    border: 1px solid  rgba(255, 255, 255, 0.56);
}
.input_box_custom_d:focus{
    border: 1px solid  rgba(255, 255, 255, 0.80) !important;
    box-shadow: none;
}
.input_box_custom_d::placeholder {
    color: rgba(255, 255, 255, 0.64);
    font-weight: 400;
    font-size: 14px;
        opacity: 1; / Firefox /
      }
      
      :-ms-input-placeholder { / Internet Explorer 10-11 /
        color:rgba(255, 255, 255, 0.64);
      }
      
      ::-ms-input-placeholder { / Microsoft Edge /
        color:rgba(255, 255, 255, 0.64);}

.table-box-d{
    display: flex;
    flex-direction: row; 
    justify-content: center;
    align-items: center;
    height: 48px;
    background:  rgba(255, 255, 255, 0.12);
    color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.48);
    border-radius: 2px;
    height: 48px;
}
.table-box-d.active, .table-box-d p.active{
    background-color: rgba(255, 255, 255, 0.20);
    border: 1px solid  rgba(255, 255, 255, 0.32);
    color: #fff;
}
.order_history_box_d{
    padding: 12px 0px 12px 0px;
    border: none;
    border-radius: 0px;
    background: #1e1e1e;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.8);
}

.offer_bullet_d {
    list-style-type: square;
    color:  rgba(255, 255, 255, 0.78);
}
.primary_outline_btn_d:focus{
    outline: none;
    box-shadow: none;
}
.primary_outline_btn_d:hover{
   background-color: #DA1814;
}

.primary_outline_btn_d{
    border: 1px solid #DA1814;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DA1814;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    background: none ;
}
.select-section-btn_d{
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem ;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #1e1e1e;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.8);
}
.select-section-btn_d:active{
    border: 1px solid  rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.20);
}
.select-section-btn_d:focus{
    border: 1px solid  rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.20);
} 
/* --------------------Multi Category Theme 8-9---------------------------------- */

.cat_box_menu{
   
    height: 150px;
    position: relative;
}
.cat_img_menu {
    height: 100%;
     border-radius: 4px;
    object-fit: cover;
    width: 100%;
}
.cat_overlay_card {
    position: absolute;
    background-color: rgba(#000, 0.4);
    bottom: 0;
    padding: 12px;
    height: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.87%, rgba(0, 0, 0, 0.6) 75.01%, rgba(0, 0, 0, 0.8) 100%);
    width: 100% !important;
    border-radius: 4px;
}
.fix_height{
    height: 48px !important;
}
.hide{
    display:none !important;
    pointer-events: none;
}
.item-opacity{
    opacity: 0.5;
    /* pointer-events: none; */
}
#accordion.tab-content {
    padding-bottom: 70px;
}

.m_w_full {
    max-height: calc(100dvh - 127px);
    min-height: calc(100dvh - 127px);
}
html { height: 100vh; }
body { height: 100%; }
.full_screen_modal{
    height: 100vh;
    height: 100dvh;
}
#view_cart_modal,
#customer_details {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: translateZ(0);  
    height: 100vh;
    height: 100dvh;
} 
.modal_bottom_set {
    /* background-color: #fff; */
}
#view_cart_modal .modal-body{
    margin-bottom: 73px;
}
#view_cart_modal .m_w_b_full,
#customer_details .m_w_b_full{
    min-height: calc(100vh - 63px);
    min-height: calc(100dvh - 63px);
    padding-bottom: 95px;
} 
.bottom_nav .btn.btn_back_home {
    width: max-content;
    width: -webkit-fill-available;
    text-wrap: balance;
    line-height: 18px;
}
.mt-2.menu_container_grid {
    grid-row-gap: 0;
    margin-top: 0px !important;
}
.menu_4_box {
    margin-top: 1rem !important;
}
.item_detail_box p{
    text-wrap: wrap;
    word-break: break-word;
}