@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: "Baloo 2", sans-serif;
  padding: 0px;
  margin: 0px;
}

a {
  text-decoration: none;
  outline: none;
}

img {
  width: 100%;
  height: 100%;
  border: none;
}

:root {
  --primary-color: #1ecbcc;
  --primary-light-color: #1ecbcc33;
  --pegi-text-color: #d9d9d9;
  --text-light-color: #3a3030;
  --bg-yellow-color: #fbd606;
  --white: #fff;
  --black: #000;
  --black-sec-color: #181818;
  --red-color: #f31d1d;
  --secondary-color: #323232;
}

.primary-cta {
  font-weight: 500;
  font-size: 20px;
  color: var(--white);
  background-color: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 45px;
  padding: 0.5rem 1.2rem;
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--primary-color);
}

.secondary-cta {
  color: var(--black);
  background: var(--white);
  padding: 0.5rem 1.2rem;
  height: 45px;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid var(--black);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
}

/* Login CSS */

.logn-wrp {
  height: 100dvh;
  align-items: center;
  width: 100%;
  display: flex;
}

.login-left-img {
  width: 50%;
  position: relative;
  padding: 30px 15px;
  height: 100%;
  background-color: var(--primary-light-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-right {
  width: 50%;
  margin: 60px;
  padding: 20px;
  background-color: var(--primary-light-color);
  border-radius: 20px;
}

.login-left-img img.rounded-img {
  object-fit: cover;
  border-radius: 20px;
}

.eye-icon {
  position: absolute;
  top: 15px;
  right: 15px;
}

.login-right .form-control {
  border-radius: 1.5rem;
  height: 50px;
  outline: none;
  box-shadow: none;
  border: 1px solid #bfbfbf;
}

.lbl-name {
  background: #fff;
  padding: 20px;
  border-radius: 25px;
}

.lbl-name .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary-color);
  padding: 10px;
  border-radius: 50%;
}

.label-data {
  display: flex;
  gap: 10px;
}

h5.common-login-heading {
  font-size: 24px;
  font-weight: 700;
  color: var(--black);
}

.login-right p {
  font-size: 16px;
  font-weight: 400;
  color: var(--black);
}

.lbl-name .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: none;
}

.login-left-img img.babi-img {
  position: absolute;
  object-fit: contain;
  width: auto;
  height: auto;
}

button.primary-cta.common {
  border-radius: 30px;
}

.lbl-name input#password {
  padding-right: 45px;
}

/* Before */
.login-left-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--primary-color);
  width: 200px;
  height: 200px;
  top: 30px;
  left: 15px;
  border-radius: 20px;
  filter: blur(50px);
  opacity: 0.6;
  z-index: 0;
}

.navbar-cureme img.profile {
  padding-bottom: 20px;
}

/* After */
.login-left-img::after {
  content: "";
  position: absolute;
  background: var(--primary-color);
  width: 200px;
  height: 200px;
  bottom: 30px;
  right: 15px;
  border-radius: 20px;
  filter: blur(50px);
  opacity: 0.6;
  z-index: 0;
}

/* Login CSS */

/* header */
.navbar-cureme {
  height: 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  position: fixed;
  top: 15px;
  left: -1px;
  right: 0px;
  z-index: 1000;
  transition: all 0.3s ease;
  padding-bottom: 25px;
}

.navbar-cureme.expanded {
  margin-left: 342px !important;
}

.navbar-cureme.expanded .left-cureme .cureme-top {
  display: none;
}

.cure-logo {
  width: 160px;
  height: 40px;
}

