.icon-upload {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background: #d1002a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
}
.icon-upload i {
  color: #fff;
  padding-left: 3px;
}
.main-profile-nav-bg {
  background: #f5f5f5 !important;
  padding: 36px 23px;
  border-radius: 15px;
}
section.profile {
  padding: 100px 0;
}
.main-profile-nav-bg mt-3 img#profileImage {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  object-fit: scale-down;
}
section.profile input.form-control {
  background: #fff;
  border: none;
}
.form-group.eye-wrapper i {
  top: 23px;
}

.shipping-select.address .plan {
  background: #fff;
}
section.profile select.form-control.custom-select {
  border: none;
}
.pending {
  background: #e2e2e2;
  border-radius: 23px;
  width: 110px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.profile .cart-table-wrapper .table tbody td {
  vertical-align: middle;
  background: transparent;
  padding: 20px;
}
.detail-user-order {
  background: #efeff7;
  padding: 7px;
  border-radius: 10px;
}
.detail-user-order-address {
  background: #efeff7;
  padding: 15px;
  border-radius: 10px;
}
.detail-user-order-img {
  width: 34px;
  height: 34px;
  object-fit: scale-down;
}
/* seller profile css */
a.nav-wrapper {
  background: padding-box;
  padding: 12px;
  font-family: var(--secondary-font);
  background: #f6f6f6;
  color: #22211f;
  font-size: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 100%;
}
a.nav-wrapper.active {
  background: #d1002a;
  color: #ffffff;
}
li.nav-dashboard {
  width: 100%;
}
.green-wrapper {
  background: #c2f1cf;
  border-radius: 10px;
  color: #51774a;
}
.pending.red-wrapper {
  background: #ffe4e4;
  border-radius: 10px;
  color: #ff597b;
}
.panding-wrapper {
  background: #eae9e9;
  border-radius: 10px;
  color: #757575;
}
.order-table-wrapper th {
  background: #eae9e9;
  padding: 19px 6px;
  border-bottom: none;
}
.order-table-wrapper h4 {
  margin-bottom: 0;
}
.pending-order {
  background: #eae9e9;
  padding: 9px 20px;
  border-radius: 10px;
}
.pending-order-select-wrapper {
  position: relative;
  display: inline-block;
}

.pending-order-select {
  background: #eae9e9;
  padding: 5px 50px 5px 12px;
  border-radius: 10px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  appearance: none; /* Hide the default dropdown arrow */
  width: 100%;
  font-family: inherit;
  outline: none;
  background-image: none; /* Remove any default background images */
}

.pending-order-select-wrapper::after {
  content: "\f078"; /* Font Awesome down arrow */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 14px;
  color: #4b4b4b;
}
.main-total-wrapper {
  background: #e9e9e9;
  padding: 20px;
  border-radius: 10px;
}
.order-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.total-wrapper-bg {
  background: #e9e9e9;
}
.total-wrapper-bg-review {
  padding: 0px;
  border-radius: 10px;
  background: #e9e9e9;
}
.total-wrapper-bg-review .glass_card_Detail {
  padding-right: 20px;
}
.info-seller-content {
  padding: 15px;
  background: #fff;
  clip-path: polygon(3% 1%, 100% 0, 100% 88%, 100% 100%, 0 99%, 0 49%);
}
.scroll-reselling-main {
  scroll-behavior: smooth;
  overflow-y: scroll;
  height: 551px;
  padding: 10px;
}
.user-info-wrapper1 h4 {
  color: #8c8b80;
  font-size: 19px;
}
h4.wrapper-review {
  color: #212622;
}
a.review-details {
  font-family: "ClashGrotesk-Medium";
  color: #0c3730;
  font-size: 14px;
}
.view-product {
  font-family: "ClashGrotesk-Medium";
  color: #0c3730;
  font-size: 16px;
  margin-right: 38px;
}
.product-card-review {
  padding: 26px 14px;
  background-image: url(../img/border.png);
  background-size: 100% 100%;
}
.scroll-view-main {
  scroll-behavior: smooth;
  overflow-y: scroll;
  height: 551px;
  padding: 10px;
  overflow-x: hidden;
}
.scroll-review-wrappper {
  /* scroll-behavior: smooth;
	overflow-y: scroll;
	height: 519px; */
  padding-right: 20px;
}
.order-wrapper-table-main .review-mian-wrappper {
  padding: 30px 7px 0 40px;
}
.replay-testemonial {
  font-family: "ClashGrotesk-Medium";
  color: #0c3730;
  font-size: 16px;
}
.img-reviewg {
  background: #fff;
  object-fit: scale-down;
  clip-path: polygon(10% 0, 90% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
  padding: 40px;
  margin-top: 20px;
}
.progress-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Arial, sans-serif;
  margin-bottom: 13px;
}

.progress-bar {
  width: 200px;
  height: 30px;
  background-color: #fff;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
  border: 1px solid #f0f2f2;
}

.progress-fill {
  height: 100%;
  background-color: #ecbd17;
  width: 0;
  transition: width 2s;
}
.progress-percent {
  font-size: 16px;
  width: 40px;
}
.wrapper-progress-rating {
  display: flex;
  flex-direction: column-reverse;
}
.star h5 {
  width: 67px;
}
.review-trash i {
  color: #c92f2f;
}
.review-main-padding-wrapper {
  background: #fff;
  padding: 23px 30px !important;
  border-radius: 30px;
}
.post-wrapper {
  display: flex;
  margin-top: 20px;
  align-items: center;
  position: relative;
}
.post-wrapper input {
  width: 100%;
  height: 53px;
  border: 1px solid #a0a0a0;
}
.post-wrapper .btn {
  align-items: center;
  display: flex;
  justify-content: center;
}
figure.customer-figure-order img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 50px;
}
.post-wrapper a.btn {
  position: absolute;
  right: 10px;
  width: 110px;
  height: 44px;
}
.edit-link-wrapper a {
  background: #bdbebe;
  padding: 6px 9px;
  border-radius: 23px;
  color: #7a7a7a;
}

