/*-----------------
1. General
-----------------------*/
body {
  background-color: #f4f4f49e;
  font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
}

h1 {
  font-size: 30px;
  font-weight: 800;
}

h2 {
  font-size: 26px;
  font-weight: 700;
}

h3 {
  font-size: 22px;
  font-weight: 500;
}

h4 {
  font-size: 18px;
  font-weight: 400;
}

h5 {
  font-size: 16px;
  font-weight: 400;
}

h6 {
  font-size: 16px;
  font-weight: 400;
}

p {
  color: #666666;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.btn {
  outline: 0 !important;
  box-shadow: none !important;
}

.login-section-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding-inline: 100px; /* changed */
  background-color: #fff;
}

.login_form {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  padding-block: 50px 40px; /* changed */
  width: 45%;
}

.login-img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left;
}

.login_details h5 {
  font-weight: 600;
  font-size: 18px;
}

.login_details p {
  text-align: center;
  color: #a4a4a4;
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.3px;
  width: 60%;
  margin-block: 10px;       /* changed */
  margin-inline: auto;      /* changed */
}

.login_details .input-group {
  width: 75%;
  margin: 0 auto 20px auto !important;
  border: 1px solid transparent;
}

.login_details .input-group:focus {
  border-color: #000;
}

.login_details .input-group-text {
  background: none !important;
  border-inline-end: none !important; /* changed */
  padding-inline-start: 15px;         /* changed */
}

.login_details .form-control {
  border-inline-start: none; /* changed */
  height: 54px;
  padding-inline-start: 8px; /* changed */
  color: #000;
}

.login_details h6 {
  font-size: 14px;
  color: #a4a4a4;
  margin: 9px 0 4px;
}

.login_details .form-control:focus {
  outline: none;
  box-shadow: none;
}

.iti--separate-dial-code .iti__selected-flag {
  border-inline-start: 1px solid #ced4da; /* changed */
  border-radius: 3px !important;
}

.passcode-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.passcode-wrapper input {
  width: 50px;
  height: 50px;
  padding: 0;
  margin-inline-end: 15px; /* changed */
  text-align: center;
  border: none;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0px 9px 0 rgb(0 0 0 / 12%), 0 0px 9px 0 rgb(0 0 0 / 12%);
}

.passcode-wrapper input:last-child {
  margin-inline-end: 0; /* changed */
}

.passcode-wrapper input::-webkit-inner-spin-button,
.passcode-wrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background: #E7F5E5;
}

.passcode-wrapper input:focus {
  background: #E7F5E5;
  outline: none;
}

.breadcumbs ul {
  padding: 0;
  margin: 0;
}

.breadcumbs ul li {
  list-style-type: none;
  position: relative;
  display: inline-block;
  margin-inline-end: 10px; /* changed */
}

.breadcumbs ul li:nth-child(1)::after {
  content: "/";
  position: absolute;
  inset-inline-end: -8px; /* changed for RTL support */
  font-weight: 500;
  font-size: 16px;
}

.breadcumbs ul li a {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.breadcumbs ul li .active {
  color: #fb6107;
}


.accept_order {
  background-color: #3BB77E;
  border: 2px solid #3BB77E;
  width: 155px;
  height: 45px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  border-radius: 35px;
  transition: all 300ms ease-in-out;
  text-align: center;          /* text center aligned in LTR & RTL */
  padding-inline: 0;           /* left/right padding logical */
}

.accept_order:hover {
  background: transparent !important;
  color: #3BB77E !important;
  border-color: #3BB77E !important;
}


.cancel_order {
  width: 155px;
  height: 45px;
  font-size: 14px;
  font-weight: 600;
  color: #ea1212;
  border: 2px solid #EA1212;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  border-radius: 35px;
  transition: all 300ms ease-in-out;
  text-align: center;          /* LTR/RTL friendly */
  padding-inline: 0;           /* left/right padding logical */
}

.cancel_order:hover {
  background-color: #EA1212 !important;
  color: #fff !important;
}

.cancel_order a:focus {
  outline: none;
  box-shadow: none;
}

/* -------------------- */
.order_Details h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  max-width: 90%;
  text-align: start;           /* LTR/RTL friendly */
}

.order_Details h5 a span {
  position: relative;
  inset-inline-start: -7px;    /* instead of left */
  top: -2px;
}


.main_header {
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 65px;
  border-bottom: 2px solid #e7e7e7;
  text-align: start; /* LTR/RTL friendly */
}

.searchbar {
  margin-inline-end: 5px; /* instead of margin-right */
}

.whatsnew {
  cursor: pointer;
  align-self: center;
  background: #299bf6;
  color: #fff !important;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 5px;
  transition: all 1s ease;
}

.whatsnew:hover {
  background: #ffffff;
  color: #299bf6 !important;
  border: 1px solid #299bf6;
  transform: translateY(-2px) scale(1.1);
}

.header_img .logo_nav_head_img {
  padding-top: 0px !important;
}

.header_img .logo_humb {
  margin-inline-start: 5px; /* instead of margin-left */
  position: relative;
  /* top: 8px; */
}

.header_part_details {
  position: relative;
  top: 1px;
  padding-block: 15px 0; /* logical vertical padding */
}

.page_title {
  background: #fff;
  padding-block: 15px;
  padding-inline: 20px; /* logical horizontal padding */
  margin-block-end: 25px;
  border-radius: 5px;
}

.page_title h4 {
  font-size: 20px;
  font-weight: 550;
  margin-block-end: 0;
  text-align: start; /* LTR/RTL friendly */
}

.noti_head {
  display: flex;
  gap: 5px;
  position: relative;
}

.noti_head a {
  position: relative;
  font-size: 14px;
  color: #696969;
  text-decoration: none;
}

.flagitem_wrapper {
  position: relative;
  top: 3px;
}

.profile_user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline-start: 20px;       /* instead of margin-left */
  position: relative;
  top: 3px;
  padding-inline-start: 10px;      /* instead of padding-left */
  border-inline-start: 1px solid #e7e7e7; /* instead of border-left */
}

.profile_user img {
  border-radius: 100%;
  margin-inline-start: 25px;       /* instead of margin-left */
}

.profile_user:after {
  content: '';
  display: block;
  background: #f1f1f1;
  inline-size: 1.1px;
  block-size: 18px;
  position: absolute;
  inset-inline-start: -1px;        /* instead of left */
  top: 7px;
}

.profile_user h6 {
  margin-inline-start: 5px;        /* instead of margin-left */
  font-size: 13px;
  font-weight: 550;
  margin-block-end: 0;
}

.span_flex{
  display: flex;
  gap: 5px;
}