/* .cureme-heading {
  font-weight: 500;
  font-size: 22px;
  color: #4338CA;
  margin: 0;
} */
/* .cureme-heading span {
  color: #2D3339;
} */
.img-couple {
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.layout-cureme {
  display: flex;
  flex: 1;
  transition: all 0.3s ease;
  overflow-y: hidden;
}

.sidebar-cureme .side-option-single {
  display: none;
}

.sidebar-cureme.open .side-option-single {
  display: flex;
}

.sidebar-cureme {
  width: 150px;
  color: #fff;
  height: 100vh;
  padding: 20px;
  transition: all 0.3s ease;
  overflow: hidden;
  scrollbar-width: none;
  position: fixed;
  left: 0;
  z-index: 999;
  overflow-y: auto;

  @media screen and (min-width: 901px) and (max-width: 1200px) {
    width: 10%;
  }

  @media screen and (min-width: 601px) and (max-width: 900px) {
    width: 15.5%;
  }

}

.sidebar-cureme.open {
  width: 342px !important;
  padding: 20px;
}

.sidebar-cureme.open {
  width: 342px !important;
  padding: 20px;
}

.cureme-top {
  display: flex;
  align-items: center;
  gap: 35px;
  width: 100%;
  justify-content: start;
  padding-left: 20px;
}

.img-ham {
  width: 48px;
  height: 48px;
  margin-left: 20px;
  margin-top: 28px;
  margin-bottom: 40px;
  cursor: pointer;
}

.side-option p img {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.side-option p:first-child {
  width: 34px !important;
  height: 48px !important;
}

.side-option p {
  width: 186px;
  height: 48px;
  gap: 5px;
  border-radius: 0px;
  padding-right: 15px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 14px;
  background: #ffffff;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  margin: 0;
}

.side-bar {
  display: flex;
  border-radius: 30px;
  margin-bottom: 0px;
  overflow: hidden;
}

.side-option {
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin-bottom: 10px;
}

.side-option:hover p {
  background: #181818 !important;
  transition: background 150ms ease;
}

.side-option:hover p:first-child img {
  filter: brightness(0) invert(1);
}

.side-option:hover p {
  background: #181818 !important;
  color: #fff !important;
}

.sidebar-cureme .side-option-single {
  display: none;
}

.sidebar-cureme.open .side-option-single {
  display: flex;
}

.side-option a {
  color: #181818;
}

.side-option a:hover {
  color: #fff;
}

.side-option.active p {
  background: var(--black-sec-color);
  color: var(--white);
}

.side-option.active img {
  filter: invert(1);
}

.last-option {
  position: absolute;
  bottom: 20px;
}

.side-option p {
  width: 186px;
  height: 48px;
}

/* Sidebar closed */
#sidebar-cureme:not(.open) .side-option p:first-child {
  width: 46px !important;
  height: 48px !important;
}

/* Sidebar open hone par normal width */
#sidebar-cureme.open .side-option p:first-child {
  width: auto;
}

/* header */

/* user management */
.dash-body-cureme {
  margin: 0;
  font-family: "Baloo 2", sans-serif;
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
  isolation: isolate;
  z-index: 0;
}

/* .dash-body-cureme::before {
    content: "";
    position: fixed;
    width: 800px;
    height: 306px;
    background: var(--primary-color);
    filter: blur(250px);
    opacity: 0.9;
    z-index: -1;
    pointer-events: none;
}

.dash-body-cureme::after {
    content: "";
    position: fixed;
    width: 800px;
    height: 306px;
    background: var(--bg-yellow-color);
    filter: blur(250px);
    opacity: 0.9;
    z-index: -1;
    pointer-events: none;
} */

/* .dash-body-cureme::before {
    top: -200px;
    left: -200px;
}

.dash-body-cureme::after {
    bottom: -250px;
    left: -200px;
} */
.shaph-1 {
  position: absolute;
  width: 700px;
  height: 200px;
  background: var(--bg-yellow-color);
  filter: blur(180px);
  opacity: 0.9;
  z-index: -1;
  pointer-events: none;
  bottom: 0;
  left: 0;
}

.shaph-2 {
  position: absolute;
  width: 700px;
  height: 200px;
  background: var(--bg-yellow-color);
  filter: blur(180px);
  opacity: 0.9;
  z-index: -1;
  pointer-events: none;
  right: 0;
  bottom: 0;
}

.shaph-3 {
  content: "";
  position: fixed;
  width: 700px;
  height: 200px;
  background: var(--primary-color);
  filter: blur(180px);
  opacity: 0.9;
  z-index: -1;
  pointer-events: none;
  top: 0;
  left: 0;
}

.shaph-4 {
  content: "";
  position: fixed;
  width: 700px;
  height: 200px;
  background: var(--primary-color);
  filter: blur(180px);
  opacity: 0.9;
  z-index: -1;
  pointer-events: none;
  top: 0;
  right: 0;
}

.dash-body-cureme::before {
  right: 0px;
}

.dash-body-cureme::after {
  right: 0px;
}

.table-area {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border: 1px solid #e2e8f0;
  padding: 25px;
  background: var(--white);
  border-radius: 30px;
}

.search-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.search-align {
  position: relative;
}

