* {
  padding: 0rem;
  margin: 0rem;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  /* Lock the viewport height and prevent the entire page from scrolling */
  height: 100vh;
  overflow: hidden;
  background-color: #f2f2f2;
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}

img {
  max-width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

a {
  transition: all 0.3s ease-in-out;
}

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

ul {
  margin: 0;
  padding: 0;
}

li,
ol {
  list-style: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

h1 {
  margin: 0;
  padding: 0;
  color: var(--Modern-background_color, #9ff62f);
  font-family: Matter;
  font-size: 4.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4.125rem;
}

h2 {
  margin: 0;
  padding: 0;
  color: var(--Text-Black, #121d3c);
  font-family: Matter;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.5rem;
}

h3 {
  margin: 0;
  padding: 0;
  color: var(--Text-Black, #121d3c);
  font-family: Matter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
}

h4 {
  margin: 0;
  padding: 0;
}

h5 {
  margin: 0;
  padding: 0;
  color: var(--Text-Black, #121d3c);
  font-family: Matter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

h6 {
  margin: 0;
  padding: 0;
  color: var(--Text-Black, #121d3c);
  font-family: Matter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

p {
  color: var(--Deep-Gray, #2c3e50);
  font-family: "Matter";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  margin-bottom: 1.875rem;
}

select {
  -webkit-appearance: none;
  /* Removes default appearance in Safari */
  -moz-appearance: none;
  /* Removes default appearance in Firefox */
  appearance: none;
  /* Standard */
  outline: none;
  /* Removes the focus outline */
  box-shadow: none;
  /* Removes the box shadow */
  padding: 1rem 0.625rem;
  /* Add padding for better UI */
  background-color: #fff;
  /* Background color */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M0 0l5 6 5-6z" fill="%23666"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  background-size: 0.625rem;
}

button:focus {
  outline: none !important;
}

.btn {
  color: #000;
  text-align: center;
  font-family: "Matter";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.8363rem 1.25rem;
  border-radius: 2.5rem;
  background-color: #fff;
  border: 0.0625rem solid #fff;
  display: table;
  transition: all 0.3s ease-in-out;
}
.btn:hover {
  background: #9ff62f;
  border: 0.0625rem solid #9ff62f;
  color: #000;
}
.btn.border-btn {
  color: #fff;
  text-align: center;
  font-family: "Matter";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.8363rem 1.25rem;
  border-radius: 2.5rem;
  background-color: transparent;
  border: 0.0625rem solid #fff;
  display: table;
  transition: all 0.3s ease-in-out;
}
.btn.border-btn:hover {
  border: 0.0625rem solid #9ff62f;
  color: #9ff62f;
}
.btn.green-btn {
  background: #9ff62f;
  border: 0.0625rem solid #9ff62f;
}
.btn.green-btn:hover {
  background: #fff;
  border: 0.0625rem solid #fff;
}
.btn.save-changes {
  background: var(--Text-Grey, #838383);
  color: white;
}
.btn.black-btn {
  background-color: black;
  color: white;
}

.sectiondefaultspacing {
  padding: 5rem 0;
}

section,
div {
  scroll-margin-top: 5.625rem;
}

.top-spacing {
  padding-top: 12rem;
}

input:not([type=radio], [type=checkbox], [type=submit]),
select {
  width: 100%;
  padding: 0.6875rem 1rem;
  border-radius: 3.125rem;
  border: 0.0625rem solid #858585;
  background: var(--White, #fff);
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

select {
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M0 0l5 6 5-6z" fill="%23000"/></svg>') no-repeat;
  background-size: 0.8437rem;
  background-position: right 1.225rem center;
}

header {
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  top: 2.5rem;
}
header .head-row {
  display: flex;
  padding: 0 3.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 6.25rem;
  background: #000;
}
header .head-row .main_logo {
  max-width: 13.3125rem;
}
header .head-row .main_logo img {
  width: 100%;
}
header .head-row .main_links {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
header .head-row .main_links ul {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
header .head-row .main_links ul li {
  padding: 0;
}
header .head-row .main_links ul li a {
  color: var(--White, #fff);
  text-align: center;
  font-family: Matter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 2.5938rem 0;
}
header .head-row .main_links ul li.active a {
  color: var(--Modern-background_color, #9ff62f);
}
header .head-row .top-right-sec {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
header .head-row .top-right-sec a:not(.btn) {
  color: var(--Gold, #ff6b35);
  font-family: "Matter";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
header .head-row .top-right-sec a:not(.btn):hover {
  color: #3a3a3a;
}

.dashboard-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
}
.dashboard-wrapper.bg-black {
  background-color: #000;
  color: #fff;
}
.dashboard-wrapper.green-bg {
  background: var(--Modern-background_color, #9ff62f);
}
.dashboard-wrapper.green-bg .main-content .heading-avatar-withborder {
  border-color: var(--Black, #0f0f0f);
}
.dashboard-wrapper.blue-bg {
  background: #2dd1ff;
}
.dashboard-wrapper.blue-bg .main-content .heading-avatar-withborder {
  border-color: var(--Black, #0f0f0f);
}
.dashboard-wrapper.grey-bg {
  background: #9d9ea0;
}
.dashboard-wrapper.grey-bg .main-content .heading-avatar-withborder {
  border-color: var(--Black, #0f0f0f);
}
.dashboard-wrapper .main-content {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 0 5rem 0;
}
.dashboard-wrapper .main-content::-webkit-scrollbar {
  width: 0.375rem;
}
.dashboard-wrapper .main-content::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 0.625rem;
}
.dashboard-wrapper .main-content .content-header h1 {
  margin-bottom: 3.75rem;
}
.dashboard-wrapper .main-content .content-header.full-height {
  height: 100vh;
  position: relative;
}
.dashboard-wrapper .main-content .content-header .mxw600 {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  max-width: 37.5rem;
  width: 100%;
}
.dashboard-wrapper .main-content .heading-avatar-withborder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid #000;
}
.dashboard-wrapper .main-content .heading-avatar-withborder h2 span {
  color: var(--Text-Grey, #838383);
}
.dashboard-wrapper .main-content .heading-avatar-withborder .avatarbx {
  display: flex;
  padding-left: 0;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}
.dashboard-wrapper .main-content .heading-avatar-withborder .avatarbx .abs {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.dashboard-wrapper .main-content .heading-avatar-withborder .avatarbx img {
  width: 5rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 6.25rem;
}
.dashboard-wrapper .main-content .sorting-bar-and-arrow {
  display: flex;
  align-items: center;
  gap: 5rem;
  justify-content: flex-end;
  margin-bottom: 3.875rem;
}
.dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
}
.dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar .inputsec input:not([type=radio], [type=checkbox], [type=submit]) {
  max-width: 14.375rem;
  width: 100%;
}
.dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar .selectbx {
  display: flex;
}
.dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar .selectbx select {
  max-width: 12.25rem;
  flex: 1 0 12.25rem;
  width: 100%;
}
.dashboard-wrapper .main-content .arrow-bx {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.dashboard-wrapper .main-content .arrow-bx .card-arrow {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.dashboard-wrapper .main-content .arrow-bx .card-arrow .icon {
  width: 1.75rem;
  height: 1.75rem;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  border-radius: 3.125rem;
}
.dashboard-wrapper .main-content .arrow-bx .card-arrow .icon img {
  width: 0.625rem;
}
.dashboard-wrapper .main-content .arrow-bx .card-arrow span {
  color: var(--Text-Black, #121d3c);
  text-align: center;
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
}
.dashboard-wrapper .main-content .arrow-bx .card-arrow.card-arrow-right .icon {
  rotate: 180deg;
}
.dashboard-wrapper .main-content .cards-outer .card-inner {
  position: relative;
}
.dashboard-wrapper .main-content .cards-outer .card-inner a.abs {
  position: absolute;
  inset: 0;
}
.dashboard-wrapper .main-content .cards-outer .card-inner h6 {
  padding: 0.5625rem 1.5rem;
  border-radius: 3.125rem;
  background: var(--Black, #0f0f0f);
  color: var(--White, #fff);
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.8125rem;
}
.dashboard-wrapper .main-content .cards-outer .card-inner p {
  padding: 0 1.2813rem;
  color: #0f0f0f;
  margin-bottom: 1.25rem;
}
.dashboard-wrapper .main-content .cards-outer .card-inner p:last-of-type {
  margin-bottom: 0;
}
.dashboard-wrapper .main-content .cards-outer .card-inner hr {
  margin-top: 0.75rem;
  margin-bottom: 1.3125rem;
  background-color: #0f0f0f;
  height: 0.0625rem;
  opacity: 1;
}
.dashboard-wrapper .main-content .cards-outer .card-inner ul li {
  display: flex;
  padding: 0.75rem 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid #0f0f0f;
}
.dashboard-wrapper .main-content .cards-outer .card-inner ul li span:last-child {
  font-weight: 500;
}
.dashboard-wrapper .main-content .cards-outer .card-inner.details p {
  padding: 0;
}
.dashboard-wrapper .main-content .cards-outer .card-inner.details ul {
  margin-top: 1rem;
  border-radius: 1rem;
  background: #fff;
  padding: 1.5rem;
}
.dashboard-wrapper .main-content .invest-row {
  margin-top: 2.25rem;
  display: flex;
  justify-content: flex-end;
}
.dashboard-wrapper .main-content .ca-outer {
  display: flex;
  align-items: flex-start;
  gap: 1.75rem;
}
.dashboard-wrapper .main-content .ca-outer .ca-left {
  max-width: 10.875rem;
  width: 100%;
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container {
  position: relative;
  width: 10.875rem;
  height: 10.875rem;
  font-family: Arial, sans-serif;
  /* The main grey circle */
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .profile-image-wrapper {
  width: 100%;
  height: 100%;
  background-color: #a3a3a3; /* Matches the grey in your image */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .profile-image-wrapper .placeholder-text {
  color: #111111;
  font-weight: 600;
  font-size: 1rem;
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .profile-image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: none; /* Hidden until an image is uploaded */
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .profile-image-wrapper img.active {
  display: block;
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .profile-image-wrapper.active img {
  display: block; /* Hidden until an image is uploaded */
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container {
  /* The white plus button */
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .add-button {
  position: absolute;
  bottom: 0;
  right: 0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .add-button span {
  color: #a3a3a3;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  margin-top: 0;
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container .add-button:hover {
  transform: scale(1.05);
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container {
  /* Hide the default file input */
}
.dashboard-wrapper .main-content .ca-outer .ca-left .profile-upload-container input[type=file] {
  display: none;
}
.dashboard-wrapper .main-content .ca-outer .ca-right {
  max-width: calc(100% - 10.875rem);
  width: 100%;
}
.dashboard-wrapper .main-content .ca-outer .ca-right h5 {
  margin-bottom: 2.25rem;
  margin-top: -0.625rem;
}
.dashboard-wrapper .main-content .ca-outer .ca-right h5:first-of-type {
  margin-top: 0;
}
.dashboard-wrapper .main-content .mxw93 {
  max-width: 5.8125rem;
}
.dashboard-wrapper .main-content .mxw-920 {
  max-width: 57.5rem;
  width: 100%;
}
.dashboard-wrapper .main-content .mxw-1024 {
  max-width: 64rem;
  width: 100%;
}
.dashboard-wrapper .main-content .mxw-1024 .info-row:last-of-type {
  align-items: center;
}
.dashboard-wrapper .main-content .mxw-593 {
  max-width: 37.0625rem;
  width: 100%;
}
.dashboard-wrapper .main-content .mxw-748 {
  max-width: 46.75rem;
  width: 100%;
}
.dashboard-wrapper .main-content .mxw-420 {
  max-width: 26.25rem;
  width: 100%;
}
.dashboard-wrapper .main-content .mxw920 {
  max-width: 57.5rem;
  width: 100%;
}
.dashboard-wrapper .main-content .infobx {
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: 0.0625rem solid #b9babc;
}
.dashboard-wrapper .main-content .infobx:last-of-type, .dashboard-wrapper .main-content .infobx.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.dashboard-wrapper .main-content .infobx + .row {
  margin-bottom: 3.75rem;
}
.dashboard-wrapper .main-content .info-row {
  display: flex;
  align-items: flex-start;
  gap: 5rem;
  align-self: stretch;
  margin-bottom: 1.875rem;
}
.dashboard-wrapper .main-content .info-row:last-of-type {
  margin-bottom: 0;
}
.dashboard-wrapper .main-content .info-row.half .info-input {
  max-width: 23.75rem;
  width: 100%;
}
.dashboard-wrapper .main-content .info-row .info-input {
  width: 100%;
}
.dashboard-wrapper .main-content .info-row .info-input label {
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0.5rem;
}
.dashboard-wrapper .main-content .info-row .info-input .fakeupload {
  position: relative;
  width: 100%;
  height: 5.5625rem;
  padding: 0.875rem 1rem;
  border-radius: 3.125rem;
  border: 0.0625rem solid #858585;
  background: var(--White, #fff);
  cursor: pointer;
}
.dashboard-wrapper .main-content .info-row .info-input .fakeupload input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.dashboard-wrapper .main-content .info-row .info-input .fakeupload p {
  line-height: 1rem;
  margin-bottom: 0;
  color: var(--Text-Grey, #838383);
  text-align: center;
  margin-top: -0.125rem;
}
.dashboard-wrapper .main-content .info-row .info-input.text p {
  margin-bottom: 0;
  color: var(--Text-Grey, #838383);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.875rem;
}
.dashboard-wrapper .main-content .info-row .info-input.text p:last-of-type {
  margin-bottom: 0;
}
.dashboard-wrapper .main-content .info-row .info-input.text ul {
  margin: 0 0 0 1.25rem;
}
.dashboard-wrapper .main-content .info-row .info-input.text ul li {
  list-style: disc;
  color: var(--Text-Grey, #838383);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard-wrapper .main-content .info-row .info-input .btn.red {
  border-radius: 0;
  display: flex;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: #fa0d0a;
  color: var(--White, #fff);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard-wrapper .main-content .info-row .info-input textarea {
  display: flex;
  width: 100%;
  height: 5.5625rem;
  padding: 0.875rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2.25rem;
  border-radius: 3.125rem;
  border: 0.0625rem solid #858585;
  background: var(--White, #fff);
}
.dashboard-wrapper .main-content .info-row .info-input .radiobx {
  display: flex;
  gap: 0.625rem; /* Spacing between the buttons */
}
.dashboard-wrapper .main-content .info-row .info-input .radiobx label {
  cursor: pointer;
  display: inline-block;
}
.dashboard-wrapper .main-content .info-row .info-input .radiobx {
  /* Hide the default radio circle */
}
.dashboard-wrapper .main-content .info-row .info-input .radiobx input[type=radio] {
  display: none;
  /* Style changes when the radio is selected */
}
.dashboard-wrapper .main-content .info-row .info-input .radiobx input[type=radio]:checked + span {
  border-color: #333333; /* Darkens the border */
  color: #333333; /* Darkens the text */
  background-color: #f9f9f9; /* Slight background shift */
}
.dashboard-wrapper .main-content .info-row .info-input .radiobx {
  /* The visible pill button */
}
.dashboard-wrapper .main-content .info-row .info-input .radiobx span {
  display: flex;
  align-items: center;
  width: 6.875rem; /* Adjust width as needed */
  height: 3rem;
  padding-left: 1.25rem; /* Keeps the text aligned to the left like your image */
  box-sizing: border-box;
  border: 0.0625rem solid #a3a3a3; /* The grey border */
  border-radius: 2.5rem; /* High value for the pill shape */
  background-color: #ffffff;
  color: #888888; /* Grey text */
  font-family: Arial, sans-serif;
  font-size: 1rem;
  transition: all 0.2s ease;
}
.dashboard-wrapper .main-content .agree {
  margin-top: 3rem;
}
.dashboard-wrapper .main-content .agree .block {
  padding-left: 4.375rem;
}
.dashboard-wrapper .main-content .agree .block p {
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.dashboard-wrapper .main-content .toggleouter {
  margin-bottom: 3.75rem;
  display: inline-flex;
  align-items: center;
  gap: 1.5625rem;
}
.dashboard-wrapper .main-content .toggleouter label + span {
  display: block;
  margin: -0.25rem 0 0 0;
}
.dashboard-wrapper .main-content .toggleouter .toggle {
  position: relative;
  display: inline-block;
  width: 2.8125rem;
  height: 1.5rem;
}
.dashboard-wrapper .main-content .toggleouter .toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.dashboard-wrapper .main-content .toggleouter .toggle input:checked + .slider {
  background-color: #a4f139;
}
.dashboard-wrapper .main-content .toggleouter .toggle input:checked + .slider:before {
  transform: translateX(-1.4375rem);
}
.dashboard-wrapper .main-content .toggleouter .toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 2.125rem;
}
.dashboard-wrapper .main-content .toggleouter .toggle .slider:before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  right: -0.125rem;
  bottom: 0;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0.1875rem 0.125rem 0.4188rem rgba(0, 0, 0, 0.23);
}
.dashboard-wrapper .main-content .btn-container {
  display: flex;
  align-items: center;
  gap: 1.625rem;
}
.dashboard-wrapper .main-content .purchase-wrap h5 {
  margin-bottom: 2.25rem;
  margin-top: -0.625rem;
}
.dashboard-wrapper .main-content .purchase-wrap h5:first-of-type {
  margin-top: 0;
}
.dashboard-wrapper .main-content .textwrap h3 {
  margin-bottom: 3.75rem;
  line-height: 3.375rem;
}
.dashboard-wrapper .main-content .textwrap p {
  color: var(--Text-Black, #121d3c);
  font-family: Matter;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.375rem;
}
.dashboard-wrapper .main-content .tableouter-outer {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  gap: 1.375rem;
}
.dashboard-wrapper .main-content .tableouter-outer .table-container {
  max-width: calc(100% - 5.8125rem);
}
.dashboard-wrapper .main-content .fund-wrap h5 {
  margin-bottom: 1.25rem;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top {
  margin-bottom: 3.9375rem;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-left h6 {
  color: var(--Text-Black, #121d3c);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid #000;
  margin-bottom: 2.5rem;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-left h5 {
  margin-bottom: 2.25rem;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-left .btn-row {
  display: flex;
  align-items: center;
  gap: 1.625rem;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-left .btn-row .btn {
  max-width: 15rem;
  width: 100%;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-right {
  display: flex;
  padding: 2.0625rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  margin-top: 1.875rem;
  border-radius: 2.75rem;
  background: #000;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-right h6 {
  color: var(--White, #fff);
  font-family: Matter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-right ul {
  width: 100%;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-right ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid #6d6d6d;
}
.dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-right ul li span {
  color: var(--White, #fff);
  font-family: Matter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard-wrapper .main-content .fund-wrap .fw-bottom .fw-btm-inner h5 {
  display: flex;
  padding-bottom: 0.75rem;
  align-items: center;
  gap: 4.125rem;
  align-self: stretch;
  border-bottom: 0.0625rem solid #000;
}
.dashboard-wrapper .main-content .fund-wrap .fw-bottom .fw-btm-inner h5 select {
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 8.875rem;
  width: 100%;
  padding: 0.4063rem 1rem;
  border-radius: 3.125rem;
  border: 0.0625rem solid var(--Black, #0f0f0f);
  background: var(--White, #fff) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M0 0l5 6 5-6z" fill="%23000"/></svg>') no-repeat;
  background-position: right 1rem center;
  background-size: 0.8125rem;
}
.dashboard-wrapper .main-content .fund-wrap .fw-bottom .fw-btm-inner img {
  margin-top: 2.625rem;
  width: 100%;
  aspect-ratio: 476/93;
}
.dashboard-wrapper .main-content .fund-wrap .pf-breakdown {
  padding: 2.5625rem 2.0625rem;
  height: 100%;
  border-radius: 3.25rem;
  background: #fff;
}
.dashboard-wrapper .main-content .fund-wrap .pf-breakdown p {
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 2.6875rem;
}
.dashboard-wrapper .main-content .fund-wrap .pf-breakdown .pf-chart {
  margin-bottom: 5.125rem;
  text-align: center;
}
.dashboard-wrapper .main-content .fund-wrap .pf-breakdown .pf-chart img {
  width: 12.4375rem;
  margin: 0 auto;
}
.dashboard-wrapper .main-content .fund-wrap .pf-breakdown .pf-listing ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid #6d6d6d;
}
.dashboard-wrapper .main-content .fund-wrap .pf-breakdown .pf-listing ul li span {
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard-wrapper .main-content .table-container {
  max-width: 100%;
  width: 100%;
}
.dashboard-wrapper .main-content .table-container .custom-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #ffffff;
  padding: 0 0 2.25rem;
  border-radius: 1.5625rem;
  /* Desktop Styling */
}
.dashboard-wrapper .main-content .table-container .custom-table thead tr {
  background-color: #111111;
  color: #ffffff;
}
.dashboard-wrapper .main-content .table-container .custom-table thead th {
  padding: 0.8438rem 1.5rem;
  color: var(--White, #fff);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  /* Rounded corners for the black header */
}
.dashboard-wrapper .main-content .table-container .custom-table thead th:first-child {
  border-top-left-radius: 6.25rem;
  border-bottom-left-radius: 6.25rem;
}
.dashboard-wrapper .main-content .table-container .custom-table thead th:last-child {
  border-top-right-radius: 6.25rem;
  border-bottom-right-radius: 6.25rem;
}
.dashboard-wrapper .main-content .table-container .custom-table thead th .dropdown-icon {
  font-size: 0.625rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}
.dashboard-wrapper .main-content .table-container .custom-table tbody tr {
  border-bottom: 0.0625rem solid #d1d5db; /* Grey separator line */
}
.dashboard-wrapper .main-content .table-container .custom-table tbody tr:last-child {
  border-bottom: none;
}
.dashboard-wrapper .main-content .table-container .custom-table tbody td {
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.8438rem 1.5rem;
  border-bottom: 0.0625rem solid var(--Black, #0f0f0f);
}
.dashboard-wrapper .main-content .table-container .custom-table tbody td strong {
  font-weight: 500;
}
.dashboard-wrapper .main-content .table-container .custom-table tbody td .badge {
  color: var(--Black, #0f0f0f);
  text-align: center;
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.5rem 0.875rem;
  border-radius: 3.125rem;
}
.dashboard-wrapper .main-content .table-container .custom-table tbody td .badge.completed {
  background: var(--Modern-background_color, #9ff62f);
}
.dashboard-wrapper .main-content .table-container .custom-table tbody td .badge.processing {
  color: white;
  background: var(--Modern-background_color-2, #444cff);
}
.dashboard-wrapper .main-content .metrics-dashboard {
  display: grid;
  /* Gives the first card more space, and evenly divides the rest */
  grid-template-columns: 2.2fr 1fr 1fr 1fr;
  gap: 1rem;
  color: #ffffff;
  width: 100%;
  margin: 1.25rem 0 1.875rem 0;
  /* Shared Card Styling */
}
.dashboard-wrapper .main-content .metrics-dashboard .metric-card {
  border-radius: 2.5rem; /* Large pill-like corners */
  padding: 2.0625rem 1.4375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dashboard-wrapper .main-content .metrics-dashboard .metric-card .col-title {
  color: #fff;
  text-align: center;
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}
.dashboard-wrapper .main-content .metrics-dashboard .metric-card .divider {
  border: 0;
  height: 0.0625rem;
  background-color: rgb(255, 255, 255); /* Semi-transparent white line */
  margin: 0.75rem 0 1rem 0;
  width: 100%;
  opacity: 1;
}
.dashboard-wrapper .main-content .metrics-dashboard .metric-card .col-value {
  color: #fff;
  font-family: Matter;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.125rem;
}
.dashboard-wrapper .main-content .metrics-dashboard {
  /* Specific Blue Card Styling */
}
.dashboard-wrapper .main-content .metrics-dashboard .primary-card {
  border-radius: 3rem;
  background: #444bff;
}
.dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content .column {
  flex: 1;
  position: relative;
}
.dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content .right-col {
  /* Positioning context for the floating ROI label */
  position: relative;
}
.dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content .roi-label {
  position: absolute;
  top: -1.25rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: var(--White, #fff);
  text-align: center;
  font-family: Matter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
.dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content .operator {
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0 1.25rem;
  /* Aligns the "x" visually with the top titles */
  transform: translateY(-1.5rem);
}
.dashboard-wrapper .main-content .metrics-dashboard {
  /* Specific Black Card Styling */
}
.dashboard-wrapper .main-content .metrics-dashboard .secondary-card {
  background-color: #050505;
}
.dashboard-wrapper .main-content .formoouter {
  max-width: 56.9375rem;
}
.dashboard-wrapper .main-content .formoouter h5 {
  margin-bottom: 2.25rem;
}
.dashboard-wrapper .main-content .formoouter .row {
  gap: 4.125rem 0;
}
.dashboard-wrapper .main-content .formoouter .row:first-child {
  margin-bottom: 2.25rem;
}
.dashboard-wrapper .main-content .formoouter .inputouter label {
  color: var(--Text-Black, #121d3c);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.375rem;
  border-bottom: 0.0625rem solid #000;
  padding-bottom: 0.75rem;
  display: block;
}
.dashboard-wrapper .main-content .formoouter .inputouter input:not([type=radio], [type=checkbox], [type=submit]),
.dashboard-wrapper .main-content .formoouter .inputouter textarea {
  color: var(--Black, #0f0f0f);
  font-family: Matter;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  background-color: transparent;
  border: none;
  width: 100%;
  line-height: 2.875rem;
  border-radius: 0;
  margin: -0.3125rem 0 0 0;
  resize: none;
}
.dashboard-wrapper .main-content .formoouter .inputouter textarea {
  min-height: 5.8125rem;
}
.dashboard-wrapper .main-content .login-wrapper h5 {
  color: white;
  margin-bottom: 2.25rem;
}
.dashboard-wrapper .main-content .login-wrapper .login-left h4 {
  color: #fff;
  font-family: Matter;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1rem;
}
.dashboard-wrapper .main-content .login-wrapper .login-left h1 {
  color: #fff;
  font-size: 4.0625rem;
  margin-bottom: 6.25rem;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row {
  max-width: 36.4375rem;
  width: 100%;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .info-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  margin-bottom: 2.25rem;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .info-row input:not([type=radio], [type=checkbox], [type=submit]) {
  border-radius: 3.125rem;
  border: 0.0625rem solid var(--Text-Grey, #838383);
  background-color: black;
  color: #fff;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .login-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .login-row a {
  color: var(--Text-Grey, #838383);
  font-family: Matter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .login-row a:hover {
  color: white;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .login-row .btn {
  max-width: 9.375rem;
  width: 100%;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .donthaveaccount {
  margin-top: 3.75rem;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .donthaveaccount p {
  color: var(--Text-Grey, #838383);
  font-family: Matter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .donthaveaccount p a {
  color: var(--Text-Grey, #838383);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 5%;
  text-underline-offset: 5%;
  text-underline-position: from-font;
}
.dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .donthaveaccount p a:hover {
  color: white;
}
.dashboard-wrapper .main-content .login-wrapper .login-right {
  margin-top: 8.125rem;
}
.dashboard-wrapper .main-content .login-wrapper .login-right img {
  border-radius: 3.1875rem;
  overflow: hidden;
  width: 100%;
}
.dashboard-wrapper .main-content .login-wrapper .register-form label {
  color: var(--White, #fff);
  font-family: Matter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0.5rem;
}
.dashboard-wrapper .main-content .login-wrapper .register-form .login-info-row {
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
  align-self: stretch;
}
.dashboard-wrapper .main-content .login-wrapper .register-form .login-info-row .info-row-outer {
  display: flex;
  max-width: 100%;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.875rem;
  width: 100%;
}
.dashboard-wrapper .main-content .login-wrapper .register-form .login-info-row .info-row-outer .info-row {
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
  align-self: stretch;
  margin-bottom: 1.875rem;
  flex-direction: column;
  max-width: 50%;
  width: 100%;
}
.dashboard-wrapper .main-content .login-wrapper .register-form .login-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6875rem;
}
.dashboard-wrapper .main-content .login-wrapper .register-form .login-row a {
  color: var(--Text-Grey, #838383);
  font-family: Matter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 5%; /* 0.0563rem */
  text-underline-offset: 5%; /* 0.0563rem */
  text-underline-position: from-font;
}

@media (max-width: 1399px) {
  html {
    font-size: 80%;
  }
}
@media screen and (max-width: 1199px) {
  .metrics-dashboard {
    grid-template-columns: 1fr 1fr; /* 2 columns */
  }
  .metrics-dashboard .primary-card {
    grid-column: span 2; /* Blue card takes full width of the top row */
  }
  header .head-row {
    padding: 0 2.45rem;
  }
  header .head-row .main_links ul li a {
    padding: 1.6938rem 0;
  }
  .top-spacing {
    padding-top: 9.5rem;
  }
  .dashboard-wrapper .main-content .infobx {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .dashboard-wrapper .main-content .ca-outer .ca-right h5 {
    margin-bottom: 1.25rem;
  }
  .dashboard-wrapper .main-content .info-row {
    margin-bottom: 1.2rem;
  }
  .dashboard-wrapper .main-content .formoouter .inputouter input:not([type=radio], [type=checkbox], [type=submit]),
  .dashboard-wrapper .main-content .formoouter .inputouter textarea {
    font-size: 1.8rem;
    line-height: 1.9rem;
  }
  .dashboard-wrapper .main-content .formoouter .inputouter input:not([type=radio], [type=checkbox], [type=submit]),
  .dashboard-wrapper .main-content .formoouter .inputouter textarea {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .dashboard-wrapper .main-content .formoouter .row {
    gap: 2rem 0;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .metric-card .col-value {
    font-size: 1.625rem;
    line-height: 1.7rem;
  }
}
@media screen and (max-width: 991px) {
  html {
    font-size: 70%;
  }
  header .head-row {
    padding: 1rem 2rem;
  }
  h1 br {
    display: none;
  }
  header .head-row .main_links ul li a {
    text-align: left;
  }
  header .head-row .main_links ul li a {
    padding: 12px 20px;
  }
  .stellarnav .menu-toggle {
    right: 0px;
    background: #9ff62f;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  .stellarnav .menu-toggle span.bars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-direction: column;
    top: 0;
  }
  .stellarnav .menu-toggle span.bars span {
    background-color: black;
  }
  .menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .stellarnav .menu-toggle span.bars span {
    margin: 0;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 2.5rem;
    line-height: 2.7rem;
  }
  .dashboard-wrapper .main-content .info-row .info-input .fakeupload {
    height: 8rem !important;
  }
  header .head-row .main_logo {
    max-width: 8.3125rem;
  }
  .dashboard-wrapper .main-content .fund-wrap .pf-breakdown .pf-chart {
    margin-bottom: 2.5rem;
  }
  .dashboard-wrapper .main-content .mxw920 {
    max-width: 100%;
    width: 100%;
  }
  .dashboard-wrapper .main-content .tableouter-outer {
    flex-direction: column-reverse;
  }
  .dashboard-wrapper .main-content .tableouter-outer .table-container {
    max-width: 100%;
    width: 100%;
  }
  .dashboard-wrapper .main-content .table-container .custom-table tbody td {
    text-align: left;
  }
  .dashboard-wrapper .main-content .mxw93 {
    max-width: 100%;
    width: 100%;
  }
  .dashboard-wrapper .main-content .arrow-bx {
    width: 100%;
    justify-content: center;
  }
  .dashboard-wrapper .main-content .metrics-dashboard {
    display: flex;
    gap: 1rem;
    color: #ffffff;
    width: 100%;
    flex-wrap: wrap;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .metric-card {
    max-width: calc(50% - 6px);
    flex-wrap: wrap;
    width: 100%;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content .roi-label {
    left: 8px;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .metric-card .col-value {
    font-size: 1.625rem;
    line-height: 1.7rem;
    text-align: center;
  }
  .dashboard-wrapper .main-content .table-container .custom-table thead th {
    padding: 0.8438rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 100%;
  }
  .table-container .custom-table {
    border: 0;
    /* Hide the standard table header visually, but keep it for screen readers */
  }
  .table-container .custom-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 0.0625rem;
    margin: -0.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.0625rem;
  }
  .table-container .custom-table tbody tr {
    display: block;
    margin-bottom: 1.5rem;
    border: 0.0625rem solid #e5e7eb;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  }
  .table-container .custom-table tbody td {
    display: block;
    text-align: right;
    font-size: 0.875rem;
    border-bottom: 0.0625rem solid #f3f4f6;
    padding: 1rem;
    position: relative;
    padding-left: 50%; /* Make room for the pseudo-element label */
  }
  .table-container .custom-table tbody td:last-child {
    border-bottom: 0;
  }
  .table-container .custom-table tbody td {
    /* The magic responsive trick using attr() */
  }
  .table-container .custom-table tbody td::before {
    content: attr(data-label);
    position: absolute;
    left: 1rem;
    width: 45%;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    font-size: 0.8125rem;
  }
  .metrics-dashboard {
    grid-template-columns: 1fr; /* 1 column */
  }
  .metrics-dashboard .primary-card {
    grid-column: span 1;
    padding: 2.25rem 1.5rem;
  }
  .metrics-dashboard .primary-card .primary-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .metrics-dashboard .primary-card .primary-content .operator {
    margin: 1rem 0;
    transform: translateY(0);
  }
  .metrics-dashboard .primary-card .primary-content .roi-label {
    top: -1.5rem;
    left: 0;
  }
  .metrics-dashboard .metric-card {
    padding: 1.5rem;
  }
  header .head-row {
    padding: 1rem;
  }
  header {
    top: 0.8rem;
  }
  .top-spacing {
    padding-top: 6.5rem;
  }
  .dashboard-wrapper .main-content .heading-avatar-withborder {
    align-items: flex-start;
    flex-direction: column;
  }
  h2 {
    font-size: 2.3rem;
    line-height: 2.4rem;
  }
  .dashboard-wrapper .main-content .heading-avatar-withborder {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .dashboard-wrapper .main-content .infobx {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .dashboard-wrapper .main-content .ca-outer {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    flex-direction: column;
  }
  .dashboard-wrapper .main-content .ca-outer .ca-right {
    max-width: 100%;
    width: 100%;
  }
  .dashboard-wrapper .main-content .info-row {
    flex-direction: column;
    margin-bottom: 1.2rem;
    gap: 1rem;
    align-items: flex-start;
  }
  .dashboard-wrapper .main-content .info-row .info-input .fakeupload {
    height: unset !important;
  }
  .dashboard-wrapper .main-content .info-row .info-input textarea {
    height: unset;
  }
  .dashboard-wrapper .main-content .info-row .info-input textarea {
    margin-bottom: 1.5rem;
  }
  .dashboard-wrapper .main-content .agree {
    margin-top: 1.5rem;
  }
  .dashboard-wrapper .main-content .agree .block {
    padding-left: 0;
  }
  .dashboard-wrapper .main-content .toggleouter {
    margin-bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: 1.5625rem;
  }
  .dashboard-wrapper .main-content {
    padding-bottom: 2.5rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem !important;
  }
  p {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .dashboard-wrapper .main-content .heading-avatar-withborder {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    gap: 1rem;
  }
  .dashboard-wrapper .main-content .heading-avatar-withborder .avatarbx img {
    width: 3.5rem;
  }
  .dashboard-wrapper .main-content .textwrap h3 {
    margin-bottom: 1.5rem;
  }
  .dashboard-wrapper .main-content .textwrap h3 br {
    display: none;
  }
  .dashboard-wrapper .main-content .purchase-wrap h5 {
    margin-bottom: 1rem;
  }
  .dashboard-wrapper .main-content .cards-outer .card-inner h6 {
    margin-bottom: 1.2rem;
  }
  .dashboard-wrapper .main-content .invest-row {
    margin-top: 2.25rem;
    display: flex;
    justify-content: flex-start;
  }
  .dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 1.5rem;
    flex-direction: column;
    width: 100%;
  }
  .dashboard-wrapper .main-content .sorting-bar-and-arrow {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar .inputsec,
  .dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar .inputsec input:not([type=radio], [type=checkbox], [type=submit]),
  .dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar .selectbx select {
    width: 100%;
    max-width: 100%;
  }
  .dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar .selectbx {
    display: flex;
    width: 100%;
  }
  .dashboard-wrapper .main-content .sorting-bar-and-arrow .sorting-bar {
    gap: 0.9rem;
  }
  .dashboard-wrapper .main-content .login-wrapper .login-left h1 br {
    display: none;
  }
  h1,
  .dashboard-wrapper .main-content .login-wrapper .login-left h1 {
    font-size: 2.8rem;
    line-height: 3rem;
  }
  .dashboard-wrapper .main-content .login-wrapper .login-left h4 {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
  .dashboard-wrapper .main-content .login-wrapper .login-left h1 {
    margin-bottom: 3rem;
  }
  .dashboard-wrapper .main-content .login-wrapper .login-right {
    margin-top: 0;
  }
  .dashboard-wrapper .main-content .login-wrapper .login-left .login-info-row .donthaveaccount {
    margin-top: 2rem;
  }
  .dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-left h6,
  .dashboard-wrapper .main-content .fund-wrap .pf-breakdown p {
    margin-bottom: 1rem;
  }
  .dashboard-wrapper .main-content .fund-wrap .fw-top .fwt-right {
    padding: 2rem 1.5rem;
    gap: 1rem;
  }
  .dashboard-wrapper .main-content .fund-wrap .fw-top {
    margin-bottom: 2rem;
  }
  .fund-wrap > .row {
    gap: 2rem;
  }
  .dashboard-wrapper .main-content .fund-wrap .pf-breakdown {
    padding: 2rem 1.5rem;
  }
  .dashboard-wrapper .main-content .infobx + .row {
    gap: 2rem;
    margin-bottom: 2rem;
  }
  .dashboard-wrapper .main-content .btn-container {
    flex-wrap: wrap;
  }
  .dashboard-wrapper .main-content .btn-container .btn {
    width: 100%;
  }
  .dashboard-wrapper .main-content .btn-container {
    gap: 0.8rem;
  }
  .dashboard-wrapper .main-content .formoouter .inputouter textarea {
    min-height: unset;
  }
  .dashboard-wrapper .main-content .login-wrapper h5 {
    color: white;
    margin-bottom: 1.5rem;
  }
  .dashboard-wrapper .main-content .login-wrapper .register-form .login-info-row .info-row-outer {
    flex-direction: column;
  }
  .dashboard-wrapper .main-content .login-wrapper .register-form .login-info-row .info-row-outer .info-row {
    max-width: 100%;
    gap: 1rem;
    margin: 0;
  }
  .dashboard-wrapper .main-content .login-wrapper .register-form .login-info-row .info-row-outer {
    gap: 1rem;
  }
  .dashboard-wrapper .main-content .table-container .custom-table tbody td {
    text-align: left;
    display: flex;
    justify-content: space-between;
  }
  .table-container .custom-table tbody td::before {
    position: static !important;
    font-weight: 600;
    color: #000000;
  }
  .dashboard-wrapper .main-content .table-container .custom-table tbody td:last-child {
    border: none;
  }
  .dashboard-wrapper .main-content .table-container .custom-table {
    background: transparent;
    padding: 0;
  }
  .table-container .custom-table tbody {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .table-container .custom-table tbody tr {
    border-bottom: 0.0625rem solid #d1d5db;
    background-color: white;
    margin: 0 !important;
  }
  .dashboard-wrapper .main-content .table-container .custom-table {
    background: transparent;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .metric-card .col-value {
    font-size: 1.625rem;
    line-height: 1.7rem;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .metric-card {
    max-width: 100%;
    flex-wrap: wrap;
    width: 100%;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content {
    flex-direction: row;
  }
  .dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content .roi-label {
    left: 0;
  }
  .dashboard-wrapper .main-content .table-container.empty td:before {
    display: none !important;
  }
}
@media screen and (max-width: 639px) {
  .dashboard-wrapper .main-content .metrics-dashboard .primary-card .primary-content .roi-label {
    left: 24px;
  }
}
/* Ensure Desktop Tab Content is hidden when not active *//*# sourceMappingURL=style.css.map */