/* Sidebar */
#sidebar-wrapper {
  z-index: 1;
  position: fixed;
  margin-block-start: 65px;      /* instead of margin-top */
  width: 0;
  height: calc(100% - 65px);
  overflow-y: hidden;
  background: #fff;
  opacity: 0.9;
  transition: all .5s;
  padding-block: 20px 40px;
  padding-inline-start: 25px;    /* instead of left padding */
}

/* Main Content */
#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
  transition: all .5s;
}

#menu-toggle {
  transition: all .3s;
  font-size: 2em;
}

/* Change the width of the sidebar to display it*/
#sidebar-wrapper {
  width: 260px;
  padding: 10px;
}

.profile_Sidebar {
  display: flex;
  align-items: center;
  margin-block-end: 20px;        /* instead of margin-bottom */
}

.profile_Sidebar .profile_details {
  margin-inline-start: 20px;     /* instead of margin-left */
  margin-block-start: 5px;
}

.profile_Sidebar .profile_details h5 {
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 550;
  margin-block: 5px;             /* instead of separate top/bottom */
}

.profile_Sidebar .profile_details p {
  margin-block-end: 0;
  font-weight: 500;
  color: #ABABBB;
  font-size: 12px;
}

.sidebar-nav {
  padding: 0;
  list-style: none;
  transition: all .5s;
  width: 100%;
  padding-block-end: 0;
}

.sidebar.fliph {
  width: 70px !important;
  transition: all 0.5s ease-in-out !important;
  padding-block: 10px;
  padding-inline-start: 15px;   /* instead of left padding */
}

.sidebar.fliph .sidebar-nav li {
  padding-block: 15px !important;
}

.sidebar.fliph .sidebar-nav {
  padding-block: 15px !important;
}

.sidebar.fliph .footer_copyright {
  display: none;
}


.sidebar {
  transition: all 0.5s ease-in-out;
}

.sidebar-nav li {
  line-height: 25px;
  width: 100%;
  transition: all .3s;
  padding-block: 4px; /* top/bottom padding logical */
}

.sidebar-nav li a ul li {
  padding-block: 4px; /* top/bottom padding logical */
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #666666;
  font-size: 12px;
  font-weight: 500;
  padding-block: 10px;                 /* top/bottom padding logical */
  padding-inline-start: 8px;           /* instead of left padding */
  border-radius: 8px 0 0 8px;          /* can adjust for RTL automatically */
}

.sidebar-nav li a:hover {
  background-color: #f2f2f2;
}

.sidebar-nav li .active {
  color: #000 !important;
  border-inline-end: 2px solid #000;   /* instead of border-right */
  background: #fafafa;
  padding-block: 10px;
  padding-inline-start: 8px;
  box-shadow: 0 1px 2px rgba(56,65,74,.15);
  /* border-radius: 8px 0 0 8px; */
  border-start-start-radius: 8px;    /* instead of border-top-left-radius */
  border-end-start-radius: 8px;      /* instead of border-bottom-left-radius */
  font-weight: 600;  
}

.sidebar-nav li .active svg {
  fill: #000 !important;
}

.sidebar-nav li a span {
  margin-inline-start: 10px;           /* instead of margin-left */
}

.sidebar.fliph span {
  display: none;
}

.sidebar.fliph .profile_details {
  display: none;
}

.sidebar.fliph .profile_Sidebar img {
  width: 40px;
  height: 40px;
  position: relative;
  inset-inline-start: 3px;             /* instead of left */
}

.sidebar-nav li a svg {
  position: relative;
  width: auto;
  height: 14px;
}

.footer_copyright {
  font-size: 14px;
  color: #7e7e7e;
  text-align: center;
  position: fixed;
  bottom: 30px;
}


.page_body {
  margin-inline-start: 260px;       /* instead of margin-left */
  padding-block-start: 75px;        /* instead of padding-top */
}

.main_wrapper .fliph .pb_main {
  margin-inline-start: 90px !important; /* instead of margin-left */
  transition: all .5s !important;
}

.active_order {
  background-color: #fff;
  padding-block: 15px 5px;           /* top/bottom */
  padding-inline: 20px;               /* left/right */
  border-radius: 10px;
}

.order_contain {
  margin-block-start: 10px;           /* instead of margin-top */
}

.total_order_contain h5 {
  font-size: 18px;
  font-weight: 400;
  color: #808080;
  line-height: 28px;
  margin-block-end: 7px;
  text-align: start;                  /* LTR/RTL friendly */
}

.total_order_contain h3 {
  font-size: 30px;
  font-weight: 500;
  color: #000;
  line-height: 38px;
  margin-block-end: 7px;
  text-align: start;                  /* LTR/RTL friendly */
}

.order_increase p {
  font-size: 12px;
  color: #5CBB52;
  font-weight: 400;
  margin-block-end: 0;
}

.decrease_price p {
  color: #FF0000 !important;
}

.active_order_grid {
  padding-block: 20px 40px;           /* top/bottom */
}

.main_page_title h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  margin-block-end: 20px !important;
  text-align: start;                  /* LTR/RTL friendly */
}

.pagination p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  position: relative;
  inset-block-start: 10px;            /* instead of top */
  text-align: start;                  /* LTR/RTL friendly */
}

.pagination p span {
  font-size: 13px;
}

.pagination p span .fa-chevron-left {
  margin-inline-end: 10px;           /* instead of margin-right */
}

.pagination p span .fa-chevron-right {
  margin-inline-start: 10px;         /* instead of margin-left */
}


.dropdown_user {
  background-color: #ffffff;
  width: 50%;
  border-radius: 22px;
  font-size: 11px;
  line-height: 22px;
  font-weight: 500;
  padding-block: 10px;                  /* top/bottom padding */
  padding-inline-start: 15px;           /* instead of padding-left */
}

.dropdown_user span {
  float: inline-end;                     /* instead of right */
  color: #CED4DA;
  margin-inline-end: 15px;               /* instead of margin-right */
}

.main_wrapper .fliph .page_body {
  margin-inline-start: 80px !important; /* instead of margin-left */
}

.dashboard_box {
  background-color: #fff;
  padding-block: 15px;
  padding-inline: 20px;                  /* left/right padding */
  border-radius: 10px;
  height: 100%;
}

.dash_id h5 {
  font-size: 18px;
  color: #000;
  font-weight: 550;
  margin-block-end: 5px;
  text-align: start;                     /* LTR/RTL friendly */
}

.text-green {
  color: #fb6107 !important;
}

.text-grees {
  color: #fb6107 !important;
}

.dash_id h6 {
  font-size: 14px;
  line-height: 22px;
  color: #949494;
  font-weight: 500;
  margin-block-end: 5px;
  display: flex;
}