.search-bar {
  width: 453px;
  height: 56px;
  gap: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 37px;
  border-radius: 40px;
  background: var(--white);
  font-weight: 400;
  font-size: 16px;
  color: #bcbcbc;
  border: 1px solid var(--pegi-text-color);
  background-color: #ffffff;
}

.search-bar:focus {
  outline: none;
}

.search-glass {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 17px;
  top: 21px;
}

.table-top-right {
  display: flex;
  gap: 10px;
  align-items: center;
}

.arrow-cell-ux9a3 {
  position: relative;
}

.arrow-cont-ux9a3 {
  cursor: pointer;
}

.dropdown-menu-ux9a3 {
  width: 120px;
  height: auto;
  border-radius: 20px !important;
  gap: 10px;
  opacity: 1;
  padding: 10px !important;
  background: #ffffff;
  box-shadow: 0px 4px 13px 0px #00000008;
}

.dropdown-item-ux9a3 {
  padding: 8px 15px;
}

.dropdown-item-ux9a3:hover {
  background-color: #f3f3f3;
}

.dropdown-item-ux9a3 {
  width: auto;
  height: 35px;
  border-radius: 16px !important;
  padding: 5px 10px;
  gap: 10px;
  padding: 15px !important;
  font-weight: 500;
  font-size: 16px;
  color: #374151;
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
}

.dropdown-item-ux9a3:hover {
  background: var(--primary-color);
  color: #fff !important;
}

.date-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid #ccc;
  border-radius: 15px;
  cursor: pointer;
}

.date-wrapper input {
  border: none;
  outline: none;
  background: transparent;
  width: 90px;
  cursor: pointer;
}

.btn-export {
  width: auto;
  height: 47px;
  gap: 10px;
  padding: 14px 23px;
  border-radius: 45px;
  border-bottom-width: 2.5px;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}

.user-table-wrapper-1 {
  background: #fff;
  border-radius: 14px;
  padding: 0;
  border: 1px solid #ececec;
  overflow-x: auto;
}

.user-table-wrapper {
  background: #fff;
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
  overflow-x: auto;
  border: 1px solid #ececec;
}

.user-table {
  /*width: 100%;*/
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
}

.user-table thead {
  background: var(--black-sec-color);
  color: var(--white);
  font-size: 14px;
}

.user-table th {
  padding: 16px 20px;
  font-size: 14px;
  text-align: start;
  font-weight: 400;
  border-bottom: 1px solid #f1f1f1;
}

.user-table td {
  padding: 16px 20px;
  font-size: 14px;
  text-align: start;
  color: var(--bg-yellow-color);
  border-bottom: 1px solid #f1f1f1;
}

.user-table td {
  padding: 16px 20px;
  font-size: 14px;
  text-align: start;
  color: var(--black);
  border-bottom: 1px solid #8e8e8e66;
}

.content-top {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.content-cureme.expanded {
  margin-left: 280px;
}

.content-cureme {
  flex: 1;
  padding: 20px;
  margin-top: 60px;
  margin-left: 7.5%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  scrollbar-width: none;
}

.action-icon {
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.user-table td {
  padding: 16px 20px;
  font-size: 14px;
  text-align: start;
  color: var(--black);
  font-weight: 400;
  border-bottom: 1px solid #8e8e8e66;
}

.user-table th:not(:first-child),
.user-table td:not(:first-child) {
  text-align: center;
}

.action-cell {
  position: relative;
}

.action-dropdown {
  position: absolute;
  top: 60px;
  right: 45px;
  /* comment by sunil */
  /* display: none; */
  z-index: 10;
  width: 175px;
  height: 165px;
  opacity: 1;
  padding: 10px;
  gap: 10px;
  border-radius: 20px;
  background: var(--white);
  box-shadow: 0px 4px 13px 0px #00000008;
  border: 1px solid #d9d9d9;
}

.action-dropdown p {
  cursor: pointer;
  width: 160px;
  height: 30px;
  gap: 10px;
  padding: 20px 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: start;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--red-color);
  margin: 0;
}

.dropimage {
  width: 20px;
  height: 20px;
}

.action-dropdown p:first-child {
  color: var(--black);
}

.status {
  padding: 5px 14px;
  font-size: 12px;
  border-radius: 20px;
}

.status.active {
  background: #29a6031a;
  color: #29a603;
}

.status.suspended {
  background: #f31d1d1a;
  color: var(--red-color);
}

.status.transit {
  background: #1300ff1a;
  color: #4338ca;
}

.status.processing {
  background: #ff6d001a;
  color: #ff6d00;
}

.status.return {
  background: #fbd6064d;
  color: #716003;
}

p.activate-user {
  color: #29a603;
}

.fam-icon {
  width: 18px;
  margin-right: 6px;
}

h1.content-heading-main {
  font-weight: 700;
  font-size: 36px;
}

p.content-main-txt {
  font-size: 16px;
  font-weight: 500;
}

.user-table-wrapper-1 table tr th:first-child {
  border-top-left-radius: 15px;
}

.user-table-wrapper-1 table tr th:last-child {
  border-top-right-radius: 15px;
}

.user-table tr:last-child td {
  border-bottom: none;
}

.action-dropdown p.p-1 {
  padding: 20px 10px !important;
}

/* user management */

/* Order Management */
a.view {
  color: var(--black);
  text-decoration: underline;
}

p.cmn-color {
  color: #595959;
}

.action-dropdown.order {
  height: 135px;
}

/* Order Management */
/* t----------- */
img.flt-icon {
  width: 26px;
  height: 64px;
}

/* t------------ */

/* Content Mangement */
.dashboard-tabs-wrapper .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--black);
  background-color: var(--bg-yellow-color);
  border: 1px solid var(--bg-yellow-color);
  font-size: 16px;
  font-weight: 400;
  border-radius: 50px;
  padding: 10px 30px;
}

