@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&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&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap%27');
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&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&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap%27');

@font-face {
  font-family: 'Poppins-Medium';
  src: url('./../fonts/Poppins-Medium.ttf');
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('./../fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: "Urbanist-Medium";
  src: url("../fonts/Urbanist-Medium.woff2") format("woff2"), url("../fonts/Urbanist-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist-Bold";
  src: url("../fonts/Urbanist-Bold.woff2") format("woff2"), url("../fonts/Urbanist-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist-ExtraBold";
  src: url("../fonts/Urbanist-ExtraBold.woff2") format("woff2"), url("../fonts/Urbanist-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist-SemiBold";
  src: url("../fonts/Urbanist-SemiBold.woff2") format("woff2"), url("../fonts/Urbanist-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist-Regular";
  src: url("../fonts/Urbanist-Regular.woff2") format("woff2"), url("../fonts/Urbanist-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

body {
  padding: 0px;
  margin: 0px;
  font-family: "Urbanist", sans-serif;
  overflow-y: scroll;
}

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

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

:root {
  --primary-gradient: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  --table-btn-color: #29A603;
  --table-btn-bg-color: #29A6031A;
  --text-light-color: #3C3C3C;
  --white: #fff;
  --black: #000;
  --gray-medium: #374151;
  --gray-color: #E3E5E6;
  --border-clr: #3741514D;
  --text-color: #050505;
}

.primary-cta {
  border-bottom: 2.5px solid;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  border-radius: 25px;
  border: none;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
  height: 38px;
  color: #fff;
  font-family: "Urbanist-Medium";
}

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

.inner-cta {
  display: block;
  padding: 6px 40px;
  border-radius: 12px;
  font-size: 1.25rem;
  background: var(--primary-gradient);
  color: white;
  transform: translateY(-6px);
  transition: transform 0.15s ease;
}

/* Hover par button move hoga */

/*.primary-cta:hover .inner-cta {
  transform: translateY(-2px);
}*/

.secondary-cta {
  color: var(--black);
  background: var(--white);
  padding: 0 2.4rem;
  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;
  font-family: "Urbanist-Medium";
}

.login-flow-col {
  min-height: 100vh;
  display: flex;
}

.login-flow-wrp {
  background: #E3E5E6;
}

.login-flow-scroll {
  margin: auto;
  width: 100%;
  max-width: 560px;
}

.input-left-icon {
  width: 44px;
  height: 44px;
  background: var(--primary-gradient);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 15px;
}

.input-icon {
  width: 25PX;
  height: 25PX;
}

.input-grp {
  display: flex;
  margin-bottom: 20px;
}

.input-grp input[type="text"], input[type="password"] {
  width: 100%;
  height: 50px;
  border: 1px solid var(--border-clr);
  border-radius: 30px;
  padding: 15px;
  padding-right: 45px;
  font-weight: 400;
  font-size: 16px;
  outline: none;
}

.login-flow-data {
  background: #FFFFFF80;
  padding: 25px;
  border-radius: 30px;
  box-shadow: 0px 1px 2px 0px #0000000D;
}

.login-flow-data form {
  background: var(--white);
  padding: 30px;
  border-radius: 30px;
}

.login-flow-col.right-section {
  background: #E3E5E6;
}

.login-flow-col.left-section {
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.login-flow-data form input.primary-cta {
  width: 100%;
  border-radius: 30px;
}

.input-grp.password-grp {
  position: relative;
  display: flex;
  align-items: center;
}

.password-eye .eye-close {
  background-image: url(../images/password-eye.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.password-eye .eye-open {
  background-image: url(../images/open-eye.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.password-eye {
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  top: auto;
  right: 15px;
  border: none;
  align-items: center;
  background: none;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
}

.login-flow-data form .form-check {
  margin-bottom: 20px;
  margin-left: 15px;
}

.login-flow-data .form-check-input {
  border: 1px;
  border: 1px solid #181818;
}

.login-flow-data .form-check-input:checked {
  background-color: #4338CA;
}

.login-flow-data h1 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Urbanist-Bold";
}

.login-flow-data p {
  font-weight: 400;
  font-size: 16px;
  font-family: "Urbanist-Regular";
}

.login-flow-data label.form-check-label {
  color: #181B1A;
  font-size: 17px;
  margin-left: 20px;
}

.email-input::placeholder {
  color: #3741514D;
  opacity: 1;
}

.left-section {
  display: flex;
  align-items: center;
}

.left-img-logo {
  margin-left: 90px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.left-img-logo span {
  font-weight: 500;
  font-size: 57px;
  color: var(--white);
}

.login-flow-col.left-section {
  position: relative;
  overflow: hidden;
}

.img-top-rgt-anim {
  position: absolute;
  top: 0px;
  right: -358px;
}

.img-btm-lft-anim {
  position: absolute;
  left: 0px;
}

.close-btn {
  border: 1px solid #4338CA1A;
  background: var(--white);
  border-radius: 50%;
  padding: 13px;
}

.suspend-popup-icon {
  width: 42px;
  height: 42px;
  background: var(--primary-gradient);
  border-radius: 50%;
  padding: 7px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-header {
  display: flex;
}

#deleteOnboarding .popup-header h5 {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}

.popup-header h5 {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
}

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

.modal-header {
  border: none;
  padding: 1rem 1rem 0 1rem;
}

.small-popup .modal-body {
  padding: 1rem 1rem 0 1rem;
}

.small-popup .modal-content {
  width: 74%;
  border-radius: 50px;
  padding: 10px;
      margin-left: 70px;
}

.small-popup-new .modal-body {
  padding: 1rem 1rem 0 1rem;
}

.small-popup-new .modal-content {
  width: 100%;
  border-radius: 50px;
  padding: 10px 20px 20px 20px;
  background: #FFFFFF99;
  box-shadow: 0px 1px 2px 0px #0000000D;
  backdrop-filter: blur(24px);
}

.pop-up-new-faq {
  background: var(--white);
  padding: 15px;
  border-radius: 30px;
}

.pop-up-new-faq label {
  font-weight: 400;
  font-size: 15px;
  color: var(--black);
  margin-bottom: 8px;
  font-family: 'Poppins-Regular';
}

.popup-input input[type="text"] {
  width: 100%;
  border: 0.6px solid #697383;
  padding: 10px;
  border-radius: 24px;
}

.popup-input textarea {
  width: 100%;
  border: 0.6px solid #697383;
  padding: 10px;
  border-radius: 24px;
}

.popup-footer {
  display: flex;
}

.popup-footer-rht-btn {
  margin-left: auto;
  display: flex;
  gap: 10px;
}

.popup-input {
  margin-bottom: 20px;
}

.login-flow-data button.primary-cta {
  width: 100%;
}

.popup-footer {
}

.popup-footer {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px;
}

.popup-footer span.inner-cta {
  border-radius: 30px;
  padding: 6px 33px;
  font-weight: 500;
  font-size: 18px;
  height: 47px;
}

.popup-footer button.primary-cta {
  border-radius: 30px;
  width: 160px;
  height: 45px;
}

.popup-footer button.secondary-cta {
  border-radius: 30px;
}

/*p.top-side-img {
  margin-top: 56px !important;
}*/

/*css login and pop css */

/* Anamika dashboard css start */


.dash-body-cureme {
  margin: 0;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.navbar-cureme {
  height: 75px;
  background: #E3E5E6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: all 0.3s ease;
}

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

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

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

.sidebar-cureme {
  width: 8.5%;
  background: #E3E5E6;
  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%;
  }

  @media screen and (min-width:1801px) {
    width: 5.5%;
  }

}

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

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

  @media screen and (min-width:1801px) {
    margin-left: 7.5%;
  }

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

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

  @media screen and (min-width:1801px) {
    margin-left: 5.5%;
  }

}

.content-cureme.expanded {
  margin-left: 342px;

  @media screen and (max-width:767px) {
    margin-left: 13.4%;
  }

}

.cure-logo {
  width: 50px;
  height: 50px;
}

.cureme-heading {
  font-family: Poppins-Medium;
  font-weight: 500;
  font-size: 22px;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #4338CA;
  margin: 0;
}

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

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

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

.side-option p {
  width: 186px;
  height: 48px;
  gap: 5px;
  angle: 0 deg;
  opacity: 1;
  border-radius: 60px;
  padding-right: 15px;
  padding-left: 15px;
  font-family: Poppins-Regular;
  font-weight: 400;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  vertical-align: middle;
  background: #FFFFFF;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: -4px;
}

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

.house {
  width: 48px;
  height: 48px;
}

.cureme-heading span {
  color: #2D3339;
}

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

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

.side-option:hover p:nth-child(2) {
  background: #181818 !important;
  color: #fff !important;
}

.img-couple {
  width: 48px;
  height: 48px;
  cursor: pointer;
}

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

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

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

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

.dash-body-cureme::before, .dash-body-cureme::after {
  content: "";
  position: fixed;
  width: 500px;
  height: 316px;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  filter: blur(250px);
  opacity: 0.45;
  z-index: 1001;
  pointer-events: none;
}

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

.dash-body-cureme::after {
  bottom: -250px;
  left: -200px;
}

.content-heading-main {
  font-family: 'Poppins-Medium';
  font-weight: 500;
  font-style: Medium;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.content-main-txt {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #697383;
}

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

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

.search-bar {
  width: 453px;
  height: 56px;
  angle: 0 deg;
  opacity: 1;
  gap: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 37px;
  border-radius: 40px;
  background: #F4F4F4;
  font-family: Urbanist;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: #000;
  border: none;
  background-color: #FFFFFF;
}

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

.search-align {
  position: relative;
}

.arrow-cont {
  width: 53px;
  height: 53px;
  cursor: pointer;
}

.exp-btn {
  width: 20px;
  height: 20px;
}

.btn-export {
  width: auto;
  height: 55px;
  angle: 0 deg;
  opacity: 1;
  gap: 10px;
  padding-top: 14px;
  padding-right: 23px;
  padding-bottom: 14px;
  padding-left: 23px;
  border-radius: 45px;
  border-bottom-width: 2.5px;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  border: 1px solid #4338CA;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Urbanist;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}

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

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

.table-area {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border: 1px solid #E2E8F0;
  box-shadow: 0px 1px 2px 0px #0000000D;
  padding: 25px;
  background: #FFFFFF66;
  border-radius: 30px;
}

/* pagination */
.pagination {
  display: flex;
  gap: 5px;
  width: 100%;
  justify-content: end;
}

.pagination button {
  width: 32px;
  height: 32px;
  angle: 0 deg;
  opacity: 1;
  background: #FFFFFF66;
  gap: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-radius: 38px;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 13px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
  border: none;
  cursor: pointer;
}

.page-1 {
  background: #181818 !important;
  color: #FFFFFF !important;
}

.prevnext {
  width: 50px !important;
}

.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;
  font-family: Poppins, sans-serif;
}

.user-table thead {
  background: #3C3C3C;
  color: white;
  font-size: 14px;
}

.img-edi-dlt {
  display: flex;
  text-align: center;
  justify-content: center;
}

.user-table td {
  padding: 16px 20px;
  font-size: 14px;
  text-align: start;
  color: #3C3C3C;
  border-bottom: 1px solid #f1f1f1;
}

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

.user-table tbody tr:hover {
  background: #fafafa;
}

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

.status.active {
  background: #29A6031A;
  color: #29A603;
}

.status.pending {
  background: #FFAD291A;
  color: #FFAD29;
}

.status.suspended {
  background: #F31D1D1A;
  color: #F31D1D;
}

.dot {
  height: 10px;
  width: 10px;
  background: grey;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}

.dot.green {
  background: #27c33b;
}

.dot.red {
  background: #d93025;
}

.dot.yellow {
  background: #e6a800;
}

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

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

/* view dropdown in table */
.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;
  display: none;
  z-index: 10;
  width: 175px;
  height: 140px;
  opacity: 1;
  padding: 10px;
  gap: 10px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0px 4px 13px 0px #00000008;
}

.action-dropdown p {
  cursor: pointer;
  width: 170px;
  height: 30px;
  angle: 0 deg;
  opacity: 1;
  gap: 10px;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: start;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #F31D1D;
  margin: 0;
}

.action-dropdown p:first-child {
  color: #374151;
}

.action-dropdown p:hover {
  border-bottom: 1px solid #4338CA29;
}

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

/* filter dropdown */
.arrow-cell-ux9a3 {
  position: relative;
}

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

.dropdown-menu-ux9a3 {
  width: 120px;
  /* height: 166px; */
  max-height: 195px;
  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-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  gap: 10px;
  angle: 0 deg;
  opacity: 1;
  padding: 15px !important;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #374151;
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
}

.dropdown-item-ux9a3:hover {
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  color: #fff !important;
}

.userModal-content-ux9a3 {
  border-radius: 30px !important;
  padding: 25px;
  background: rgba(255, 255, 255, 0.7) !important;    /* transparent white */
  box-shadow: 0px 1px 2px 0px #0000000D;
  backdrop-filter: blur(24px);    /* blur works now */
}

.userModal-header-ux9a3 {
  padding: 0 !important;
  border: none !important;
}

.userModal-img-ux9a3 {
  width: 68px;
  height: 68px;
  border-radius: 50%;
}

.userTabs-ux9a3 .nav-link {
  padding: 10px 22px;
  font-weight: 500;
  border-radius: 20px;
}

.userTabs-ux9a3 .nav-link.active {
  background: #000;
  color: #fff;
}

.info-grid-ux9a3 p, .health-box-ux9a3 p {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  margin: 0;
}

.family-grid-ux9a3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.family-card-ux9a3 {
  border: 1px solid #eee;
  border-radius: 15px;
  padding: 20px;
  background: #fafafa;
}

.tag-ux9a3 {
  background: #d9eaff;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
}

.userModal-name-ux9a3 {
  font-family: Urbanist;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: #020817;
  margin: 0;
}

.userModal-email-ux9a3 {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #697383;
  margin: 0;
  margin-top: 10px;
}

.profile-block-alfredo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-close-alfredo {
  width: 20px !important;
  height: 20px !important;
  position: relative;
  top: -11px;
}

.alfredo-text {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #697383;
  border: none !important;
  margin: 20px 0;
}

.userTabs-ux9a3 .active {
  width: 150px;
  height: 42px;
  opacity: 1;
  border-radius: 56px !important;
  border: 0.6px solid #181818 !important;
  gap: 46px;
  padding-top: 14px;
  padding-right: 10px;
  padding-bottom: 14px;
  padding-left: 10px;
  background: #181818 !important;
  font-family: Urbanist;
  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF !important;
}

.userTabs-ux9a3 .nav-link {
  width: 150px;
  height: 42px;
  opacity: 1;
  border-radius: 56px !important;
  border: 0.6px solid #697383 !important;
  gap: 46px;
  padding-top: 14px;
  padding-right: 10px;
  padding-bottom: 14px;
  padding-left: 10px;
  background: transparent;
  font-family: Urbanist;
  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #697383;
}

.userTabs-ux9a3 .nav-link:hover {
  color: #697383;
}

.userTabs-ux9a3 {
  border: none !important;
  display: flex;
  gap: 10px;
}

.overview-box {
  width: auto;
  height: auto;
  angle: 0 deg;
  opacity: 1;
  border-radius: 30px;
  gap: 10px;
  padding: 20px 30px;
  background: #FFFFFF;
  margin: 29px 0px;
  margin-bottom: 0;
}

.section-title-ux9a3 {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #181818;
}

.info-grid-ux9a3 {
  border-radius: 20px;
  border: 1px solid #4338CA1A;
  background: #996BFE08;
  padding: 20px;
  margin-top: 30px;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #4338CA;
}

.info-grid-ux9a3:last-child {
  color: #181818;
}

.info-grid-ux9a3 p {
  padding: 15px 0;
  color: #4338CA;
}

/* Outer big white box */
.healthOuterBox-ux9a3 {
  background: #fff;
  border-radius: 30px;
  padding: 35px 45px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  display: flex;
  gap: 10px;
  width: 100%;
}

/* Heading like the design (General Health / Medical History ) */
.health-section-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* Grid layout for two columns */
.health-inner-grid {
  display: flex;
  flex-direction: column;
  width: 50%;
}

/* Inner small rounded boxes */
.health-inner-card {
  border: 1px solid #4338CA1A;
  padding: 22px;
  border-radius: 20px;
  height: 172px;
  background: #996BFE08;
}

/* Label + value lines */
.health-inner-card p {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  color: #4F53ED;
}

/* Blue value text */
.health-inner-card span {
  color: #181818;
}

/* Outer box */
.familyOuterBox-ux9a3 {
  background: #fff;
  padding: 20px;
  border-radius: 30px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

/* Flex Row */
.family-flex-row-ux9a3 {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

/* Card */
.family-card-ux9a3 {
  width: calc(33.33% - 20px);
  padding: 22px;
  background: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 20px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
}

/* Member Name */
.family-card-ux9a3 h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Tag */
.tag-ux9a3 {
  background: #E7E7FF;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  color: #4F53ED;
  font-weight: 600;
}

/* Paragraphs */
.family-card-ux9a3 p {
  margin: 6px 0;
  font-size: 14px;
}

.family-card-ux9a3 hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #E7E7E7;
}

.arrow-profile {
  width: 12px;
  height: 12px;
}

.family-profile-img {
  width: 68px;
  height: 68px;
}

.family-main-name {
  font-family: Urbanist;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: #020817;
  margin: 0;
}

.family-email {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #697383;
}

.family-details-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.family-details {
  display: flex;
  gap: 20px;
  align-items: center;
}

.family-main-name span {
  width: auto;
  height: 20px;
  border-radius: 9999px;
  angle: 0 deg;
  opacity: 1;
  padding: 10px;
  background: #4338CA1A;
  font-family: Urbanist;
  font-weight: 400;
  font-style: Regular;
  font-size: 11.25px;
  leading-trim: NONE;
  line-height: 16px;
  letter-spacing: 1px;
  vertical-align: middle;
  color: #4338CA;
  cursor: pointer;
  margin-left: 10px;
}

.family-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}

.info-txt {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #181818;
}

.info-details-q p {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #4338CA;
}

.info-details-a p {
  font-family: Urbanist;
  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #181818;
}

.info-details {
  display: flex;
  gap: 20px;
  padding: 20px;
  border-radius: 20px;
  background: #996BFE08;
  border: 1px solid #4338CA1A;
  align-items: center;
  padding-top: 30px;
}

.info-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.infos-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.family-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 20px;
  border-radius: 30px;
  border: 0.2px solid #3741514D;
}

.family-members {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

/* suspend user */
.suspendModal-content-ux55a {
  width: 100% !important;
  height: auto;
  border-radius: 40px !important;
  angle: 0 deg;
  opacity: 1;
  padding: 20px !important;
  gap: 10px;
  background: #FFFFFF;
}

.suspendModal-dialog-ux55a {
  width: 365px !important;
}

.suspend-profile {
  width: 42px;
  height: 42px;
}

.suspend-heading {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0px;
  color: #050505;
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}

.suspend-close {
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.suspend-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.suspend-body p {
  font-family: Urbanist;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 150%;
  letter-spacing: 2%;
  vertical-align: middle;
  color: #181818;
  margin-top: 10px;
  margin-bottom: 0;
}

.btn-cancel-suspend {
  width: 126px;
  height: 55px;
  border-radius: 45px;
  border-width: 1px;
  angle: 0 deg;
  opacity: 1;
  gap: 10px;
  padding-top: 14px;
  padding-right: 63px;
  padding-bottom: 14px;
  padding-left: 63px;
  border: 1px solid #181818;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  background-color: #FFFFFF;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*.btn-cancel-suspend:hover {
box-shadow: 0px 0px 32px 0px #000000A6;
}
*/
.btn-suspend {
  width: 189px;
  height: 55px;
  border-radius: 45px;
  angle: 0 deg;
  opacity: 1;
  gap: 10px;
  padding: 14px;
  border-bottom-width: 2.5px;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  border: 1px solid #4338CA;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}

.btn-suspend:hover {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

/*.btn-suspend:hover {
box-shadow: 0px 0px 32px 0px #000000A6;
}*/
.suspend-footer {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 10px;
  margin-top: 20px;
}

.modal-header {
  border: none !important;
}

.delete-align {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Initially hide the infos area */
.family-block .infos-area {
  display: none;
}

.family-block.open .infos-area {
  display: flex;
  flex-direction: column;
}

.family-block .arrow-profile {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.family-block.open .arrow-profile {
  transform: rotate(180deg);
}

/* dashboard ui */

/* ===== Dashboard Layout Container ===== */
.cureme-dashboard-container {
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* ===== TOP CARDS ===== */
.cureme-top-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.cureme-card-single {
  background: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0px 1px 2px 0px #0000000D;
  backdrop-filter: blur(24px);
  width: auto;
  height: 189px;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cureme-card-icon img {
  width: 50px;
  height: 50px;
}

.cureme-card-title {
  font-family: 'Poppins-Regular';
  font-weight: 400;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000;
  margin: 0;
}

.cureme-card-number {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 42px;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  vertical-align: middle;
  margin: 0;
  color: #000;
}

/* ===== BOTTOM SECTIONS (Performance + Activity) ===== */
.cureme-bottom-sections {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 25px;
}

/* ===== Section Headers ===== */
.cureme-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cureme-section-head img {
  width: 53px;
  height: 53px;
}

.cureme-section-head h4 {
  margin: 0;
  font-family: Urbanist;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: #020817;
}

.cureme-section-sub {
  margin: 0px 0 25px 65px;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #697383;
}

/* ===== AI PERFORMANCE BOX ===== */
.cureme-ai-performance {
  background: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0px 1px 2px 0px #0000000D;
  backdrop-filter: blur(24px);
  padding: 25px;
  border-radius: 22px;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
}

.cureme-perf-item {
  margin-bottom: 25px;
  position: relative;
}

.perf-title {
  margin: 0 0 22px 0;
  font-family: "Urbanist-Medium";
  font-weight: 500;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

.perf-bar-bg {
  width: 100%;
  height: 10px;
  background: #e9e9e9;
  border-radius: 5px;
  margin: 6px 0;
  position: relative;
}

.perf-bar-fill {
  height: 8px;
  background: #5f4bff;
  border-radius: 5px;
}

.perf-percent {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 80px;
  top: -2px;
  color: #444;
}

.perf-total {
  position: absolute;
  right: 0;
  top: -2px;
  font-size: 13px;
  background: #eef0ff;
  padding: 2px 8px;
  border-radius: 10px;
  color: #5f4bff;
}

/* ===== SYSTEM ACTIVITY ===== */
.cureme-system-activity {
  background: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0px 1px 2px 0px #0000000D;
  backdrop-filter: blur(24px);
  padding: 30px;
  border-radius: 22px;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
}

.cureme-activity-item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  align-items: center;
  gap: 30px;
  padding: 15px 0;
  border-bottom: 1px solid #ececec;
}

.cureme-activity-item:last-child {
  border-bottom: none;
}

.activity-icon {
  width: 53px;
  height: 53px;
}

.cureme-activity-item h5 {
  font-size: 16px;
  margin: 0;
  font-family: "Urbanist-Medium";
  font-weight: 500;
  line-height: 100%;
  color: #000;
}

.cureme-activity-item p {
  font-size: 14px;
  color: #777;
  margin: 6px 0 0;
  font-family: "Urbanist-Medium";
}

.activity-time {
  font-size: 13px;
  color: #8c8c8c;
}

/* ===== Responsive ===== */
@media (max-width:1080px) {
  .cureme-bottom-sections {
    grid-template-columns: 1fr;
  }

}

@media (max-width:768px) {
  .cureme-top-cards {
    grid-template-columns: 1fr;
  }

}

.perf-block {
  background: #FFFFFF;
  border-radius: 30px;
  padding: 30px;
}

/* reports and analytics */
.content-justify {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.arrow-drodpwown {
  width: 10px;
  height: 10px;
}

.reports-container {

  /*margin-top: 30px;*/
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Box styling */
.diagnosis-box, .reports-box {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(24px);
  padding: 25px;
  border-radius: 16px;
  border: 1px solid #e3e6ea;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

/* Header inside boxes */
.box-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

.box-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.box-subtitle {
  color: #7c8698;
  margin: 0;
  font-size: 14px;
}

/* Progress Section */
.progress-item {
  margin-bottom: 25px;
}

.progress-label {
  font-family: "Urbanist-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  color: #000000;
}

span.report-size {
  color: #4338CA;
  background: #4338CA1A;
  padding: 5px 8px;
  border-radius: 20px;
}

.progress-bar {
  width: 100%;
  height: 10px;
  background: #D9D9D9 !important;
  border-radius: 10px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  border-radius: 10px;
}

.dental {
  width: 50%;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
}

.general {

  /*width: 40%;*/
  background: linear-gradient(180deg, #7EDA9E 0%, #389458 100%);
}

.progress-values {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  color: #6c778b;
}

/* Reports rows */
.report-row {
  padding: 18px 20px;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 15px;
  flex-direction: column;
}

.report-first {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.report-title {
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000;
}

.report-desc {
  margin: 0;
  font-family: Urbanist;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #697383;
}

.report-actions {
  display: flex;
  align-items: start;
  gap: 12px;
  flex-direction: column;
}

.btn-download {
  border: 1px solid #697383;
  background: transparent;
  padding: 10px 15px;
  border-radius: 25px;
  font-size: 14px;
}

.btn-regenerate {
      background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  color: white;
  padding: 10px 25px;
  border-radius: 25px;
  border: none;
  font-size: 14px;
}

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

.report-date, .report-size {
  font-size: 13px;
  color: #3C3C3C;
}

.box-icon {
  width: 53px;
  height: 53px;
}

.percent-complete {
  width: 40px;
  height: 20px;
  border-radius: 9999px;
  angle: 0 deg;
  opacity: 1;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-left: 10px;
  background: #4338CA1A;
  font-family: Urbanist;
  font-weight: 400;
  font-style: Regular;
  font-size: 11.25px;
  leading-trim: NONE;
  line-height: 16px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #4338CA;
}

img.exp-btn.arrow-d {
  margin-left: 15px;
}

/* Anamika dashboard css start */

/*paras nav tab css Ai page*/
.custom-pills {
  display: flex;
  gap: 10px;
  padding: 6px;
  border-radius: 25px;
  width: fit-content;
}

.custom-pills .nav-link {
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 14px;
  color: #6c757d;
  background: transparent;
  border: 0.6px solid #697383;
  transition: all 0.2s ease;
  height: 42px;
  font-family: "Urbanist-Regular";
}

.custom-pills .nav-link.active {
  background: #3C3C3C;
  color: #fff;
  height: 42px;
  font-family: "Urbanist-Regular";
}

.custom-pills .nav-link:not(.active):hover {
  color: #000;
}

.ai-nav-header {
  display: flex;
  justify-content: space-between;
}

.stat-card {
  background: #FFFFFF66;
  border-radius: 20px;
  padding: 1.8rem;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s;
}

.stat-icon {
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #fff;
}

.stat-value {
  font-size: 42px;
  font-weight: 500;
  color: #000;
  margin: 0.5rem 0;
  font-family: 'Poppins-Medium';
}

.stat-label {
  color: #000000;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: 'Poppins-Regular';
}

.stat-card:hover {
  transform: translateY(-8px);
}

.ai-rgt-arrow img {
  width: 20px;
  height: auto;
}

.ai-rgt-arrow {
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #fff;
}

.ai-model-wrap {
  display: flex;
  gap: 10px;
}

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

.status-per p {
  font-weight: 500;
  font-size: 14px;
  color: #697383;
}

.ai-active-modal {
  background: #FFFFFF66;
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 25px;
}

.ai-accur {
  display: flex;
  gap: 30px;
}

.ai-model-inner-wrap {
  padding: 30px;
  background: #fff;
  border-radius: 20px;
}

.progress-wrapper .progress {
  height: 10px;
  border-radius: 10px;
  background: #D9D9D9;
}

.progress-wrapper .progress-bar {
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%) !important;
  width: 96.8%;
  border-radius: 10px;
}

.progress-wrapper {
  width: 20%;
}

.model-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px;
  border-bottom: 1px solid #E5E7EB;
}

.ai-accur span {
  font-size: 14px;
  font-weight: 500;
  color: #181818;
  font-family: "Urbanist-Medium";
}

.dental-text p {
  color: #000;
  font-weight: 500;
  font-family: "Urbanist-Medium";
}

/*tab-2 css*/
.ai-rgt-chat-arrow {
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: linear-gradient(102.6deg, #F31D1D -8.46%, #8D1111 93.08%);
}

.failed-per h3 {
  font-weight: 600;
  font-size: 20px;
  background: linear-gradient(93.69deg, #F31D1D -34.37%, #8D1111 173.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.failed-per p {
  font-weight: 500;
  font-size: 14px;
  color: ##697383;
}

.user {
  display: flex;
  align-items: center;
  gap: 10px;
}

.user img {
      width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.failed-user-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.failed-btn {
  background: linear-gradient(102.6deg, #F31D1D -8.46%, #8D1111 93.08%);
  color: #FFFFFF;
  display: block;
  padding: 8px 30px;
  border-radius: 30px;
  font-size: 1rem;
  /*transform: translateY(-6px);*/
  transition: transform 0.15s ease;
}

/* Hover par button move hoga */
.failed-cta:hover .failed-btn {
  transform: translateY(-2px);
}

/*.failed-cta {
  border-bottom: 2.5px solid;
  background: #FD3A3A;
  border-radius: 30px;
  border: none;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
  height: 33px;
}*/
.failed-cta {
  border-bottom: 2.5px solid;
  /*background: #FD3A3A;*/
  border-radius: 30px;
  border: none;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
  height: 25px;
}
.img-cta {
  color: #000;
  background: #fff;
  padding: 6px 30px;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid var(--black);
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
}

.error-text {
  color: #F31D1D;
  font-weight: 500;
  font-size: 14px;
}

.error-text span {
  font-weight: 700;
}

.qus-text {
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.qus-text span {
  font-weight: 700;
}

.failed-btn-ai {
  margin-bottom: 10px;
}

.failed-wrap-body {
  border-bottom: 1px solid #E5E7EB;
  padding: 25px
}

.ai-date {
  text-align: center !important;
}

.res-time {
  text-align: center !important;
}

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

.pagination-user button {
  width: 32px;
  height: 32px;
  angle: 0 deg;
  opacity: 1;
  background: #FFFFFF66;
  gap: 10px;
  padding: 10px;
  border-radius: 38px;
  font-weight: 500;
  font-size: 13px;
  color: #333333;
  border: none;
  cursor: pointer;
}

.pagination-user {
  display: flex;
}

button.prevnext.frist-pegina {
  color: #CCCCCC;
}

button.page-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.getfit {
  padding: 8px 20px;
  border-radius: 45px;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  border: 1px solid #4338CA;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
  cursor: default !important;
}

.general {
  padding: 8px 13px;
  border-radius: 45px;
  background: linear-gradient(142.84deg, #1ABC9C 16.56%, #009474 85.44%);
  border: 1px solid #1ABC9C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
}

.both-btn {
  padding: 8px 26px;
  border-radius: 45px;
  background: linear-gradient(180deg, #7EDA9E 0%, #389458 100%);
  border: 1px solid #7EDA9E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
}

.type-text {
  padding: 8px 18px;
  border-radius: 45px;
  background: #fff;
  border: 1px solid #3C3C3C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #3C3C3C;
}

.type-pdf {
  padding: 8px 20px;
  border-radius: 45px;
  background: #fff;
  border: 1px solid #3C3C3C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #3C3C3C;
}

.type-img {
  padding: 8px 10px;
  border-radius: 45px;
  background: #fff;
  border: 1px solid #3C3C3C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #3C3C3C;
}

.processing {
  background: #4338CA1A;
  color: #4338CA;
}

.inactive {
  background: #8C8C8C1A;
  color: #374151;
}

img.failed-icon {
  width: 20px;
  margin-left: 10px;
  gap: 10px;
}

.delete-icon-wrp {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #F31D1D1A;
  border: 1px solid #F31D1D1A;
}

.referesh-icon-wrp {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #4338CA1A;
  border: 1px solid #4338CA1A;
}

.eye-close-icon-wrp {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #FFAD291A;
  border: 1px solid #FFAD291A;
}

.eye-open-icon-wrp {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #29A6031A;
  border: 1px solid #29A6031A;
}

.ref-dele-wrp {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.progress-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.progress-bar-text {
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  width: 100%;
  border-radius: 10px;
  height: 10px;
}

.progress-wrapper-text .progress {
  height: 10px;
  border-radius: 10px;
  background: #D9D9D9;
}

.progress-bar-text-half {
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  width: 50%;
  border-radius: 10px;
}

.progress-bar-text-efive {
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  width: 85%;
  border-radius: 10px;
}

.progress-bar-text-efour {
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  width: 54%;
  border-radius: 10px;
}

.qus-bold-text {
  font-weight: 500;
  font-size: 14px;
  text-align: left;
}

.qus-nml-text {
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #697383;
}

.count-icon {
  width: 25px;
  height: 25px;
}

.upload-traning-data {
  font-size: 14px;
}

.popup-file-input {
  border: 2px dashed #697383;
  padding: 12px 12px;
  border-radius: 40px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}

.file-upload input[type="file"] {
  display: none;    /* real file input hide */
}

.file-upload .custom-file-btn {
  display: inline-block;
  padding: 10px 20px;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  color: #fff !important;
  cursor: pointer;
  border-radius: 25px;
  font-size: 14px;
  transition: 0.3s;
  margin-bottom: 0;
}

.file-choose {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #697383;
}

.file-delete-icon {
  width: 25px;
}

.popup-file-input .file-upload {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.file-type-text {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px !important;
  color: #697383 !important;
}

.custom-search-dropdown {
  margin-bottom: 20px;
  border: 1px solid #697383;
  border-radius: 70px;
  padding: 7px;
}

.custom-dropdown-btn {
  width: 100%;
  background: #fff;
  border: 1px solid #697383;
  border-radius: 25px;
  padding: 16px 20px;
  color: #333;
  box-shadow: none;
}

.custom-dropdown-btn:focus {
  box-shadow: none;
}

.dropdown-icon {
  width: 26px;
  height: 26px;
  background: #f1f3f4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-right: 10px;
}

.dropdown-text {
  font-size: 14px;
  font-weight: 500;
}

.custom-dropdown-menu {
  width: 100%;
  border-radius: 12px;
  padding: 6px 0;
}

.calendar-btn {
  width: 55px;
  height: 55px;
  background: #fff;
  border: 1px solid #fff;
  color: #949494;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  display: flex;
  align-items: center;
}

.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;
}
.daterangepicker {
  position: absolute !important;
}

.table-btn-icon {
  height: 20px;
  display: inline-block;
}

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

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

.side-option.active p {
  background: #3C3C3C;
  color: #FFF;
  margin-right: -4px;
}

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

.cont-qus {
  text-align: left !important;
}

.user-table-wrapper.stautus-inner th {
  text-align: left;
}

.modal-dialog.modal-dialog-centered.custom-modal-width {
  max-width: 630px;
  width: 100%;
}

.dow-re-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

/*paras nav tab css Ai page*/

/*Anamika */
/*.download {
  width: 20px;
  height: 20px;
}

.drp-calendar {
  width: 330px; 
}

.daterangepicker {
  border-radius: 30px !important;
  padding: 10px 10px 10px 10px !important;
}

.available {
  font-family: Urbanist !important;
  font-weight: 400 !important;
  font-style: Regular !important;
  font-size: 15px !important;
  leading-trim: NONE;
  line-height: 24px !important;
  letter-spacing: 0px;
  text-align: center !important;
  text-transform: uppercase;
  color: #000000 !important;
}

.daterangepicker .calendar-table th {
  font-family: Urbanist !important;
  font-weight: 400 !important;
  font-style: Regular !important;
  font-size: 16px !important;
  leading-trim: NONE;
  line-height: 18px !important;
  letter-spacing: 0px;
  text-align: center !important;
  text-transform: uppercase;
  color: #3C3C434D !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  width: 30px !important;
  height: 40px !important;
  angle: 0 deg;
  opacity: 1;
  top: 3.5px;
  left: 9.5px;
  border-radius: 50% !important;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%) !important;
  font-family: Urbanist !important;
  font-weight: 400 !important;
  font-style: Regular;
  font-size: 15px !important;
  leading-trim: NONE;
  line-height: 29px !important;
  letter-spacing: 0px;
  text-align: center !important;
  vertical-align: middle;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
}

.daterangepicker th.month {
  font-family: Urbanist !important;
  font-weight: 600 !important;
  font-style: SemiBold;
  font-size: 20px !important;
  leading-trim: NONE;
  line-height: 24px !important;
  letter-spacing: -0.43px;
  color: #000000 !important;
}

.daterangepicker .drp-calendar {
  max-width: 100% !important;
}

.daterangepicker .calendar-table table {
  height: 100% !important;
}*/

.daterangepicker.single .drp-calendar.left {

  /*height: 88% !important;*/
}

.daterangepicker .drp-calendar.left .calendar-table {
  height: 88% !important;
}

/*.daterangepicker {
  height: 320px !important;
}*/

/*Anamika*/
.popup-footer-rht-btn .secondary-cta.can-btn {
  padding: 26px 34px;
}

.popup-footer-rht-btn .secondary-cta.save-btn {
  padding: 26px 15px;
}

.popup-footer-rht-btn .primary-cta.pbl-btn {
  padding: 28px 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 148px;
}

p.ac-done {
  color: #3C3C3C;
}

.qus-tbl {
  text-align: left !important;
}

.suspend-body .frist-para {
  color: #050505;
}

.suspend-body .second-para {
  color: #3C3C3C;
}

p.text-color {
  color: #697383;
}

span.digit-color {
  color: #374151;
  font-weight: 400;
}

/*.daterangepicker .calendar-table th.prev span {
  border-color: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%) !important;
  background: #fff;
}*/

/*.daterangepicker .calendar-table th.prev span {
  position: relative;
  left: 215px;
  top: -18px;
  width: 10px;
  height: 10px;
}*/

/*.daterangepicker .calendar-table th.next span {
  border-color: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%) !important;
  background: #fff;
  width: 10px;
  height: 10px;
  position: relative;
  top: -18px;
}*/

/*.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 40px !important;
  border-radius: 20px !important;
  border: 1px solid #3C3C3C !important;
}

.daterangepicker .drp-buttons .applyBtn {
  color: #fff !important;
  background: linear-gradient(127.54deg, #4338CA 22.38%, #211C64 106.99%);
  border-radius: 6px;
  padding: 12px 55px !important;
  border: none;
}

.daterangepicker .drp-buttons {
  border: none !important;
}*/

/*.daterangepicker .drp-calendar .calendar-table .table-condensed thead tr:first-child th.month {
  text-align: left !important;
  font-size: 16px;
  position: relative;
  left: -38px;
  bottom: 19px;
}*/

.datepicker th.prev span, .datepicker th.next span {
  border: 1px solid #000;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
}

#editOnboarding .popup-input input, .popup-input textarea {
  color: #697383;
}

/*.daterangepicker td.available, .daterangepicker th.available {
  background: #fff;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #fff;
  border-color: transparent;
  color: inherit;
}*/

/*D*/
/*table.table-condensed thead tr:first-of-type {
  position: relative;
  top: -10px;
  height: 50px;
  width: 100%;
}

table.table-condensed thead tr:first-of-type th.next.available {
  position: absolute;
  right: 0;
  top: 15px;
  background: none;
  border: 1px solid #4338CA29;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

table.table-condensed thead tr:first-of-type th.prev.available {
  position: absolute;
  right: 40px;
  top: 15px;
  background: none;
  border: 1px solid #4338CA29;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}*/

table.table-condensed thead tr:first-of-type th.prev.available span, table.table-condensed thead tr:first-of-type th.next.available span {
  border-color: #211C64;
}

/*table.table-condensed thead tr:first-of-type th.month {
  position: absolute;
  top: 15px;
  text-align: left !important;
}*/

/*D*/
.frist-para-1{
  color: #050505!important;
}
.second-para-2{
  color: #3C3C3C!important;
}
.about-input {
    color: #697383;
}
.popup-input input, .popup-input textarea {
    color: #697383;
}
.text-con{
  color: #3C3C3C;
}
.user-table-wrapper-1 {
    background: #fff;
    border-radius: 14px;
    padding: 0;
    border: 1px solid #ececec;
}
.modal-dialog.modal-xl.modal-dialog-centered.userModal-dialog-ux9a3 {
    max-width: 70%;
}

.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;
}

.search-area {
    position: relative;
}


/*new css*/
.cureme-section-both {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}
p.cureme-section-sub.dash {
    margin: 10px 0 0 0;
}
.cureme-section-both h4{
  font-family: Urbanist;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: rgb(2, 8, 23);
  margin: 0px;
}
.model-row.ai {
    padding-left: 0;
}
.ai-model-inner-wrap.ai {
    padding: 0;
}
#uploadTraining .dropdown.custom-search-dropdown button#trainingCategoryDropdown {
    border: none;
}
#uploadTraining .suspend-close {
    width: 45px;
    height: 45px;
    cursor: pointer;
    position: relative;
    top: -25px;
}
.popup-footer.edit {
    padding-right: 0;
}
#deleteOnboarding .popup-footer button.primary-cta {
  width: 100%;
}
.user-table-wrapper.stautus-inner td {
    text-align: left;
}

tbody#staticTableData .ref-dele-wrp {
    justify-content: center;
}
#addNewFaq .popup-footer {
    padding-right: 0;
}
#editStaticPage .popup-footer {
    padding-right: 0;
}
#deleteStatic .popup-footer button.primary-cta {
    width: 100%;
}
.user-table-wrapper th.qus-tbl {
    width: 600px;
}
.user-table-wrapper.stautus-inner th.question {
    width: 600px;
}
.modal-header img.suspend-close {
    position: relative;
    top: -8px;
}

/* Rahul CSS (16-04-2026) */
/* Disabled Prev/Next */
.pagination-user .prevnext.disabled-btn {
  color: #C0C0C0 !important;
}

/* Enabled Prev/Next */
.pagination-user .prevnext.active-btn {
  color: #333333 !important;
}

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

.sorting-wrp-training {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.sorting-wrp-chat {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.sorting-wrp-faq {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.sorting-wrp-page {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.failed-wrap-body button.failed-cta {
    cursor: default;
}
.failed-wrap-body button.img-cta {
    cursor: default;
}
#uploadTraining .suspend-popup-icon {
    width: 53px;
}
#editPromptModal .dropdown.custom-search-dropdown button#editCategoryDropdown {
    border: none;
}
#addPrompt .dropdown.custom-search-dropdown button#fitnessDropdown {
    border: none;
}
#addPrompt .suspend-popup-icon {
    width: 50px;
}
#uploadOnboarding .popup-footer {
    padding-right: 0;
}
#editFaq .popup-footer {
    padding-right: 0;
}
#createNewPage .popup-footer {
    padding-right: 0;
}