.dash_id h6 span {
  margin-inline-end: 5px;                /* instead of margin-right */
}

.dash_value h5 {
  color: #000000;
  font-size: 18px;
  float: inline-end;                     /* instead of float:right */
  font-weight: 500;
  margin-block-end: 0px;
}

.dash_value h6 {
  color: #A4A4A4;
  font-size: 16px;
  font-weight: 400;
  float: inline-end;                     /* instead of float:right */
  margin-block-end: 5px;
}

.desh_block_seprate hr {
  margin-block: 8px 10px !important;     /* vertical margin */
  border-color: #F4F4FB !important;
}


.order_details {
  padding-block: 5px;                   /* top/bottom padding */
}

.order_details h5 {
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  font-weight: 400;
}

.order_details h6 {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  margin-block-end: 0;                  /* instead of margin-bottom */
}

.order_details h6 a {
  color: #fb6107;
}

.order_details h6 span {
  margin-inline-end: 3px;               /* instead of margin-right */
}

.media {
  padding-block: 8px 5px;               /* top/bottom padding */
}

.media .media-body h5 {
  font-size: 18px;
  font-weight: 500;
  margin-block-end: 7px;
  color: #000;
}

.media .media-body h6 {
  font-size: 14px;
  font-weight: 400;
  margin-block-end: 5px;
  color: #949494;
}

.media .media-body h6 span {
  position: relative;
  inset-block-start: -3px;              /* instead of top */
}

.has-search .form-control {
  padding-inline-start: 3.275rem;       /* instead of padding-left */
  width: 40%;
  color: #CED4DA;
  border: none;
  height: 50px;
  border-radius: 25px;
}

.has-search .form-control::placeholder {
  color: #CED4DA;
  font-weight: 500;
}

.has-search .form-control-feedback {
  position: absolute;
  inset-block-start: 5px;               /* instead of top */
  inset-inline-start: 30px;             /* instead of left */
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #CED4DA;
  font-weight: 510;
}

.filters_h6 h6 {
  position: relative;
  color: #000000;
  font-size: 14px;
  margin-inline-end: 15px;              /* instead of margin-right */
  inset-block-start: 6px;               /* instead of top */
  inset-inline-start: 0;                 /* instead of left */
}

.nav-tabs {
  border-bottom: 2px solid #EAEAF6;
}

.nav-tabs .nav-link.active {
  color: #fb6107;
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid #fb6107 !important;
  font-size: 17px;
  font-weight: 600;
  text-align: start;                     /* LTR/RTL friendly */
  padding: 0;
}

.nav-tabs .nav-item.show .nav-link {
  color: #5CBB52;
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid #5CBB52 !important;
  font-size: 17px;
  font-weight: 600;
  text-align: start;                     /* LTR/RTL friendly */
  padding-block-end: 25px;               /* bottom padding logical */
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.nav-tabs .nav-link {
  border: 2px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #000000;
  text-align: start;                     /* LTR/RTL friendly */
  font-weight: 600;
  padding-block-end: 15px;               /* bottom padding logical */
  font-size: 17px;
}

.price_box_head {
  background-color: #fff;
  border-radius: 10px;
  padding-block: 20px;           /* top/bottom */
  padding-inline: 25px;           /* left/right */
}

.price_box_head h5 {
  color: #000;
  font-weight: 510;
  font-size: 18px;
  line-height: 22px;
  margin-block-end: 10px;         /* instead of margin-bottom */
}

.price_Details {
  display: flex;
  justify-content: space-between;
}

.price_Details p {
  text-align: justify-all;
  color: #000;
  font-weight: 500;
}

.download_btn {
  margin-block-start: 25px;       /* top margin */
  margin-block-end: 5px;          /* bottom margin */
  text-align: center;
}

.download_btn a {
  background-color: #fb6107;
  border-color: #fb6107;
  color: #ffffff;
  font-size: 14px;
  padding-block: 17px;             /* top/bottom padding */
  padding-inline: 45px;            /* left/right padding */
  font-weight: 500;
  text-align: center;
  border-radius: 35px;
  text-transform: uppercase;
}

.download_btn a img {
  margin-inline-end: 15px;         /* instead of margin-right */
  margin-block-start: -2px;        /* instead of margin-top */
}

.user_profile_box {
  background-color: #ffffff;
  border-radius: 10px;
  padding-inline-start: 10px;      /* instead of padding-left */
  padding-inline-end: 20px;        /* instead of padding-right */
}

.user_profile_box .media {
  padding: 15px;
  align-items: center;
}

.user_profile_box .media .media-body {
  padding-inline-start: 25px;      /* instead of padding-left */
}

.user_profile_box .media .media-body h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 550;
  margin-block-end: 5px;
}

.user_profile_box .media .media-body p {
  margin-block-end: 0;
  font-size: 14px;
  font-weight: 500;
  color: #fb6107;
  border: 1px solid #fb6107;
  width: max-content;
  padding-block: 3px;
  padding-inline: 10px;
  border-radius: 30px;
}

.cnt_inform .cont_inform_p {
  margin-block-end: 0;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.cnt_inform .cont_inform_p span img {
  margin: -2px 10px 0 0;           /* can be changed if RTL support needed */
  margin-inline-end: 10px;          /* RTL friendly */
  margin-block-start: -2px;
}

.cnt_inform .cont_inform_p_s span img {
  margin-inline-end: 10px;
  margin-block-start: -2px;
}

.cnt_inform .cont_inform_p_s {
  margin-block-end: 0;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}


.order_box_his {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
}

.order_status_bx {
  background-color: #fff;
  border-radius: 10px;
  padding-block: 15px;        /* top/bottom padding */
  margin-block-end: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;   /* right alignment */
}

.order_status_bx .order_status_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order_status_six {
  text-align: end;             /* RTL friendly */
  font-weight: 500;
}

.order_status_six span {
  color: #fb6107;
}

.order_status_head h6 {
  font-weight: 500;
  margin-block-end: 0;
}

.order_status_bx h5 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
  margin-block-end: 0 !important;
}

.order_box_his h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-block-end: 25px;
}

.order_status h5 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.order_status p {
  color: #BFC3CA;
  font-size: 12px;
  font-weight: 500;
  margin-block-end: 0;
}

.items_list {
  background-color: #fff;
  border-radius: 10px;
  padding-block: 15px;
  padding-inline: 25px;
}

.items_list h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-block-end: 10px;
}

.items_list table th {
  padding-block: 8px 12px;   /* top/bottom padding */
  border-bottom: 1px solid #F4F4FB;
}

.product_header .pagination {
  margin-inline-end: 40px;    /* RTL friendly */
}