.dashboard-tabs-wrapper .nav-link {
  color: #697383;
  border: 1px solid #697383;
  border-radius: 50px;
  padding: 10px 30px;
}

.dashboard-tabs-wrapper .nav {
  gap: 10px;
}

.left img {
  width: 50px;
  height: 50px;
}

.global-urgency .left {
  display: flex;
  gap: 15px;
}

.global-urgency .left .text h3 {
  font-size: 20px;
  font-weight: 600;
}

.global-urgency .left .text p {
  font-size: 16px;
  font-weight: 500;
  color: #697383;
}

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

.global-urgency .right .form-check-input.order-2 {
  width: 56px;
  height: 30px;
}

.global-urgency .right .form-check-label.order-1 {
  color: #020817;
  font-weight: 600;
}

.global-urgency .right .form-check-input:checked {
  background-color: var(--black);
  border-color: var(--black);
}

.alert-tab-inner-msg-wrp {
  background-color: var(--white);
  padding: 25px;
  border-radius: 30px;
  box-shadow: 0px 1px 2px 0px #0000000d;
  border: 1px solid #e2e8f0;
}

.alert-tab-msg-wrp p.bottom-text span {
  font-size: 15px;
  font-weight: 700;
}

.alert-tab-msg-wrp p.bottom-text span {
  font-size: 16px;
  font-weight: 500;
}

.alert-tab-msg-wrp {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.alert-tab-inner-msg-wrp .upper-data h3 {
  font-size: 20px;
  font-weight: 600;
  color: #020817;
}

.alert-tab-inner-msg-wrp .upper-data p {
  font-size: 16px;
  font-weight: 500;
  color: #697383;
}

.alert-tab-msg-wrp p.bottom-text {
  font-size: 16px;
  font-weight: 500;
}

.range-wrapper {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.range-box h6 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
}

.input-group {
  display: flex;
  gap: 20px;
}

.field {
  display: flex;
  flex-direction: column;
  width: 48%;
}

.field label {
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 400;
  color: var(--black);
}

.field input {
  width: 100%;
  padding: 10px 15px;
  border-radius: 20px;
  border: 1px solid #3741514d;
  outline: none;
}

.range-box {
  width: 50%;
}

.range-box p {
  font-size: 16px;
  font-weight: 500;
  background: #eeeff0;
  padding: 20px 30px;
  border-radius: 30px;
  margin: 15px 0;
  color: var(--black);
}

.urgency-msg a.primary-cta img {
  width: 24px;
  height: 24px;
}

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

.urgency-msg h3 {
  font-size: 20px;
  font-weight: 600;
  color: #020817;
}

.urgency-msg p {
  font-size: 14px;
  font-weight: 500;
  color: #020817;
}

.selling-right-details img {
  width: 28px;
  height: 28px;
}

.urgency-msg a:hover {
  color: var(--white);
}

.selling-details .selling-right-details .form-check.form-switch {
  display: flex;
  align-items: center;
}

.selling-details .selling-right-details .form-check.form-switch .form-check-input {
  width: 32px;
  height: 18px;
}

.selling-details .selling-right-details .form-check-input:checked {
  background-color: var(--black);
  border-color: var(--black);
}

.selling-right-details {
  display: flex;
  gap: 5px;
  margin-left: 15px;
}

.selling-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #eeeff0;
  border-radius: 50px;
  padding: 10px 20px;
}

