/* ********************************* 
font family import
 *********************************************** */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');







/* --------------------------------
 defining Varibales
  -----------------------------------  */

:root {
  --c-gray: #000000c9;
  --bg_box_shadow_mix: 0px 6px 12px 0px #00000000;
  --linear_gradient_mix: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 41.67%, rgba(255, 255, 255, 0.63) 51.04%);

  --shopping_card_icon_bg_color: #009beb;
  --shopping_card_icon_color: #ffffff;

  --order_placed: #A0CD61;
  --out_of_delivery: #92CEF3;
  --anchor: #009beb;

  --reviews_icon_color: #F3C13F;
  --gray_type: #939EA5;

  /* buttons bg  */
  --shopping_button_bg: #009beb;
  --shpping_button_color: #ffffff;

  /* socials   button  */
  --fb_button_bg_color: #3754A0;
  --apple_button_bg_color: #181725;
  --google_button_bg_color: #FFFFFF;

  --buttons_bg: #009beb;
  --buttons_bg_acitve: #009beb;
  --buttons_gray: #939EA5;

  --serach_icon: #009beb;


  --red_txt_color: #009beb;
  --gray_txt_color: #000000;
  --white_txt_color: #ffffff;
  --black_txt_color: #000000;

  --light_gray: #D9D9D9;

  --product_light_gray: #E4E4EC;
  --arrow_color: #4D4D4D;

  --input_border_radius: .8rem;
  --box_border_radius: .8rem;
  --gray_light_txt_color: #939EA5;
  --input_gray_placeholders: #939EA5;

  --red_circles: #009beb;
  --white_icon_color: #fff;
  --bg_icon_red: #009beb;
  --bg_black: #000;
  --bg_full_white: #fff;
  --bg_white: rgb(255 255 255 / 80%);
  /* --bg_white: rgba(255, 255, 255, 0.65); */
  --bg_red: #009beb;
  --bg_gray: #4D4D4D;
  --bg_icon_gray: #000000;

  --bg_linear_white_gray: linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(147, 158, 165, 0.34) 100%);

  --bg_light_gray: #939EA5;
  --icon_red: #009beb;

  --white_gray: #fff;

  --icon_gray: #000000;
  --approved_bg: #A0CD61;
  --subscribed_bg: #92CEF3;
  --declined_bg: #009beb;


  --dark_gray: #4D4D4D7D;
  --light_red_bg: #009beb80;

  --modal_bg: #ffffff9c;


}

/* Define a CSS class for the dark theme */
.dark-theme {
  background-image: none !important;
  background-color: #1A1D21 !important;
  --white_txt_color: rgb(141, 141, 146);
  --black_txt_color: #ffffff;
  --bg_black: #fff;
  --bg_white: #5c5e61;
  --bg_full_white: #5c5e61;
  --c-gray: #f5f5f5c9;

  --shopping_card_icon_color: #1A1D21;

  /* buttons bg  */
  --shpping_button_color: #1A1D21;

  /* socials   button  */
  --apple_button_bg_color: #ffffff;
  --google_button_bg_color: #1A1D21;
  --white_gray: #b4b1b1;
  --gray_txt_color: #b4b1b1;
  --white_txt_color: #1A1D21;
  --black_txt_color: #fff;
  --arrow_color: #b4b1b1;
  --input_border_radius: .8rem;
  --box_border_radius: .8rem;
  --input_gray_placeholders: #b4b1b1;
  --white_icon_color: #1A1D21;
  --bg_black: #fff;
  --bg_white: #2b2d30;
  --bg_gray: #706b6b;
  --bg_icon_gray: #fff;
  --bg_light_gray: #ffff;
  --icon_gray: #b4b1b1;
  --linear_gradient_mix: linear-gradient(180deg, #221f1f 0%, #483131 41.67%, rgb(213 174 174 / 31%) 51.04%);
  --product_light_gray: #444041;
  --dark_gray: #a0a0a0;
  --modal_bg: #000;
  --gray_type: #eaecec;

}