.product_header .has-search .form-control {
  width: 100% !important;
}

.filters_h6 .form-control {
  border-radius: 25px;
  width: 100px;
  height: 40px;
  padding-inline: 15px;       /* left/right padding */
  margin-inline-end: 15px;
  border-color: #fff !important;
}

.filters_h6 .form-control:focus {
  box-shadow: none !important;
}

.category_selection .form-control {
  border-radius: 25px;
  width: 200px;
  height: 40px;
  padding-inline: 15px;
  border-color: #fff !important;
}

.category_selection .form-control:focus {
  box-shadow: none !important;
}

.Add_product .btn-default {
  background-color: #fb6107;
  border-color: #fb6107;
  color: #fff;
  border-radius: 22px;
  font-size: 14px;
  padding-block: 8px;
  padding-inline: 20px;
  margin-inline-start: 15px;
}

.product_display_list {
  padding-block-start: 15px;
  padding-block-end: 0px;
}


.product_display_list .product_box {
  background-color: #fff;
  border-radius: 10px 10px 0 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
  padding: 15px;
  height: 100%;
  display: grid;
  vertical-align: middle;
}

.product_display_list .inactive_box .product_img:after {
  content: "Inactive Product" !important;
  color: #ff0000 !important;
  text-align: center !important;
  padding-block: 7px !important;
  font-size: 18px !important;
  position: absolute !important;
  top: 50% !important;
  inset-inline-start: 50% !important; /* RTL friendly */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translate(-50%, -50%) !important;
  background-color: #ffffffd6 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  border-radius: 10px 10px 0 0 !important;
}

.product_display_list .product_box .product_img {
  position: relative;
  width: 60px;
  height: 60px;
}

.product_display_list .product_box .product_img:after {
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  padding-block: 7px;
  font-size: 24px;
  color: #fff;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0; /* RTL friendly */
  width: 100%;
  background-color: #00000096;
  height: 50px;
  opacity: 0;
  display: none;
}

.product_display_list .product_box:hover .product_img::after {
  opacity: 1;
  transition: all .5s;
  display: none;
}

.product_display_list .product_box .product_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_display_list .product_box .product_details h6 {
  color: #000000;
  font-weight: 550;
  line-height: 22px;
  margin-block-end: 3px;
}

.product_display_list .product_box .product_details p {
  font-size: 13px;
  color: #888888;
  font-weight: 500;
  margin-block-end: 0 !important;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.product_display_list .product_box .product_details .product_price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 0;
}

.product_display_list .product_box .product_details .product_price p {
  font-size: 17px;
  color: #565656;
  margin-inline-end: 0; /* RTL friendly */
  font-weight: 500;
  margin-block-end: 0;
}

.product_display_list .product_box .product_details .product_price h5 {
  width: auto;
  font-size: 13px;
  font-weight: 600;
  background: #fff;
  color: #000;
  margin-block-end: 0;
  border-radius: 15px;
}

.product_head_right {
  margin-block-end: 5px;
}


.text_gray {
  color: #888888 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  margin-inline-end: 10px !important; /* RTL friendly */
  margin-block-end: 0 !important;
}

.add_product_body .form-group {
  margin-block-end: 25px !important;
}

.add_product_body .form-group .form-control {
  border: 1px solid #DDDDDF !important;
  height: 55px !important;
  border-radius: 50px;
  color: #A4A4A4 !important;
  font-size: 16px !important;
  padding-inline: 20px !important; /* RTL friendly */
  padding-block: 10px !important;
}

.add_product_body .form-group .form-control:focus {
  border: 1px solid #5CBB52 !important;
  box-shadow: none !important;
}

.add_product_body textarea {
  border-radius: 5px !important;
}

#add_product .modal-footer .btn-primary {
  border-radius: 36px !important;
  border-color: #5CBB52 !important;
  background-color: #5CBB52 !important;
  padding-block: 10px !important;
  padding-inline: 30px !important;
}

#add_product .modal-footer .btn-secondary {
  border-radius: 36px !important;
  border-color: #F4F4FB !important;
  background-color: #F4F4FB !important;
  padding-block: 10px !important;
  padding-inline: 30px !important;
  color: #000 !important;
  font-weight: 500 !important;
}

.Product_head {
  background: #fff;
  padding: 15px 20px;
  margin-block-end: 25px;
  border-radius: 5px;
}

.Product_head h5 {
  font-weight: 550;
}

.slider-wrapper {
  width: 600px;
  padding: 25px;
  background-color: #fff;
}

.slider-for__item {
  padding: 15px;
  border: 1px solid #f4f5fa;
}

.slick-slide img {
  display: block;
  width: 90%;
  height: 100%;
  object-fit: contain;
  margin-inline: auto; /* RTL friendly */
}

.slider-for__item {
  width: 100%;
  height: 400px;
}

.slider-for__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.slick-list {
  margin-block: 20px;
}

.slider-nav__item {
  height: 150px;
}

.slick-prev {
  inset-inline-start: -10px; /* RTL friendly */
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slick-next {
  inset-inline-end: -10px; /* RTL friendly */
}

.slick-prev:after {
  content: "\f104";
  font: 18px/1 'FontAwesome';
  background: #fb6107;
  color: #fff !important;
  padding: 5px 8px;
  font-size: 12px;
  border-radius: 100%;
}

.slick-next:after {
  content: "\f105";
  font: 18px/1 'FontAwesome';
  background: #fb6107;
  color: #fff !important;
  padding: 5px 8px;
  font-size: 12px;
  border-radius: 100%;
}

.product_display {
  margin-block-end: 40px;
}

.product_display .product_details_block {
  margin-block-start: 40px;
}


.product_details_contents h4 {
  color: #fb6107;
  font-weight: 600;
}

.product_display .product_details_block .product_details_contents h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 550;
  color: #000;
  margin-block-end: 5px !important;
}

.product_details_contents .description_blk h6 {
  font-size: 18px;
  font-weight: 600;
  width: max-content;
}

.product_details_contents .description_blk p {
  color: #777777;
  font-size: 14px;
  line-height: 24px;
  width: 90%;
  word-break: break-word;
  margin-block-end: 0;
}

.product_display .product_details_block .product_details_contents h4 {
  color: #000;
  font-weight: 600;
   margin-block-end: 0;
}

.product_display .product_details_block .product_details_contents h3 span {
  color: #ABABBB !important;
 margin-inline-end: 10px;
}

.product_display .product_details_block .product_details_contents p {
  color: #777777;
  font-weight: 400;
  font-size: 13px;
}

.product_display .product_details_block .product_details_contents p .txt-green {
  color: #08B92C !important;
  font-weight: 550 !important;
}