.selling-details p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  background: #fff;
  width: 100%;
  padding: 10px;
  border-radius: 30px;
}

.selling-details-wrper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.selling-right-details .form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.selling-right-details .form-check-input {
  background-color: #828282;
  border: 1px solid #828282;
}

.tab-tbl-edit img {
  width: 16px;
  height: 16px;
}

.tab-tbl-edit {
  justify-content: center;
  background: #4338ca1a;
  border: 0.57px solid #4338ca1a;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table-edit-tab {
  display: flex;
  justify-content: center;
}

.input-grp.edit {
  width: 100%;
}

.notifi-text.edit {
  margin: 0;
}

#editAboutUs .modal-body.suspend-body {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#addNewFAQ .modal-body.suspend-body {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#editFAQ .modal-body.suspend-body {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

img.exp-btn.faq-plus {
  width: 24px;
  height: 24px;
}

span.status.inactive {
  background: #d9d9d9;
  color: #595959;
}

.table-action-wrp {
  display: flex;
  justify-content: center;
  gap: 10px;
}

a.tab-tbl-edit.eye {
  background: #29a6031a;
  border: 1px solid #29a6031a;
}

a.tab-tbl-edit.delete {
  background: #f31d1d1a;
  border: 1px solid #f31d1d1a;
}

a.tab-tbl-edit.close-eye {
  background: #ffad291a;
  border: 1px solid #ffad291a;
}

.user-table.faq th:not(:first-child),
.user-table.faq td:not(:first-child) {
  text-align: left;
}

.modal-btn.cancel button.primary-cta.faq {
  padding: 0px 40px;
}

.banner-box {
  background: var(--white);
  padding: 25px;
  border-radius: 30px;
  border: 1px solid #e2e8f0;
  box-shadow: 0px 1px 2px 0px #0000000d;
}

.banner-box h4 {
  font-size: 20px;
  font-weight: 600;
  color: #020817;
}

.banner-subtitle {
  color: #697383;
  margin-bottom: 25px;
  font-size: 14;
  font-weight: 500;
}

.banner-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.banner-field {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.banner-field.full {
  width: 100%;
  margin-bottom: 20px;
}

.banner-field label {
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 500;
  color: var(--black);
}

.banner-field input,
.banner-field select {
  height: 50px;
  padding: 0 15px;
  border: 1px solid #3741514d;
  border-radius: 25px;
  outline: none;
  font-size: 14px;
}

.banner-field textarea {
  border: 1px solid #3741514d;
  border-radius: 10px;
  padding: 12px;
  height: 90px;
  resize: none;
  outline: none;
}

.file-upload input {
  border: 1px solid #3741514d;
  border-radius: 25px;
  padding: 7px;
  width: 100%;
}

.banner-field small {
  font-size: 13px;
  color: #697383;
  font-weight: 400;
  margin-top: 5px;
}

.banner-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 25px;
}

.banner-buttons button.primary-cta {
  padding: 10px 50px;
  border-radius: 30px;
}

.banner-field.date {
  width: 33.33%;
}

.banner-row.date {
  width: 66.66%;
}

.banner-buttons button.primary-cta {
  padding: 10px 45px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
}

.banner-buttons button.secondary-cta {
  padding: 10px 44px;
  border-radius: 30px;
}

.file-upload input[type="file"]::-webkit-file-upload-button {
  background-color: var(--black);
  color: var(--white);
  border: none;
  padding: 6px 12px;
  border-radius: 30px;
  cursor: pointer;
}

.banner-box-card .left-card {
  background: var(--white);
  border-radius: 30px;
  padding: 20px;
  /* width: 50%; sunil */
  width: 49%;
  display: flex;
  gap: 20px;
}

.banner-box-card .right-card {
  background: var(--white);
  border-radius: 30px;
  padding: 20px;
  width: 100%;
}

.banner-box-card {
  display: flex;
  gap: 10px;
  /*new added by sunil */
  flex-wrap: wrap;
}

.banner-wraper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.left-img-banner {
  width: 276px;
  height: 265px;
}

.close-eye img {
  height: 22px;
  width: 22px;
}

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