.edit-link-wrapper a:hover {
  background-color: #d70303db !important;
  color: antiquewhite;
}

/* .edit-link-wrapper a i {
	background: #bdbebe;
	border-radius: 20px;
	padding: 10px;
	color: #7a7a7a;
} */
.edit-link-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Rounded sliders product invertery css*/
.toggle-status-wrappper .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 27px;
}

.toggle-status-wrappper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-status-wrappper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d1002a;
  transition: 0.4s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Example box shadow */
}

.toggle-status-wrappper .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
}
.toggle-status-wrappper input:checked + .slider {
  background-color: #106c03;
}

/* .toggle-status-wrappper input:checked + .slider:before {
	transform: translateX(26px);
	background-color: #d1002a;
} */

.toggle-status-wrappper input:checked + .slider:before {
  transform: translateX(26px);
  background-color: #ffffff;
  position: absolute;
  content: "";
  height: 24px;
  width: 26px;
  left: -3px;
  bottom: 2px;
}

/* Rounded sliders */
.toggle-status-wrappper .slider.round {
  border-radius: 24px;
}

.toggle-status-wrappper .slider.round:before {
  border-radius: 50%;
}
.toggle-status-wrappper {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
}
.inventory-slider .slider-nav img {
  width: 100%;
  object-fit: scale-down;
  background: #fff;
  margin: 9px;
  clip-path: polygon(10% 0, 88% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
  padding: 6px;
  opacity: 0.5;
}
.add-imge-upload {
  background: #f0e1c9;
  padding: 29px 0;
  text-align: center;
}
.add-img-product-main {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 20px;
  background: #eae9e9;
  border-radius: 13px;
}
/* .add-image-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 20px;
  background: #eae9e9;

} */

.add-image-upload {
  display: flex;
  background: #eae9e9;
}
.add-image-upload img {
  border-radius: 13px;
  height: 100px;
}
.add-image-upload a#add-image-link {
  text-align: center;
}
.add-img-product-main a.x-mark {
  top: -9px;
  right: -10px;
  width: 30px;
  height: 30px;
  background: #d1002a;
}
.add-img-product img {
  width: 80px;
  height: 80px;
  object-fit: scale-down;
}
.input-varient {
  position: relative;
}
a.add-anchor-varient {
  position: absolute;
  right: 20px;
  top: 13px;
  text-decoration: underline;
  color: #22211f;
}
a.x-mark {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
a.x-mark i.fa-solid.fa-xmark {
  color: #fff;
}
.varient-input .form-group {
  position: relative;
  margin-bottom: 0 !important;
}
.varient-input input.form-control {
  width: 108px !important;
}
.toggle-status-wrappper a.btn.btn-second {
  justify-content: center;
}
.main-method-img {
  background: #c8cbbb;
  width: 187px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 90% 100%, 0 99%, 0 49%);
  flex-direction: column;
}
.main-method-wrappper {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.varient-input .form-group {
  position: relative;
  margin-bottom: 0 !important;
}
.varient-input input.form-control {
  width: 108px !important;
}
.toggle-status-wrappper a.btn.btn-second {
  justify-content: center;
}
.main-method-img {
  background: #c8cbbb;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 90% 100%, 0 99%, 0 49%);
  flex-direction: column;
}
.main-method-wrappper {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.row.center-method-css {
  margin-top: 39px;
}
.inventory-add-product-wrapper .custom-select2 {
  width: 100%;
}

.inventory-add-product-wrapper .all-main-content {
  height: unset !important;
}
.select2-results__option {
  font-family: var(--secondary-font);
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 14px;
  position: absolute;
  right: -4px;
  padding: 1px;
}
.inventory-add-product-wrapper .order-wrapper-table-main .main-order-table {
  padding: 30px 40px 38px 40px;
}

.inventory-add-product-wrapper
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #d1002a;
  border: 1px solid #d1002a;
  color: #fff;
  font-family: var(--secondary-font);
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: unset;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.inventory-add-product-wrapper
  span.select2.select2-container.select2-container--default {
  width: 100% !important;
}

.inventory-add-product-wrapper
  .select2-container--default
  .select2-selection--multiple {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 50px;
}

.inventory-add-product-wrapper
  .select2-container
  .select2-selection--multiple
  .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
  position: relative;
  bottom: -6px;
}

.inventory-add-product-wrapper span.select2-search.select2-search--inline {
  margin-top: 7px;
  margin-left: 10px;
}
.contect-us-wrapper a {
  position: relative;
  z-index: 1111;
}
.resend-otp-wrapper {
  cursor: pointer;
}
section.profile .custom-checkbox {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 24px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
  top: -1px;
}
.remember-me-container {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.remember-me-input:checked + .custom-checkbox::after {
  opacity: 1;
}
.remember-me-input {
  display: none;
}
section.profile .custom-checkbox::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #212622;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 1368px) {
  a.nav-wrapper {
    padding: 12px;
    font-size: 15px;
  }
  .all-main-content {
    height: 701px;
  }
  .order-wrapper-table-main .cart-table-wrapper .table tbody td {
    font-size: 12px;
  }
  a.nav-wrapper {
    padding: 9px;
    font-size: 13px;
  }
}
/*  */
.inventory-slider .main-slider img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  padding: 0px;
}
.inventory-slider .thumbnail-slider img {
  width: 100%;
  object-fit: scale-down;
  margin: 9px;
  opacity: 0.5;
  width: 50px;
  height: 70px;
}
.inventory-slider
  .thumbnail-slider
  img.img-fluid.slick-slide.slick-current.slick-active.slick-center {
  opacity: 1;
}
h4.secondary-medium-font {
  color: #22211f;
  font-family: var(--secondary-font);
}
section.profile .status-container {
  background: #00000075;
  border-radius: 30px;
  padding: 8px;
  backdrop-filter: blur(0px);
}
.custom-select-wrapper-promotion {
  position: relative;
  display: inline-block;
  border-bottom: none;
  width: 100%;
}

.custom-select-promotion {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: none;
  padding-right: 30px;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  outline: none;
  cursor: pointer;
  font-family: var(--secondary-font);
  color: var(--extra-color-7);
  font-size: 19px;
}

.custom-select-wrapper-promotion::after {
  content: "\f078"; /* Font Awesome arrow down icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.custom-select-wrapper-promotion select {
  border-bottom: none;
  width: 100%;
}

.custom-select-wrapper-promotion select:focus {
  border-bottom-color: #000; /* Optional for focus */
}
.wrapper-border-promotion input {
  border: 1px solid #cacaca !important;
  border-radius: 10px;
}
.wrapper-border-promotion select.form-control.custom-select {
  border: 1px solid #cacaca !important;
  border-radius: 10px;
}
.calendar-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #4b4b4b; /* Adjust as needed */
  cursor: pointer;
}
i.fas.fa-calendar-alt.calendar-icon.main_color {
  color: var(--main-bg) !important;
}
.product-wrapper-promotion-bg {
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #cacaca;
}