.product_volume ul {
  padding-inline-start: 0 !important; /* RTL friendly */
}

.product_volume ul li {
  list-style-type: none !important;
  background: #f7f8fa !important;
  color: #191919 !important;
  padding: 15px 30px !important;
  margin-block-end: 15px;
  width: 150px !important;
  border-radius: 10px;
  display: inline-block;
  font-weight: 500 !important;
  margin-inline-end: 10px !important;
}


.product_display .product_details_block .product_volume ul li:hover {
  background-color: #08B92C !important;
  color: #fff !important;
}

.product_display .product_details_block .product_volume #price .active {
  background-color: #08B92C !important;
  color: #fff !important;
}

.product_display .product_details_block .product_volume h5 {
  font-size: 17px;
   margin-block-end: 12px;
}

.product_display .product_details_block .product_price {
  display: flex;
  align-items: center;
}

.product_display .product_details_block .product_price h4 {
   color: #000 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  margin-inline-end: 15px !important;
}

.product_pricess .switch {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.product_pricess .switch .active_p {
  color: #3fa87a !important;
  font-size: 13px;
  font-weight: 550 !important;
  margin-inline-end: 10px;
  margin-block-end: 0 !important;
}

.product_pricess .switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.product_pricess .switch input[type=checkbox]:checked+label {
  background: #35ae4a;
  border: 1px solid #35ae4a;

}

.product_pricess .switch input[type=checkbox]:checked+label::after {
    inset-inline-start: 100%;
    transform: translateX(-100%);
    top: -1.3px !important;
    box-shadow: 0 1px 2px rgba(44, 44, 44, .2);
    width: 16px;
    height: 16px;
}
[dir="rtl"] .product_pricess .switch input[type=checkbox]:checked+label::after {
    inset-inline-start: 100%;
    transform: translateX(100%);
}

.product_pricess .switch label {
  cursor: pointer;
  width: 36px;
  height: 16px;
  background: #B5B5B5;
  display: block;
  border-radius: 24px;
  position: relative;
  margin-bottom: 0;
}

.product_pricess .switch label::after {
    content: "";
  position: absolute;
  top: 2px;
  inset-inline-start: 4px;
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 16px;
  transition: 0.3s;
}

.product_display .product_details_block .product_price h5 {
  color: #8F8F8F !important;
  font-size: 18px !important;
  line-height: 26px !important;
  text-decoration: line-through !important;
}

.product_description {
  margin-bottom: 35px;
}

.product_description_content {
  background-color: #fff;
  padding: 25px 30px;
}

.product_description_content h4 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}

.account_profile_contain {
  background-color: #fff;
  padding: 30px 25px;
}

.account_profile_contain h4 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px !important;
}

.account_profile_contain p {
  font-size: 14px;
  color: #888888;
  margin-bottom: 5px !important;
}

.profiles_section .avatar-edit input {
  display: none;
}

.profiles_section .avatar-edit {
  z-index: 9;
}

.profiles_section .media-left .uploader {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0; /* RTL safe */
}

.profiles_section .avatar-upload .avatar-preview {
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 100%;
}

.profiles_section .img_fa {
  background-color: #000 !important;
  border: 3px solid #fff;
}

.profiles_section .avatar-upload .avatar-preview>div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.profiles_section h6 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.profiles_section .media-body p {
  font-size: 14px;
  color: #888888;
  font-weight: 500;
}

.profiles_section .form-row .form-group span {
  position: absolute;
 inset-inline-start: 30px; /* RTL safe */
  top: 15px;
}

.profiles_section .form-row .form-group .map_ic {
  top: 10px !important;
}

.profiles_section .cancel_btn {
  background-color: #F4F4FB;
  border-color: #F4F4FB;
  border-radius: 36px;
  color: #000;
  font-weight: 500;
  padding: 15px 55px;
  text-transform: uppercase;
}

.profiles_section .cancel_btn:focus {
  background-color: #F4F4FB !important;
  border-color: #F4F4FB !important;
  box-shadow: none !important;
  color: #000 !important;
}

.App_notification .switch {
  display: inline-flex;
  margin: 0 0px;
}

.App_notification .switch .active_p {
  color: #5cbb52;
  font-size: 13px;
  font-weight: 550;
   margin-inline-end: 10px; /* RTL safe */
  margin-bottom: 0 !important;
}

.App_notification .switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.App_notification .switch input[type=checkbox]:checked+label {
  background: #5cbb52;
}

.App_notification .switch input[type=checkbox]:checked+label::after {
   inset-inline-end: 4px; /* RTL safe */

  transform: translateX(-100%);
}

.App_notification .switch label {
  cursor: pointer;
  width: 48px;
  height: 24px;
  background: #B5B5B5;
  display: block;
  border-radius: 24px;
  position: relative;
}

.App_notification .switch label::after {
  content: "";
  position: absolute;
  top: 4px;
  inset-inline-start: 4px; /* RTL safe */
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 16px;
  transition: 0.3s;
}

.wallet_section .wallet_contain {
  text-align: center;
  padding: 25px 0;
}

.wallet_section .wallet_contain h6 {
  color: #888888;
  font-size: 20px;
  line-height: 28px;
}

.wallet_section .wallet_contain h2 {
  color: #000;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 25px;
}

.wallet_section .wallet_contain a {
  margin-top: 25px;
  background-color: #5CBB52;
  border-color: #5CBB52;
  border-radius: 36px;
  color: #fff;
  font-weight: 500;
  padding: 15px 35px;
  text-transform: uppercase;
}

.payment_history_contain .media img {
  background-color: #ff000015;
  padding: 5px;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  margin-inline-end: 25px; /* RTL safe */
  box-shadow: 0 0 15px -5px #d9d9d9 !important;
}

.payment_history_contain .media .media-body h5 {
  font-size: 18px;
  font-weight: 550;
  margin-bottom: 7px;
  color: #000;
}

.wallet_history h4 {
  margin-bottom: 20px !important;
}

.dropdown .btn {
  background: #fff !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #f2f2f2 !important;
  color: #000 !important;
}

/* .dropdown-item {
  transition: all 0.3s ease;
}

.dropdown-item:hover {
  transform: translateY(-2px) scale(1.1);
} */

.card-order {
  margin-bottom: 1.875rem;
  background-color: #fff !important;
  transition: all .5s ease-in-out;
  position: relative;
  border: 0rem solid transparent;
  border-radius: .5rem;
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  height: calc(100% - 30px);
}

.card-order .card-header {
  background-color: #fff !important;
}

.card-order .card-header:first-child {
  border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0;
}

.card-order .card-title {
  color: #000;
  padding-top: 10px;
  font-weight: 510;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
}