.right-data-banner .right-data h3 {
  font-size: 20px;
  font-weight: 600;
}

.right-data-banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.close-eye.delete {
  display: flex;
  align-items: center;
}

.small-home-text span {
  font-size: 12px;
  font-weight: 400;
  color: #181818;
  background: #eeeff0;
  border-radius: 20px;
  padding: 5px 10px;
}

.small-home-text {
  display: flex;
  gap: 10px;
}

.cta-schedule {
  display: flex;
  width: 80%;
  justify-content: space-between;
}

.cta-schedule p.cta {
  font-size: 15px;
  font-weight: 600;
  color: var(--black);
  margin: 0;
}

.btn-edit button.primary-cta {
  padding: 10px 60px;
  height: 50px;
  border-radius: 30px;
}

.btn-edit {
  display: flex;
  gap: 15px;
}

.btn-edit button.secondary-cta {
  padding: 10px 60px;
  height: 50px;
  border-radius: 30px;
}

.right-data p {
  width: 80%;
}

.left-img-banner img {
  object-fit: cover;
  border-radius: 20px;
}

.banner-box-card .right-card {
  background: var(--white);
  border-radius: 30px;
  padding: 20px;
  width: 50%;
  display: flex;
  gap: 20px;
}

.close-eye {
  background: #eeeff0;
  border: 0.68px solid #eeeff0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-eye-delete.delete {
  background: #eeeff0;
  border: 0.68px solid #eeeff0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-eye-delete.delete img {
  height: 22px;
  width: 22px;
}

/* Content Mangement */

/* Pegination */

.user-table-bottom {
  display: flex;
  justify-content: space-between;
}

p.text-color {
  color: var(--black);
}

span.digit-color {
  color: var(--text-light-color);
  font-weight: 400;
}

.pagination-user {
  display: flex;
  gap: 4px;
}

button.prevnext.frist-pegina {
  color: var(--pegi-text-color);
}

.pagination-user button {
  width: 32px;
  height: 32px;
  background: var(--white);
  gap: 10px;
  padding: 10px;
  border-radius: 38px;
  font-weight: 500;
  font-size: 13px;
  color: #333333;
  border: 1px solid var(--pegi-text-color);
  cursor: pointer;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.prevnext {
  width: 50px !important;
}

.page-1 {
  background: var(--bg-yellow-color) !important;
  color: var(--black) !important;
}

button.prevnext.last {
  background: var(--bg-yellow-color);
  color: var(--black);
}

/* Pegination */

/* Modal Css */
.succes-full .check-icon img {
  width: 24px;
  height: 24px;
}

.check-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-yellow-color);
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.succes-full {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.succes-full a:hover {
  color: var(--white);
  border: 1px solid var(--primary-color);
}

.small-modal .modal-dialog {
  max-width: 350px;
}

.small-modal .modal-dialog .modal-content {
  border-radius: 15px;
}

.succes-full h3 {
  font-size: 30px;
  font-weight: 700;
}

.succes-full p {
  font-size: 18px;
  font-weight: 600;
}

.succes-full p span {
  color: var(--primary-color);
}

.succes-full a.primary-cta {
  padding: 6px 37px;
  border-radius: 30px;
}

.modal-header.suspend-header img.suspend-icon {
  width: 24px;
  height: 24px;
}

.modal-header.suspend-header p.img-left {
  display: flex;
  width: 42px;
  height: 42px;
  background-color: var(--bg-yellow-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.sub-left {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #020817;
}

.suspend .modal-dialog.modal-dialog-centered {
  max-width: 350px;
  border-radius: 30px;
}

.suspend .modal-content {
  border-radius: 30px;
}

.modal-btn {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.modal-btn button.secondary-cta {
  border-radius: 30px;
  width: auto;
  padding: 0px 30px;
}

.modal-btn button.primary-cta {
  border-radius: 30px;
  /* padding: 0px 56px;     commented by sunil */
  padding: 0px 47px;
  font-size: 16px;
}

.modal-header.suspend-header {
  border-bottom: none;
}

.modal-body.suspend-body p {
  font-size: 16px;
  font-weight: 400;
  color: var(--black-sec-color);
}

.order-data-1.active span {
  width: 10px;
  height: 10px;
  display: block;
  background: #1dc5c6;
  border-radius: 50%;
}

.order-data-1 span {
  width: 10px;
  height: 10px;
  display: block;
  background: #e6e6e6;
  border-radius: 50%;
}

.order-data-1 {
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}

.traking-right h3 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.traking-right p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.traking-right h3 {
  display: flex;
}

.odr-trking-wrp::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #e6e6e6;
  left: 3px;
  z-index: 0;
  top: 0;
}

.odr-trking-wrp::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 30%;
  background: var(--primary-color);
  left: 3px;
  z-index: 1;
  top: 0;
}

.order-data-1:first-child {
  align-items: start;
}

.order-data-1:last-child {
  align-items: end;
}

.odr-trking-wrp {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}

/* View order details popup */
.viewodr-body-wrp {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}

.modal-header.view-header {
  border-bottom: none;
}

.view .modal-dialog {
  max-width: 705px;
}

.input-grp {
  width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
}

.input-grp label {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 6px;
  color: var(--black);
}

.input-grp input {
  padding: 12px 16px;
  border-radius: 25px;
  border: 1px solid #3741514d;
  background: var(--white);
  font-size: 14px;
  outline: none;
}

.input-grp input::placeholder {
  color: var(--black);
}

.full-width {
  width: 100%;
}

.view .modal-content {
  border-radius: 30px;
}

/* traking  */
.track-card {
  background: #1ecbcc33;
  padding: 25px 30px;
  border-radius: 20px;
}

.track-title {
  font-size: 16px;
  margin: 15px 0 10px 0;
}

.track-progress {
  display: flex;
  justify-content: space-between;
  position: relative;
}

/* progress line */
.track-progress::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--white);
  z-index: 0;
}

