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

@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("Inter-roman.var.woff2?v=3.18") format("woff2");
}

@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("Inter-italic.var.woff2?v=3.18") format("woff2");
}

@font-face {
  font-family: "HelveticaNeue-Bold";
  src: url("HelveticaNeueBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HelveticaNeue-Light";
  src: url("HelveticaNeueLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HelveticaNeue-Medium";
  src: url("fonts/HelveticaNeueMedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Palatino";
  src: url("PALATR.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Variables */
:root {
  /* Colors */
  --color-primary: #022121;
  --color-secondary: #042f2d;
  --color-accent: #d2ec75;
  --color-light: #0c168c;
  --color-orange: #f26a38;

  /* Font Families */
  --font-primary: "HelveticaNeue-Medium", sans-serif !important;
  --font-primary-light: "HelveticaNeue-Light", sans-serif !important;
  --font-primary-bold: "HelveticaNeue-Bold", sans-serif !important;
  --font-secondary: "Palatino", serif !important;

  /* Custom Font Sizes */
  --fs-xs: clamp(0.75rem, 0.7vw, 0.875rem); /* 12px - 14px */
  --fs-sm: clamp(0.875rem, 0.8vw, 1rem); /* 14px - 16px */
  --fs-base: clamp(1rem, 1vw, 1.125rem) !important; /* 16px - 18px */
  --fs-lg: clamp(1.125rem, 1.2vw, 1.4rem); /* 18px - 22px */
  --fs-xl: clamp(1.25rem, 1.5vw, 1.5rem); /* 20px - 24px */
  --fs-2xl: clamp(1.5rem, 2vw, 2rem); /* 24px - 32px */
  --fs-3xl: clamp(2rem, 2.6vw, 2.6rem); /* 32px - 40px */
  --fs-4xl: clamp(2.5rem, 4.5vw, 4rem); /* 40px - 48px */

  /* Container Widths */
  --container-max-width: 100%;
  --container-padding: clamp(1rem, 5vw, 5rem);
  --container-pt: clamp(3rem, 10vw, 10rem);
  --container-pb: clamp(3rem, 10vw, 10rem);
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1.2 !important;
  font-family: "HelveticaNeue-Light" !important;
}
.site-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.navigation a {
  color: white !important;
}
.font-poppins {
  font-family: "Poppins", sans-serif !important;
}
/* Font Size Utility Classes */
.fs-xs {
  font-size: var(--fs-xs) !important;
}
.fs-sm {
  font-size: var(--fs-sm) !important;
}
.fs-base {
  font-size: var(--fs-base) !important;
}
.fs-lg {
  font-size: var(--fs-lg) !important;
}
.fs-xl {
  font-size: var(--fs-xl) !important;
}
.fs-2xl {
  font-size: var(--fs-2xl) !important;
}
.fs-3xl {
  font-size: var(--fs-3xl) !important;
}
.fs-4xl {
  font-size: var(--fs-4xl) !important;
  line-height: 1.1 !important;
}
.letter-spacing {
  letter-spacing: 8px;
}
.line-height-5 {
  line-height: 1.5 !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-center {
  background-position: center !important;
}
.text-orange {
  color: var(--color-orange) !important;
}
.text-dark {
  color: #022121;
}
/* Font Family Utility Classes */
.font-primary {
  font-family: var(--font-primary) !important;
}
.font-primary-light {
  font-family: var(--font-primary-light) !important;
}
.font-primary-bold {
  font-family: var(--font-primary-bold) !important;
}
.font-secondary {
  font-family: var(--font-secondary) !important;
}
.bg-dark {
  background-color: var(--color-primary) !important;
}
.bg-light {
  background-color: var(--color-light) !important;
}
.bg-accent {
  background-color: var(--color-accent) !important;
}
.tabs button {
  position: relative;
}
.tabs button::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 20px;
  height: 1px;
  background-color: rgb(210, 236, 117);
  transition: width 0.3s;
}
.tabs button:hover::after {
  width: 100%;
}
.tabs-dark button {
  position: relative;
}
.tabs-dark button::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0px;
  width: 20px;
  height: 1px;
  background-color: #172222;
  transition: width 0.3s;
}
.tabs-dark button:hover::after {
  width: 100%;
}
.profile-name-w {
  min-width: 22rem !important;
}
.bg-green-50,
.bg-indigo-50 {
  background-color: #1f2ed3 !important;
}
.step-page-wrapper .FusePageSimple-wrapper .FusePageSimple-contentWrapper {
  background-color: #f0f1ff !important;
  color: #172222 !important;
}
.editorWrapper {
  color: #172222 !important;
}
.left-step-bar .MuiStepLabel-label {
  color: #cdd8cf;
}
.left-step-bar .MuiStepIcon-text {
  color: #9bc4dd;
}
.rounded-full {
  color: #172222;
}
.main-nav div a span {
  color: #fff !important;
  text-align: left;
  font: normal normal normal 18px/22px Helvetica Neue;
  letter-spacing: 0px;
  opacity: 1;
}
.main-nav div a svg.fuse-list-item-icon {
  fill: #cdd8cf !important;
  stroke: #cdd8cf !important;
}
.main-nav svg {
  fill: #ffffff;
  stroke: white;
}
.main-nav div a.MuiListItem-root {
  fill: #cdd8cf !important;
  stroke: #cdd8cf !important;
}
.big-steps {
  font-family: Palatino, Regular;
  font-size: 42px;
  color: #5d7e7a;
  padding-left: 170px;
  margin-top: -52px;
}
.big-steps-page {
  font-family: Palatino, Regular;
  font-size: 42px;
  color: #5d7e7a;
}
.big-steps-below-page {
  font-family: HelveticaNeue-Light;
  font-size: 18px;
  color: #f2f3ea;
  opacity: 100%;
}
.big-steps-below {
  font-family: HelveticaNeue-Light;
  font-size: 18px;
  color: #f2f3ea;
  opacity: 100%;
}
.font-semiboldwelcome {
  font-family: "Palatino", serif !important;
  font-weight: 300 !important;
  color: #f2f3ea;
  opacity: 100%;
  line-height: 1.1 !important;
}
.marginTopScore {
  margin-top: -10px;
}
.font-extraboldtm {
  font-family: "Palatino", serif !important;
  font-weight: 300 !important;
  color: #f2f3ea;
  opacity: 100%;
  line-height: 1.1 !important;
}
.font-extrabold {
  font-family: Palatino !important;
}
.eachstepcarefully {
  font: normal normal normal 22px/27px Helvetica Neue, Light !important;
  color: #f2f3ea !important;
  opacity: 1;
  text-decoration: none !important;
}
.view-step {
  font: normal normal normal 18px/22px Helvetica Neue !important;
  letter-spacing: 0px;
  color: #cdd8cf !important;
  opacity: 1;
  text-decoration: none !important;
}
.arrow-bg svg {
  color: #ffffff;
  fill: #ffffff !important;
}
.return-equity-num {
  font-family: Palatino !important;
  font-size: 31px !important;
  color: #3a5754 !important;
  opacity: 100%;
}
.return-equity {
  font-family: HelveticaNeue-Light !important;
  font-size: 16px !important;
  color: #3a5754 !important;
  opacity: 100%;
}
.top-score {
  font: normal normal normal 72px/79px Palatino;
  letter-spacing: 0px;
  color: #d2ec75;
  opacity: 1;
}
.top-score-tit {
  font: "HelveticaNeue-Light" !important;
  letter-spacing: 0px;
  font-size: 22px !important;
  color: #f2f3ea;
  opacity: 1;
}
.text-greens {
  color: #f7f7f7 !important;
  font: normal normal normal 18px/22px Helvetica Neue !important;
  letter-spacing: 0px;
  opacity: 1;
}
.tabs button.text-greens::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 20px;
  height: 1px;
  background-color: #172222;
  transition: width 0.3s;
}
.MuiFormControlLabel-label {
  color: #f2f3ea;
}
.tabs-dark button.text-greens:hover::after {
  width: 100%;
}
.demo .FusePageSimple-content {
  position: absolute !important;
  left: 13.5%;
  top: 40%;
  right: 13.5%;
}
.movechatleft {
  right: 0px;
}
.flex-grow {
  background-color: #cdd8cf !important;
  color: #3a5754 !important;
  background: #3a5754 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px;
  opacity: 1;
}
.muiltr-6uhlpw.contact .bubble {
  background-color: #3a5754 !important;
  color: #f5f5f5 !important;
}
.bubble .leading-tight {
  color: #f5f5f5 !important;
}
.serchbordor {
  border: 1px solid #3a5754;
  border-radius: 10px;
  opacity: 1;
  letter-spacing: 0px;
  color: #ededed;
}
.MuiChip-label {
  color: #9bc4dd !important;
}
.tabs-darkstep a {
  position: relative;
  color: #cdd8cf !important;
}
.tabs-darkstep a::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 5px;
  width: 20px;
  height: 1px;
  background-color: #cdd8cf;
  transition: width 0.3s;
}
.tabs-darkstep a:hover::after {
  width: 100%;
}
.steps-prodfile {
  padding-top: 57px;
  padding-bottom: 57px;
}
.stepsBold-num {
  font-family: Palatino !important;
  font-size: 92px !important;
  color: #3842c3 !important;
  opacity: 100%;
  position: absolute;
  top: -80px;
}
.custom-input label,
.custom-input input,
.custom-input select {
  color: #ededed;
}
.custom-input select option {
  color: #ededed;
}
.custom-input span {
  color: #ededed;
}
.tbl-scoreboards {
  color: #f2f3ea;
}
.tbl-scoreboards .Mui-active,
.tbl-scoreboards .MuiTableSortLabel-root:hover,
.tbl-scoreboards .MuiTableSortLabel-icon {
  color: #d2ec75 !important;
}
.tbl-scoreboards .MuiTableSortLabel-icon {
  color: #d2ec75 !important;
  fill: #d2ec75 !important;
}
.tbl-scoreboards .MuiIconButton-root {
  color: #d2ec75 !important;
  fill: #d2ec75 !important;
}
.MuiTablePagination-selectLabel,
li.MuiTablePagination-menuItem,
.MuiTablePagination-displayedRows {
  color: #f2f3ea;
}
.MuiTablePagination-actions .MuiIconButton-root svg.MuiSvgIcon-root {
  color: #f2f3ea !important;
  fill: #f2f3ea !important;
}
.pag-paddingright {
  padding-right: 100px !important;
}
.logo-icon {
  background: transparent 0% 0% no-repeat padding-box;
  mix-blend-mode: lighten;
  opacity: 1;
}
.font-semibold {
  font: normal normal bold 18px/23px Helvetica Neue;
  letter-spacing: 0px;
  color: #cdd8cf;
  opacity: 1;
}
.profilemenufont {
  font: normal normal bold 18px/23px Helvetica Neue;
  letter-spacing: 0px;
  color: #cdd8cf;
  opacity: 1;
}
.bigavtar {
  width: 152px !important;
  height: 152px !important;
}
.arrow-icon {
  width: 18px;
  height: 18px;
  padding-right: 5px;
}
.arrow-bg {
  padding-left: 172px;
}
.change-sec-val {
  font: normal normal normal 31px/35px Palatino;
  letter-spacing: 0px;
  color: #3a5754;
  opacity: 1;
}
.font-semibold-sec {
  font-family: "HelveticaNeue-Light";
  letter-spacing: 0px;
  color: #3a5754;
  opacity: 1;
  font-size: 16px;
}
.movechatleft #chat-bot {
  width: 117px !important;
  height: 113px !important;
}
.bottom-up {
  bottom: 12.4rem;
}
.text-stepinfo-top {
  font: normal normal normal 16px/18px Helvetica Neue !important;
  color: #d2ec75;
}
.steps-main-title {
  font: 23px/37px "Palatino, Regular" !important;
  color: #f2f3ea !important;
  opacity: 1;
  overflow: hidden;
  height: 64px;
}
.btn_backto_emg,
.MuiStepLabel-label {
  font: normal normal normal 18px/22px Helvetica Neue !important;
  letter-spacing: 0px;
  color: #cdd8cf !important;
  opacity: 1;
  padding: 6px 2px !important;
}
#arrow-sm-left path {
  fill: #d2ec75 !important;
  color: #d2ec75 !important;
}
#x path {
  fill: #cdd8cf !important;
  color: #cdd8cf !important;
}
.chatInput-area {
  background: #cdd8cf 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #90a293;
  border-radius: 11px;
  opacity: 1;
  height: 125px;
}
.FusePageSimple-sidebarContent .darkcircle {
  display: none;
}
.view-step-cls {
  text-align: left;
  font: normal normal normal 18px/22px Helvetica Neue !important;
  letter-spacing: 0px;
  color: #cdd8cf !important;
  opacity: 1;
}
.chatbtn:hover,
.chatbtn:active {
  background-color: #032121;
}
.calc-height-72 {
  height: calc(100vh - 72px);
}
.call-booking {
  background: linear-gradient(to bottom, #0e1583, #ea0029);
}
@media screen and (min-width: 1440px) {
  .demo .FusePageSimple-content {
    top: 40%;
  }
}

@media screen and (min-width: 1920px) {
  .demo .FusePageSimple-content {
    top: 30%;
  }
}
.btnwhitechange,
a.btnwhitechange {
  color: #f2f3ea !important;
}
.btnwhitechange .MuiCheckbox-root {
  color: #f2f3ea !important;
}

.btnwhitechange .Mui-checked {
  color: #f2f3ea !important;
}
.ent_dashord_scrore {
  background: transparent linear-gradient(180deg, #090975 0%, #0c168c 100%) 0%
    0% no-repeat padding-box;
}
.muiltr-7irfpg-MuiStepIcon-text {
  fill: #fff !important;
}
.muiltr-1wz29u8-MuiStepLabel-root .MuiStepLabel-label,
.muiltr-14jjf5p-MuiStepLabel-root .MuiStepLabel-label {
  color: #fff !important;
  font-size: 12px !important;
  font-family: "poppins" !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
  line-height: 1.2 !important;
}
b,
strong {
  font-weight: 700 !important;
}

.border-bottom-none {
  border-bottom: 0 !important;
}

/* Navigation container */
.main-nav {
  gap: 16px;
}

/* Base button styling for navigation items */
.main-nav .fuse-list-item {
  background-color: transparent;
  border: 2px solid #CDD8CF;
  border-radius: 8px;
  padding: 12px 24px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.main-nav .fuse-list-item:hover {
  background-color: rgba(205, 216, 207, 0.1);
  border-color: #fff;
}
/* Active state styling */
.main-nav .fuse-list-item[aria-current="page"] {
  background-color: #D82A60;
  border-color: #D82A60;
}

.main-nav .fuse-list-item[aria-current="page"]:hover {
  background-color: #c02454;
  border-color: #c02454;
}

/* Text styling */
.main-nav .fuse-list-item .MuiListItemText-primary {
  color: #CDD8CF;
  font-weight: 500;
}

.main-nav .fuse-list-item[aria-current="page"] .MuiListItemText-primary {
  color: #fff;
  font-weight: 600;
}
a[href="/users/agents"] .fuse-list-item-icon {
  color: #ffffff;
}