.card-order .timeline_ic {
 padding-inline-start: 5px !important; /* RTL safe */
}

.card-order .timeline_ic li {
  padding-inline-start: 25px; /* RTL safe */
  position: relative;
 margin-inline-start: 11px; /* RTL safe */
  border-inline-start: 3px solid #fb6107; /* RTL safe */
  min-height: 80px;
  padding-top: 1px;
  list-style-type: none;
}

.card-order .timeline_ic li a h4 {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  font-weight: 600;
}

.card-order .timeline_ic li a p {
  color: #696969 !important;
}

.card-order .timeline_ic li:last-child {
    border-inline-start: 3px solid transparent; /* RTL safe */
}

.card-order .timeline_ic .icon {
  position: absolute;
  width: 22px;
  height: 22px;
  font-size: 24px;
  color: #fff;
  background: #e4e4e4;
  border: 2px solid #d1d1d1;
  text-align: center;
  line-height: 22px;
  border-radius: 22px;
 inset-inline-start: -13px; /* RTL safe */
  top: 0;
}

.card-order .timeline_ic .active_bg {
  background: #fb6107 !important;
  border-color: #fb6107 !important;
}

.the_img img {
  width: 50px !important;
  height: 50px !important;
}

.upload-item-box {
  height: 180px;
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 0.75rem;
  color: #808080;
  overflow: hidden;
  text-align: center;
}

.upload-item-box input {
  display: none;
}

.upload-item-box label {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}

.upload-item-box #imagePreview {
  height: 100%;
  display: none;
  background-size: cover;
}

.upload-item-box label .content {
  margin-top: 40px;
}

.upload-item-box label i {
  margin-bottom: 15px;
  font-size: 40px;
}

.upload-item-box label span {
  display: block;
}

.upload_item_box .card_head .card_title {
  background-color: #fff !important;
  border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0 !important;
  border: 1px solid #f0f1f5;
  position: relative;
  margin-bottom: 0;
  padding: 15px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 550;
}

.upload_item_box .card_body {
  background-color: #fff !important;
  border-color: #f0f1f5;
  position: relative;
  padding: 15px;
}

.upload_item_box .form-group label {
  font-weight: 500;
  color: #696969;
  font-size: 15px;
  line-height: 25px;
}

.upload_item_box .form-group textarea {
  height: 100px !important;
}

.upload_item_box .btn-add {
  background-color: #fc8945;
  border-color: #fb6107;
  color: #fff;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 30px;
}

.card_add_ons {
  margin-bottom: 1.875rem;
  background-color: #fff;
  transition: all .5s ease-in-out;
  position: relative;
  border: 0px solid transparent;
  border-radius: 10px;
  box-shadow: 0px 12px 23px 0px rgba(62, 73, 84, 0.04);
  height: auto;
}

.card_add_ons .card_title {
  background-color: #fff !important;
  border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0 !important;
  border: 1px solid #f0f1f5;
  position: relative;
  margin-bottom: 0;
  padding: 15px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 550;
}

.card_add_ons .card_body {
  background-color: #fff !important;
  border-color: #f0f1f5;
  position: relative;
  padding: 15px;
}

.loadmore-content .form-group label {
  font-weight: 500;
  color: #696969;
  font-size: 15px;
  line-height: 25px;
}

.loadmore-content .form-group .solid {
  block-size: 48px; /* replaces height */
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.card_add_ons .btn_Add_more:focus {
  outline: none;
}

.custom_cbk .switch {
   display: inline-block;
  position: relative;
  inline-size: 60px;   /* replaces width */
  block-size: 30px;    /* replaces height */
}

.custom_cbk .switch input {
  display: none;
}

.custom_cbk .slider {
  background-color: #ccc;
  position: absolute;
  inset: 0; /* replaces top/left/right/bottom */
  cursor: pointer;
  transition: 0.4s;
}

.custom_cbk .slider:before {
  content: "";
  position: absolute;
  inset-block-end: 4px;         /* bottom */
  inset-inline-start: 4px;      /* left in LTR, right in RTL */
  inline-size: 20px;            /* replaces width */
  block-size: 20px;             /* replaces height */
  background-color: #fff;
  transition: 0.4s;
}

.custom_cbk input:checked+.slider {
  background-color: #fb6107;
}

.custom_cbk input:checked+.slider:before {
  transform: translateX(26px);
}

.custom_cbk .slider.round {
  border-radius: 34px;
}

.custom_cbk .slider.round:before {
  border-radius: 50%;
}

.item_stk_htag {
  font-size: 20px;
  line-height: 30px;
  font-weight: 550;
  color: #000;
}

.category_btn_blk {
 text-align: end; /* right in LTR, left in RTL */
  margin-bottom: 30px;
}

.category_btn {
  background-color: #fb6107 !important;
  border-color: #fb6107 !important;
  color: #fff !important;
  padding: 15px 28px !important;
  border-radius: 30px !important;
}

.upload-item-boxx {
  block-size: 160px !important;
  inline-size: 40% !important;
  margin-block-end: 5px !important;
}

.upload-item-boxx label .content {
   margin-block-start: 30px !important;

}

.btn_cancell {
  background: #EA1212;
  border-color: #EA1212;
  padding: 8px 20px 8px 20px;
  border-radius: 30px;
}

.btn_addd {
  background: #fb6107;
  border-color: #fb6107;
  padding: 8px 30px 8px 30px;
  border-radius: 30px;
}

.search-area {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
   inline-size: 100%;
}

.search-area .form-control {
  block-size: 56px;
  border: 1px solid #f0f1f5;
  border-radius: 30px 0 0 30px; /* fallback */
  border-start-start-radius: 30px;
  border-end-start-radius: 30px;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  padding-inline-start: 30px;
}

.search-area .btn-rounded {
  background: #fb6107;
  border-color: #fb6107;
  border-radius: 0 30px 30px 0; /* fallback */
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: 30px;
  border-end-end-radius: 30px;
  padding: 8px 20px;
}

.variant_table {
   margin-block-start: 25px;

}

.variant_table .table {
    inline-size: 90%;

}

.btn_products {
   margin-block-start: 30px;

}

.btn_products .btn_edit {
  background: #fb6107;
  color: #fff;
  padding: 10px 35px;
  border-radius: 30px;
   margin-inline-end: 10px;
}

.btn_products .btn_delete {
  background: #f1f1f1;
  border: 1px solid #d1d1d1;
  font-weight: 600;
  color: #000;
  padding: 10px 35px;
  border-radius: 30px;
   margin-inline-end: 0;
}

.section_scrollspy .navbar-nav {
  background: #fff;
  padding: 10px;
  flex-direction: row;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.section_scrollspy .navbar-nav .nav-item {
  margin-inline-end: 10px; /* RTL/LTR auto adjust */
}

.section_scrollspy .navbar-nav .nav-item a {
  color: #fb6107;
  border: 1px solid #fb6107;
  padding: 10px 25px;
  border-radius: 30px;
  transition: all .5s;
}

.section_scrollspy .navbar-nav .nav-item a:hover {
  background: #fb6107;
  color: #fff !important;
}

.section_scrollspy .navbar-inverse {
  padding-inline-start: 0;  /* replaces padding-left */
  padding-inline-end: 0;    /* replaces padding-right */
  width: 100%;
}

.section_scrollspy .navbar-nav {
  width: 100%;
  position: sticky;
  top: 75px;
}

.section_scrollspy .sticky-top {
  top: 58px;
}

.Service_profile_bx {
  background-color: #fff;
  padding: 30px 25px;
}

.Service_profile_bx h3 {
  font-size: 22px;
  line-height: 32px;
  color: #000;
  font-weight: 600;
  margin: 15px 0;
}

.Service_profile_bx .store_qr_btn {
  margin: 25px 0 15px 0;
}

.Service_profile_bx .store_qr_btn .btn_img {
  background: #fb6107;
  border-color: #fb6107;
  color: #ffffff;
  padding: 8px 25px;
  border-radius: 30px;
  font-weight: 550;
}

.Service_profile_bx .store_qr_btn .btn_pdf {
  background: #000;
  border-color: #000;
  color: #ffffff;
  padding: 8px 25px;
  border-radius: 30px;
  font-weight: 550;
}

.section_scrollspy .navbar-nav .nav-item .active {
  background: #fb6107 !important;
  color: #fff !important;
}

.product_head h4 {
  background: transparent;
  padding: 10px 0px;
  font-weight: 550;
}

.product_display_list ::-webkit-scrollbar {
  width: 3px;
  margin: 0 5px;
}

#uploadimgpreview {
  height: 100%;
  display: none;
  background-size: cover;
}

.element-group label {
  font-weight: 500;
  color: #696969;
  font-size: 14px;
  line-height: 24px;
}

#addprice {
  height: 48px;
}