/* active progress */
.track-progress::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 25%;
  height: 4px;
  background: var(--primary-color);
  z-index: 1;
}

.track-step {
  position: relative;
  width: 16%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.track-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--white);
  margin-bottom: 10px;
}

.track-step.active .track-dot {
  background: #1dc5c6;
}

.track-step h4 {
  font-size: 15px;
  margin: 0;
  font-weight: 600;
}

.track-step p {
  font-size: 13px;
  margin: 3px 0 0;
  font-weight: 400;
  color: var(--black);
}

.modal-btn.order-t {
  justify-content: right;
  margin-top: 20px;
}

.track-step:first-child {
  align-items: start;
}

.track-step:last-child {
  align-items: end;
}

.sub-left p.text {
  font-size: 14px;
  margin-bottom: 0;
  color: #697383;
}

.sub-left p.heading {
  margin-bottom: 0;
}

.cancellation .modal-content {
  border-radius: 30px;
}

.cancellation .modal-dialog.modal-dialog-centered {
  max-width: 500px;
  border-radius: 30px;
}

.modal-btn.cancel {
  justify-content: end;
}

.modal-btn.cancel button.primary-cta {
  padding: 0px 17px;
}

.notifi-text label {
  display: block;
}

.notifi-text textarea {
  width: 100%;
  border: 1px solid #3741514d;
  border-radius: 15px;
  outline: none;
  padding: 15px;
}

.notifi-text {
  margin: 0 15px 10px 15px;
}

/* View order details popup */

/* accodian popup css */
.babyProfile .modal-header h5.modal-title {
  font-size: 20px;
  font-weight: 600;
}

.babyProfile .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

.baby-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  background-color: #1ecbcc33;
  border-radius: 20px;
  padding: 15px;
}

.baby-header p.contact {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  color: #181818;
}

.baby-header small {
  font-size: 15px;
  font-weight: 500;
  color: var(--black);
  margin-bottom: 8px;
  display: inline-block;
}

.baby-profile-body p.text-color {
  font-size: 14px;
  font-weight: 500;
  color: #697383;
  margin-bottom: 30px;
}

.baby-profile-body h6 {
  font-size: 18px;
  font-weight: 500;
  color: #181818;
}

.babyProfile .modal-content {
  border-radius: 30px;
}

.accordion-wrp img.baby-img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.babyProfile .modal-dialog.modal-dialog-centered {
  max-width: 550px;
}

.accordion-wrp button.accordion-button.babyprofile-btn {
  font-size: 20px;
  font-weight: 600;
}

.accordion-wrp .accordion-item.babyprofile-item {
  border: 0.5px solid #697383;
  border-radius: 20px;
  margin-bottom: 15px;
  overflow: hidden;
}

button.accordion-button.babyprofile-btn {
  background: #fff;
  color: var(--black);
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.accordion-wrp .accordion-button:not(.collapsed)::after {
  background-image: url(../images/modal/acco-down.svg);
  transform: rotate(-180deg);
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url(../images/modal/acco-down.svg);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.babyProfile .modal-dialog.modal-dialog-centered {
  margin-top: 40px;
  margin-bottom: 40px;
}

.accordion-body.babyprofile-body h6 {
  font-size: 18px;
  font-weight: 500;
  color: #181818;
}

.baby-age-dtl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.age-gen {
  padding: 15px;
  background-color: #1ecbcc33;
  border-radius: 20px;
}

.baby-age-dtl span.boald {
  font-size: 15px;
  font-weight: 500;
  color: var(--black);
}

.accordion-body.babyprofile-body {
  padding: 10px;
}

.baby-wrp-details {
  margin-bottom: 15px;
}

.baby-age-text-wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px 5px;
  width: calc(100% - 75px);
}

.baby-age-text-wrp span {
  display: block;
  background-color: #fff;
  padding: 8px 15px;
  border-radius: 20px;
}

.baby-age-dtl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: flex-start;
}

.baby-age-dtl p.boald {
  margin: 0;
  display: inline-block;
  width: 160px;
  font-size: 15px;
  font-weight: 500;
  color: var(--black);
}

#suspend-user .modal-btn button.primary-cta {
  border-radius: 30px;
  padding: 0px 36px;
  font-size: 16px;
}

#delete-user .modal-btn button.primary-cta {
  border-radius: 30px;
  padding: 0px 45px;
  font-size: 16px;
}

/* Modal Css */


/* Retailer Management  */

span.status.ret-inactive {
  color: #4338CA;
  background: #1300FF1A;
}

.up-down-ret {
  height: 14px;
  width: 14px;
  margin-left: 5px;
}


















.categories .form-check-input:checked[type="checkbox"] {
  background-color: var(--white);
  border-color: #1ECBCC;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%231ECBCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.categories .form-check-input.my-input {
  height: 13px;
  width: 13px;
  padding: 0;
  box-shadow: none;
}

.category-header span {
  font-size: 15px;
  font-weight: 400;
  color: var(--black);
}

.modal-header.custom-header h5 {
  font-size: 20px;
  font-weight: 600;
}

.modal-content.custom-modal .form-group label {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
  color: var(--black);
  height: 28px;
}

.custom-modal {
  border-radius: 20px;
  padding: 10px;
}

.custom-header {
  border-bottom: none;
}

.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.form-group input,
.form-group select {
  border-radius: 25px;
  padding: 10px 15px;
  border: 1px solid #3741514D;
  outline: none;
  height: 50px;
}

select.form-select.form-select-lg.my-select {
  width: 48%;
  box-shadow: none;
  border: 1px solid #3741514D;
}

.category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #3741514D;
  padding: 25px;
  border-radius: 30px;
}

/* Chip style */
.chip {
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #3741514D;
  border-radius: 20px;
  padding: 6px 12px;
  cursor: pointer;
}

.chip span {
  font-size: 14px;
}

.modal-footer.custom-footer button.secondary-cta {
  border-radius: 30px;
  padding: 25px 50px;
}

.modal-footer.custom-footer button.primary-cta {
  padding: 25px 50px;
  border-radius: 30px;
}

/* Checked state */
.chip:has(input:checked) {
  border: 1px solid var(--primary-color);
}

.margin-box strong {
  font-size: 22px;
  font-weight: 600;
  color: var(--black);
}

/* Pricing box */
.margin-box {
  background: #E9FAFA;
  border-radius: 12px;
  padding: 12px 15px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.margin-box span {
  font-size: 15px;
  font-weight: 400;
  color: #3C3C3C;
}

/* Footer buttons */
.custom-footer {
  border-top: none;
  justify-content: flex-end;
  gap: 10px;
}

.cancel-btn {
  border-radius: 25px;
  padding: 8px 20px;
  border: 1px solid #ccc;
  background: white;
}

.save-btn {
  border-radius: 25px;
  padding: 8px 25px;
  background: #0bb;
  color: white;
  border: none;
}

/* Retailer Management */

.left-cureme .cure-logo {
  display: none;
}

/* calender increased width by sunil */

.selectedDate{
  width: 175px !important;
}

.temp-btn{
  color: black;
  background-color: #FBD606;
  border: 1px solid black;
  padding: 0.2rem 1rem;
  font-weight: 500;
  border-radius: 10px;

}

.par-temp-btn{
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}