.form-control:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #000;
}

.element-group .form-control {
  height: 44px;
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.input-group .form-control:focus {
  border: 1px solid #ced4da;
border-inline-start: 0; /* instead of border-left */
}

.uniq_url a {
  color: #007bff;
}

#send-otp-recaptcha-container {
 margin-inline-start: 100px; /* instead of margin-left */
}

.user_profile_bx {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 25px;
  margin-bottom: 15px;
}

.user_profile_bx .media {
  display: flex;
  align-items: center;
}

.user_profile_bx .media img {
 margin-inline-end: 15px; /* instead of margin-right */
}

.user_profile_bx .cnt_inform .cont_inform_p {
  color: #696969;
  padding: 10px 0;
  font-size: 14px;
}

.user_profile_bx .cnt_inform .cont_inform_p_s {
  color: #696969;
  padding: 0px 0 5px 0;
  font-size: 14px;
}

.user_profile_bx .order_type {
  padding: 15px 0 0 0;
  color: #696969 !important;
  font-weight: 500 !important;
  font-size: 14px;
}

.user_profile_bx .order_type span svg {
  width: 30px !important;
  height: 30px !important;
 margin-inline-end: 10px !important; /* instead of margin-right */
}

.user_profile_bx .order_status {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 25px;
}

.order_status_head .btn_status {
  color: #fb6107;
  font-size: 15px;
  font-weight: 550;
  letter-spacing: 0.3px;
  line-height: 24px;
  border-radius: 5px;
}

.status_drop #dLabel {
  width: 185px;
  height: 40px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #cccccc;
 text-align: start; /* instead of left */
  padding: 7.5px 15px;
  color: #000;
  letter-spacing: 0.3px;
  margin-top: 0px;
}

.status_drop a {
  color: #000;
  background-color: #fff;
  padding: 8px 12px;
  font-weight: 600;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
}

.status_drop .caret {
  float: inline-end; /* instead of right */
  display: block;
}

.status_drop .dropdown-menu {
  width: 240px;
  padding: 0;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.status_drop .dropdown button:hover,
.status_drop .dropdown button:focus {
  border: none;
  outline: 0;
}

.status_drop .dropdown.open button#dLabel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  border: solid 1px #666;
  border-bottom: none;
}

.status_drop .dropdown.open ul {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  border: solid 1px #666;
  border-top: none;
  height: 200px;
  overflow-y: scroll;
}

.status_drop .dropdown-menu li {
  line-height: 1.5;
  letter-spacing: 0.7px;
  color: #696969;
  font-size: 14px;
  cursor: pointer;
  padding: 7.5px 15px;
  border-top: solid 1px #f3f3f3;
}

.status_drop .dropdown-menu li:hover {
  background-color: #fb6107;
  color: #fff;
}

.delivery_type {
  color: #000;
  position: relative;
 padding-inline-start: 6px; /* instead of padding-left */
}

.delivery_type:hover {
  color: #fb6107;
}

.delivery_type:before {
  content: "";
  width: 1px;
  height: 18px;
  background-color: #000;
  position: absolute;
  inset-inline-start: 0; /* instead of left */
  top: 0px;
}

.slide_single {
  width: 550px;
  height: 500px;
  padding: 25px;
  border: 1px solid #d1d1d1;
  margin: 25px;
}

.slide_single img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upload-item-boxx {
  height: 180px;
  width: 100%;
  margin-bottom: 30px;
  background-color: #fb6107;
  border-radius: 0.75rem;
  color: #fff;
  overflow: hidden;
  text-align: center;
}

.upload-item-boxx input {
  display: none;
}

.upload-item-boxx label {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}

.upload-item-boxx #imagepreview {
  height: 100%;
  display: none;
  background-size: cover;
}

.upload-item-boxx label .content {
  margin-top: 40px;
}

.upload-item-boxx label i {
  margin-bottom: 15px;
  font-size: 40px;
}

.upload-item-boxx label span {
  display: block;
}

.order_Details .order_status_head {
  display: flex;
  align-items: center;
}

.order_Details .order_status_head .type_six {
 margin-inline-start: 10px;
  padding-inline-start: 10px;
  border-inline-start: 1px solid #d1d1d1;
}

.order_Details .order_status_head .type_six span {
  color: #fb6107;
  font-weight: 550;
}

#recaptcha-container {
  margin-inline-start: 30px;
}

.order_id_status h4 {
  font-size: 16px;
  color: #000;
  font-weight: 550;
  margin-bottom: 5px;
  padding-top: 16px;
}

.order_id_status h4 span {
  color: #777;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.status_store_text {
  font-size: 13px;
  font-weight: 550 !important;
  margin-right: 10px;
  margin-bottom: 0 !important;
}

.inactive_p {
  color: #f7473a !important;
}

#categoryDeleteModal .btn-primary {
  background-color: #fb6107 !important;
  border-color: #fb6107 !important;
}

#categoryDeleteModal .bg-white {
  background-color: #EA1212 !important;
  border-color: #EA1212 !important;
  color: #fff !important;
}

#categoryDeleteModal .text-current {
  border: 1px solid #dee2e6;
}

#categoryDeleteModalLabel {
  font-weight: 510;
}

#categoryModal .modal-title {
  font-weight: 510;
}

#acceptOrderModal .modal-title {
  color: #000;
  font-weight: 510;
}

#acceptOrderModal .bg-white {
  background-color: #EA1212 !important;
  border-color: #EA1212 !important;
  color: #fff !important;
}

#acceptOrderModal .btn-primary {
  background-color: #fb6107 !important;
  border-color: #fb6107 !important;
  color: #fff !important;
}

#rejectOrderModal .modal-title {
  color: #000;
  font-weight: 510;
}

#rejectOrderModal .bg-white {
  background-color: #EA1212 !important;
  border-color: #EA1212 !important;
  color: #fff !important;
}

#rejectOrderModal .btn-primary {
  background-color: #fb6107 !important;
  border-color: #fb6107 !important;
  color: #fff !important;
}

.order_deatils_list .order_p {
  margin-bottom: 0;
  padding: 15px 0;
  font-size: 14px;
  font-weight: 500;
  color: #000 !important;
}

.view_invoice {
  color: #fb6107;
  font-weight: 600;
  text-decoration: underline;
}

.view_invoice:hover {
  color: #fb6107cc;
  text-decoration: underline;
}

.notification_bell {
  position: relative;
  top:3px;
}

.notification_bell a svg {
 margin-inline-start: 15px; /* works for LTR & RTL */

}

.notification_bell .pulse-css {
  border-radius: .5rem;
  border-radius: 3.5rem;
  height: 14px;
  position: absolute;
  background: #fe8630;
  inset-inline-end: -4px; /* right in LTR, left in RTL */
  inset-block-start: -6px; /* top remains same in both */
  border: 4px solid #fff;
  width: 14px;
}

.notification_bell .pulse-css:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: .5rem;
  position: absolute;
  inset-block-start: 0; /* top */
  inset-inline-end: 0;  /* right in LTR, left in RTL */
  inset-block-end: 0;   /* bottom */
  inset-inline-start: -.2rem; /* left in LTR, right in RTL */
  background-color: #D8B9C3;
  margin: auto;
  transform: scale(0.3);
  transform-origin: center center;
  animation: pulse-me 3s linear infinite;
}

@keyframes pulse-me {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }

  50% {
    opacity: 0.1;
  }

  70% {
    opacity: 0.09;
  }

  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}


/* Table Styles */
table.dataTable th {
  font-size: 16px;
  font-weight: 600;
}

table.dataTable td {
  color: #6b6b6b;
  font-size: 14px;
}

.table td,
.table th {
  border-top: none;
}

table.dataTable tbody tr:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.action {
  text-align: center;
}

.action a .fa-eye,
.action button .fa-eye {
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 3px;
  color: #007bff;
  background-color: #007bff33;
}

.action a .fa-eye:hover,
.action button .fa-eye:hover {
  background-color: #007bff;
  color: #fff;
}

.action a .fa-edit {
  color: #68CF29;
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 3px;
  background-color: #ecfae4;
}

.action a .fa-edit:hover {
  background-color: #68CF29;
  color: #fff;
}

.action a .fa-trash {
  background-color: #fee6ea;
  border-color: #fee6ea;
  color: #f72b50;
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 3px;
}

.action a .fa-trash:hover {
  background-color: #f72b50;
  color: #fff;
}

/* Buttons */
.btn_manage {
  background-color: #6a6a6a;
  border: 1px solid #d1d1d1;
  color: #fff;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 7px 14px;
  text-transform: capitalize;
}

.btn_manage:hover {
  background-color: #000;
  color: #fff;
}

.btn_reset {
  background-color: #00000014;
  border: 1px solid #00000014 !important;
  color: #000;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 7px 18px;
  text-transform: capitalize;
}

.btn_reset:hover {
  background-color: #f7f7f7;
  color: #212529;
}

/* Sweet Alert */
.showSweetAlert h2 {
  font-size: 20px !important;
  font-weight: 600 !important;
  padding-top: 2px !important;
  margin-bottom: 5px !important;
}

.sweet_confirmed {
  background-color: #6a6a6a;
  border: 1px solid #d1d1d1;
  color: #fff;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 7px 18px;
  text-transform: capitalize;
}

.sweet_confirmed:hover {
  background-color: #000;
  color: #fff;
}

.sweet_cancle {
  background-color: #fff;
  border: 1px solid #dc3545;
  color: #dc3545;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 7px 18px;
  text-transform: capitalize;
}

.sweet_cancle:hover {
  background-color: #dc3545;
  border: 1px solid #dc3545;
  color: #fff;
}

/* Remove Image Icon */
.remove-image {
  cursor: pointer !important;
  background-color: #FB6107;
  color: white !important;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 5px !important;
  margin-inline-start: 5px !important; /* replaces margin-left */
}

/* Search Input Cancel Icon */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23000000" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>') no-repeat center center;
  background-size: 16px 16px;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #f0f0f0;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background-color: #fafafa;
}

element {
  scrollbar-width: thin;
}

element::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

element::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

/* Form Error */
label.error {
  font-size: 14px !important;
  color: red !important;
}

/* Copy Code */
.copy-code {
  cursor: copy;
  display: inline-block;
  position: relative;
}

html[dir="rtl"] .back_arrow {
 transform: rotate(180deg);
}
div.dataTables_wrapper div.dataTables_filter
{
  text-align: end !important;
}

/* Queue Management */
/* Phone Call Icon */
.action a .fa-phone-square {
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 3px;
  color: #007bff;
  background-color: #007bff33;
  margin-right: 5px;
  transition: all 0.3s;
}

.action a .fa-phone-square:hover {
  background-color: #007bff;
  color: #fff;
}

/* WhatsApp Icon */
.action a .fa-whatsapp {
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 3px;
  color: #25D366;
  background-color: #25D36633;
  transition: all 0.3s;
}

.action a .fa-whatsapp:hover {
  background-color: #25D366;
  color: #fff;
}
/* Queue Management */