@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';

/* /Components/AuthenticatedImage.razor.rz.scp.css */
.img-loading-placeholder[b-ezzuzmri44] {
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/Cards/BasicCard.razor.rz.scp.css */
[b-ziq20591ji] .rz-text-body1 {
  color: #000000;
}

.card[b-ziq20591ji] {
  background: #f7f5f5;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 40px;
  min-width: 350px;
  margin: 0px;
  width: calc(100% / 3 - 15px);
  min-height: 640px;
}

.card-title-section[b-ziq20591ji] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

[b-ziq20591ji] .card-recommended {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
}

.price[b-ziq20591ji] {
  font-size: 2em;
  margin: 10px 0;
}

.monthly[b-ziq20591ji] {
  font-size: 1.2em;
  color: #666;
}

.active-standard[b-ziq20591ji],
.active-premium[b-ziq20591ji],
.active-basic[b-ziq20591ji] {
  background: linear-gradient(135deg, #fff27c, #8ceacd);
  color: #fff;
}

.button-section[b-ziq20591ji] {
  margin-top: auto;
}

.card-content[b-ziq20591ji] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.first-payment-section[b-ziq20591ji] {
  display: flex;
  align-items: center;
}

[b-ziq20591ji] .discount-price {
  font-size: 5em;
  line-height: 0.85;
}

[b-ziq20591ji] .text-phrase {
  max-width: 138px;
  text-align: left;
  margin: 0px;
  margin-left: 10px;
}

.card-detail-section[b-ziq20591ji] {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 20px 0px;
}

.monthly-payment-section[b-ziq20591ji] {
  display: flex;
  align-items: center;
}

[b-ziq20591ji] .permonth-price {
  font-size: 2em;
  padding-right: 10px;
}

[b-ziq20591ji] .retirement-phrase {
  font-weight: 500;
}

.icon[b-ziq20591ji] {
  width: 25px;
  height: 20px;
}

.list-container[b-ziq20591ji] {
  padding: 0px;
  display: flex;
  align-items: baseline;
}

.list[b-ziq20591ji] {
  display: flex;
  align-items: baseline;
  padding-top: 10px;
}

[b-ziq20591ji] .list-item {
  padding-left: 10px;
}

.premium-icon-section[b-ziq20591ji] {
  display: flex;
  align-items: baseline;
}

.premium-icon[b-ziq20591ji] {
  padding-right: 10px;
}

.card-recommended-section[b-ziq20591ji] {
  display: flex;
  align-items: baseline;
}

[b-ziq20591ji] .card-button-start {
  background-color: #000000 !important;
  color: #ffffff !important;
}

[b-ziq20591ji] .card-button-plan {
  background-color: #f7f5f5 !important;
  border: 2px solid #000000;
  color: #000000 !important;
}

[b-ziq20591ji] .card-button-start,
[b-ziq20591ji] .card-button-plan {
  border-radius: 15px;
  height: 50px;
  width: 100%;
  text-transform: capitalize;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (max-width: 767px) {
  .card[b-ziq20591ji] {
    height: fit-content;
    width: 100%;
    min-height: unset;
  }
}
/* /Components/Cards/PremiumCard.razor.rz.scp.css */
[b-bazq8tikeg] .rz-text-body1 {
  color: #000000;
}

.card[b-bazq8tikeg] {
  background: #f7f5f5;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 40px;
  min-width: 350px;
  margin: 0px;
  width: calc(100% / 3 - 15px);
  min-height: 640px;
}

.card-title-section[b-bazq8tikeg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

[b-bazq8tikeg] .card-recommended {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
}

.price[b-bazq8tikeg] {
  font-size: 2em;
  margin: 10px 0;
}

.monthly[b-bazq8tikeg] {
  font-size: 1.2em;
  color: #666;
}

.active-premium[b-bazq8tikeg] {
  background: linear-gradient(135deg, #fff27c, #8ceacd);
  color: #fff;
}

.button-section[b-bazq8tikeg] {
  margin-top: auto;
}

.card-content[b-bazq8tikeg] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.first-payment-section[b-bazq8tikeg] {
  display: flex;
  align-items: center;
}

[b-bazq8tikeg] .discount-price {
  font-size: 5em;
  line-height: 0.85;
}

[b-bazq8tikeg] .text-phrase {
  max-width: 138px;
  text-align: left;
  margin: 0px;
  margin-left: 10px;
}

.card-detail-section[b-bazq8tikeg] {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 20px 0px;
}

.monthly-payment-section[b-bazq8tikeg] {
  display: flex;
  align-items: center;
}

[b-bazq8tikeg] .permonth-price {
  font-size: 2em;
  padding-right: 10px;
}

[b-bazq8tikeg] .retirement-phrase {
  font-weight: 500;
}

.icon[b-bazq8tikeg] {
  width: 25px;
  height: 20px;
}

.list-container[b-bazq8tikeg] {
  padding: 0px;
  display: flex;
  align-items: baseline;
}

.list[b-bazq8tikeg] {
  display: flex;
  align-items: baseline;
  padding-top: 10px;
}

[b-bazq8tikeg] .list-item {
  padding-left: 10px;
}

.premium-icon-section[b-bazq8tikeg] {
  display: flex;
  align-items: baseline;
}

.premium-icon[b-bazq8tikeg] {
  padding-right: 10px;
}

.card-recommended-section[b-bazq8tikeg] {
  display: flex;
  align-items: baseline;
}

[b-bazq8tikeg] .card-button-start {
  background-color: #000000 !important;
  color: #ffffff !important;
}

[b-bazq8tikeg] .card-button-plan {
  background-color: #f7f5f5 !important;
  border: 2px solid #000000;
  color: #000000 !important;
}

[b-bazq8tikeg] .card-button-start,
[b-bazq8tikeg] .card-button-plan {
  border-radius: 15px;
  height: 50px;
  width: 100%;
  text-transform: capitalize;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (max-width: 767px) {
  .card[b-bazq8tikeg] {
    height: fit-content;
    width: 100%;
    min-height: unset;
  }
}
/* /Components/Cards/StandardCard.razor.rz.scp.css */
[b-a9uwznhw8c] .rz-text-body1 {
  color: #000000;
}

.card[b-a9uwznhw8c] {
  background: #f7f5f5;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 40px;
  min-width: 350px;
  margin: 0px;
  width: calc(100% / 3 - 15px);
  min-height: 640px;
}

.card-title-section[b-a9uwznhw8c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

[b-a9uwznhw8c] .card-recommended {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
}

.price[b-a9uwznhw8c] {
  font-size: 2em;
  margin: 10px 0;
}

.monthly[b-a9uwznhw8c] {
  font-size: 1.2em;
  color: #666;
}

.active-standard[b-a9uwznhw8c],
.active-premium[b-a9uwznhw8c],
.active-basic[b-a9uwznhw8c] {
  background: linear-gradient(135deg, #fff27c, #8ceacd);
  color: #fff;
}

.button-section[b-a9uwznhw8c] {
  margin-top: auto;
}

.card-content[b-a9uwznhw8c] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.first-payment-section[b-a9uwznhw8c] {
  display: flex;
  align-items: center;
}

[b-a9uwznhw8c] .discount-price {
  font-size: 5em;
  line-height: 0.85;
}

[b-a9uwznhw8c] .text-phrase {
  max-width: 138px;
  text-align: left;
  margin: 0px;
  margin-left: 10px;
}

.card-detail-section[b-a9uwznhw8c] {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 20px 0px;
}

.monthly-payment-section[b-a9uwznhw8c] {
  display: flex;
  align-items: center;
}

[b-a9uwznhw8c] .permonth-price {
  font-size: 2em;
  padding-right: 10px;
}

[b-a9uwznhw8c] .retirement-phrase {
  font-weight: 500;
}

.icon[b-a9uwznhw8c] {
  width: 25px;
  height: 20px;
}

.list-container[b-a9uwznhw8c] {
  padding: 0px;
  display: flex;
  align-items: baseline;
}

.list[b-a9uwznhw8c] {
  display: flex;
  align-items: baseline;
  padding-top: 10px;
}

[b-a9uwznhw8c] .list-item {
  padding-left: 10px;
}

.premium-icon-section[b-a9uwznhw8c] {
  display: flex;
  align-items: baseline;
}

.premium-icon[b-a9uwznhw8c] {
  padding-right: 10px;
}

.card-recommended-section[b-a9uwznhw8c] {
  display: flex;
  align-items: baseline;
}

[b-a9uwznhw8c] .card-button-start {
  background-color: #000000 !important;
  color: #ffffff !important;
}

[b-a9uwznhw8c] .card-button-plan {
  background-color: #f7f5f5 !important;
  border: 2px solid #000000;
  color: #000000 !important;
}

[b-a9uwznhw8c] .card-button-start,
[b-a9uwznhw8c] .card-button-plan {
  border-radius: 15px;
  height: 50px;
  width: 100%;
  text-transform: capitalize;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (max-width: 767px) {
  .card[b-a9uwznhw8c] {
    height: fit-content;
    width: 100%;
    min-height: unset;
  }
}
/* /Components/Cards/SubscriptionCard.razor.rz.scp.css */
[b-rt014dd3iz] .rz-text-body1 {
    color: var(--C-Black, #000) !important;
    margin: 0px;
}

[b-rt014dd3iz] .card-item {
    padding: 40px;
    border-radius: 20px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    height: 655px;
    width:100%;
}

[b-rt014dd3iz] .subscription-plan-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-rt014dd3iz] .ra-contribution {
    font-size: 3.5em !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

[b-rt014dd3iz] .ra-row {
    flex-wrap: nowrap !important;
}

[b-rt014dd3iz] .ra-text {
    display: flex;
    align-items: center;
    width: 140px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-rt014dd3iz] .price-amount {
    font-size: 1.5em !important;
    font-weight: 400 !important;
}

[b-rt014dd3iz] .per-month {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
}

[b-rt014dd3iz] .retirement-text {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.list-item[b-rt014dd3iz] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.list-container[b-rt014dd3iz] {
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-rt014dd3iz] .list-row {
    flex-grow: 1;
}

.list-row-1[b-rt014dd3iz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-rt014dd3iz] .active-premium {
    background: var(--Premium-Green, linear-gradient(152deg, #FFF27C -1.11%, #8CEACD 75.24%)) !important;
    box-shadow: 0px 0px 50px 0px rgba(175, 175, 175, 0.25);
}

[b-rt014dd3iz] .btn-current-plan {
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    opacity: 0.3;
    background: #000 !important;
    text-transform: capitalize;
    display: flex;
    height: 51px;
    padding: 13.5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    flex-grow: 1;
}

[b-rt014dd3iz] .btn-downgrade-plan, [b-rt014dd3iz] .btn-upgrade-plan, [b-rt014dd3iz] .btn-select-plan, [b-rt014dd3iz] .btn-start-plan {
    text-transform: capitalize;
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: #000 !important;
    display: flex;
    height: 51px;
    padding: 13.5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    flex-grow: 1;
}

[b-rt014dd3iz] .recommended {
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    background: var(--Surface-surface-white, #FFF) !important;
    color: var(--C-Black, #000) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-rt014dd3iz] .premium-text {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

[b-rt014dd3iz] .btn-select-plan {
    background-color: inherit !important;
    border: 1px solid var(--C-Black, #000) !important;
    color: var(--C-Black, #000) !important;
}

[b-rt014dd3iz] .ra-row-1 {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-bottom: 1rem;
}

[b-rt014dd3iz] .card-button-start, [b-rt014dd3iz] .card-button-plan {
    flex-grow: 1;
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: #000 !important;
    display: flex;
    height: 51px;
    padding: 13.5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    text-transform: capitalize;
}

    @media (max-width: 768px) {
        [b-rt014dd3iz] .card-item {
        height: fit-content;
        width: 100%;
    }

    [b-rt014dd3iz] .ra-contribution {
        font-size: 3.1em !important;
    }

    [b-rt014dd3iz] .ra-text {
        font-size: 13px;
    }

    [b-rt014dd3iz] .price-amount {
        font-size: 1.5em !important;
    }

    [b-rt014dd3iz] .per-month {
        font-size: 13px !important;
    }

    [b-rt014dd3iz] .retirement-text {
        font-size: 13px !important;
    }

    [b-rt014dd3iz] .ra-row {
        gap: 5px;
    }

    [b-rt014dd3iz] .list-item-text {
        font-size: 13px !important;
    }
}
/* /Components/ChangeInvoiceTemplate.razor.rz.scp.css */
[b-va5gqshzs0] .st-stack {
  max-width: fit-content;
  gap: 20px;
}

[b-va5gqshzs0] .profile-section {
  width: fit-content;
}

[b-va5gqshzs0] .invoice-row {
  width: 100%;
  margin: 25px 0px;
}

[b-va5gqshzs0] .logo-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px dashed var(--C-1, #fdb121);
  background: var(--c-120, #ffefd3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

[b-va5gqshzs0] .image-card {
  display: flex;
  width: 150px;
  height: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  object-fit: cover;
  object-position: center;
}

[b-va5gqshzs0] .upload-section {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

[b-va5gqshzs0] .logo-container,
.logo-container-failed[b-va5gqshzs0] {
  display: flex;
  padding: 60px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 20px;
  border: 2px dashed var(--C-1, #fdb121);
  background: var(--c-120, #ffefd3);
  height: 150px;
  align-self: self-end;
}

[b-va5gqshzs0] .logo-container-failed {
  border: 2px dashed var(--C-3, #ff783e);
  background: var(--c-320, #ffe4d8);
  cursor: pointer;
}

[b-va5gqshzs0] .upload-logo-text {
  color: var(--C-Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

[b-va5gqshzs0] .label-section {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

[b-va5gqshzs0] .upload-btn {
  display: flex;
  width: 195px;
  padding: 13.5px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  color: #ffffff !important;
  text-transform: capitalize;
  margin-bottom: 10px;
  cursor: pointer;
}

[b-va5gqshzs0] .sub-text {
  color: var(--C-Grey, #555) !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  width: 170px;
}

[b-va5gqshzs0] .primary-button-text,
[b-va5gqshzs0] .secondary-button-text {
  color: var(--C-Fill, #f7f5f5) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
}

[b-va5gqshzs0] .secondary-button-text {
  color: var(--C-Black, #000) !important;
}

[b-va5gqshzs0] .logo-input {
  display: none;
}

[b-va5gqshzs0] .stack-row {
  width: 350px;
}

[b-va5gqshzs0] .primary-button,
[b-va5gqshzs0] .secondary-button {
  width: 350px !important;
}

[b-va5gqshzs0] .fs-stack {
  width: 100%;
  align-items: center !important;
}

@media (max-width: 768px) {
  [b-va5gqshzs0] .fs-stack {
    flex-direction: row-reverse !important;
  }

  [b-va5gqshzs0] .primary-button,
  [b-va5gqshzs0] .secondary-button {
    width: 50%;
  }

  [b-va5gqshzs0] .primary-button-text {
    text-wrap: nowrap;
  }

  [b-va5gqshzs0] .st-stack {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  [b-va5gqshzs0] .primary-button,
  [b-va5gqshzs0] .secondary-button {
    width: 350px !important;
  }
}

@media (max-width: 320px) {
  [b-va5gqshzs0] .primary-button-text {
    text-wrap: wrap;
  }
}
/* /Components/CompanyRatingCarousel.razor.rz.scp.css */
[b-xzcpaojung] .rz-button-box {
  align-items: center !important;
}

[b-xzcpaojung] .rz-text-body1 {
  color: #000000;
}

[b-xzcpaojung] .category {
  color: #000 !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  padding: 0px !important;
  margin-bottom: 12px;
}

[b-xzcpaojung] .category-text {
  padding: 0px;
  color: rgba(0, 0, 0, 0.72) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.5px;
}

[b-xzcpaojung] .category-sub-text {
  color: rgba(0, 0, 0, 0.72) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
}

[b-xzcpaojung] .question-section {
  height: auto;
  vertical-align: middle;
  border-radius: 0px;
  display: flex;
  max-width: 100%;
  padding: 0px;
  position: relative;
  box-shadow: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-grow: 1 !important;
  margin: 1px;
}

[b-xzcpaojung] .question-section-bg-money {
  border-radius: 20px;
}

[b-xzcpaojung] .question-section-bg-work {
  border-radius: 24px;
}

[b-xzcpaojung] .arrow-btn {
  background-color: #fff !important;
  height: 100%;
  width: 40px;
}

.carousel-section[b-xzcpaojung] {
  overflow-x: auto;
  position: relative;
  flex-grow: 1;
  width: 10px;
}

.carousel-track[b-xzcpaojung] {
  display: flex;
  scroll-behavior: smooth;
  justify-content: start;
  align-items: center;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  height: fit-content;
  margin-left: 1px;
  overflow: hidden;
  padding: 0px 2px;
}

.opacity[b-xzcpaojung] {
  display: flex;
  align-items: center;
  min-width: 100%;
  text-align: center;
  margin-right: 20px;
  scroll-snap-align: start;
  height: 100%;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0);
  padding: 40px 24px;
  gap: 10px;
  border: 1px solid black;
}

.laptop-icon[b-xzcpaojung], .stack-icon[b-xzcpaojung] {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
}

[b-xzcpaojung] .question-pill {
  background-color: #ffffff;
  border-radius: 80px;
  display: flex !important;
  justify-content: space-between !important;
  flex-grow: 1;
  flex-wrap: nowrap;
}

.details-section[b-xzcpaojung] {
  display: flex;
  max-width: 68%;
}

.info-details[b-xzcpaojung] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-section[b-xzcpaojung] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
}

.ratings-section[b-xzcpaojung] {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  width: fit-content;
}

.stars-section[b-xzcpaojung] {
  display: flex;
  flex-wrap: nowrap;
  padding-right: 32px;
}

.btn-section-right[b-xzcpaojung] {
  padding-right: 10px;
}

.btn-section-left[b-xzcpaojung] {
  padding-left: 10px;
}

[b-xzcpaojung] .pill-header {
  color: var(--C-Grey, #555) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-xzcpaojung] .average {
  color: var(--C-Black, #000) !important;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.company-address-md[b-xzcpaojung] {
  color: var(--C-Grey, #555) !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.info-section[b-xzcpaojung] {
  max-height: 80%
}

[b-xzcpaojung] .stars-section-md {
  margin-top: 10px;
}

[b-xzcpaojung] .fs-row-1, [b-xzcpaojung] .fs-row-2 {
  gap: 32px !important;
  padding-left: 1px;
  padding-right: 1px;
}

.carousel-container[b-xzcpaojung] {
  display: flex;
  flex-direction: column;
  gap: 42px;
  overflow: hidden;
}

.rate-value[b-xzcpaojung] {
  color: var(--C-Black, #000) !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 768px) {
  [b-xzcpaojung] .fs-row-1, [b-xzcpaojung] .fs-row-2 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .laptop-icon[b-xzcpaojung], .stack-icon[b-xzcpaojung] {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
  }

  .stars-section[b-xzcpaojung] {
    padding-right: 0px;
  }

  .info-section[b-xzcpaojung] {
    max-height: 100%
  }

  .carousel-track[b-xzcpaojung] {
    margin: 0px;
    height: fit-content;
  }

  .ratings-section[b-xzcpaojung] {
    flex-direction: row !important;
    gap: 5px;
  }

  [b-xzcpaojung] .question-pill {
    flex-direction: column;
    margin: 0px !important;
  }

  [b-xzcpaojung] .category-text, [b-xzcpaojung] .category-sub-text, .stars-section[b-xzcpaojung], .rate-section[b-xzcpaojung] {
    padding-top: 10px;
  }

  .text-section[b-xzcpaojung] {
    align-items: center;
    text-align: center;
  }

  .details-section[b-xzcpaojung] {
    flex-direction: column;
    max-width: 100%;
  }

  .btn-section[b-xzcpaojung] {
    background-color: unset;
    padding: 0px;
  }

  [b-xzcpaojung] .question-section {
    padding: 5px;
  }

  .card-row[b-xzcpaojung] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px
  }

  .flexible-section[b-xzcpaojung] {
    justify-content: center;
    align-items: start;
    flex-direction: column;
  }

  [b-xzcpaojung] .card-section.sm {
    display: grid;
    gap: 20px;
    grid-template-columns: 100%;
  }

  .square-section[b-xzcpaojung] {
    min-width: 120px;
    min-height: 120px;
    justify-content: center;
  }

  [b-xzcpaojung] .circle-content {
    width: 108px;
    height: 108px;
    font-size: 60px;
  }

  [b-xzcpaojung] .company-name {
    font-size: 16px;
    line-height: 24px;
    display: revert;
  }

  [b-xzcpaojung] .company-address-md {
    display: revert;
  }

  [b-xzcpaojung] .stars-section-sm {
    display: flex !important;
  }

  [b-xzcpaojung] .stars-section-md, .leave-btn-col[b-xzcpaojung], .card-section-md[b-xzcpaojung] {
    display: none !important;
  }

  [b-xzcpaojung] .opacity {
    padding: 19px 0px;
    justify-content: center;
    margin-right: 21px;
    min-height: 490px;
    gap: 0px;
  }
}
/* /Components/CompanyRatingDetails.razor.rz.scp.css */
[b-uag31w338y] .rz-button-box {
    align-items: center !important;
}

[b-uag31w338y] .primary-button-text {
    color: var(--C-Fill, #F7F5F5) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}

[b-uag31w338y] .rz-text-body1 {
    color: #000000;
}

.square-section[b-uag31w338y] {
    min-width: 120px;
    overflow: auto;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
}

.flexible-section[b-uag31w338y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-grow: 1;
}

[b-uag31w338y] .circle-content {
    font-size: 60px;
    font-weight: 400;
    color: #ffffff !important;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-color: #C3D0EE;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

[b-uag31w338y] .percentage-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}

[b-uag31w338y] .company-name {
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-uag31w338y] .stars-section-sm {
    display: none !important;
}

.leave-btn-col[b-uag31w338y] {
    display: flex;
    align-items: center;
}

[b-uag31w338y] .leave-review-btn {
    width: 250px;
    height: 51px;
    color: #000000 !important;
    display: flex;
    padding: 13.5px 30px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 15px;
    background: var(--C-1, #FDB121) !important;
    text-transform: inherit;
}

.right-section[b-uag31w338y], .column-section[b-uag31w338y] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 20px;
}

.card-section-md[b-uag31w338y] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

.card-row[b-uag31w338y] {
    display: none;
}

[b-uag31w338y] .card {
    height: 100%;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    box-shadow: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

[b-uag31w338y] .payment-card {
    background-color: #FFEFD3;
}

.payment-card-left[b-uag31w338y] {
    width: 50%;
    height: 200px;
    position: absolute;
    bottom: 10%;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #FCD58D;
}

.payment-card-bottom[b-uag31w338y] {
    width: 100%;
    height: 38%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #FFAE8B;
}

[b-uag31w338y] .work-card {
    background-color: #E1E8F6;
}

.work-card-left[b-uag31w338y] {
    width: 50%;
    height: 200px;
    position: absolute;
    bottom: 10%;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #A5B9E5;
}

.work-card-bottom[b-uag31w338y] {
    width: 100%;
    height: 38%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #CDECE9;
}

[b-uag31w338y] .nps-card {
    background-color: #CDECE9;
}

.nps-card-left[b-uag31w338y] {
    width: 50%;
    height: 200px;
    position: absolute;
    bottom: 10%;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #68C7BC;
}

.nps-card-bottom[b-uag31w338y] {
    width: 100%;
    height: 38%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #FEE0A6;
}

[b-uag31w338y] .index-1 {
    z-index: 1;
}

[b-uag31w338y] .index-2 {
    z-index: 2;
}

[b-uag31w338y] .pill {
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 210px;
}

.details-section[b-uag31w338y] {
    display: flex;
    max-width: 60%;
}

.info-details[b-uag31w338y] {
    display: flex;
    justify-content: center;
}

.text-section[b-uag31w338y] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: start;
}

[b-uag31w338y] .category-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 0px;
}

[b-uag31w338y] .category-sub-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.ratings-section[b-uag31w338y] {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: row;
    width: fit-content;
}

[b-uag31w338y] .stars-section {
    margin-top: 10px;
}

.btn-section[b-uag31w338y] {
    background-color: #ffffff;
}

.btn-section-right[b-uag31w338y] {
    padding-right: 10px;
}

.btn-section-left[b-uag31w338y] {
    padding-left: 10px;
}

[b-uag31w338y] .pill-header {
    color: var(--C-Black, #000) !important;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-uag31w338y] .average {
    color: var(--C-Black, #555) !important;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    [b-uag31w338y] .average .bold-text {
        font-weight: 700;
    }

.company-address-md[b-uag31w338y] {
    color: var(--C-Grey, #555) !important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.info-section[b-uag31w338y] {
    max-height: 80%
}

[b-uag31w338y] .stars-section-md {
    margin-top: 10px;
}

[b-uag31w338y] .fs-row {
    flex-wrap: nowrap;
}

@media (max-width: 768px) {
    .card-row[b-uag31w338y] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        margin-top: 32px;
    }

    [b-uag31w338y] .stars-section-md, .card-section-md[b-uag31w338y] {
        display: none !important;
    }

    [b-uag31w338y] .fs-row {
        gap: 24px !important;
    }

    .info-section[b-uag31w338y] {
        max-height: 100%
    }

    .carousel-track[b-uag31w338y] {
        margin: 0px 0px 0px 20px;
        height: 100%;
    }

    .ratings-section[b-uag31w338y] {
        flex-direction: column;
    }

    [b-uag31w338y] .question-pill {
        flex-direction: column;
        justify-content: center;
        height: fit-content;
    }

    [b-uag31w338y] .category-text, [b-uag31w338y] .category-sub-text, .stars-section[b-uag31w338y], .rate-section[b-uag31w338y] {
        padding-top: 10px;
    }

    .text-section[b-uag31w338y] {
        align-items: center;
        text-align: center;
    }

    .details-section[b-uag31w338y] {
        flex-direction: column;
    }

    .btn-section[b-uag31w338y] {
        background-color: unset;
        padding: 0px;
    }

    [b-uag31w338y] .question-section {
        padding: 5px 0px;
    }

    [b-uag31w338y] .arrow-btn {
        width: 0px;
        margin: 0px 6px;
    }

    .flexible-section[b-uag31w338y] {
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    [b-uag31w338y] .card-section.sm {
        display: grid;
        gap: 20px;
        grid-template-columns: 100%;
    }

    .square-section[b-uag31w338y] {
        min-width: 120px;
        min-height: 120px;
        justify-content: center;
    }

    [b-uag31w338y] .circle-content {
        width: 100px;
        height: 100px;
        font-size: 60px;
    }

    [b-uag31w338y] .company-name {
        font-size: 16px;
        line-height: 24px;
        display: revert;
    }

    [b-uag31w338y] .company-address-md {
        display: revert;
    }

    [b-uag31w338y] .stars-section-sm {
        display: flex !important;
    }

    [b-uag31w338y] .opacity {
        justify-content: center;
        height: 100%;
    }

    [b-uag31w338y] .leave-btn-col {
        width: 100%;
        padding-top: 20px;
        display: block
    }

    [b-uag31w338y] .primary-button {
        width: 100%;
    }
}
/* /Components/CompanySeachBar.razor.rz.scp.css */
[b-hepgsr3dks] .search-container {
    border-radius: 20px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    min-height: 55px;
    padding: 0px 20px;
    flex-grow: 1;
    margin: 0px;
    justify-content: center !important;
    gap: 0px;
    margin-left: 50px;
}

[b-hepgsr3dks] .search-bar {
    flex-wrap: nowrap;
    min-height: 55px;
    width: 100%;
}

[b-hepgsr3dks] .hr-line {
    border-bottom: 1px solid var(--C-Fill-Corners, #EAEAEA);
    margin-bottom: 10px;
}

[b-hepgsr3dks] .search-text-box {
    width: 100%;
    border: none !important;
    background: var(--C-Fill, #F7F5F5) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    Padding-left: 8px;
}

[b-hepgsr3dks] .show {
    display: flex !important;
}

[b-hepgsr3dks] .hide {
    display: none !important;
}

[b-hepgsr3dks] .result-list {
    flex-grow: 1;
    overflow-y: scroll;
    max-height: 180px;
}

[b-hepgsr3dks] .close-button {
    background: unset !important;
    text-transform: capitalize;
    color: #3660BA !important;
}

[b-hepgsr3dks] .result-item {
    padding: 10px 10px;
    margin: 0px;
}

    [b-hepgsr3dks] .result-item:hover {
        background-color: #D3D3D3;
        cursor: pointer;
    }

[b-hepgsr3dks] .item-name {
    margin: 0px
}

@media (max-width: 787px) {
    [b-hepgsr3dks] .search-container {
        margin: 0px;
    }
}
/* /Components/ComparePlanTable.razor.rz.scp.css */
[b-bcti2slded] .subscription-card {
    width: 350px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    min-height: 500px !important;
}

[b-bcti2slded] .card-body {
    padding: 10px;
}

[b-bcti2slded] .badge {
    height: min-content;
    background-color: #e6e6e6;
    border: none;
    color: #333333;
    padding: 4px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 10rem;
}

[b-bcti2slded] .buttons {
    width: 100%;
}

[b-bcti2slded] .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

[b-bcti2slded] .card-footer {
    padding: 0px;
}

[b-bcti2slded] .diagonal-line {
    position: relative;
}

    [b-bcti2slded] .diagonal-line::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: black;
        transform: rotate(-30deg);
    }

[b-bcti2slded] .subscription-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-bcti2slded] price-text {
    min-width: calc(100% / 3);
}

[b-bcti2slded] .price-block {
    font-size: 25px;
    display: flex;
    align-items: flex-start;
}

    [b-bcti2slded] .price-block .sign {
        font-size: 0.8em;
    }

    [b-bcti2slded] .price-block .amount {
        font-size: 1.5em;
        line-height: 1.5;
    }

[b-bcti2slded] .discount-section {
    padding: 16px 0px;
}

[b-bcti2slded] .discount-section-text {
    width: calc(100% / 3 + 20px);
}

[b-bcti2slded] .rz-accordion-content {
    padding: 0px;
}

[b-bcti2slded] .hustle {
    background-color: #FFC9B2;
}

[b-bcti2slded] .finances {
    background-color: #C3D0EE;
}

[b-bcti2slded] .momentum {
    background-color: #FEE0A6;
}

[b-bcti2slded] .choose-plan-btn {
    background-color: black !important;
    border-radius: 10px !important;
    width: 200px;
    height: 40px;
    color: white;
    text-transform: capitalize;
}

[b-bcti2slded] .subscription-table-title {
    font-size: 42px;
    line-height: 63px;
    width: 210px;
    height: 126px;
    color: #1648B3;
}

[b-bcti2slded] .accordion-item {
    border-radius: 10px !important;
    margin: 16px 0px;
}

[b-bcti2slded] .accordion-table {
    box-shadow: none !important;
    outline: none;
}

[b-bcti2slded] .sign-1 {
    font-size: 1.3em;
    font-weight: 800;
}


[b-bcti2slded] .amount-1 {
    align-self: flex-end;
    font-size: 3.0em;
    font-weight: 500;
    line-height: 100%;
    padding: 0px 5px;
}

[b-bcti2slded] .per-month {
    font-size: 1rem;
}

[b-bcti2slded] .ra-contribution {
    font-size: 2.5em;
    font-weight: bold;
    line-height: normal;
    margin: 16px 0px;
}

[b-bcti2slded] .ra-contribution-1 {
    font-size: 2.5em;
    font-weight: bold;
    line-height: normal;
    margin: 16px 0px;
    width: 20px
}


[b-bcti2slded] .parent-div {
    line-height: unset;
    width: 300px;
    display: flex;
    flex-direction: row;
    height: 60px;
    margin-top: 10px;
}

[b-bcti2slded] .subscription-table-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #698AD4;
    font-size: 20px;
    font-weight: 500;
}


[b-bcti2slded] .sticky-div {
    background-color: white;
    position: sticky;
    top: -10px !important;
    padding: 16px 0px;
}


[b-bcti2slded] .rz-accordion-item .Text {
    font-size: 14px;
    color: red !important;
}

[b-bcti2slded] .rz-text-body1 {
    margin: 0px;
}

[b-bcti2slded] .rz-accordion {
    box-shadow: unset;
}

[b-bcti2slded] .rz-accordion-header a[role=tab] {
    font-size: 20px;
    font-weight: 500;
}

[b-bcti2slded] .subscription-table {
    display: none !important;
}


[b-bcti2slded] .radzen-column {
    padding-left: 16px;
    display: flex;
}

[b-bcti2slded] .radzen-text {
    font-weight: 500;
}

[b-bcti2slded] .radzen-row {
    background-color: #F7F5F5;
    border-radius: 10px;
    padding: 10px 0px;
    margin: 10px 0px;
}

[b-bcti2slded] radzen-column-mobile {
    display: none;
}

[b-bcti2slded] .web-header-table {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(225px,1fr))
}

@media (max-width: 767px) {
    [b-bcti2slded] .radzen-column {
        align-items: center;
        height: 46px;
    }

    [b-bcti2slded] .radzen-row {
        background-color: unset;
        margin: 0px;
    }

    [b-bcti2slded] .radzen-column-mobile {
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 10px;
        background-color: #F7F5F5;
    }

    [b-bcti2slded] .web-header-table {
        display: none !important;
    }

    [b-bcti2slded] .subscription-table {
        display: flex !important;
        border: 2px solid #EAEAEA;
        height: 56px;
        border-radius: 10px;
        width: 100%;
        margin-top: 16px;
        align-items: center;
    }

    [b-bcti2slded] .subscription-table-column {
        width: fit-content;
        height: 100%;
        display: flex;
        justify-content: center;
    }

        [b-bcti2slded] .subscription-table-column:nth-child(1) {
            height: fit-content;
        }

        [b-bcti2slded] .subscription-table-column:nth-child(2) {
            height: fit-content;
            border-left: 2px solid #EAEAEA;
            border-right: 2px solid #EAEAEA;
        }

        [b-bcti2slded] .subscription-table-column:nth-child(3) {
            height: fit-content;
        }


    [b-bcti2slded] .subscription-name {
        font-size: 16px;
        font-weight: 500;
        color: #698AD4;
    }
}
/* /Components/ConvertToInvoice.razor.rz.scp.css */
[b-k3uc2g6hmw] .nc-input {
    height: 50px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    background: var(--C-Fill, #F7F5F5);
    padding: 18px 20px;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding-top: 12px;
}


[b-k3uc2g6hmw] .label-text {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-top: 24px;
    padding-bottom: 12px;
}
[b-k3uc2g6hmw] .top-padding{
    padding-top: 5px!important;
}

[b-k3uc2g6hmw] .primary-button {
    background-color: #000000 !important;
    border-color: #000000 !important;
    height: 50px;
    border-radius: 12px;
    box-shadow: black;
    width:48%;
}

[b-k3uc2g6hmw] .secondary-button {
    background-color: white !important;
    color: black !important;
    height: 50px;
    border-radius: 12px;
    border: solid 1px;
    width: 48%;
}

[b-k3uc2g6hmw] .button-margins{
    margin-top:29px;
}

[b-k3uc2g6hmw] .calendar-icon {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

[b-k3uc2g6hmw] .rz-textbox:disabled {
    background: var(--C-Fill, #F7F5F5) !important;
}
/* /Components/CopyLinkPopup.razor.rz.scp.css */
[b-tdhxqizzi5] .stack-fs {
    margin-top: 20px;
}

[b-tdhxqizzi5] .link-text-box {
    width: 100%;
}

[b-tdhxqizzi5] .copy-link-btn {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    height: 50px;
    border-radius: 12px;
    box-shadow: black;
    max-width: 170px;
}
/* /Components/CustomerSearchBar.razor.rz.scp.css */
[b-rf0p9jllan] .search-container {
    border-radius: 20px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    min-height: 55px;
    flex-grow: 1;
    margin: 0px;
    justify-content: center !important;
    gap: 0px;
}

  [b-rf0p9jllan] .search-container .rz-textbox {
    padding-right: 0 !important;
  }
  
  /* Ensure dropdown results are only visible when there's actual search input */
  [b-rf0p9jllan] .search-container .result-list:empty,
  [b-rf0p9jllan] .search-container .result-list:has(> :not(*)) {
    display: none !important;
  }

[b-rf0p9jllan] .search-bar {
    flex-wrap: nowrap;
    min-height: 55px;
    padding: 0px 15px;
}

[b-rf0p9jllan] .hr-line {
    border-bottom: 1px solid var(--C-Fill-Corners, #EAEAEA);
    margin-bottom: 10px;
}

[b-rf0p9jllan] .search-text-box {
  width: 100%;
  border: none !important;
  background: var(--C-Fill, #F7F5F5) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-left: 8px; 
  text-overflow: ellipsis;
}

[b-rf0p9jllan] .show {
    display: flex !important;
}

[b-rf0p9jllan] .hide {
    display: none !important;
}

[b-rf0p9jllan] .result-list {
    flex-grow: 1;
    overflow-y: scroll;
    max-height: 180px;
}

[b-rf0p9jllan] .close-button, [b-rf0p9jllan] .deselect-button {
  background: unset !important;
  text-transform: capitalize;
  color: #3660BA !important;
}

[b-rf0p9jllan] .result-item {
    padding: 10px 10px;
    margin: 0px;
}

    [b-rf0p9jllan] .result-item:hover {
        background-color: #D3D3D3;
        cursor: pointer;
    }

[b-rf0p9jllan] .product-name {
    margin: 0px
}
/* /Components/DateSelector.razor.rz.scp.css */
[b-6gqwclv710] .selectButton {
    background-color: #000000 !important;
    border-color: #000000 !important;
    width: 100%;
    height: 50px;
    border-radius: 12px;
    box-shadow: black;
}

[b-6gqwclv710] .cancelButton {
    background-color: white !important;
    color: black !important;
    width: 100%;
    height: 50px;
    border-radius: 12px;
    border: solid 1px;
    text-transform: capitalize;
}


[b-6gqwclv710] .dateHeading {
    text-align: center;
    margin-bottom: 20px;
}

[b-6gqwclv710] .calendar-container {
box-shadow:none !important;
}

[b-6gqwclv710] .rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused {
    background-color: #698AD4 !important;
}

[b-6gqwclv710] .rz-calendar-inline {
    border-radius: 15px;
    background-color: #F7F5F5 !important;
}

[b-6gqwclv710] .rz-datepicker-group {
    background-color: #F7F5F5 !important;
}

[b-6gqwclv710] .rz-datepicker-group .rz-datepicker-header {
    background-color: #F7F5F5 !important;
}

[b-6gqwclv710] .rz-datepicker-calendar td .rz-state-active, .rz-datepicker-calendar td .rz-state-active.rz-datepicker-today[b-6gqwclv710] {
    background-color: #698AD4 !important;
}

/* Future date styling - disabled appearance */
[b-6gqwclv710] .rz-datepicker-calendar-table td.rz-disabled {
    background-color: #f5f5f5 !important;
    color: #ccc !important;
    cursor: not-allowed !important;
    opacity: 0.6;
}

[b-6gqwclv710] .rz-datepicker-calendar-table td.rz-disabled:hover {
    background-color: #f5f5f5 !important;
    color: #ccc !important;
}

/* Enhanced current date highlight */
[b-6gqwclv710] .rz-datepicker-calendar-table td.rz-today {
    border: 2px solid #698AD4;
    font-weight: bold;
}

/* Validation message styling */
.validation-message[b-6gqwclv710] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 5px;
    display: block;
}

[b-6gqwclv710] .calendar-selector {
    margin-bottom: 20px;
}

    [b-6gqwclv710] .calendar-selector  .rz-dropdown {
        border: none !important;
        background-color: #F7F5F5 !important;
    }

/* /Components/DisclaimerPopup.razor.rz.scp.css */
.rz-dialog-content[b-v7roc6271w] {
  padding-top: 0px;
}

[b-v7roc6271w] .rz-dialog.add-company-dialog {
  background: white;
  width: 90% !important;
  max-width: 40% !important;
  height: fit-content;
  padding: 0px 16px 16px 16px;
  border-radius: 15px !important;
}

[b-v7roc6271w] .disclaimer-text {
  color: var(--C-Black, #000);
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-align: center;
  width: 100%;
}

[b-v7roc6271w] .disclaimer-secondary-button {
  width: 100%;
  height: 51px !important;
  padding: 13.5px 30px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 15px !important;
  background: var(--C-Black, #000) !important;
  color: white !important;
  border: none !important;
  font-size: 16px;
  cursor: pointer;
}

[b-v7roc6271w] .disclaimer-primary-button {
  width: 100%;
  height: 51px !important;
  padding: 13.5px 30px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 15px !important;
  color: black !important;
  background-color: white !important;
  border: 1px solid #000 !important;
  font-size: 16px;
  cursor: pointer;
}

[b-v7roc6271w] .rz-dialog-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.disclaimer-text[b-v7roc6271w] {
  text-align: center;
}

@media (max-width: 1300px) {
  [b-v7roc6271w] body .rz-dialog-wrapper .rz-dialog.add-company-dialog {
    width: 90% !important;
    max-width: 50% !important;
  }

  [b-v7roc6271w] .button-stack {
    position: sticky;
    bottom: -30px;
    background-color: white;
    padding-top: 10px;
  }

}

@media (max-width: 768px) {
  [b-v7roc6271w] .rz-dialog.add-company-dialog {
    width: 95% !important;
    max-width: 95% !important;
    padding: 20px;
    margin: 10px;
    height: auto !important;
    overflow-y: auto;
  }

  [b-v7roc6271w] body .rz-dialog-wrapper .rz-dialog.add-company-dialog {
    width: 95% !important;
    max-width: 95% !important;
  }

  .disclaimer-text[b-v7roc6271w] {
    overflow-wrap: break-word;
    margin: 16px 0 0;
  }
}
/* /Components/EmptyStateComponent.razor.rz.scp.css */
[b-6yzqge97bb] .empty-icon {
  height: 204px;
  width: 136px;
}

[b-6yzqge97bb] .empty-list-text {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 768px) {
  [b-6yzqge97bb] .empty-list-text {
    max-width: 350px;
  }
}
/* /Components/FeatureFlagComponents/InvestmentsPage.razor.rz.scp.css */
[b-agm221b6hb] .heading-text2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.8px;
  color: black;
  margin: 0px;
  padding-bottom: 20px;
}

[b-agm221b6hb] .heading-button {
  background-color: #fdb121 !important;
  color: black !important;
  width: 348px !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: unset !important;
}

[b-agm221b6hb] .upgrade-button,
[b-agm221b6hb] .ra-sec-button {
  background-color: black !important;
  color: white !important;
  width: 348px !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: unset !important;
  margin-top: 15px;
  margin-left: 10px;
}

[b-agm221b6hb] .save-sec {
  border-radius: 20px;
  background-color: #f7f5f5;
  padding: 20px 20px;
  min-width: 370px;
  height: 379px;
  margin: 25px 0px;
}

[b-agm221b6hb] .graph-sec {
  height: 173px;
  margin-top: 15px;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
}

[b-agm221b6hb] div.graph-sec .rz-chart {
  height: 100%;
}

[b-agm221b6hb] .graph-sec-tooltip1 {
  background-color: #68c7bc;
}

[b-agm221b6hb] .graph-sec-tooltip2 {
  background: linear-gradient(151.54deg, #fff27c -1.11%, #8ceacd 75.24%);
}

[b-agm221b6hb] div.graph-sec .rz-series-0-tooltip .rz-chart-tooltip-content {
  background-color: #68c7bc;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 12px;
  height: 29px;
}

[b-agm221b6hb] div.graph-sec .rz-series-1-tooltip .rz-chart-tooltip-content {
  background: linear-gradient(151.54deg, #fff27c -1.11%, #8ceacd 75.24%);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 12px;
  height: 29px;
}

[b-agm221b6hb] .graph-sec-tooltip-text {
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  color: black;
  margin-top: 3px;
}

[b-agm221b6hb] .ra-sec {
  border-radius: 20px;
  background-color: #f7f5f5;
  padding: 20px;
  height: auto;
}

[b-agm221b6hb] .ra-sec-img-cont {
  width: 45px;
  height: 45px;
  border-radius: 15px;
  background-color: #ffefd3;
  text-align: center;
  padding-top: 10px;
}

[b-agm221b6hb] .ra-sec-img1 {
  width: 24px;
  height: 24px;
}

[b-agm221b6hb] .ra-sec-text-cont {
  margin-left: 10px;
}

[b-agm221b6hb] .ra-sec-text1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: black;
  margin-bottom: 10px;
}

[b-agm221b6hb] .ra-sec-text2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: black;
  margin-bottom: 20px;
}

[b-agm221b6hb] .save-sec-std {
  height: 136px;
  padding: 20px 20px;
  border-radius: 15px;
  background-color: #cdece9;
}

[b-agm221b6hb] .save-sec-prem {
  height: 136px;
  padding: 20px 20px;
  border-radius: 15px;
  background: linear-gradient(151.54deg, #fff27c -1.11%, #8ceacd 75.24%);
}

[b-agm221b6hb] .save-sec-text1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: black;
}

[b-agm221b6hb] .save-sec-text2 {
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  color: black;
  margin-top: 5px;
  margin-left: 10px;
}

[b-agm221b6hb] .save-sec-text3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: black;
}

[b-agm221b6hb] .save-sec-text4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: black;
  margin-top: 20px;
}

[b-agm221b6hb] .save-sec-std-cont1,
[b-agm221b6hb] .save-sec-prem-cont1 {
  height: 18px;
}

[b-agm221b6hb] .save-sec-std-cont2,
[b-agm221b6hb] .save-sec-prem-cont2 {
  height: 21px;
  margin-top: 20px;
}

[b-agm221b6hb] .save-sec-text2,
[b-agm221b6hb] .save-sec-text3 {
  margin-left: 5px;
  margin-top: 10px;
}

[b-agm221b6hb] .feature-tile-row {
  margin-top: 20px;
}

[b-agm221b6hb] .feature-tile-rect {
  border-radius: 20px;
  width: 100%;
  height: auto;
  padding: 20px;
  background-color: #cdece9;
}

[b-agm221b6hb] .feature-tile-rect-text-cont {
  padding: 0px 0px 0px 0px;
  max-height: 90px;
}

[b-agm221b6hb] .feature-tile-rect-text1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: black;
  margin-bottom: 10px;
}

[b-agm221b6hb] .feature-tile-rect-text2 {
  font-size: 60px;
  font-weight: 400;
  line-height: 72px;
  color: black;
}

[b-agm221b6hb] .feature-tile-rect-text3 {
  font-size: 16px;
  font-weight: 500;
  color: black;
  margin-left: 10px;
  align-self: flex-end;
  margin-bottom: 20px;
}

[b-agm221b6hb] .feature-tile-raa-image1 {
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-left: 20px;
  z-index: 0;
}

[b-agm221b6hb] .feature-tile-raa-image2 {
  display: none;
}

[b-agm221b6hb] .feature-tile-button {
  width: 100%;
  height: 50px !important;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  background-color: black !important;
  color: white !important;
  text-transform: none !important;
  padding: 0 20px !important;
}

[b-agm221b6hb] .dashboard-unlock-row {
  display: flex;
  gap: 15px;
}

[b-agm221b6hb] .dashboard-unlock-col {
  margin-bottom: 20px;
}

[b-agm221b6hb] .tax-img {
  margin-bottom: 16px;
}

[b-agm221b6hb] .unlock-card {
  background-color: #fee0a6;
  border-radius: 20px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

[b-agm221b6hb] .incomplete-ra {
  background-color: #cdece9 !important;
}

[b-agm221b6hb] .card-title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 16px;
}

[b-agm221b6hb] .card-text {
  font-size: 14px;
  margin-bottom: 20px;
  min-height: 80px;
  color: var(--C-Black, #000) !important;
  font-weight: 400;
}

[b-agm221b6hb] .card-image {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 20px;
}

[b-agm221b6hb] .card-button {
  width: 100%;
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 12px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin-top: auto;
  height: 50px;
}

[b-agm221b6hb] .powered-by {
  font-size: 12px;
  color: #666;
  margin-bottom: 20px;
}

[b-agm221b6hb] .process-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 12px;
}

[b-agm221b6hb] .process-list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 20px;
}

[b-agm221b6hb] .process-list li {
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
}

[b-agm221b6hb] .process-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
}

[b-agm221b6hb] .process-list li.completed::before {
  background-color: #4caf50;
}

[b-agm221b6hb] .process-list li.in-progress::before {
  background-color: #ffa500;
}

.process-date[b-agm221b6hb] {
  font-size: 12px;
  color: #666;
  margin-right: 8px;
}

.process-status[b-agm221b6hb] {
  color: #666;
}

[b-agm221b6hb] .plan-contribution-row {
  flex-wrap: nowrap;
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

[b-agm221b6hb] .margin-bottom-20 {
  margin-bottom: 20px;
}

[b-agm221b6hb] .plan-card,
[b-agm221b6hb] .contribution-card {
  background-color: #e1e8f6;
  border-radius: 20px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

[b-agm221b6hb] .plan-info {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 12px;
}

[b-agm221b6hb] .plan-icon {
  font-size: 24px;
  margin-right: 8px;
}

[b-agm221b6hb] .plan-name {
  font-size: 16px;
  font-weight: 500;
}

[b-agm221b6hb] .card-text2 {
  align-content: center;
  font-size: 14px;
  margin-bottom: 0px;
  min-height: 80px;
  color: var(--C-Black, #000) !important;
  font-weight: 400;
}

[b-agm221b6hb] .card-image,
[b-agm221b6hb] .contribution-image {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 20px;
  object-fit: cover;
}

[b-agm221b6hb] .contribution-image {
  margin-bottom: 0px !important;
}

[b-agm221b6hb] .contribution-amount {
  border-radius: 20px;
  padding: 12px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
  background: linear-gradient(276deg, #e1e8f6 20.3%, #ffc9b2 122.6%);
}

[b-agm221b6hb] .currency-symbol {
  font-size: 60px;
  font-weight: 400;
  margin-right: 4px;
}

[b-agm221b6hb] .amount {
  font-size: 60px;
  font-weight: 400;
}

[b-agm221b6hb] .current-cont {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0px;
  align-self: center;
}

[b-agm221b6hb] .header-tile-row {
  margin-top: 40px;
}

@media (max-width: 767px) {
  [b-agm221b6hb] .hide-mbl {
    display: none !important;
  }

  [b-agm221b6hb] .heading-button {
    margin-top: 25px;
  }

  [b-agm221b6hb] .ra-sec-button {
    width: 330px !important;
    margin-top: 25px !important;
  }

  [b-agm221b6hb] .save-sec {
    height: unset;
  }

  [b-agm221b6hb] .graph-sec {
    margin-top: 10px;
  }

  [b-agm221b6hb] .upgrade-button {
    margin-top: 25px;
  }
}

@media (min-width: 768px) {
  [b-agm221b6hb] .heading-sec {
    margin-top: 15px;
  }

  [b-agm221b6hb] .heading-text1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: black;
    margin: 0px;
  }

  [b-agm221b6hb] .heading-button,
  [b-agm221b6hb] .upgrade-button {
    width: 279px !important;
  }

  [b-agm221b6hb] .upgrade-button {
    margin-top: 0px;
  }

  [b-agm221b6hb] .hide {
    display: none !important;
  }

  [b-agm221b6hb] .graph-sec {
    height: 431px;
  }

  [b-agm221b6hb] .graph-sec-tooltip-text {
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
    color: black;
  }

  [b-agm221b6hb] .save-sec {
    height: 243px;
    padding: 20px 20px;
  }

  [b-agm221b6hb] .ra-sec {
    height: 101px;
    padding: 0px 20px;
  }

  [b-agm221b6hb] .ra-sec-text1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: black;
    margin-bottom: 10px;
  }

  [b-agm221b6hb] .ra-sec-text2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: black;
    margin-bottom: 20px;
  }

  [b-agm221b6hb] .ra-sec-button {
    margin-top: 0px;
  }

  [b-agm221b6hb] .save-sec-plans-cont {
    margin-top: 15px;
  }

  [b-agm221b6hb] .height100 {
    height: 100%;
  }
}
/* /Components/GetExpertAdviceDialog.razor.rz.scp.css */
.modal-container[b-k1qll1c4rd] {
  margin-top: -25px;
  padding-bottom: 20px;
}

.checkbox-label[b-k1qll1c4rd] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

[b-k1qll1c4rd] .button-section-investment {
  flex-direction: column !important;
}

[b-k1qll1c4rd] .powered-by-momentum-icon {
  height: 0.85rem;
}

[b-k1qll1c4rd] .FRE-04-CMS-XV-TXT {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4rem;
}

[b-k1qll1c4rd] .FRE-04-CMS-VI-LBL {
  font-weight: 500;
  font-size: 18px;
}

[b-k1qll1c4rd] .MOT-03-CMS-VI-LBL, [b-k1qll1c4rd] .FRE-04-CMS-VI-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}
/* /Components/Icons/PremiumIcon.razor.rz.scp.css */
.icon[b-zejzakv3ix] {
    width: 31px;
    height: 31px;
}
/* /Components/Icons/StarIcon.razor.rz.scp.css */
.icon[b-n66jaxsiuw] {
    width: 30px;
    height: 30px;
}
/* /Components/Icons/TickIcon.razor.rz.scp.css */
.icon[b-t921s67l3d] {
    width:15px;
    height: 15px;
}

/* /Components/Inputs/Boolean.razor.rz.scp.css */
[b-qlhmttw68l] .optionButton-active {
    border: 1px solid var(--C-4, #04A190) !important;
    background: var(--c-420, #CDECE9) !important;
}

[b-qlhmttw68l] .optionButton {
    background-color: var(--C-White, #FAFAFA);
    color: black !important;
    height: 55px;
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000);
    padding: 13.5px 30px;
}
/* /Components/Inputs/CheckboxComponent.razor.rz.scp.css */
.custom-checkbox[b-16nog31xfm] {
  display: inline-flex;
  cursor: pointer;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  user-select: none;
  border-radius: 5px;
  border: 1px solid #000;
  background: var(--C-White, #FAFAFA);
}
/* /Components/Inputs/Dropdown.razor.rz.scp.css */
[b-2pqaq4kflj] .center-text {
  text-align: center;
  text-align-last: center; /*For ios devices*/
}

.custom-dropdown[b-2pqaq4kflj] {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-dropdown-select[b-2pqaq4kflj], .disabled[b-2pqaq4kflj] {
  width: 100%;
  padding: 10px 20px;
  border-radius: 15px;
  appearance: none;
  background-color: #fff !important;
  font-size: 14px;
  cursor: pointer;
  color: #000 !important;
  border: 1px solid #000;
  height: 55px;
}

  .custom-dropdown-select:focus[b-2pqaq4kflj] {
    outline: none;
    border-color: #000;
  }

  .custom-dropdown-select .custom-dropdown-option[b-2pqaq4kflj] {
    padding: 10px !important;
    margin: 20px 0 !important;
    box-sizing: border-box;
    border-radius: 15px;
  }

.disabled[b-2pqaq4kflj] {
  border: 1px solid #E0E0E0;
  color: #797575 !important;
}

.dropdown-selected[b-2pqaq4kflj] {
  border: 1px solid var(--C-4, #04A190) !important;
  background-color: var(--c-420, #CDECE9) !important;
  color: var(--C-4, #04A190) !important;
}

.title[b-2pqaq4kflj] {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  margin: 0px;
}
/* /Components/Inputs/MultiSelect.razor.rz.scp.css */
[b-huuyiwbmde] .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
    margin: 0px;
    color: var(--C-Grey, #555) !important;
    text-align: center;
}


[b-huuyiwbmde] .search-container {
    margin-top: 20px;
    border-radius: 20px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    min-height: 55px;
    padding: 0px 20px;
    flex-grow: 1;
    justify-content: center !important;
    gap: 0px;
}

[b-huuyiwbmde] .search-bar {
    flex-wrap: nowrap;
    min-height: 55px;
}

[b-huuyiwbmde] .hr-line {
    border-bottom: 1px solid var(--C-Fill-Corners, #EAEAEA);
    margin-bottom: 10px;
}

[b-huuyiwbmde] .search-text-box {
    width: 100%;
    border: none !important;
    background: var(--C-Fill, #F7F5F5) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    Padding-left: 8px;
}

[b-huuyiwbmde] .show {
    display: flex !important;
}

[b-huuyiwbmde] .hide {
    display: none !important;
}

[b-huuyiwbmde] .result-list {
    flex-grow: 1;
    overflow-y: scroll;
    max-height: 180px;
}

[b-huuyiwbmde] .close-button {
    background: unset !important;
    text-transform: capitalize;
    color: #3660BA !important;
}

[b-huuyiwbmde] .result-item {
    padding: 10px 10px;
    margin: 0px;
}

    [b-huuyiwbmde] .result-item:hover {
        background-color: #D3D3D3;
        cursor: pointer;
    }

[b-huuyiwbmde] .product-name {
    margin: 0px
}

[b-huuyiwbmde] .items {
    margin-top:20px;
    display: flex;
    height: 55px;
    padding: 18px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 15px;
    border: 1px solid var(--C-4, #04A190);
    background: var(--c-420, #CDECE9);
    color: #04A190;
}

[b-huuyiwbmde] .close-icon {
    background: var(--c-420, #CDECE9) !important;
    color: #04A190 !important;
}
/* /Components/Inputs/Numeric.razor.rz.scp.css */

[b-3envbse0wb] .icon-button {
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000);
    background: var(--C-Fill, #F7F5F5) !important;
    color: #04A190 !important;
    height: 55px;
    width: 55px;
}

[b-3envbse0wb] .input-box {
  width: 100%;
  display: flex;
  height: 55px;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  border: 1px solid var(--C-Black, #000);
  background: var(--C-White, #FAFAFA);
  text-align: center !important;
  overflow: hidden;
}

  [b-3envbse0wb] .input-box > * {
    text-align: center;
  }

  [b-3envbse0wb] .rz-spinner input[type=text] {
    border-radius: 20px;
  }

[b-3envbse0wb] .input-active {
    border: 1px solid var(--C-4, #04A190) !important;
    background: var(--c-420, #CDECE9) !important;
    color: var(--C-4, #04A190) !important;
}

    [b-3envbse0wb] .input-active > input {
        color: var(--C-4, #04A190) !important;
    }

[b-3envbse0wb] .input-invalid {
    border: 1px solid var(--c-380, #FF9365) !important;
    background: var(--c-320, #FFE4D8) !important;
    color: var(--C-3, #FF783E) !important;
}
/* /Components/Inputs/RadioSelection.razor.rz.scp.css */
[b-nzg7azwe8o] .radio-button-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-nzg7azwe8o] .radio-button-item input[type="radio"]:checked {
    background-image: url('wizard/tick.svg');
    background-size: cover;
    border: none;
}

[b-nzg7azwe8o] .radio-button-item {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    border-radius: 15px;
    height: 51px;
    padding: 13.5px 30px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-bottom:10px;
}

    [b-nzg7azwe8o] .radio-button-item:hover {
        background-color: #f0f0f0;
    }

    [b-nzg7azwe8o] .radio-button-item input[type="radio"] {
        margin-right: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        outline: none;
        cursor: pointer;
        position: relative;
        background-color: white;
        border: none;
        border: 1px solid #000;
    }

.radio-button-label[b-nzg7azwe8o] {
    color: var(--C-Grey, #555);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
/* /Components/Inputs/Slider.razor.rz.scp.css */
[b-f9o3h5wdnj] .slider-width {
    width: calc(100% - 20px);
}

[b-f9o3h5wdnj] .slider-width-text {
    width: 100%;
}

[b-f9o3h5wdnj] .slider-text {
    color: var(--C-Black, #000);
    font-weight: 400;
    margin-bottom: 0px;
}

[b-f9o3h5wdnj] .min-max-text {
    color: var(--C-Grey, #555) !important;
    font-weight: 400;
}

[b-f9o3h5wdnj] .slider-width .rz-slider-range{
    background-color: var(--C-4, #04A190) !important;   
}

[b-f9o3h5wdnj] .rz-slider-handle {
    background-color: var(--C-4, #04A190) !important;
}
/* /Components/Inputs/TextInput.razor.rz.scp.css */
[b-phr67drjss] .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
    margin: 0px;
}

[b-phr67drjss] .input-field {
    gap: 10px;
    height: 55px;
    display: flex;
    font-size: 15px;
    padding: 18px 20px;
    border-radius: 15px;
    align-items: center;
    align-self: stretch;
    color: var(--C-Black, #000) !important;
    border: 1px solid var(--C-Black, #000) !important;
    background: unset !important;
    width:100%
}

[b-phr67drjss] .country-code {
    margin: 0px;
    color: var(--C-Grey, #555) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 52px;
    display: flex;
    align-items: center;
}

[b-phr67drjss] .phoneField {
    gap: 5px;
    height: 55px;
    padding: 0px 20px;
    border-radius: 15px;
    align-self: stretch;
    align-items: center !important;
    border: 1px solid var(--C-Black, #000) !important;
}

[b-phr67drjss] .phoneInput {
    padding: 0px;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 400;
    border: none !important;
    color: var(--C-Black, #000) !important;
    width: 0px;
}

[b-phr67drjss] .input-field-invalid, [b-phr67drjss] .phoneField-invalid, [b-phr67drjss] .phoneInput-invalid, [b-phr67drjss] .country-code-invalid {
    border: 1px solid var(--c-380, #FF9365) !important;
    outline: none;
    background: var(--c-320, #FFE4D8) !important;
    color: var(--C-3, #FF783E) !important;
}

[b-phr67drjss] .input-field-Success, [b-phr67drjss] .phoneField-Success, [b-phr67drjss] .phoneInput-Success, [b-phr67drjss] .country-code-Success {
    border: 1px solid var(--c-480, #36B4A6) !important;
    background: #CDECE9 !important;
    color: var(--C-4, #04A190) !important;
}

[b-phr67drjss] .phoneInput-Success, [b-phr67drjss] .phoneInput-invalid, [b-phr67drjss] .country-code-invalid, [b-phr67drjss] .country-code-Success {
    border: none !important;
    outline: none !important;
}

[b-phr67drjss] .input-area {
    gap: 10px;
    min-height: 210px;
    min-width: 350px;
    width: 440px;
    display: flex;
    font-size: 15px;
    padding: 18px 20px;
    border-radius: 15px;
    align-items: center;
    align-self: stretch;
    color: var(--C-Black, #000) !important;
    border: 1px solid var(--C-Black, #000) !important;
    background: var(--C-Fill, #F7F5F5);
}
/* /Components/Inputs/Toggle.razor.rz.scp.css */
[b-528puj4mg8] .btn-enabled {
    background: var(--C-4, #698AD4) !important;
}

[b-528puj4mg8] .btn-disabled {
    background: var(--C-3, #F7F5F5) !important;
    color: black !important
}

[b-528puj4mg8] .para {
    max-width: 350px;
    width: 100%;
}

[b-528puj4mg8] .btn {
    width: 165px;
    border: none !important;
    text-transform: capitalize;
    box-shadow: none !important;
    border-radius: 15px !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--C-White, #FAFAFA) ;
}

[b-528puj4mg8] .ns-button-section {
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    background: var(--C-Fill, #F7F5F5) !important;
    max-width: 280px;
    width:100%;
    flex-wrap: nowrap !important;
    padding: 3.5px;
    gap: 28px;
    height: 55px;
}
/* /Components/InvestmentComponents/BaseRAFAQAccordion.razor.rz.scp.css */
/* Header and Subheader Styles */
[b-o3y7obvm1e] .MOT-02-CMS-I-LBL,
[b-o3y7obvm1e] .MOT-02-CMS-IX-LBL,
[b-o3y7obvm1e] .MOT-06-CMS-I-LBL,
[b-o3y7obvm1e] .SER-04-CMS-I-LBL,
[b-o3y7obvm1e] .SER-04-CMS-IX-LBL {
  font-weight: 500;
  font-size: 28px;
}

[b-o3y7obvm1e] .MOT-02-CMS-II-TXT,
[b-o3y7obvm1e] .MOT-02-CMS-X-TXT,
[b-o3y7obvm1e] .MOT-06-CMS-II-TXT,
[b-o3y7obvm1e] .SER-04-CMS-II-TXT,
[b-o3y7obvm1e] .SER-04-CMS-X-TXT {
  font-weight: 400;
  font-size: 16px;
}

/* Accordion Container */
[b-o3y7obvm1e] .faq-accordion {
  box-shadow: none !important;
  background: unset !important;
  outline: none !important;
  margin-top: -16px;
}

/* FAQ Item (Accordion Header) */
[b-o3y7obvm1e] .faq-item {
  margin-top: 16px;
  padding: 4px;
  border: 2px solid #EAEAEA !important;
  border-bottom: none !important;
  border-radius: 15px !important;
  background: #FFFFFF !important;
  color: var(--C-Black, #000) !important;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

[b-o3y7obvm1e] .faq-item .rz-accordion-header {
  border: none !important;
}

[b-o3y7obvm1e] .faq-item .rz-accordion-header > a {
  font-weight: 400;
  font-size: 16px;
  color: var(--C-Black, #000) !important;
}

/* Collapsed State - Add bottom border */
  [b-o3y7obvm1e] .faq-item:not(:has(+ .rz-accordion-content-wrapper)),
  [b-o3y7obvm1e] .faq-item:has(+ .rz-accordion-content-wrapper[aria-hidden="true"]) {
    border-bottom: 2px solid #EAEAEA !important;
  }

/* Expanded State - Remove bottom border radius for seamless connection */
[b-o3y7obvm1e] .faq-item:has(+ .rz-accordion-content-wrapper[aria-hidden="false"]) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Content Wrapper (Expanded) */
[b-o3y7obvm1e] .rz-accordion-content-wrapper {
  margin-top: -2px;
  border-left: 2px solid #EAEAEA !important;
  border-right: 2px solid #EAEAEA !important;
  border-bottom: 2px solid #EAEAEA !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  background: #FFFFFF !important;
}

[b-o3y7obvm1e] .rz-accordion-content-wrapper[aria-hidden="true"] {
  display: none;
  border: none !important;
}

/* Content Body */
[b-o3y7obvm1e] .body-CFAQ-stack-investment {
  padding: 15px 0 0 4px;
  margin-bottom: -20px;
  border-top: 1px solid #EAEAEA;
  color: var(--C-Black, #000) !important;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  top: -15px !important;
  z-index: 1;
}

[b-o3y7obvm1e] .rz-accordion-content {
  margin-top: -10px;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

/* Media Queries */
@media (max-width: 1144px) {
  [b-o3y7obvm1e] .ra-faq-accordion {
    padding: 40px 30px;
  }
}

@media (max-width: 767px) {
  [b-o3y7obvm1e] .MOT-02-CMS-I-LBL,
  [b-o3y7obvm1e] .MOT-02-CMS-IX-LBL,
  [b-o3y7obvm1e] .MOT-06-CMS-I-LBL,
  [b-o3y7obvm1e] .SER-04-CMS-I-LBL,
  [b-o3y7obvm1e] .SER-04-CMS-IX-LBL {
    font-weight: 500;
    font-size: 20px;
  }

  [b-o3y7obvm1e] .MOT-02-CMS-II-TXT,
  [b-o3y7obvm1e] .MOT-02-CMS-X-TXT,
  [b-o3y7obvm1e] .MOT-06-CMS-II-TXT,
  [b-o3y7obvm1e] .SER-04-CMS-II-TXT,
  [b-o3y7obvm1e] .SER-04-CMS-X-TXT {
    font-weight: 400;
    font-size: 14px;
  }

  [b-o3y7obvm1e] .ra-faq-accordion {
    padding: 20px 15px;
  }
}
/* /Components/InvestmentComponents/CompareGrowthWidget.razor.rz.scp.css */
[b-52t1d7ioo5] .rocket-icon {
  height: 40px;
  width: 40px;
}

[b-52t1d7ioo5] .compare-growth-widget {
  background: linear-gradient(287.4deg, #E1E8F6 27.03%, #F2D7D1 83.92%, #FFC9B2 117.54%);
  border-radius: 20px;
  padding: 40px;
  gap: 20px;
  display: flex;
  flex-direction: column !important;
}

[b-52t1d7ioo5] .MOT-02-CMS-XXIII-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
}

[b-52t1d7ioo5] .btn {
  width: 100%;
  text-wrap: nowrap;
}

[b-52t1d7ioo5] .MOT-02-CMS-XXIV-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (max-width: 1319px) {
  [b-52t1d7ioo5] .cta-buttons {
    flex-direction: column !important;
  }

  [b-52t1d7ioo5] .cta-buttons-stack {
    flex-direction: column !important;
  }
}

@media (max-width: 1144px) {
  [b-52t1d7ioo5] .cta-header {
    flex-direction: column !important;
    align-items: start !important;
  }
}
/* /Components/InvestmentComponents/ComparisonGraph.razor.rz.scp.css */
[b-mp0ebue55a] .comparison-graph-container {
  width: 100%;
}

/* Comparison Cards Section */
[b-mp0ebue55a] .comparison-cards-section {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}

[b-mp0ebue55a] .comparison-card {
  flex: 1;
  padding: 1.5rem;
  border-radius: 15px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

[b-mp0ebue55a] .current-plan-card {
  background: #E1E8F6;
  border-color: #A5B9E5;
}

[b-mp0ebue55a] .upgrade-plan-card {
  background: #CDECE9;
  border-color: #BED3FD;
}

[b-mp0ebue55a] .plan-icon {
  width: 40px;
  height: 40px;
}

.green-circle[b-mp0ebue55a] {
  width: 8px;
  height: 8px;
  background: #00C951;
  border-radius: 50%;
}

.paused-circle[b-mp0ebue55a] {
  width: 8px;
  height: 8px;
  background: #f4d2c0;
  border-radius: 50%;
}

.stopped-circle[b-mp0ebue55a] {
  width: 8px;
  height: 8px;
  background: #FECACA;
  border-radius: 50%;
}

.motivated-circle[b-mp0ebue55a] {
  width: 12px;
  height: 12px;
  background: #9BB0DF;
  border-radius: 50%;
}

.serious-circle[b-mp0ebue55a] {
  width: 12px;
  height: 12px;
  background: #9BD9D3;
  border-radius: 50%;
}

[b-mp0ebue55a] .legend-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

[b-mp0ebue55a] .powered-by-momentum-icon {
  height: 0.85rem;
}

.legend-label[b-mp0ebue55a] {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
}

[b-mp0ebue55a] .MOT-04-CMS-III-LBL,
[b-mp0ebue55a] .MOT-04-CMS-V-LBL {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
}

[b-mp0ebue55a] .MOT-04-CMS-IV-LBL,
[b-mp0ebue55a] .MOT-04-CMS-VI-LBL {
  font-weight: 500;
  font-size: 16px;
  color: #666666;
}

[b-mp0ebue55a] .projected-value-current,
[b-mp0ebue55a] .projected-value-upgrade {
  font-weight: 500;
  font-size: 32px;
  color: #FF783E;
}

[b-mp0ebue55a] .projected-label {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
}

/* Investment Details Section */
[b-mp0ebue55a] .investment-details {
  gap: 1rem;
}

[b-mp0ebue55a] .detail-item {
  display: flex;
  border-radius: 15px;
  gap: 8px;
  padding: 10px 20px;
  background: #ffffff;
  width: 100%;
}

[b-mp0ebue55a] .detail-icon {
  width: 24px;
  height: 24px;
}

[b-mp0ebue55a] .detail-label {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}

[b-mp0ebue55a] .detail-value-desktop, [b-mp0ebue55a] .detail-value-mobile {
  font-weight: 500;
  font-size: 15px;
  color: #000000;
}

[b-mp0ebue55a] .detail-value-mobile {
  display: none;
}

/* Graph Canvas */
[b-mp0ebue55a] .graph-canvas-comparison {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 2rem;
  min-height: 400px;
}

  [b-mp0ebue55a] .graph-canvas-comparison .rz-chart {
    height: 400px;
  }

/* CTA Section */
[b-mp0ebue55a] .cta-section {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem 0;
}

[b-mp0ebue55a] .MOT-04-CMS-IX-TXT {
  font-weight: 300;
  font-style: Light;
  font-size: 12px;
  color: var(--C-Grey, #555555);
}

[b-mp0ebue55a] .momentum-stack {
  margin-top: 1rem;
}

[b-mp0ebue55a] .disclaimer-section {
  margin-top: 1.5rem;
}

[b-mp0ebue55a] .left-panel-stack {
  max-width: 70%
}

[b-mp0ebue55a] .primary-button {
  min-width: 200px;
  width: 100%
}

[b-mp0ebue55a] .secondary-button {
  min-width: 200px;
  width: 100%
}

/* Tooltip Styles */
[b-mp0ebue55a] .projection-tooltip {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 0.75rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

[b-mp0ebue55a] .age-tip {
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  margin-bottom: 0.5rem;
}

[b-mp0ebue55a] .plan-tip {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
  margin-bottom: 0.5rem;
}

[b-mp0ebue55a] .total-tip {
  font-family: sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-top: 0.5rem;
}

[b-mp0ebue55a] .cta-right-arrow {
  height: 25px;
  width: 20px;
}

[b-mp0ebue55a] .invest-text {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}

[b-mp0ebue55a] .invest-sub-text {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

[b-mp0ebue55a] .btn-stack {
  justify-content: center !important;
  align-items: center !important;
}

@media (max-width: 1478px) {
  [b-mp0ebue55a] .btn-stack {
    flex-direction: column !important;
  }
}

@media (max-width: 1235px) {
  [b-mp0ebue55a] .comparison-cards-section {
      flex-direction: column !important;
  }

  [b-mp0ebue55a] .cta-section {
      flex-direction: column !important;
      gap: 3.25rem;
  }

  [b-mp0ebue55a] .left-panel-stack {
    max-width: unset;
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  [b-mp0ebue55a] .detail-value-desktop {
    display: none;
  }

  [b-mp0ebue55a] .detail-value-mobile {
    display: flex;
  }

  [b-mp0ebue55a] .investment-details {
    flex-direction: column !important;
  }

  [b-mp0ebue55a] .comparison-cards-section {
    flex-direction: column;
  }

  [b-mp0ebue55a] .comparison-card {
    width: 100%;
  }

  [b-mp0ebue55a] .graph-canvas-comparison {
    padding: 1rem;
    min-height: 300px;
  }

    [b-mp0ebue55a] .graph-canvas-comparison .rz-chart {
      height: 300px;
    }

  [b-mp0ebue55a] .cta-section {
    flex-direction: column;
  }

  [b-mp0ebue55a] .primary-button,
  [b-mp0ebue55a] .secondary-button {
    width: 100%;
  }

  [b-mp0ebue55a] .detail-item {
    justify-content: space-between !important;
    align-items: center !important;
  }

  [b-mp0ebue55a] .sub-investment-stack {
    align-items: center !important;
  }
}

@media (max-width: 505px) {
  [b-mp0ebue55a] .investment-details, [b-mp0ebue55a] .header-panel-stack {
    flex-direction: column !important;
  }
}
/* /Components/InvestmentComponents/CurrentSavingsPanel.razor.rz.scp.css */
[b-fvsclq5jyp] .current-savings-panel {
  background: #F7F5F5;
  width: 100%;
  border-radius: 20px;
  gap: 40px;
  display: flex;
  flex-direction: column;
  padding: 35px;
  padding-top: 50px;
  justify-content: space-between;
}

[b-fvsclq5jyp] .MOT-02-CMS-VII-LBL, [b-fvsclq5jyp] .SER-04-CMS-VII-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
}

[b-fvsclq5jyp] .MOT-02-CMS-VIII-LBL, [b-fvsclq5jyp] .SER-04-CMS-VIII-LBL {
  background-color: #e2e7f5;
  outline: 1px solid #b3c2e4;
  border-radius: 4px;
  text-align: center;
  max-width: 170px;
  padding: 8px;
  color: #8991a6;
  font-size: 18px;
}

[b-fvsclq5jyp] .MOT-02-CMS-XXVII-TXT, [b-fvsclq5jyp] .SER-04-CMS-XXVII-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
}

[b-fvsclq5jyp] .MOT-02-CMS-XXVIII-LBL, [b-fvsclq5jyp] .SER-04-CMS-XXVIII-LBL {
  font-weight: 500;
  font-size: 20px;
}

[b-fvsclq5jyp] .MOT-02-CMS-XXIX-TXT, [b-fvsclq5jyp] .SER-04-CMS-XXIX-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

[b-fvsclq5jyp] .powered-by-momentum-icon{
  height: 0.85rem;
}

@media (max-width: 1144px) {
  [b-fvsclq5jyp] .MOT-02-CMS-VII-LBL, [b-fvsclq5jyp] .SER-04-CMS-VII-LBL {
    display: flex;
    justify-content: center;
  }
}
/* /Components/InvestmentComponents/InvestmentAccordion.razor.rz.scp.css */
[b-iqe5h55936] .fs-accordion-row,
[b-iqe5h55936] .fs-accordion-row-expanded {
  flex-wrap: nowrap;
  padding: 10px 20px;
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  background: var(--C-Fill, #f7f5f5);
}

[b-iqe5h55936] .fs-accordion-row-expanded {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

[b-iqe5h55936] .accordion-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-iqe5h55936] .fs-stack-content {
  border-radius: 0px 0px 25px 25px;
  border-right: 1px solid var(--C-Fill-Corners, #eaeaea);
  border-bottom: 1px solid var(--C-Fill-Corners, #eaeaea);
  border-left: 1px solid var(--C-Fill-Corners, #eaeaea);
  flex-grow: 1;
}

.fs-accordion-container[b-iqe5h55936] {
  display: flex;
  flex-direction: column;
}

/* /Components/InvestmentComponents/InvestmentFeatureCard.razor.rz.scp.css */
[b-75ekl3tv2o] .feature-card {
  padding: 30px;
  border-radius: 20px;
  min-height: 256px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  cursor: pointer;
}

  [b-75ekl3tv2o] .feature-card.feature-progress {
    border-color: #16a34a;
    background: linear-gradient(135deg, #D0E8E8 0%, #C0E0DD 100%);
  }

    [b-75ekl3tv2o] .feature-card.feature-progress:hover {
      border-color: #15803d;
      box-shadow: 0 4px 12px rgba(22, 163, 74, 0.15);
    }

  [b-75ekl3tv2o] .feature-card.feature-consultation {
    border-color: #2563eb;
    background: linear-gradient(136.91deg, #FFF27C -6.78%, #8CEACD 75.83%)
  }

    [b-75ekl3tv2o] .feature-card.feature-consultation:hover {
      border-color: #1d4ed8;
      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
    }

  [b-75ekl3tv2o] .feature-card.feature-manage {
    border-color: #7c3aed;
    background: linear-gradient(135deg, #E0E3F0 0%, #D5DAE8 100%);
  }

    [b-75ekl3tv2o] .feature-card.feature-manage:hover {
      border-color: #6d28d9;
      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);
    }

  [b-75ekl3tv2o] .feature-card.feature-benefits {
    border-color: #ff642c;
    background: linear-gradient(135deg, #FF9966, #FFCC99);
  }

    [b-75ekl3tv2o] .feature-card.feature-benefits:hover {
      border-color: #ea580c;
      box-shadow: 0 4px 12px rgba(255, 100, 44, 0.15);
    }

  [b-75ekl3tv2o] .feature-card.feature-refer {
    border-color: #ec4899;
    background: linear-gradient(135deg, #e6c9cc, #a9b7e8);
  }

    [b-75ekl3tv2o] .feature-card.feature-refer:hover {
      border-color: #db2777;
      box-shadow: 0 4px 12px rgba(236, 72, 153, 0.15);
    }

[b-75ekl3tv2o] .feature-icon {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 40px;
  background-color: #FFFFFF;
  object-fit: contain;
}

[b-75ekl3tv2o] .feature-title {
  color: #000000;
  font-weight: 500;
  font-style: Medium;
  font-size: 26px;
}

[b-75ekl3tv2o] .feature-description {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
}

@media (max-width: 768px) {
  .feature-card[b-75ekl3tv2o] {
    min-height: 160px;
    padding: 20px;
  }

  .feature-icon[b-75ekl3tv2o] {
    width: 40px;
    height: 40px;
  }

  .feature-title[b-75ekl3tv2o] {
    font-size: 16px;
    line-height: 24px;
  }

  .feature-description[b-75ekl3tv2o] {
    font-size: 13px;
    line-height: 18px;
  }
}
/* /Components/InvestmentComponents/InvestmentFreePlanBenefits.razor.rz.scp.css */
[b-pums235u7x] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-pums235u7x] .BFAQ-stack-investment {
  background-color: #F7F5F5;
  border-radius: 15px;
  padding: 40px;
}

[b-pums235u7x] .header-BFAQ-stack-investment {
  max-width: 50%;
  width: 100%
}

[b-pums235u7x] .FRE-05-CMS-II-LBL, [b-pums235u7x] .FRE-05-CMS-XII-LBL {
  font-weight: 500;
  font-size: 28px;
}

[b-pums235u7x] .FRE-05-CMS-IV-LBL, [b-pums235u7x] .FRE-05-CMS-XIII-LBL {
  font-weight: 400;
  font-size: 16px;
}

[b-pums235u7x] .free-perks-check-icon {
  height: 44px;
  width: 44px;
}

[b-pums235u7x] .benefit-blocks {
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-align: center;
  padding: 40px 30px;
  border-radius: 15px;
  display: flex;
  gap: 16px;
}

[b-pums235u7x] .benefit-BFAQ-stack-investment {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  width: 100%;
}

[b-pums235u7x] .FRE-05-CMS-V-TXT, [b-pums235u7x] .FRE-05-CMS-VII-LBL, [b-pums235u7x] .FRE-05-CMS-IX-LBL {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
}

[b-pums235u7x] .FRE-05-CMS-VI-TXT, [b-pums235u7x] .FRE-05-CMS-VIII-TXT, [b-pums235u7x] .FRE-05-CMS-X-TXT {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}

[b-pums235u7x] .accordion-table {
  box-shadow: none !important;
  background: unset !important;
  outline: none !important;
  margin-top: -16px;
}

[b-pums235u7x] .accordion-question-item {
  margin-top: 16px;
  border-radius: 15px !important;
  padding: 4px;
  color: var(--C-Black, #000) !important;
  position: relative;
  z-index: 1;
  border: none !important;
  background: #FFFFFF !important;
  cursor: pointer;
}

[b-pums235u7x] .radzen-row {
  padding: 15px 0px 0px 4px;
  top: -15px !important;
  position: relative;
  z-index: 1;
  border-top: 1px solid #EAEAEA;
  color: var(--C-Black, #000) !important;
  margin-bottom: -20px;
  font-weight: 400;
  font-size: 16px;
}

[b-pums235u7x] .rz-accordion-content {
  margin-top: -10px;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

[b-pums235u7x] .rz-accordion .rz-accordion-header > a {
  font-weight: 400;
  font-size: 16px;
  color: var(--C-Black, #000) !important;
}

[b-pums235u7x] .CFAQ-card-investment {
  gap: 8px;
  border-radius: 15px;
  padding: 40px 30px;
  display: flex;
  flex-direction: row !important;
  background: linear-gradient(151.54deg, #F1F186 -1.11%, #D0EE9D 28.99%, #B1ECB3 75.24%);
  align-items: center;
  justify-content: space-between;
}

[b-pums235u7x] .FRE-05-CMS-XIX-LB {
  font-weight: 500;
  font-size: 28px;
}

[b-pums235u7x] .FRE-05-CMS-XX-LBL {
  font-weight: 400;
  font-size: 16px;
}

[b-pums235u7x] .powered-by-momentum-icon-desktop {
  height: 0.85rem;
}

[b-pums235u7x] .powered-by-momentum-icon-mobile {
  height: 0.85rem;
  display: none;
}

[b-pums235u7x] .cta-right-arrow {
  width: 40px;
  height: 40px;
}

[b-pums235u7x] .flip-backward-orange {
  width: 24px;
  height: 24px;
}

[b-pums235u7x] .flip-backward-text {
  font-weight: 500;
  font-size: 18px;
  padding-left: 10px;
}

[b-pums235u7x] .FRE-05-CMS-XXII-CTA {
  background-color: transparent !important;
  width: fit-content;
}

@media (max-width: 1308px) {
  [b-pums235u7x] .header-BFAQ-stack-investment {
    max-width: unset;
  }
}

@media (max-width: 1144px) {
  [b-pums235u7x] .powered-by-momentum-icon-mobile {
    display: flex;
  }

  [b-pums235u7x] .powered-by-momentum-icon-desktop {
    display: none;
  }

  [b-pums235u7x] .FRE-05-CMS-XIX-LB {
    font-weight: 500;
    font-size: 18px;
  }

  [b-pums235u7x] .FRE-05-CMS-XX-LBL {
    font-weight: 400;
    font-size: 16px;
  }

  [b-pums235u7x] .cta-right-arrow {
    width: 32px;
    height: 32px;
  }

  [b-pums235u7x] .L-card-investment {
    margin-bottom: 40px;
    width: 100%;
  }

  [b-pums235u7x] .L-card-investment-header {
    flex-direction: column !important;
  }

  [b-pums235u7x] .CFAQ-card-investment {
    flex-direction: column !important;
    padding: 40px 30px;
  }

  [b-pums235u7x] .R-card-investment {
    width: 100%;
  }
}

@media (max-width: 767px) {
  [b-pums235u7x] .FRE-05-CMS-XXII-CTA {
    display: none;
  }
}
/* /Components/InvestmentComponents/InvestmentFreePlanIntro.razor.rz.scp.css */
.investment-intro-container[b-dm9ds6y0fk] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  width: 100%;
  max-width: 62rem;
  background: linear-gradient(151.54deg, #F1F186 -1.11%, #D0EE9D 28.99%, #B1ECB3 75.24%);
  border-radius: 15px;
  min-height: 520px;
}

[b-dm9ds6y0fk] .two-column-layout {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
  gap: 24px;
}

  [b-dm9ds6y0fk] .two-column-layout > * {
    flex: 0 0 50%;
    max-width: 50%;
    max-height: fit-content;
  }

.content-column[b-dm9ds6y0fk] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.image-column[b-dm9ds6y0fk] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.intro-stack[b-dm9ds6y0fk] {
  width: 100%;
  text-align: left;
}

[b-dm9ds6y0fk] .FRE-01A-CMS-I-TXT, [b-dm9ds6y0fk] .FRE-01B-CMS-I-TXT {
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
}

[b-dm9ds6y0fk] .FRE-01A-CMS-II-TXT, [b-dm9ds6y0fk] .FRE-01B-CMS-II-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

.intro-image[b-dm9ds6y0fk] {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
}

[b-dm9ds6y0fk] .button-stack {
  max-width: 280px;
  width: 100%;
  margin-top: 24px;
}

.primary-button[b-dm9ds6y0fk] {
  width: 100%;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  background-color: var(--rz-primary, #007bff);
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

  .primary-button:hover[b-dm9ds6y0fk] {
    background-color: var(--rz-primary-dark, #0056b3);
  }

.secondary-button[b-dm9ds6y0fk] {
  width: 100%;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  background-color: transparent;
  color: var(--rz-primary, #007bff);
  border: 2px solid var(--rz-primary, #007bff);
  cursor: pointer;
  transition: all 0.2s ease;
}

  .secondary-button:hover[b-dm9ds6y0fk] {
    background-color: var(--rz-primary, #007bff);
    color: white;
  }

[b-dm9ds6y0fk] .powered-by-momentum-icon {
  margin-top: 2rem;
  display: flex;
}

/* Tablet breakpoint - matches manage-ra-stack-cards */
@media (max-width: 1144px) {
  [b-dm9ds6y0fk] .momentum-stack {
       justify-content: center !important;
  }

  [b-dm9ds6y0fk] .two-column-layout {
    flex-direction: column-reverse !important;
  }

    [b-dm9ds6y0fk] .two-column-layout > * {
      flex: 0 0 100%;
      max-width: 100%;
    }

  [b-dm9ds6y0fk] .button-stack {
    max-width: unset;
  }
}

/* Tablet and larger screens */
@media (min-width: 768px) {
  .investment-intro-container[b-dm9ds6y0fk] {
    padding: 30px;
  }

  .intro-headline[b-dm9ds6y0fk] {
    font-size: 32px;
  }

  .intro-subcopy[b-dm9ds6y0fk] {
    font-size: 18px;
  }

  .intro-image[b-dm9ds6y0fk] {
    max-width: 216px;
  }
}

/* Desktop screens */
@media (min-width: 1144px) {
  .investment-intro-container[b-dm9ds6y0fk] {
    padding: 60px;
    padding-bottom: 30px;
  }

  [b-dm9ds6y0fk] .two-column-layout {
    gap: 40px;
  }

  .intro-headline[b-dm9ds6y0fk] {
    font-size: 36px;
  }

  .intro-subcopy[b-dm9ds6y0fk] {
    font-size: 20px;
  }

  .intro-image[b-dm9ds6y0fk] {
    max-width: 316px;
  }
}
/* /Components/InvestmentComponents/InvestmentHustleSlide.razor.rz.scp.css */
[b-hb6udq6osc] .fs-row-slide {
    padding: 20px;
}

[b-hb6udq6osc] .slide-btn {
    background: var(--Surface-surface-white, #FFF) !important;
    outline: none !important;
    cursor: pointer;
}

[b-hb6udq6osc] .slide-container {
    transition: all 0.3s ease-in-out;
}

[b-hb6udq6osc] .slide-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

[b-hb6udq6osc] .orange-point, [b-hb6udq6osc] .green-point, [b-hb6udq6osc] .sapphire-point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FDB121;
    padding-top: 4px;
}

[b-hb6udq6osc] .green-point {
    background: #04A190;
    padding-top: 0px;
}

[b-hb6udq6osc] .sapphire-point {
    background: #9BD9D3;
    padding-top: 0px;
}

[b-hb6udq6osc] .disclaimer-italic-text {
    color: var(--C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
}

[b-hb6udq6osc] .disclaimer-text {
    color: var(--C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
}

[b-hb6udq6osc] .sub-text-title {
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-hb6udq6osc] .slide-table-stack {
    width: 40%;
}

[b-hb6udq6osc] .point-container {
    padding-top: 4px;
}

[b-hb6udq6osc] .ra-graph-point-container {
    padding-top: 0px;
}

[b-hb6udq6osc] .ra-graph {
    width: 100%;
}

[b-hb6udq6osc] .image-graph {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

[b-hb6udq6osc] .graph-title {
    color: var(--C-Grey, #555) !important;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
}

.disclaimer-phrase[b-hb6udq6osc] {
    line-height: 1rem;
}

[b-hb6udq6osc] .did-you-know {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

[b-hb6udq6osc] .did-you-know-card {
    padding: 20px;
    border-radius: var(--radius-lg, 15px);
    width: 50%;
}

[b-hb6udq6osc] .card-1 {
    background: var(--colours-c-420, #CDECE9) !important;
}

[b-hb6udq6osc] .card-2 {
    background: var(--c-220, #E1E8F6) !important;
}

[b-hb6udq6osc] .fs-table-stack {
    padding: 20px;
    border-radius: var(--radius-lg, 15px);
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    height: fit-content;
}

[b-hb6udq6osc] .fs-column-stack {
    width: auto;
}

[b-hb6udq6osc] .table-title {
    text-wrap: nowrap;
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-hb6udq6osc] .table-data-cell {
    text-wrap: nowrap;
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-hb6udq6osc] .table-caption {
    color: var(--colours-C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

[b-hb6udq6osc] .desktop {
    display: flex !important;
}

[b-hb6udq6osc] .mobile {
    display: none !important;
}

@media (max-width: 1180px) {
    [b-hb6udq6osc] .slide-container, [b-hb6udq6osc] .fs-top-stack {
        gap: 12px
    }

    [b-hb6udq6osc] .mobile {
        display: flex !important;
    }

    [b-hb6udq6osc] .desktop {
        display: none !important;
    }

    [b-hb6udq6osc] .fs-top-stack {
        flex-direction: column !important;
    }

    [b-hb6udq6osc] .fs-did-you-know-chat {
        flex-direction: column !important;
    }

    [b-hb6udq6osc] .did-you-know-card {
        width: 100%;
    }

    [b-hb6udq6osc] .fs-row-slide {
        position: relative;
    }

    [b-hb6udq6osc] .slide-btn {
        border-radius: 50%;
        background-color: unset !important;
        backdrop-filter: blur(4px);
        height: 50px;
        width: 50px;
        z-index: 1000;
    }

    [b-hb6udq6osc] .nextSlideBtn {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
    }

    [b-hb6udq6osc] .previousSlideBtn {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }
}

@media (max-width: 767px) {
    [b-hb6udq6osc] .table-title, [b-hb6udq6osc] .table-data-cell {
        text-wrap: wrap;
    }

    [b-hb6udq6osc] .fs-row-graph {
        justify-content: start !important;
        flex-direction: column !important;
    }
}
/* /Components/InvestmentComponents/InvestmentMotivatedSlide.razor.rz.scp.css */
[b-rvfynby4g8] .fs-row-slide {
    padding: 20px;
}

[b-rvfynby4g8] .slide-btn {
    background: var(--Surface-surface-white, #FFF) !important;
    outline: none !important;
    cursor: pointer;
}

[b-rvfynby4g8] .slide-container {
    transition: all 0.3s ease-in-out;
}

[b-rvfynby4g8] .slide-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

[b-rvfynby4g8] .orange-point, [b-rvfynby4g8] .green-point, [b-rvfynby4g8] .sapphire-point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FDB121;
    padding-top: 4px;
}

[b-rvfynby4g8] .green-point {
    background: #04A190;
    padding-top: 0px;
}

[b-rvfynby4g8] .sapphire-point {
    background: #9BD9D3;
    padding-top: 0px;
}

[b-rvfynby4g8] .disclaimer-italic-text {
    color: var(--C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
}

[b-rvfynby4g8] .disclaimer-text {
    color: var(--C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
}

[b-rvfynby4g8] .sub-text-title {
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-rvfynby4g8] .slide-table-stack {
    width: 40%;
}

[b-rvfynby4g8] .point-container {
    padding-top: 4px;
}

[b-rvfynby4g8] .ra-graph-point-container {
    padding-top: 0px;
}

[b-rvfynby4g8] .ra-graph {
    width: 100%;
}

[b-rvfynby4g8] .image-graph {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

[b-rvfynby4g8] .graph-title {
    color: var(--C-Grey, #555) !important;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
}

.disclaimer-phrase[b-rvfynby4g8] {
    line-height: 1rem;
}

[b-rvfynby4g8] .did-you-know {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

[b-rvfynby4g8] .did-you-know-card {
    padding: 20px;
    border-radius: var(--radius-lg, 15px);
    width: 50%;
}

[b-rvfynby4g8] .card-1 {
    background: var(--colours-c-420, #CDECE9) !important;
}

[b-rvfynby4g8] .card-2 {
    background: var(--c-220, #E1E8F6) !important;
}

[b-rvfynby4g8] .fs-table-stack {
    padding: 20px;
    border-radius: var(--radius-lg, 15px);
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    height: fit-content;
}

[b-rvfynby4g8] .fs-column-stack {
    width: auto;
}

[b-rvfynby4g8] .table-title {
    text-wrap: nowrap;
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-rvfynby4g8] .table-data-cell {
    text-wrap: nowrap;
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-rvfynby4g8] .table-caption {
    color: var(--colours-C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

[b-rvfynby4g8] .desktop {
    display: flex !important;
}

[b-rvfynby4g8] .mobile {
    display: none !important;
}

@media (max-width: 1180px) {
    [b-rvfynby4g8] .slide-container, [b-rvfynby4g8] .fs-top-stack {
        gap: 12px
    }

    [b-rvfynby4g8] .mobile {
        display: flex !important;
    }

    [b-rvfynby4g8] .desktop {
        display: none !important;
    }

    [b-rvfynby4g8] .fs-top-stack {
        flex-direction: column !important;
    }

    [b-rvfynby4g8] .fs-did-you-know-chat {
        flex-direction: column !important;
    }

    [b-rvfynby4g8] .did-you-know-card {
        width: 100%;
    }

    [b-rvfynby4g8] .fs-row-slide {
        position: relative;
    }

    [b-rvfynby4g8] .slide-btn {
        border-radius: 50%;
        background-color: unset !important;
        backdrop-filter: blur(4px);
        height: 50px;
        width: 50px;
        z-index: 1000;
    }

    [b-rvfynby4g8] .nextSlideBtn {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
    }

    [b-rvfynby4g8] .previousSlideBtn {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }
}

@media (max-width: 767px) {
    [b-rvfynby4g8] .fs-row-graph {
        justify-content: start !important;
        flex-direction: column !important;
    }
}
/* /Components/InvestmentComponents/InvestmentMyRAProgress.razor.rz.scp.css */
[b-l0wbc3dlrm] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-l0wbc3dlrm] .heading-subheading {
  font-weight: 400;
  font-size: 16px;
}

[b-l0wbc3dlrm] .ra-progress-view {
  width: 100%;
  min-height: 600px;
}

[b-l0wbc3dlrm] .ra-progress-container {
  display: flex;
  flex-direction: row !important;
  gap: 24px;
  padding: 0;
  margin-right: 20px;
}

  [b-l0wbc3dlrm] .ra-progress-container > * {
    flex: 0 0 50%;
    max-width: 50%;
    max-height: fit-content;
  }

[b-l0wbc3dlrm] .ra-progress-left,
[b-l0wbc3dlrm] .ra-progress-right {
  min-height: 500px;
}

@media (max-width: 1144px) {
  [b-l0wbc3dlrm] .ra-progress-container {
    flex-direction: column-reverse !important;
    margin-right: unset;
  }

    [b-l0wbc3dlrm] .ra-progress-container > * {
      flex: 0 0 100%;
      max-width: 100%;
    }
}

@media (max-width: 1024px) {
  [b-l0wbc3dlrm] .ra-progress-left,
  [b-l0wbc3dlrm] .ra-progress-right {
    min-height: auto;
  }
}

@media (max-width: 768px) {
  [b-l0wbc3dlrm] .ra-progress-view {
    min-height: auto;
  }

  [b-l0wbc3dlrm] .ra-progress-container {
    gap: 16px;
  }
}
/* /Components/InvestmentComponents/InvestmentProjectedGraph.razor.rz.scp.css */
[b-5sq7e9mzif] .FRE-02-CMS-II-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
}

[b-5sq7e9mzif] .FRE-02-CMS-III-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

[b-5sq7e9mzif] .graph-heading-right-panel {
  background: #FFFFFF !important;
  padding: 20px;
  border-radius: 15px;
  height: fit-content;
}

[b-5sq7e9mzif] .graph-heading-left-panel {
  max-width: 50%;
}

[b-5sq7e9mzif] .project-value {
  font-weight: 500;
  font-style: Medium;
  font-size: 32px;
}

[b-5sq7e9mzif] .growth-icon {
  width: 40px;
  height: 40px;
}

[b-5sq7e9mzif] .projected-funds {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
}

[b-5sq7e9mzif] .FRE-02-CMS-VIII-TXT {
  font-weight: 300;
  font-size: 8px;
  color: var(--C-Grey, #555555) !important;
}

[b-5sq7e9mzif] .graph-card {
  background: #FFFFFF !important;
  border-radius: 15px;
  padding: 40px;
}

[b-5sq7e9mzif] .v3-icon {
  width: 31px;
  height: 31px;
}

[b-5sq7e9mzif] .categotry-text {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
}

[b-5sq7e9mzif] .FRE-02-CMS-IX-LBL, [b-5sq7e9mzif] .FRE-02-CMS-X-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 13px;
  color: var(--C-Grey, #555555) !important;
}

[b-5sq7e9mzif] .total-contributions, [b-5sq7e9mzif] .compound-interest-earnings {
  font-weight: 600;
  font-style: SemiBold;
  font-size: 14px;
}

[b-5sq7e9mzif] .graph-left-panel {
  max-width: 50%;
}

[b-5sq7e9mzif] .FRE-02-CMS-V-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
}

[b-5sq7e9mzif] .FRE-02-CMS-VI-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
}

.investment-projection-container[b-5sq7e9mzif] {
  margin: 0 auto;
}

.page-header[b-5sq7e9mzif] {
  text-align: center;
  margin-bottom: 2rem;
}

[b-5sq7e9mzif] .FRE-02-CMS-I-LBL {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1a1a1a;
}

[b-5sq7e9mzif] .category-text {
  color: #000000;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
}

.circle[b-5sq7e9mzif] {
  width: 20px;
  height: 20px;
  padding: 20px;
  border-radius: 50%;
}

.circle-icon-100-standard[b-5sq7e9mzif], .circle-icon-100-standard-tip[b-5sq7e9mzif] {
  width: 6px;
  height: 6px;
  background: #A5B9E5;
  border-radius: 50%;
}

.circle-icon-100-standard-tip[b-5sq7e9mzif] {
  width: 10px;
  height: 10px;
}

.circle-icon-100-premium[b-5sq7e9mzif], .circle-icon-100-premium-tip[b-5sq7e9mzif] {
  width: 6px;
  height: 6px;
  background: #9BD9D3;
  border-radius: 50%;
}

.circle-icon-100-premium-tip[b-5sq7e9mzif] {
  width: 10px;
  height: 10px;
}

.circle-icon-80-standard[b-5sq7e9mzif], .circle-icon-80-standard-tip[b-5sq7e9mzif] {
  width: 6px;
  height: 6px;
  background: #E1E8F6;
  border-radius: 50%;
}

.circle-icon-80-standard-tip[b-5sq7e9mzif] {
  width: 10px;
  height: 10px;
}

.circle-icon-80-premium[b-5sq7e9mzif], .circle-icon-80-premium-tip[b-5sq7e9mzif] {
  width: 6px;
  height: 6px;
  background: #CDECE9;
  border-radius: 50%;
}

.circle-icon-80-premium-tip[b-5sq7e9mzif] {
  width: 10px;
  height: 10px;
}

.circle-disable[b-5sq7e9mzif], .circle-selected-standard[b-5sq7e9mzif], .circle-selected-premium[b-5sq7e9mzif] {
  width: 20px;
  height: 20px;
  background: #CCCACA;
  border-radius: 50%;
}

.circle-selected-standard[b-5sq7e9mzif] {
  background: #A5B9E5;
}

.circle-selected-premium[b-5sq7e9mzif] {
  background: #9BD9D3;
}

[b-5sq7e9mzif] .plan-button {
  background: #F7F5F5 !important;
  border: 2px solid #CCCACA;
  border-radius: 32px;
  color: #CCCACA !important;
  padding: 5px 15px 5px 5px;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 14px;
}

  [b-5sq7e9mzif] .plan-button > * {
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
  }

  [b-5sq7e9mzif] .plan-button.active.standard {
    /* Selected state (Motivated) */
    background: #E1E8F6 !important;
    border: 2px solid #A5B9E5;
    color: #000000 !important;
  }

  [b-5sq7e9mzif] .plan-button.active.premium {
    /* Selected state (Serious Business) */
    background: #CDECE9 !important;
    border: 2px solid #9BD9D3;
    color: #000000 !important;
  }

  /* Circle indicator inside button */
  [b-5sq7e9mzif] .plan-button::before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s ease;
  }

  [b-5sq7e9mzif] .plan-button.active::before {
    background: #9BD9D3;
  }

.graph-canvas[b-5sq7e9mzif] {
  min-height: 400px;
  margin: 2rem 0;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
}

[b-5sq7e9mzif] .slider-container {
  flex: 1;
  max-width: 50%;
}

.age-display[b-5sq7e9mzif] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #667eea;
  text-align: center;
}

.disclaimer-section[b-5sq7e9mzif] {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #eee;
}

.momentum-stack[b-5sq7e9mzif] {
  margin-top: 1rem;
}

.powered-by-momentum-icon[b-5sq7e9mzif] {
  max-width: 200px;
  height: auto;
}

.loader[b-5sq7e9mzif] {
  margin: 4rem auto;
  max-width: 400px;
}

.age-tip[b-5sq7e9mzif] {
  font-weight: 600 !important;
  font-style: Regular;
  font-size: 16px !important;
  margin-bottom: 0.75rem;
}

.total-tip[b-5sq7e9mzif] {
  font-weight: 600 !important;
  font-style: Regular;
  font-size: 16px !important;
  border-top: solid 1px #ccc;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

.compound-interest-tip[b-5sq7e9mzif], .contributions-tip[b-5sq7e9mzif] {
  font-weight: 400 !important;
  font-style: Regular;
  font-size: 16px !important;
}

/* Slider color overrides for investment projection */
[b-5sq7e9mzif] .slider-container.slider-motivated .rz-slider-range {
  background-color: #A5B9E5 !important;
}

[b-5sq7e9mzif] .slider-container.slider-motivated .rz-slider-handle {
  background-color: #A5B9E5 !important;
  border-color: #A5B9E5 !important;
}

[b-5sq7e9mzif] .slider-container.slider-serious .rz-slider-range {
  background-color: #9BD9D3 !important;
}

[b-5sq7e9mzif] .slider-container.slider-serious .rz-slider-handle {
  background-color: #9BD9D3 !important;
  border-color: #9BD9D3 !important;
}

[b-5sq7e9mzif] .graph-right-panel-mobile {
  display: none !important;
}

@media (max-width: 1121px) {
  [b-5sq7e9mzif] .graph-left-panel {
    max-width: unset;
    width: 100%;
  }

  [b-5sq7e9mzif] .slider-cta-section {
    flex-direction: column !important;
    align-items: start !important;
  }

  [b-5sq7e9mzif] .graph-header-section {
    flex-direction: column !important;
  }

  [b-5sq7e9mzif] .graph-heading-left-panel {
    max-width: unset;
  }

  [b-5sq7e9mzif] .graph-heading-right-panel {
    align-items: center !important;
  }

  [b-5sq7e9mzif] .graph-right-panel-desktop {
    display: none !important;
  }

  [b-5sq7e9mzif] .graph-right-panel-mobile {
    display: flex !important;
  }

  [b-5sq7e9mzif] .slider-container {
    width: 100%;
    max-width: 100%;
  }

  [b-5sq7e9mzif] .primary-button {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .investment-projection-container[b-5sq7e9mzif] {
    padding: 1rem;
  }

  [b-5sq7e9mzif] .FRE-02-CMS-I-LBL {
    font-size: 1.75rem;
  }

  [b-5sq7e9mzif] .FRE-02-CMS-II-LBL {
    font-size: 1.25rem;
  }

  .graph-controls-section[b-5sq7e9mzif] {
    flex-direction: column;
  }

  .graph-canvas[b-5sq7e9mzif] {
    min-height: 300px;
  }

  [b-5sq7e9mzif] .plan-button {
    font-size: 12px;
    min-width: 100px;
  }

    [b-5sq7e9mzif] .plan-button::before {
      width: 16px;
      height: 16px;
    }
}

@media (max-width: 510px) {
  [b-5sq7e9mzif] .button-stack-mobile {
    flex-direction: column !important;
    max-width: 150px;
  }

  [b-5sq7e9mzif] .legend-row {
    flex-direction: column !important;
  }
}
/* /Components/InvestmentComponents/InvestmentSeriousBusinessSlide.razor.rz.scp.css */
[b-5r8epd7j40] .fs-row-slide {
    padding: 20px;
}

[b-5r8epd7j40] .slide-btn {
    background: var(--Surface-surface-white, #FFF) !important;
    outline: none !important;
    cursor: pointer;
}

[b-5r8epd7j40] .slide-container {
    transition: all 0.3s ease-in-out;
}

[b-5r8epd7j40] .slide-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

[b-5r8epd7j40] .orange-point, [b-5r8epd7j40] .green-point, [b-5r8epd7j40] .sapphire-point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FDB121;
    padding-top: 4px;
}

[b-5r8epd7j40] .green-point {
    background: #04A190;
    padding-top: 0px;
}

[b-5r8epd7j40] .sapphire-point {
    background: #9BD9D3;
    padding-top: 0px;
}

[b-5r8epd7j40] .disclaimer-italic-text {
    color: var(--C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
}

[b-5r8epd7j40] .disclaimer-text {
    color: var(--C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
}

[b-5r8epd7j40] .sub-text-title {
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-5r8epd7j40] .slide-table-stack {
    width: 40%;
}

[b-5r8epd7j40] .point-container {
    padding-top: 4px;
}

[b-5r8epd7j40] .ra-graph-point-container {
    padding-top: 0px;
}

[b-5r8epd7j40] .ra-graph {
    width: 100%;
}

[b-5r8epd7j40] .image-graph {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

[b-5r8epd7j40] .graph-title {
    color: var(--C-Grey, #555) !important;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
}

.disclaimer-phrase[b-5r8epd7j40] {
    line-height: 1rem;
}

[b-5r8epd7j40] .did-you-know {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

[b-5r8epd7j40] .did-you-know-card {
    padding: 20px;
    border-radius: var(--radius-lg, 15px);
    width: 50%;
}

[b-5r8epd7j40] .card-1 {
    background: var(--colours-c-420, #CDECE9) !important;
}

[b-5r8epd7j40] .card-2 {
    background: var(--c-220, #E1E8F6) !important;
}

[b-5r8epd7j40] .fs-table-stack {
    padding: 20px;
    border-radius: var(--radius-lg, 15px);
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    height: fit-content;
}

[b-5r8epd7j40] .fs-column-stack {
    width: auto;
}

[b-5r8epd7j40] .table-title {
    text-wrap: nowrap;
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-5r8epd7j40] .table-data-cell {
    text-wrap: nowrap;
    color: var(--text-text-secondary, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-5r8epd7j40] .table-caption {
    color: var(--colours-C-Grey, #555) !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

[b-5r8epd7j40] .desktop {
    display: flex !important;
}

[b-5r8epd7j40] .mobile {
    display: none !important;
}

@media (max-width: 1180px) {
    [b-5r8epd7j40] .slide-container, [b-5r8epd7j40] .fs-top-stack {
        gap: 12px
    }

    [b-5r8epd7j40] .mobile {
        display: flex !important;
    }

    [b-5r8epd7j40] .desktop {
        display: none !important;
    }

    [b-5r8epd7j40] .fs-top-stack {
        flex-direction: column !important;
    }

    [b-5r8epd7j40] .fs-did-you-know-chat {
        flex-direction: column !important;
    }

    [b-5r8epd7j40] .did-you-know-card {
        width: 100%;
    }

    [b-5r8epd7j40] .fs-row-slide {
        position: relative;
    }

    [b-5r8epd7j40] .slide-btn {
        border-radius: 50%;
        background-color: unset !important;
        backdrop-filter: blur(4px);
        height: 50px;
        width: 50px;
        z-index: 1000;
    }

    [b-5r8epd7j40] .nextSlideBtn {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
    }

    [b-5r8epd7j40] .previousSlideBtn {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }
}

@media (max-width: 767px) {
[b-5r8epd7j40] .fs-row-graph {
        justify-content: start !important;
        flex-direction: column !important;
    }
}
/* /Components/InvestmentComponents/LearnMoreWidget.razor.rz.scp.css */
[b-be8jvvvfpf] .learn-more-card {
  gap: 8px;
  border-radius: 15px;
  padding: 40px 30px;
  display: flex;
  flex-direction: row !important;
  background: #F7F5F5 !important;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

[b-be8jvvvfpf] .heading-title {
  font-weight: 500;
  font-size: 28px;
}

[b-be8jvvvfpf] .sub-text {
  font-weight: 400;
  font-size: 16px;
}

[b-be8jvvvfpf] .btn {
  background: unset !important;
}

[b-be8jvvvfpf] .btn > * {
  color: #000000 !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  display: flex !important;
  gap: 0.75rem !important;
}

[b-be8jvvvfpf] .L-card-investment {
  width: 100%;
}

[b-be8jvvvfpf] .R-card-investment {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100%;
}

@media (max-width: 1144px) {
  [b-be8jvvvfpf] .learn-more-card {
    flex-direction: column !important;
    padding: 40px 30px;
  }

  [b-be8jvvvfpf] .L-card-investment-header {
    flex-direction: column !important;
    gap: 20px;
  }

  [b-be8jvvvfpf] .btn {
    margin-top: 23px;
    display: flex !important;
    justify-content: start;
    width: 100%;
  }

  [b-be8jvvvfpf] .R-card-investment {
    flex-direction: column !important;
    width: 100%;
  }
}

@media (max-width: 767px) {
  [b-be8jvvvfpf] .learn-more-card {
    padding: 20px;
  }
}
/* /Components/InvestmentComponents/ManageRAMotivatedPlan.razor.rz.scp.css */
[b-xtv8pqwpk8] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-xtv8pqwpk8] .heading-subheading {
  font-weight: 400;
  font-size: 16px;
}

[b-xtv8pqwpk8] .tip-banner {
  border-radius: 20px;
  padding: 30px;
  background-color: #E1E8F6;
  outline: 1px solid #9BB0DF;
  display: flex;
  flex-direction: row !important;
  align-items: center;
  margin-right: 1px;
  gap: 12px;
}

[b-xtv8pqwpk8] .arrow-narrow-right {
  width: 40px;
  height: 40px;
}

[b-xtv8pqwpk8] .MOT-02-CMS-I-TXT {
  font-weight: 500;
  font-size: 18px;
}

[b-xtv8pqwpk8] .manage-ra-stack-cards {
  margin-right: 27px;
}

  [b-xtv8pqwpk8] .manage-ra-stack-cards > * {
    flex: 0 0 50%;
    max-width: 50%;
    max-height: fit-content;
  }

[b-xtv8pqwpk8] .ra-faq-accordion {
  background-color: #F7F5F5;
  border-radius: 15px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

@media (max-width: 1144px) {
  [b-xtv8pqwpk8] .manage-ra-stack-cards {
    flex-direction: column !important;
    margin-right: unset;
  }

    [b-xtv8pqwpk8] .manage-ra-stack-cards > * {
      flex: 0 0 100%;
      max-width: 100%;
    }

  [b-xtv8pqwpk8] .ra-faq-accordion {
    padding: 40px 30px;
  }
}
/* /Components/InvestmentComponents/ManageRASeriousPlan.razor.rz.scp.css */
[b-nm3i2pm9rl] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-nm3i2pm9rl] .heading-subheading {
  font-weight: 400;
  font-size: 16px;
}

[b-nm3i2pm9rl] .tip-banner {
  border-radius: 20px;
  padding: 30px;
  background-color: #E1E8F6;
  outline: 1px solid #9BB0DF;
  display: flex;
  flex-direction: row !important;
  align-items: center;
  margin-right: 1px;
  gap: 12px;
}

[b-nm3i2pm9rl] .arrow-narrow-right {
  width: 40px;
  height: 40px;
}

[b-nm3i2pm9rl] .SER-04-CMS-I-TXT {
  font-weight: 500;
  font-size: 18px;
}

[b-nm3i2pm9rl] .manage-ra-stack-cards {
  margin-right: 27px;
}

  [b-nm3i2pm9rl] .manage-ra-stack-cards > * {
    flex: 0 0 50%;
    max-width: 50%;
    max-height: fit-content;
  }

[b-nm3i2pm9rl] .ra-faq-accordion {
  background-color: #F7F5F5;
  border-radius: 15px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

@media (max-width: 1144px) {
  [b-nm3i2pm9rl] .manage-ra-stack-cards {
    flex-direction: column !important;
    margin-right: unset;
  }

    [b-nm3i2pm9rl] .manage-ra-stack-cards > * {
      flex: 0 0 100%;
      max-width: 100%;
    }

  [b-nm3i2pm9rl] .ra-faq-accordion {
    padding: 40px 30px;
  }
}
/* /Components/InvestmentComponents/RAProgressCopyPanel.razor.rz.scp.css */
[b-z0bpjallue] .ra-progress-copy-panel {
  background: #F7F5F5;
  width: 100%;
  border-radius: 20px;
  gap: 40px;
  display: flex;
  flex-direction: column;
  padding: 35px;
  padding-top: 50px;
  height: 100%;
  justify-content: space-between;
}

[b-z0bpjallue] .SER-02-CMS-I-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
}

[b-z0bpjallue] .SER-02-CMS-II-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

[b-z0bpjallue] .benefits-list {
  margin-top: 32px;
}


[b-z0bpjallue] .benefit-icon-wrapper {
  width: 14px;
  height: 14px;
}

[b-z0bpjallue] .benefit-icon {
  width: 100%;
  height: 100%;
}

[b-z0bpjallue] .benefit-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

[b-z0bpjallue] .benefit-label {
  color: #111827;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}

[b-z0bpjallue] .benefit-text {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 768px) {
  [b-z0bpjallue] .ra-progress-copy-panel {
    padding: 24px;
    min-height: auto;
  }

  [b-z0bpjallue] .panel-header {
    font-size: 20px;
    line-height: 28px;
  }

  [b-z0bpjallue] .panel-subtext {
    font-size: 14px;
    line-height: 20px;
  }

  [b-z0bpjallue] .benefit-item {
    align-items: start !important;
    padding: 16px;
    gap: 12px;
  }

  [b-z0bpjallue] .benefit-icon-wrapper {
    width: 40px;
    height: 40px;
    padding: 10px;
  }

  [b-z0bpjallue] .benefit-label {
    font-size: 16px;
    line-height: 22px;
  }

  [b-z0bpjallue] .benefit-text {
    font-size: 13px;
    line-height: 18px;
  }
}
/* /Components/InvestmentComponents/RAProgressMetricsPanel.razor.rz.scp.css */
[b-14ahee8ig7] .ra-progress-metrics-panel {
  background: #F7F5F5;
  width: 100%;
  border-radius: 20px;
  gap: 40px;
  display: flex;
  flex-direction: column;
  padding: 35px;
  padding-top: 50px;
  height: 100%;
  justify-content: space-between;
}

[b-14ahee8ig7] .SER-02-CMS-IX-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  text-align: center;
}

[b-14ahee8ig7] .ra-progress-subheading {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  text-align: center;
}

[b-14ahee8ig7] .SER-02-CMS-X-LBL {
  background-color: #e2e7f5;
  outline: 1px solid #b3c2e4;
  border-radius: 4px;
  text-align: center;
  max-width: 170px;
  padding: 8px;
  color: #8991a6;
  font-size: 18px;
}

[b-14ahee8ig7] .SER-02-CMS-XII-LBL {
  color: #000000;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}

[b-14ahee8ig7] .SER-02-CMS-XIII-TXT {
  color: #1e40af;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}

[b-14ahee8ig7] .btn {
  max-width: 280px;
}

[b-14ahee8ig7] .circle-icon {
  width: 8px;
  height: 8px;
  margin-top: 4px;
}

/* Metrics Grid */
[b-14ahee8ig7] .metrics-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

[b-14ahee8ig7] .metric-item {
  flex-direction: row !important;
}

[b-14ahee8ig7] .metric-label {
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  color: var(--C-Grey, #555555) !important;
}

[b-14ahee8ig7] .metric-value {
  color: #000000 !important;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 14px;
}

[b-14ahee8ig7] .coming-soon-small {
  background-color: #e2e7f5;
  outline: 1px solid #b3c2e4;
  border-radius: 4px;
  text-align: center;
  max-width: 170px;
  padding: 8px;
  color: #8991a6;
  font-size: 8px;
}

[b-14ahee8ig7] .SER-02-CMS-XVI-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #F1EFEF;
  padding-top: 12px;
  color: #AFAFAF !important;
}

@media (max-width: 768px) {
  [b-14ahee8ig7] .ra-progress-metrics-panel {
    padding: 24px;
    min-height: auto;
  }

  [b-14ahee8ig7] .metrics-header {
    font-size: 20px;
    line-height: 28px;
  }

  [b-14ahee8ig7] .metrics-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  [b-14ahee8ig7] .metric-item {
    padding: 16px;
  }

  [b-14ahee8ig7] .metric-value {
    font-size: 20px;
    line-height: 28px;
    text-wrap: nowrap !important;
  }

  [b-14ahee8ig7] .momentum-portal-section {
    padding: 16px;
  }

  [b-14ahee8ig7] .portal-heading {
    font-size: 16px;
    line-height: 22px;
  }

  [b-14ahee8ig7] .portal-subtext {
    font-size: 13px;
    line-height: 18px;
  }
}

@media (max-width: 358px) {
  [b-14ahee8ig7] .metric-item {
    flex-direction: column !important;
  }
}
/* /Components/InvestmentComponents/RASummaryPanel.razor.rz.scp.css */
[b-t0guwg48c1] .ra-summary-panel {
  background: #F7F5F5;
  width: 100%;
  border-radius: 20px;
  gap: 40px;
  display: flex;
  flex-direction: column;
  padding: 35px;
  padding-top: 50px;
  height: 100%;
  justify-content: space-between;
}

[b-t0guwg48c1] .MOT-02-CMS-II-LBL, [b-t0guwg48c1] .SER-04-CMS-II-LBL
{
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
}

[b-t0guwg48c1] .MOT-02-CMS-III-LBL, [b-t0guwg48c1] .SER-04-CMS-III-LBL, [b-t0guwg48c1] .data-value {
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
}

[b-t0guwg48c1] .MOT-02-CMS-IV-LBL, [b-t0guwg48c1] .SER-04-CMS-IV-LBL {
  font-weight: 400;
  font-size: 16px;
}

[b-t0guwg48c1] .status-active {
  background-color: #DCFCE7;
  outline: 1px solid #B9F8CF;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  max-width: 90px;
  padding: 8px;
  color: #016730;
}

[b-t0guwg48c1] .status-paused {
  background-color: #f4d2c0;
  outline: 1px solid #d59c80;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  max-width: 90px;
  padding: 8px;
  color: #c0937e;
}

[b-t0guwg48c1] .status-stopped {
  background-color: #FECACA;
  outline: 1px solid #FCA5A5;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  max-width: 100px;
  padding: 8px;
  color: #991B1B;
}

[b-t0guwg48c1] .column-item {
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

[b-t0guwg48c1] .fw-medium {
  font-weight: 500 !important;
}

[b-t0guwg48c1] .MOT-02-CMS-VIII-LBL, [b-t0guwg48c1] .SER-04-CMS-VIII-LBL {
  background-color: #e2e7f5;
  outline: 1px solid #b3c2e4;
  border-radius: 4px;
  text-align: center;
  max-width: 170px;
  padding: 8px;
  color: #8991a6;
  font-size: 14px;
}

@media (max-width: 1144px) {
  [b-t0guwg48c1] .MOT-02-CMS-II-LBL, [b-t0guwg48c1] .SER-04-CMS-II-LBL {
    display: flex;
    justify-content: center;
  }

  [b-t0guwg48c1] .action-buttons {
    flex-direction: column !important;
  }
}
/* /Components/InvestmentComponents/SeriousBusinessInvestmentView.razor.rz.scp.css */
.dashboard-stack[b-o9mjyzp4rj] {
  width: 100%;
}

.active-feature-panel[b-o9mjyzp4rj] {
  min-height: 400px;
  padding: 32px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f7f5f5 0%, #ffffff 100%);
  border: 2px solid #ff642c;
  box-shadow: 0 4px 12px rgba(255, 100, 44, 0.1);
}

.feature-content[b-o9mjyzp4rj] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.feature-title[b-o9mjyzp4rj] {
  color: #ff642c;
  font-weight: 600;
  margin-bottom: 16px;
}

.section-title[b-o9mjyzp4rj] {
  color: #000;
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 8px;
}

.feature-cards-grid[b-o9mjyzp4rj] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 20px;
  margin-bottom: 32px;
  margin-left: 10px;
}

.consultation-card[b-o9mjyzp4rj] {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.consultation-heading[b-o9mjyzp4rj] {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.consultation-body[b-o9mjyzp4rj] {
  color: #475467;
  font-size: 14px;
}

.benefits-preview[b-o9mjyzp4rj],
.referral-preview[b-o9mjyzp4rj] {
  padding: 24px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #eaecf0;
}

@media (max-width: 1188px) {
  [b-o9mjyzp4rj] .feature-cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(13.8rem,1fr));
  }
}

@media (max-width: 1064px) {
  [b-o9mjyzp4rj] .feature-cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(13.8rem,1fr));
  }
}

@media (max-width: 768px) {
  .active-feature-panel[b-o9mjyzp4rj] {
    padding: 20px;
    min-height: 300px;
  }

  [b-o9mjyzp4rj] .feature-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .feature-content[b-o9mjyzp4rj] {
    gap: 16px;
  }
}

@media (max-width: 530px) {
  [b-o9mjyzp4rj] .feature-cards-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* /Components/InvestmentComponents/SpeakToAConsultantWidget.razor.rz.scp.css */
[b-l7s4f7p0ab] .b-didyouknow-card-investment, [b-l7s4f7p0ab] .b-didyouknow-card-investment-standard {
  gap: 8px;
  border-radius: 15px;
  padding: 40px 30px;
  display: flex;
  flex-direction: row !important;
  background: linear-gradient(151.54deg, #F1F186 -1.11%, #D0EE9D 28.99%, #B1ECB3 75.24%);
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

[b-l7s4f7p0ab] .b-didyouknow-card-investment-standard {
  background: linear-gradient(287.4deg, #E1E8F6 27.03%, #F2D7D1 83.92%, #FFC9B2 117.54%);
}

[b-l7s4f7p0ab] .FRE-04-CMS-I-LBL, [b-l7s4f7p0ab] .MOT-03-CMS-I-LBL {
  font-weight: 500;
  font-size: 28px;
}

[b-l7s4f7p0ab] .FRE-04-CMS-II-TXT, [b-l7s4f7p0ab] .MOT-03-CMS-II-TXT {
  font-weight: 400;
  font-size: 16px;
}

[b-l7s4f7p0ab] .L-card-investment{
  width: 100%;
}

[b-l7s4f7p0ab] .R-card-investment {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100%;
}

@media (max-width: 1144px) {
  [b-l7s4f7p0ab] .b-didyouknow-card-investment, [b-l7s4f7p0ab] .b-didyouknow-card-investment-standard {
    flex-direction: column !important;
    padding: 40px 30px;
  }

  [b-l7s4f7p0ab] .L-card-investment-header {
    flex-direction: column !important;
    gap: 20px;
  }

  [b-l7s4f7p0ab] .btn {
    margin-top: 23px;
    width: 100%;
  }

  [b-l7s4f7p0ab] .R-card-investment {
    flex-direction: column !important;
    width: 100%;
  }
}

@media (max-width: 767px) {
  [b-l7s4f7p0ab] .b-didyouknow-stack-investment {
    padding: 20px;
  }
}
/* /Components/InvoiceCarousel.razor.rz.scp.css */
/* Component-scoped display utilities */
.d-none[b-mwsuolzwp3] {
  display: none !important;
}

.d-flex[b-mwsuolzwp3] {
  display: flex !important;
}

[b-mwsuolzwp3] .premium-text {
  color: var(--C-Black, #000) !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

[b-mwsuolzwp3] .upgrade-button {
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  color: var(--C-White, #FAFAFA);
  display: flex;
  width: 85px;
  height: 18px;
  padding: 13.5px 10px;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

[b-mwsuolzwp3] .choose-template {
  color: var(--C-Black, #000) !important;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-mwsuolzwp3] .arrow-btn {
  background-color: transparent !important;
  box-shadow: none !important;
  max-width: 40px;
  width: 100%;
  border-radius: 10px;
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

[b-mwsuolzwp3] .right-arrow-btn {
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  position: absolute;
  right: 30px;
  z-index: 10;
}

[b-mwsuolzwp3] .left-arrow-btn {
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  position: absolute;
  left: 30px;
  z-index: 10;
}

/* Desktop view arrow positioning */
@media (min-width: 769px) {
  [b-mwsuolzwp3] .right-arrow-btn {
    right: 5px;
  }

  [b-mwsuolzwp3] .left-arrow-btn {
    left: 5px;
  }
}

.carousel[b-mwsuolzwp3] {
  display: flex;
  width: 100%;
  max-width: 808px;
  height: 597px;
  align-items: center;
  justify-content: center;
  font-family: Arial, Poppins, sans-serif;
  background-color: #F4F4F4;
  border-radius: 15px;
  padding: 80px 40px;
  box-sizing: border-box;
}

.carousel__list[b-mwsuolzwp3] {
  display: flex;
  list-style: none;
  position: relative;
  width: 100%;
  min-height: 490px;
  justify-content: center;
  align-items: center;
  perspective: 0;
  flex-grow: 1;
  max-width: 1050px;
  margin-bottom: 0px;
  overflow: visible;
  padding-left: 0px;
  height: 450px;
}

[b-mwsuolzwp3] .template-image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: contain;
  background-color: white;
}

[b-mwsuolzwp3] .template-icon {
  max-height: 18px !important;
}

.carousel__item[b-mwsuolzwp3], .carousel__item_other[b-mwsuolzwp3] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  width: 232px;
  height: 331px;
  position: absolute;
  transition: all .3s ease-in;
  background: transparent;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
}

  .carousel__item[data-pos="0"][b-mwsuolzwp3], .carousel__item_other[data-pos="0"][b-mwsuolzwp3] {
    z-index: 4; /* Same z-index as others for perfect alignment */
    transform: translateY(-50%);
    border-radius: 8px;
    box-shadow:
        0px 2px 2px -1px rgba(10, 13, 18, 0.04),
        0px 4px 6px -2px rgba(10, 13, 18, 0.03),
        0px 12px 16px -4px rgba(10, 13, 18, 0.08);
    width: 306px;
    height: 435px;
    border: none;
  }

  .carousel__item[data-pos="-1"][b-mwsuolzwp3],
  .carousel__item[data-pos="1"][b-mwsuolzwp3], .carousel__item_other[data-pos="-1"][b-mwsuolzwp3], .carousel__item_other[data-pos="1"][b-mwsuolzwp3] {
    opacity: 0.6;
  }

/* Blur locked/unavailable templates */
.template-locked[b-mwsuolzwp3]  .template-image {
  filter: blur(1.5px);
}

.carousel__item[data-pos="-1"][b-mwsuolzwp3], .carousel__item_other[data-pos="-1"][b-mwsuolzwp3] {
  transform: translateX(-153px) translateY(-50%);
  z-index: 3;
}

.carousel__item[data-pos="1"][b-mwsuolzwp3], .carousel__item_other[data-pos="1"][b-mwsuolzwp3] {
  transform: translateX(153px) translateY(-50%);
  z-index: 3;
}

.carousel__item[data-pos="-2"][b-mwsuolzwp3],
.carousel__item[data-pos="2"][b-mwsuolzwp3], .carousel__item_other[data-pos="-2"][b-mwsuolzwp3], .carousel__item_other[data-pos="2"][b-mwsuolzwp3] {
  opacity: 0;
  filter: blur(3px) grayscale(20%);
}

.carousel__item[data-pos="-2"][b-mwsuolzwp3], .carousel__item_other[data-pos="-2"][b-mwsuolzwp3] {
  display: none;
  transform: translateX(calc(-200% - 40px)) scale(0.9);
  z-index: 3;
}

.carousel__item[data-pos="2"][b-mwsuolzwp3], .carousel__item_other[data-pos="2"][b-mwsuolzwp3] {
  display: none;
  transform: translateX(calc(200% + 40px)) scale(0.9);
  z-index: 3;
}

.carousel__item_other[b-mwsuolzwp3] {
  padding: 0px;
}

/* Selected badge styling */
.selected-badge[b-mwsuolzwp3] {
  position: absolute;
  top: -45px;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 80px;
  height: 21px;
  background: rgba(5, 161, 144, 0.16);
  border: 1px solid #05A190;
  border-radius: 15px;
  padding: 0 8px;
  z-index: 5;
}

[b-mwsuolzwp3] .selected-check-icon {
  width: 12px;
  height: 12px;
}

[b-mwsuolzwp3] .selected-badge-text {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}

/* Template image container for positioning lock indicator */
.template-image-container[b-mwsuolzwp3] {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Lock indicator styling */
.lock-indicator[b-mwsuolzwp3] {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 21px;
  background: #FFEFD3;
  border: 1px solid #FDB121;
  border-radius: 15px;
  z-index: 5;
}

[b-mwsuolzwp3] .lock-icon {
  width: 14px;
  height: 14px;
}

/* Pagination dots container */
.carousel-dots[b-mwsuolzwp3] {
  position: absolute;
  bottom: 39px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

/* Individual dot styling */
.carousel-dot[b-mwsuolzwp3] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #BFBFBF !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

  /* Selected dot */
  .carousel-dot.selected[b-mwsuolzwp3] {
    background-color: #FF9365 !important;
  }

@media (max-width: 768px) {
  .carousel__item[data-pos="-1"][b-mwsuolzwp3], .carousel__item[data-pos="1"][b-mwsuolzwp3], .carousel__item_other[data-pos="-1"][b-mwsuolzwp3], .carousel__item_other[data-pos="1"][b-mwsuolzwp3] {
    opacity: 0.6;
    filter: blur(0.5px) grayscale(5%);
    transform: translateX(calc(-100% - 45px)) translateY(-50%);
  }

  .carousel__item[data-pos="1"][b-mwsuolzwp3], .carousel__item_other[data-pos="1"][b-mwsuolzwp3] {
    transform: translateX(calc(100% + 45px)) translateY(-50%);
  }

  [b-mwsuolzwp3] .arrow-btn,
  [b-mwsuolzwp3] .left-arrow-btn,
  [b-mwsuolzwp3] .right-arrow-btn {
    display: none !important;
  }

  .carousel__list[b-mwsuolzwp3] {
    min-height: 400px;
    height: 400px;
  }

  .carousel__item[b-mwsuolzwp3], .carousel__item_other[b-mwsuolzwp3] {
    width: 200px;
    height: 285px;
  }

    .carousel__item[data-pos="0"][b-mwsuolzwp3], .carousel__item_other[data-pos="0"][b-mwsuolzwp3] {
      border: none;
      width: 264px;
      height: 375px;
    }

  [b-mwsuolzwp3] .template-image {
    max-width: 264px;
    max-height: 375px;
  }

  .carousel[b-mwsuolzwp3] {
    height: unset !important;
    padding: unset !important;
  }

  .carousel-dots[b-mwsuolzwp3] {
    bottom: 20px !important;
  }

  [b-mwsuolzwp3] .selected-badge {
    left: unset !important;
    right: 0px !important;
  }
}

@media (max-width: 425px) {
  [b-mwsuolzwp3] .premium-text {
    width: 78%;
  }

  .carousel__item[data-pos="-1"][b-mwsuolzwp3], .carousel__item[data-pos="1"][b-mwsuolzwp3], .carousel__item_other[data-pos="-1"][b-mwsuolzwp3], .carousel__item_other[data-pos="1"][b-mwsuolzwp3] {
    transform: translateX(calc(-100% - 30px)) translateY(-50%);
  }

  .carousel__item[data-pos="1"][b-mwsuolzwp3], .carousel__item_other[data-pos="1"][b-mwsuolzwp3] {
    transform: translateX(calc(100% + 30px)) translateY(-50%);
  }

  .carousel__item[b-mwsuolzwp3], .carousel__item_other[b-mwsuolzwp3] {
    width: 150px;
    height: 214px;
  }

    .carousel__item[data-pos="0"][b-mwsuolzwp3], .carousel__item_other[data-pos="0"][b-mwsuolzwp3] {
      width: 198px;
      height: 281px;
    }

  [b-mwsuolzwp3] .template-image {
    max-width: 198px;
    max-height: 281px;
  }
}
/* /Components/InvoiceDiscardPopup.razor.rz.scp.css */
[b-7edvxt1lq3] .primary-button {
    height: 51px !important;
    border-radius: 15px !important;
    text-transform: none !important;
    padding: 13.5px 0px !important;
    box-shadow: unset !important;
    letter-spacing: unset !important;
    background-color: var(--C-Black, #000) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 268px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-7edvxt1lq3] .secondary-button {
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    display: flex;
    height: 51px;
    padding: 13.5px 30px;
    justify-content: center;
    align-items: center;
    background-color: unset !important;
    color: black !important;
    width: 268px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-7edvxt1lq3] .add-company-dialog {
    font-size: 18px !important;
    text-align: center !important;
    display: inline-block !important;
    justify-content: center !important;
}

[b-7edvxt1lq3] .rz-text-body1 {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-height: 73px;
}

[b-7edvxt1lq3] #rz-dialog-0-label{
    padding: 16px 16px 0px !important;
}
/* /Components/InvoiceOrQuotationListItem.razor.rz.scp.css */
[b-mgajrgo21u] .Invoices-cards {
    width: 100%;
    background-color: #F7F5F5 !important;
    border-radius: 12px;
    padding: 10px 20px;
    border: thick;
    transition: opacity 0.3s ease;
}

    [b-mgajrgo21u] .Invoices-cards:hover {
        cursor: pointer;
        opacity: 0.7;
        background-color: #e0dede !important;
    }

[b-mgajrgo21u] .no-bottom-margin {
    margin-bottom: 0rem;
}

[b-mgajrgo21u] .grey-text {
    color: #555555;
    font-size: 12px;
}

[b-mgajrgo21u] .black-text {
    color: black;
    font-size: 16px;
}

[b-mgajrgo21u] .Invoice-pill, [b-mgajrgo21u] .Quotation-pill {
    border-radius: 15px;
    padding: 2px 20px;
}

[b-mgajrgo21u] .Invoice-pill {
    color: var(--C-2, #698AD4) !important;
    border: 2px solid var(--C-2, #698AD4) !important;
    background: var(--c-220, #E1E8F6);
}

[b-mgajrgo21u] .Quotation-pill {
    color: var(--C-1, #FDB121) !important;
    border: 2px solid var(--C-1, #FDB121) !important;
    background: var(--c-120, #FFEFD3);
}

[b-mgajrgo21u] .show-invoice-icon {
    content: url('invoices/invoiceicon.svg');
}

[b-mgajrgo21u] .show-quotation-icon {
    content: url('invoices/quotationicon.svg');
}

@media (max-width: 768px) {
    [b-mgajrgo21u] .Invoice-pill, [b-mgajrgo21u] .Quotation-pill {
        display: none;
    }
}
/* /Components/InvoiceQuotationWidget.razor.rz.scp.css */
[b-3gcwg54dq7] .empty-invoice-card {
  background-color: #ffefd3;
  border: 1px solid var(--c-160, #fed07a);
  padding: 20px;
  text-align: center;
  position: relative;
  width: 360px;
  border-radius: 15px;
}

[b-3gcwg54dq7].empty-invoice-card .rz-text-caption {
  font-size: 11px;
  font-style: italic;
}

[b-3gcwg54dq7].empty-invoice-card .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fee0a6;
  border: none;
  border-radius: 12px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
}

[b-3gcwg54dq7].empty-invoice-card .create-button {
  background-color: #000000;
  color: white;
  border: none;
  border-radius: 12px;
  width: 94%;
  height: 50px;
  margin: 20px 0;
  cursor: pointer;
}

[b-3gcwg54dq7].empty-invoice-card .createButton-mobile {
  background-color: #000000;
  color: white;
  border: none;
  border-radius: 12px;
  width: 94%;
  height: 50px;
  margin: 20px 0;
  cursor: pointer;
  position: relative !important;
}

[b-3gcwg54dq7] .starimage {
  max-height: 70px;
  max-width: 70px;
}

[b-3gcwg54dq7] .create-phrase {
  color: black;
  font-size: 16px;
  max-width: 210px;
  margin-bottom: 40px;
}

[b-3gcwg54dq7] .createButton {
  background-color: #000000 !important;
  border-color: #000000 !important;
  width: 100%;
  height: 50px;
  border-radius: 12px;
  min-width: 195px;
}

[b-3gcwg54dq7] .createButton-premium {
  background-color: white !important;
  border: 1px solid black !important;
  color: black !important;
  width: 100%;
  height: 50px;
  border-radius: 12px;
  min-width: 195px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px !important;
}

[b-3gcwg54dq7].rz-button.rz-primary.rz-shade-default {
    justify-content: center;
}

[b-3gcwg54dq7] .createButton-premium span {
    gap: 7px;
}

[b-3gcwg54dq7] .createButton-premium .premium-icon {
  height: 1.5rem !important;
  width: auto !important;
}

[b-3gcwg54dq7].empty-invoice-card .skipButton {
  background-color: #ffefd3;
  color: black;
  border: none;
  border-radius: 12px;
  width: 94%;
  height: 50px;
  margin: 20px 0;
  cursor: pointer;
  box-shadow: none;
}

[b-3gcwg54dq7] .createButton-stack {
  flex-direction: row !important;
  padding-top: 5px;
}

@media (max-width: 768px) {
  [b-3gcwg54dq7] .empty-invoice-card {
    width: 100%;
  }

  [b-3gcwg54dq7] .createButton-stack {
    flex-direction: column !important;
    width: 100%;
  }
}

/* /Components/InvoiceSearchBar.razor.rz.scp.css */
[b-cievouif2n] .search-container {
    border-radius: 20px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    min-height: 55px;
    padding: 0px 20px;
    flex-grow: 1;
    margin: 0px;
    justify-content: center !important;
    gap: 0px;
}

[b-cievouif2n] .search-bar {
    flex-wrap: nowrap;
    min-height: 55px;
}

[b-cievouif2n] .search-text-box {
    width: 100%;
    border: none !important;
    background: var(--C-Fill, #F7F5F5) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    Padding-left: 8px;
}
/* /Components/InvoiceSteps.razor.rz.scp.css */
[b-36o1iwma59] .step-header {
  margin-bottom: 12px;
  text-align: center;
}

[b-36o1iwma59] .step-label {
  color: #3660BA !important;
  font-size: 14px;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  margin: 0;
  text-align: center;
  transition: all 0.3s ease;
  min-width: 110px;
}

[b-36o1iwma59] .step-row {
  margin: 0px 0px 26px 0px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
}

[b-36o1iwma59] .step-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  min-width: 0;
  max-width: 44px;
}

[b-36o1iwma59] .step-indicator {
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

[b-36o1iwma59] .step-label-completed,
[b-36o1iwma59] .step-label-current,
[b-36o1iwma59] .step-label-upcoming {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  white-space: normal;
  transition: all 0.3s ease;
  line-height: 1.2;
  letter-spacing: 0.25px;
  overflow: hidden;
  text-overflow: ellipsis;
}

[b-36o1iwma59] .step-label-completed {
  color: #3660BA !important;
  font-weight: 600;
}

[b-36o1iwma59] .step-label-current {
  color: #3660BA !important;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(54, 96, 186, 0.2);
  transform: scale(1.05);
}

[b-36o1iwma59] .step-label-upcoming {
  color: #999 !important;
  font-weight: 500;
}

[b-36o1iwma59] .current-question, [b-36o1iwma59] .question-unanswered {
  color: #3660BA !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  width: 30px;
  height: 30px;
  background: var(--c-220, #E1E8F6) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

[b-36o1iwma59] .current-question {
  color: #3660BA !important;
  font-weight: 700 !important;
  background: #E1E8F6 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 3;
}

[b-36o1iwma59] .question-unanswered {
  background: #A4A7AE !important;
  color: white !important;
  border: none;
}

/* Tablet */
@media (max-width: 768px) {
  [b-36o1iwma59] .step-header {
    margin-bottom: 10px;
  }

  [b-36o1iwma59] .step-label {
    font-size: 13px;
  }

  [b-36o1iwma59] .step-row {
    margin: 0px 0px 20px 0px;
  }

  [b-36o1iwma59] .step-indicator {
    margin-bottom: 8px;
  }

  [b-36o1iwma59] .step-label-completed,
  [b-36o1iwma59] .step-label-current,
  [b-36o1iwma59] .step-label-upcoming {
    font-size: 11px;
    letter-spacing: 0.15px;
  }

  [b-36o1iwma59] .current-question, [b-36o1iwma59] .question-unanswered {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  [b-36o1iwma59] .step-row {
    margin: 0px 0px 18px 0px;
  }

  [b-36o1iwma59] .step-label-completed,
  [b-36o1iwma59] .step-label-current,
  [b-36o1iwma59] .step-label-upcoming {
    font-size: 10px;
    max-width: 70px;
    word-wrap: break-word;
    hyphens: auto;
  }

  [b-36o1iwma59] .current-question, [b-36o1iwma59] .question-unanswered {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
}

/* Small Mobile */
@media (max-width: 375px) {
  [b-36o1iwma59] .step-label-completed,
  [b-36o1iwma59] .step-label-current,
  [b-36o1iwma59] .step-label-upcoming {
    font-size: 9px;
    max-width: 55px;
  }

  [b-36o1iwma59] .current-question, [b-36o1iwma59] .question-unanswered {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}

[b-36o1iwma59] .completed-question {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  width: 32px;
  height: 32px;
  background: #E1E8F6 !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
  /* No border for completed steps as per image */
}

[b-36o1iwma59] .checkmark {
  color: #3660BA;
  font-size: 14px;
  font-weight: bold;
}

/* Responsive styles for completed-question */
@media (max-width: 768px) {
  [b-36o1iwma59] .completed-question {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  [b-36o1iwma59] .checkmark {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  [b-36o1iwma59] .completed-question {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }

  [b-36o1iwma59] .checkmark {
    font-size: 15px;
  }
}

@media (max-width: 375px) {
  [b-36o1iwma59] .completed-question {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  [b-36o1iwma59] .checkmark {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  [b-36o1iwma59] .line {
    margin-top: 17px !important;
  }
}

[b-36o1iwma59] .step-indicator-wrapper {
  padding: 6px;
  border-radius: 100%;
  margin-bottom: 10px;
}

[b-36o1iwma59] .step-indicator {
  margin-bottom: 0px !important;
  background-color: transparent !important;
}

[b-36o1iwma59] .step-indicator-wrapper.current {
  background-color: #FFC9B2;
}

[b-36o1iwma59] .step-indicator-wrapper.completed {
  background-color: #E1E8F6;
}

[b-36o1iwma59] .step-indicator-wrapper.upcoming {
  background-color: #D5D7DA;
}

[b-36o1iwma59] .current-question {
  color: white !important;
  background: #FF9365 !important;
}

[b-36o1iwma59] .completed-question {
  background: #C3D0EE !important;
}

[b-36o1iwma59] .line {
  background-color: #EAEAEA !important;
  height: 8px;
  flex-grow: 1;
  margin-top: 15px;
  margin-left: -4px;
  margin-right: -4px;
}

[b-36o1iwma59] .line.completed {
  background-color: #C3D0EE !important;
  height: 8px;
}
/* /Components/JobSelector.razor.rz.scp.css */
[b-hbafrpyvsa] .search-container, [b-hbafrpyvsa] .search-container-invalid {
  border-radius: 20px;
  border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
  background: var(--C-Fill, #F7F5F5) !important;
  min-height: 55px;
  padding: 0px 20px;
  flex-grow: 1;
  margin: 0px;
  justify-content: flex-start !important;
  gap: 0px;
}

[b-hbafrpyvsa] .search-container-invalid {
  border: 1px solid var(--Mistake, #E43C17) !important;
}

[b-hbafrpyvsa] .search-bar {
  flex-wrap: nowrap;
  min-height: 55px;
}

[b-hbafrpyvsa] .hr-line {
  border-bottom: 1px solid var(--C-Fill-Corners, #EAEAEA);
  margin-bottom: 10px;
}

[b-hbafrpyvsa] .search-text-box {
  width: 100%;
  border: none !important;
  background: var(--C-Fill, #F7F5F5) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-left: 8px;
}

  [b-hbafrpyvsa] .search-text-box:focus {
    outline: none;
    box-shadow: none;
  }

[b-hbafrpyvsa] .job-selector-datalist.rz-datalist {
  border: none;
  background: transparent;
  max-height: 300px;
  width: 100%;
  overflow-y: auto;
}

[b-hbafrpyvsa] .job-selector-datalist .rz-datalist-data {
  padding: 0;
  overflow-y: auto;
}

  [b-hbafrpyvsa] .job-selector-datalist .rz-datalist-data li {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
  }

[b-hbafrpyvsa] .job-selector-datalist.dropdown-list {
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
}

  [b-hbafrpyvsa] .job-selector-datalist.dropdown-list::-webkit-scrollbar {
    width: 8px;
  }

  [b-hbafrpyvsa] .job-selector-datalist.dropdown-list::-webkit-scrollbar-track {
    background: transparent;
  }

  [b-hbafrpyvsa] .job-selector-datalist.dropdown-list::-webkit-scrollbar-thumb {
    background-color: var(--rz-secondary);
    border-radius: 4px;
  }

[b-hbafrpyvsa] .result-item {
  padding: 10px 20px 10px 0;
  margin: 0px;
  cursor: pointer;
  display: flex;
  justify-content: normal !important;
  width: 100%;
}

  [b-hbafrpyvsa] .result-item:hover {
    background-color: #D3D3D3;
  }

[b-hbafrpyvsa] .item-name {
  margin: 0px;
  text-align: left;
  width: 100%;
}

[b-hbafrpyvsa] .close-button {
  background: unset !important;
  text-transform: capitalize;
  color: #3660BA !important;
  padding: 10px;
}

[b-hbafrpyvsa] .show {
  display: flex !important;
}

[b-hbafrpyvsa] .hide {
  display: none !important;
}

[b-hbafrpyvsa] .rz-button:hover {
  background-color: transparent !important;
}

[b-hbafrpyvsa] .rz-button:focus {
  box-shadow: none !important;
  outline: none !important;
}
/* /Components/LoaderComponent.razor.rz.scp.css */
[b-43oatkye6x] .loader {
  margin-top: 1rem;
}
/* /Components/MainLayoutComponents/CustomPanelMenuItem.razor.rz.scp.css */
[b-7fsvplg0ej] .rz-navigation-item-link.icon-only {
  margin-inline-end: 0px;
}
/* /Components/MainLayoutComponents/HeaderProfileComponent.razor.rz.scp.css */
[b-7xjsvxot9f] .desktopHeaderProfile {
  flex: 0 !important;
}

[b-7xjsvxot9f] .fs-profile-stack {
  width: fit-content;
}

[b-7xjsvxot9f] .profile-picture {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}

  [b-7xjsvxot9f] .profile-picture:hover {
    cursor: pointer;
  }

[b-7xjsvxot9f] .profile-name-text {
  display: flex;
  color: #000 !important;
  font-size: 16px;
  font-weight: 500;
  text-wrap: nowrap;
  cursor: pointer;
}

  [b-7xjsvxot9f] .profile-name-text:hover {
    cursor: pointer;
  }

[b-7xjsvxot9f] .plan {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: max-content;
}

  [b-7xjsvxot9f] .plan:hover {
    cursor: pointer;
  }

[b-7xjsvxot9f] .running-timer {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  width: 86px;
  text-align: start;
}

  [b-7xjsvxot9f] .running-timer:hover {
    cursor: pointer;
  }

[b-7xjsvxot9f] .time-entry-name {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 87px;
}

  [b-7xjsvxot9f] .time-entry-name:hover {
    cursor: pointer;
  }

[b-7xjsvxot9f] .alarm-icon {
  width: 32px;
  height: 32px;
}

  [b-7xjsvxot9f] .alarm-icon:hover {
    cursor: pointer;
  }

[b-7xjsvxot9f] .active-timer-profile {
  height: 54px;
  padding: 1px 0px 1px 13px;
  border-radius: 50px;
  background: #FDC14D !important;
}

[b-7xjsvxot9f] .paused-timer-profile {
  height: 54px;
  padding: 1px 0px 1px 13px;
  border-radius: 50px;
  background: #C3D0EE !important;
}

[b-7xjsvxot9f] .no-timer-profile {
  background: unset;
}

[b-7xjsvxot9f] .rz-tooltip {
    z-index: 3000 !important;
}

[b-7xjsvxot9f] .rz-navigation-item-link {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 25px !important;
  margin-right: 27px !important;
}

[b-7xjsvxot9f] .rz-navigation-item-text {
    margin-left: 6px !important;
}
/* /Components/MainLayoutComponents/NotificationBanner.razor.rz.scp.css */
.banner-container[b-9auy5aqhpi] {
  max-width: 50%;
  width: 100%;
}

[b-9auy5aqhpi] .notification-banner {
  display: flex;
  background-color: var(--C-LightGrey, #f5f5f5);
  border-radius: 15px;
  padding: 6px;
}

[b-9auy5aqhpi] .icon-success {
  width: 45px;
  height: 45px;
}

[b-9auy5aqhpi] .banner-title {
  color: var(--C-Black, #000);
  font-size: 14px;
  font-weight: 500;
}

[b-9auy5aqhpi] .container {
  max-width: 85% !important;
  margin: 0px;
  padding: 0px;
}

[b-9auy5aqhpi] .banner-subtitle {
  color: var(--C-Grey, #555);
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  [b-9auy5aqhpi] .banner-title {
    font-size: 12px;
  }

  [b-9auy5aqhpi] .banner-subtitle {
    font-size: 10px;
    white-space: pre-wrap;
    overflow: unset;
    text-overflow: unset;
    text-wrap: auto;
  }

  .banner-container[b-9auy5aqhpi] {
    max-width: unset;
  }
}
/* /Components/ManageTimeComponents/DateRangeSelectorPopup.razor.rz.scp.css */
[b-jv13y3a75x] .clear-button {
  border-radius: var(--radius-lg, 15px);
  background: var(--C-Fill, #F7F5F5) !important;
  padding: 13.5px 30px;

  display: flex;
  justify-content: center;
  align-items: center;

  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-jv13y3a75x] .primary-btn-width {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 145px;
  color: var(--C-White, #FAFAFA) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

[b-jv13y3a75x] .daterangepicker {
  margin-top: -20px !important;
  font-family: "Poppins", sans-serif;
}

[b-jv13y3a75x] .monthselect {
  border-radius: 10px;
  border: 1px solid var(--C-Black, #000);
  background: var(--C-Fill, #F7F5F5);
  padding: 5px 5px !important;
  text-align: center;
}

[b-jv13y3a75x] .yearselect {
  border-radius: 10px;
  border: 1px solid var(--C-Black, #000);
  background: var(--C-Fill, #F7F5F5) !important;
  padding: 5px 5px !important;
  text-align: center;
}

[b-jv13y3a75x] .in-range {
  background: var(--c-220, #E1E8F6) !important;
}

[b-jv13y3a75x] .start-date, [b-jv13y3a75x] .end-date {
  background: var(--C-2, #698AD4) !important;
}
/* /Components/ManageTimeComponents/HistoryTab/HistoryTimeLogEntry.razor.rz.scp.css */
[b-nuy0iv77r1] .history-card {
  border-radius: 12px;
  border: 1px solid #EAEAEA;
  background: #F7F5F5;
  padding: 0px;
  flex-direction: column !important;
}

[b-nuy0iv77r1] .history-card-row {
  width: 100%;
}

.desktop-fs[b-nuy0iv77r1] {
  padding: 12px;
  display: flex !important;
  gap: 12px;
  justify-content: space-between !important;
}

.desktop-fs :nth-child(1)[b-nuy0iv77r1] {
  display: flex;
  flex-direction: column;
  width: 71%;
}

.desktop-fs :nth-child(2)[b-nuy0iv77r1] {
  display: flex;
  justify-content: end;
  width: 29%;
}

[b-nuy0iv77r1] .time-entry-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}

[b-nuy0iv77r1] .edit-time-entry-btn {
  background: unset !important;
  margin-left: -15px;
}

[b-nuy0iv77r1] .date {
  color: #555 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

[b-nuy0iv77r1] .time {
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}

[b-nuy0iv77r1] .date-time-section {
  flex-direction: row !important;
}

.name-and-tags[b-nuy0iv77r1] {
  flex-direction: row;
  gap: 12px;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: center;
}

[b-nuy0iv77r1] .time-name-category {
  width: 38%;
  justify-content: start !important;
}

[b-nuy0iv77r1] .smaller-devices {
  display: none !important;
}

[b-nuy0iv77r1] .larger-screen {
  display: flex !important;
}

@media(max-width: 1080px) {
  [b-nuy0iv77r1] .time-name-category {
       width:100%;
  }

  .name-and-tags[b-nuy0iv77r1] {
    flex-direction: column;
    align-items: start;
  }

  [b-nuy0iv77r1] .date,
  [b-nuy0iv77r1] .time,
  [b-nuy0iv77r1] .time-entry-name {
    font-size: 16px;
  }

  [b-nuy0iv77r1] .date-time-section {
    flex-direction: column-reverse !important;
    gap: 0;
  }
}

@media(max-width: 768px) {
  [b-nuy0iv77r1] .date-time-section {
    flex-direction: column-reverse !important;
    gap: 0px !important;
  }

  [b-nuy0iv77r1] .ellipsis {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 80% !important;
  }

}

@media(max-width: 380px) {
  [b-nuy0iv77r1] .smaller-devices {
    display: flex !important;
    padding: 12px;
    margin-top: -12px;
    justify-content: space-between !important;
  }

  [b-nuy0iv77r1] .larger-screen {
      display: none !important;
  }

  [b-nuy0iv77r1] .ellipsis {
    max-width: 50% !important;
  }
}

@media(min-width: 380px) {
  [b-nuy0iv77r1] .mobile-only {
    display: none !important;
  }
}
/* /Components/ManageTimeComponents/InsightsTab/ClientInsightsCard.razor.rz.scp.css */
[b-t0i3a4pgkm] .client-insight-card {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #EAEAEA);
  padding: 20px 0px;
  width: 100%;
  height: 100%;
  position: relative;
}

[b-t0i3a4pgkm] .card-content {
  flex-grow: 1;
}

@media (max-width: 768px) {
  [b-t0i3a4pgkm] .card-client-information {
    flex-direction: column !important;
  }
}

[b-t0i3a4pgkm] .arrow-btn {
  background: unset !important;
  width: 34px;
  padding: 0 !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-t0i3a4pgkm] .arrow-image {
  color:black !important;
  width: 34px;
}

[b-t0i3a4pgkm] .heading-text {
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin: 0;
}

[b-t0i3a4pgkm] .subheading-text {
  color: #555;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
}

[b-t0i3a4pgkm] .create-invoice-btn {
  background-color: #000 !important;
  color: white;
  border-radius: 15px;
  padding: 13.5px 20px;
  white-space: nowrap;
  font-size: 16px;
}

[b-t0i3a4pgkm] .last-invoiced {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 4px;
}
@media (max-width: 768px) {
  [b-t0i3a4pgkm] .last-invoiced {
    align-items: flex-start;
  }
}

[b-t0i3a4pgkm] .last-invoiced .label {
  color: #555 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: right;
  margin: 0;
}

[b-t0i3a4pgkm] .last-invoiced .date {
  color: #555 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  margin: 0;
}

[b-t0i3a4pgkm] .metrics-container {
  display: flex;
  gap: 20px;
  margin-top: 18px;
  overflow-x: auto;
  padding-bottom: 4px;
  flex-wrap:wrap;
}

[b-t0i3a4pgkm] .metrics-container::-webkit-scrollbar {
  height: 4px;
}

[b-t0i3a4pgkm] .metrics-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}

[b-t0i3a4pgkm] .metrics-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 2px;
}
@media (max-width: 768px) {
  [b-t0i3a4pgkm] .metrics-container {
    flex-direction:column
  }
}

[b-t0i3a4pgkm] .metric-card {
  flex: 1 0 0;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 200px;
  border: none !important;
  box-shadow: none !important;
}

[b-t0i3a4pgkm] .metric-circle {
  background-color: white;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[b-t0i3a4pgkm] .metric-card .metric-value {
  font-size: 20px;
  font-weight: 500;
  color: #555;
}

[b-t0i3a4pgkm] .metric-card .metric-label {
  font-size: 16px;
  font-weight: 500;
  color: #555;
}

[b-t0i3a4pgkm] .metric-card.blue {
  background-color: #A5B9E5;
}

[b-t0i3a4pgkm] .metric-card.yellow {
  background-color: #FED07A;
}

[b-t0i3a4pgkm] .metric-card.coral {
  background-color: #FFAE8B;
}

[b-t0i3a4pgkm] .metric-card.teal {
  background-color: #68C7BC;
}
/* /Components/ManageTimeComponents/InsightsTab/InsightsClientBreakdownCard.razor.rz.scp.css */
[b-ecvp6gjak2] .client-breakdown-cont {
  padding: 20px 20px 0px 20px;
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #EAEAEA);
  height: 100%;
}


.empty-state[b-ecvp6gjak2]{
  height: 80%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

[b-ecvp6gjak2] .heading-text {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

[b-ecvp6gjak2] .subheading-text {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

[b-ecvp6gjak2] .rz-tick-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  fill: #141B34;
}

[b-ecvp6gjak2] .client-bar {
  fill: #698AD4;
}

[b-ecvp6gjak2] .rz-line {
  display: none !important;
}

[b-ecvp6gjak2] .rz-category-axis {
  display: none !important;
}

[b-ecvp6gjak2] .rz-tick-line {
  display: none !important;
}

[b-ecvp6gjak2] .rz-legend-item {
  display: none !important;
}

.metric-cont[b-ecvp6gjak2] {
  display: grid;
  grid-template-columns: 2fr 0.5fr;
}

.hours[b-ecvp6gjak2] {
  margin-top: 44px;
}

[b-ecvp6gjak2] .hours-text {
  margin-top: 25px;
}

[b-ecvp6gjak2] .rz-series-data-label {
  fill: #252B41;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

[b-ecvp6gjak2] .arrow-btn {
  background-color: white !important;
}

[b-ecvp6gjak2] .step.completed {
  background-color: #698AD4 !important;
}
/* /Components/ManageTimeComponents/InsightsTab/InsightsOverviewCard.razor.rz.scp.css */
[b-28g5pq5pj5] .overview-card {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #EAEAEA);
  padding: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

[b-28g5pq5pj5] .heading-text {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

[b-28g5pq5pj5] .subheading-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.chart-container[b-28g5pq5pj5] {
  display: flex;
  gap: 40px;
  flex-grow: 1;
}

[b-28g5pq5pj5] .task-name {
  flex-grow: 1;
  color: #141B34 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
}

[b-28g5pq5pj5] .display-hours {
  color: #181818 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}

[b-28g5pq5pj5] .chart-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

[b-28g5pq5pj5] .chart-hours {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

[b-28g5pq5pj5] .donut-chart-stack {
  width: 100%;
  max-width: 600px;
}

@media (max-width: 1080px) {
  .chart-container[b-28g5pq5pj5] {
    flex-direction: column-reverse;
    gap: 0px;
  }
}
/* /Components/ManageTimeComponents/InsightsTab/InsightsTab.razor.rz.scp.css */
[b-wcs7t864k0] .date-range {
  margin-top: -12px;
}

.overview-breakdown-grid[b-wcs7t864k0] {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
  gap: 22px;
}

@media (max-width: 768px) {
  .overview-breakdown-grid[b-wcs7t864k0] {
    grid-template-columns: 1fr;
  }
}
/* /Components/ManageTimeComponents/NewTimeLogPopup.razor.rz.scp.css */
[b-srg4pqyfdq] .time-text-details {
  color: #555 !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-srg4pqyfdq] .time-text-heading {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-srg4pqyfdq] .manual-time-input {
  border-radius: var(--radius-lg, 15px);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
  appearance: textfield; /* Removes spinners in most browsers */
  /* Add focus state to improve visual feedback */
  transition: border-color 0.2s, box-shadow 0.2s;
}

  /* Remove spinners for webkit browsers */
  [b-srg4pqyfdq] .manual-time-input::-webkit-outer-spin-button,
  [b-srg4pqyfdq] .manual-time-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Add focus state styling for better UX */
  [b-srg4pqyfdq] .manual-time-input:focus {
    border-color: #698AD4;
    box-shadow: 0 0 0 2px rgba(105, 138, 212, 0.25);
    outline: none;
  }

  /* Style the input when validation fails */
  [b-srg4pqyfdq] .manual-time-input.invalid {
    border-color: #ff3e3e;
    background-color: rgba(255, 62, 62, 0.05);
  }

[b-srg4pqyfdq] .work-life-button-selected {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid #698AD4 !important;
  background-color: rgba(105, 138, 212, 0.10) !important;
  color: #698AD4 !important;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}

[b-srg4pqyfdq] .life-button-selected {
  border: 1px solid #B969D4 !important;
  background-color: #F0E3F4 !important;
  border-radius: var(--radius-lg, 15px);
  color: #698AD4 !important;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}

[b-srg4pqyfdq] .rz-dialog-title {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}

[b-srg4pqyfdq] .work-life-button-unselected {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid #EAEAEA !important;
  background-color: #F7F5F5 !important;
  color: #698AD4 !important;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}

[b-srg4pqyfdq] .button-section {
  width: 100%;
  background-color: white;
  padding-top: 20px;
}

@media(max-width: 768px) {
  [b-srg4pqyfdq] .button-section {
    display: flex !important;
    flex-direction: column !important;
  }
}

[b-srg4pqyfdq] .working-on-button-client-selected {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid #05A190;
  background-color: rgba(5, 161, 144, 0.16) !important;
  width: 100%;
  padding: 12px;
}

[b-srg4pqyfdq] .working-on-button-client-unselected {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid #EAEAEA;
  background-color: #F7F5F5 !important;
  width: 100%;
  padding: 12px;
}

[b-srg4pqyfdq] .working-on-button-business-selected {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid #FF783E;
  background-color: rgba(255, 120, 62, 0.16) !important;
  width: 100%;
  padding: 12px;
}

[b-srg4pqyfdq] .working-on-button-business-unselected {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid #EAEAEA;
  background-color: #F7F5F5 !important;
  width: 100%;
  padding: 12px;
}

[b-srg4pqyfdq] .working-on-text {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-srg4pqyfdq] .working-on-icon {
  max-width: 55px !important;
}

[b-srg4pqyfdq] .new-client-button {
  width: 100%;
  padding: 13.5px 10px;
  border-radius: var(--radius-lg, 15px) !important;
  background-color: var(--C-Black, #000) !important;
  color: var(--C-White, #FAFAFA);
}

[b-srg4pqyfdq] .new-client-text {
  color: var(--C-White, #FAFAFA) !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-srg4pqyfdq] .rz-textbox {
  border-radius: var(--radius-lg, 15px) !important;
  width: 100%;
}

[b-srg4pqyfdq] .save-button {
  width: 100%;
  border-radius: var(--radius-lg, 15px) !important;
  background: var(--C-Black, #000) !important;
  padding: 13.5px 0;
}

[b-srg4pqyfdq] .cancel-button {
  width: 100%;
  border-radius: var(--radius-lg, 15px) !important;
  border: 1px solid #CACACA !important;
  background: var(--C-White, #FAFAFA) !important;
  padding: 13.5px 0;
}

[b-srg4pqyfdq] .save-button-text {
  color: var(--C-White, #FAFAFA) !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  width: 100%;
}

[b-srg4pqyfdq] .cancel-button-text {
  color: var(--C-Black, #000) !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
}

[b-srg4pqyfdq] .me-time-selected {
  border-radius: var(--radius-lg, 15px) !important;
  border: 1px solid #FF6565 !important;
  background-color: rgba(255, 101, 101, 0.16) !important;
  width: 100%;
  padding: 12px;
}

[b-srg4pqyfdq] .study-selected {
  border-radius: var(--radius-lg, 15px) !important;
  border: 1px solid #36B441 !important;
  background-color: rgba(54, 180, 65, 0.16) !important;
  width: 100%;
  padding: 12px;
}

[b-srg4pqyfdq] .friends-selected {
  border-radius: var(--radius-lg, 15px) !important;
  border: 1px solid #4DCBFD !important;
  background-color: rgba(77, 203, 253, 0.16) !important;
  width: 100%;
  padding: 12px;
}

[b-srg4pqyfdq] .date-input-container {
  display: flex;
  gap: 5px;
}

[b-srg4pqyfdq] .date-input {
  height: 47px;
  cursor: pointer !important;
}

[b-srg4pqyfdq] .calendar-icon {
  height: 47px;
}

[b-srg4pqyfdq] .required-field {
  color: #FF6565;
}

[b-srg4pqyfdq] .validation-message {
  color: #ff3e3e;
  font-size: 14px;
  margin-top: 5px !important;
  font-weight: 500;
  animation: fadeIn-b-srg4pqyfdq 0.3s ease-in-out;
  display: flex;
  align-items: center;
}

/* Add animation for validation message */
@keyframes fadeIn-b-srg4pqyfdq {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[b-srg4pqyfdq] .save-button-disabled {
  width: 100%;
  border-radius: var(--radius-lg, 15px) !important;
  background: #CACACA !important;
  padding: 13.5px 0;
  cursor: not-allowed;
}

  [b-srg4pqyfdq] .save-button-disabled .save-button-text {
    color: #000 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    width: 100%;
  }
/* /Components/ManageTimeComponents/TimeManagerAccordion.razor.rz.scp.css */
[b-btrqevctt5] .fs-accordion-row,
[b-btrqevctt5] .fs-accordion-row-expanded {
  flex-wrap: nowrap;
}

  [b-btrqevctt5] .fs-accordion-row:hover {
    cursor: pointer;
  }

[b-btrqevctt5] .fs-accordion-row-expanded {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

[b-btrqevctt5] .accordion-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

[b-btrqevctt5] .fs-stack-content {
  flex-grow: 1;
}

.fs-accordion-container[b-btrqevctt5] {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 22px;
}

[b-btrqevctt5] .date-range-text {
  color: #555 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
/* /Components/ManageTimeComponents/TimeManagerConfirmPopup.razor.rz.scp.css */
[b-ntkgnyvypy] .btn {
  width: 88%;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0px 13.5px;
  border-radius: 15px;
  height: 48px;
}

  [b-ntkgnyvypy] .btn > .rz-button-box {
    text-transform: none;
  }

  [b-ntkgnyvypy] .primary-button {
    background-color: #000000;
    color: #ffffff;
  }

[b-ntkgnyvypy] .secondary-button {
  background-color: #ffffff;
  color: #000000;
  outline: 0px solid #000000 !important;
}

[b-ntkgnyvypy] .tertiary-button {
  background-color: #E1E8F6 !important;
  color: #000000 !important;
}

[b-ntkgnyvypy] .add-company-dialog {
  font-size: 18px !important;
  text-align: center !important;
  display: inline-block !important;
  justify-content: center !important;
}

[b-ntkgnyvypy] .dialog-text {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 310px;
  padding: 0px 5px;
  margin-top: -5px;
}

[b-ntkgnyvypy] #rz-dialog-0-label {
  padding: 16px 16px 0px !important;
}


@media (max-width: 768px) {
  [b-ntkgnyvypy] .btn {
    width: 88%;
  }
}
/* /Components/ManageTimeComponents/TimeManagerDateRangePicker.razor.rz.scp.css */
[b-do444eibdx] .container-card {
  border-radius: 20px;
  border: 1px solid var(--colours-C-Fill-Corners, #EAEAEA);
  padding: 20px;
}

[b-do444eibdx] .date-btn, [b-do444eibdx] .categoty-btn {
  border-radius: 12px;
  border: 1px solid #EAEAEA;
  background: #F7F5F5 !important;
  height: 55px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin: 0px;
  width: 100%;
}

[b-do444eibdx] .selected-range {
  border: 1px solid #ACBEE7;
  background: #F0F3FB !important;
}

[b-do444eibdx] .daterange-text {
  color: #555 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

[b-do444eibdx] .selected-range-text {
  color: #698AD4 !important;
}

[b-do444eibdx] .clear-btn {
  background: unset !important;
  margin-right: -20px;
}

[b-do444eibdx] .calendar-btn {
  background: unset !important;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  min-width: 55px;
}

[b-do444eibdx] .date-range-row {
  flex-wrap: nowrap !important;
  width: 100%;
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #EAEAEA);
  background: var(--C-Fill, #F7F5F5);
  height: 55px;
  padding: 20px;
  cursor: pointer !important;
}

.date-range-grid-container[b-do444eibdx] {
  display: grid;
  gap: var(--spacing-2, 16px);
  grid-template-columns: repeat(3, 1fr);
}

[b-do444eibdx] .display-date-range-text, [b-do444eibdx] .clear-text {
  color: #555 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

[b-do444eibdx] .clear-text {
  font-size: 16px;
  line-height: 16px;
}

.category-row[b-do444eibdx] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
  gap: 8px;
}

@media (max-width: 768px) {
  .date-range-grid-container[b-do444eibdx] {
    grid-template-columns: 1fr;
  }
}
/* /Components/ManageTimeComponents/TimeSheetAndBillingTab/TimeSheetComponent.razor.rz.scp.css */
.bill-log-container[b-t2jdyxf9nq] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

[b-t2jdyxf9nq] .search-bar-container {
  flex-wrap: nowrap;
  min-height: 55px;
  width: 50%;
}

[b-t2jdyxf9nq] .export-invoice-button {
  max-height: 57px;
}

[b-t2jdyxf9nq] .button-text {
  color: var(--C-White, #FAFAFA) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}

[b-t2jdyxf9nq] .select-all-text {
  color: #698AD4 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 130% !important;
}

[b-t2jdyxf9nq] .entry-text {
  color: #000 !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  margin-left: 20px;
}

[b-t2jdyxf9nq] .billed {
  border-radius: var(--radius-x-sm, 6px) !important;
  border: 1px solid #36B441 !important;
  background: rgba(54, 180, 65, 0.16) !important;
  white-space: nowrap !important;
}

[b-t2jdyxf9nq] .billed-text {
  color: #36B441 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}

[b-t2jdyxf9nq] .unbilled {
  border-radius: var(--radius-x-sm, 6px) !important;
  border: 1px solid #FF6565 !important;
  background: rgba(255, 101, 101, 0.16) !important;
  white-space: nowrap !important;
}

[b-t2jdyxf9nq] .unbilled-text {
  color: #FF6565 !important;
  text-align: center !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}

[b-t2jdyxf9nq] .individual-time-log {
  border-radius: 12px;
  border: 1px solid #EAEAEA;
  background: #F7F5F5;
  padding: 8px 36px 8px 12px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 12px;
  cursor: pointer !important;
}

[b-t2jdyxf9nq] .date-text {
  color: #747373 !important;
  text-align: right !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 130% !important;
  margin-right: 40px;
}

[b-t2jdyxf9nq] .entry-checkbox {
  border-radius: 12px !important;
}

[b-t2jdyxf9nq] .duration-text {
  color: #181818 !important;
  text-align: center !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}

[b-t2jdyxf9nq] .entry-detail-cont {
  display: flex;
  align-items: center;
}

.date-time-details[b-t2jdyxf9nq] {
  display: flex;
  align-items: center;
  justify-content: end;
}

[b-t2jdyxf9nq] .date-dropdown {
  cursor: pointer !important;
}

@media(min-width: 768px) {
  [b-t2jdyxf9nq] .mobile-only {
    display: none !important;
  }
}

@media (max-width: 768px) {
  [b-t2jdyxf9nq] .search-bar-container {
    width: 100%;
  }

  .date-time-details[b-t2jdyxf9nq] {
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: center;
    text-align-last: right !important;
  }

  [b-t2jdyxf9nq] .duration-text {
    font-size: 16px !important;
    text-align-last: right;
  }

  [b-t2jdyxf9nq] .date-text {
    font-size: 16px !important;
    text-align-last: right;
    margin-right: 0;
  }

  [b-t2jdyxf9nq] .entry-text {
    font-size: 16px !important;
    margin-left: 0;
    margin-bottom: 8px;
  }

  [b-t2jdyxf9nq] .desktop-only {
    display: none !important;
  }

  [b-t2jdyxf9nq] .billed {
    padding: 4px 12px !important;
    min-height: 0px !important;
  }

  [b-t2jdyxf9nq] .unbilled {
    padding: 4px 12px !important;
    min-height: 0px !important;
  }

  [b-t2jdyxf9nq] .billed-text {
    font-size: 10px !important;
  }

  [b-t2jdyxf9nq] .unbilled-text {
    font-size: 10px !important;
  }

  .individual-time-log[b-t2jdyxf9nq] {
    grid-template-columns: 0.1fr 1.7fr 1fr;
    padding: 12px 20px;
    align-items: center;
  }

  [b-t2jdyxf9nq] .search-bar {
    width: 100%;
    min-width: 0;
  }

  [b-t2jdyxf9nq] .mobile-button-section {
    margin-top: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    padding: 0px 20px;
  }
}

.custom-checkbox[b-t2jdyxf9nq] {
  display: inline-flex;
  cursor: pointer;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  user-select: none;
  border-radius: 5px;
  border: 1px solid #000;
  background: var(--C-White, #FAFAFA);
}
/* /Components/ManageTimeComponents/TimeTag.razor.rz.scp.css */
[b-mhldf6nmnf] .work-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #698AD4;
  background: #E0E4F0;
  color: #698AD4 !important;
}

[b-mhldf6nmnf] .work-client-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #05A190;
  background: rgba(5, 161, 144, 0.16);
  color: #05A190 !important;
}

[b-mhldf6nmnf] .work-personal-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #FF783E;
  background: rgba(255, 120, 62, 0.16);
  color: #FF783E !important;
}

[b-mhldf6nmnf] .life-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #B969D4;
  background: rgba(185, 105, 212, 0.16);
  color: #B969D4 !important;
}

[b-mhldf6nmnf] .life-metime-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #FF6565;
  background: rgba(255, 101, 101, 0.16);
  color: #FF6565 !important;
}

[b-mhldf6nmnf] .life-family-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #4DCBFD;
  background: rgba(77, 203, 253, 0.16);
  color: #32A8D7 !important;
}

[b-mhldf6nmnf] .life-study-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #36B441;
  background: rgba(54, 180, 65, 0.16);
  color: #36B441 !important;
}

[b-mhldf6nmnf] .time-log-type {
  padding: 4px 12px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}


@media(max-width: 1080px) {
  [b-mhldf6nmnf] .time-log-type {
    font-size: 10px;
  }
}
/* /Components/ManageTimeComponents/TimeTrackingTab/TimeLogComponent.razor.rz.scp.css */
[b-sr0fi7mrbu] .time-log-text-heading {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-sr0fi7mrbu] .time-log-title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 8px;
}

[b-sr0fi7mrbu] .timelog-cont {
  width: 100%;
}

[b-sr0fi7mrbu] .timlog-cont-life {
  width: 50% !important;
}

[b-sr0fi7mrbu] .time-log-play-button {
  width: 24px;
  height: 24px;
}

[b-sr0fi7mrbu] .individual-time-log {
  border-radius: 12px;
  border: 1px solid #EAEAEA;
  background: #F7F5F5;
  padding: 12px;
}

[b-sr0fi7mrbu] .time-log-type {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

[b-sr0fi7mrbu] .alarm-clock {
  width: 20px;
  height: 20px;
}

[b-sr0fi7mrbu] .work-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #698AD4;
  background: rgba(105, 138, 212, 0.16);
  color: #698AD4 !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .work-client-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #05A190;
  background: rgba(5, 161, 144, 0.16);
  color: #05A190 !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .work-personal-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #FF783E;
  background: rgba(255, 120, 62, 0.16);
  color: #FF783E !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .work-project-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #FDC14D;
  background: rgba(253, 193, 77, 0.16);
  color: #E9AB32 !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .life-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #B969D4;
  background: rgba(185, 105, 212, 0.16);
  color: #B969D4 !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .life-metime-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #FF6565;
  background: rgba(255, 101, 101, 0.16);
  color: #FF6565 !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .life-family-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #4DCBFD;
  background: rgba(77, 203, 253, 0.16);
  color: #32A8D7 !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .life-study-tag {
  border-radius: var(--radius-x-sm, 6px);
  border: 1px solid #36B441;
  background: rgba(54, 180, 65, 0.16);
  color: #36B441 !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-sr0fi7mrbu] .quick-start-btn {
    background: unset !important;
}

@media(max-width: 1016px) {
  [b-sr0fi7mrbu] .responsive-stack {
    flex-direction: column !important;
  }

  @media(min-width: 768px) {
    [b-sr0fi7mrbu] .life-only-cont {
      width: 50% !important;
    }
  }

  @media(max-width: 1016px) {
      [b-sr0fi7mrbu] .responsive-stack {
        flex-direction: column !important;
      }

      [b-sr0fi7mrbu] .hide-alarm-clock {
        display: none;
      }

      [b-sr0fi7mrbu] .time-log-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 130px !important;
      }

      [b-sr0fi7mrbu] .ellipsis {
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 58px !important;
      }
  }
}
/* /Components/ManageTimeComponents/TimeTrackingTab/TimerComponent.razor.rz.scp.css */
.timer-wrapper[b-8hg1un44m4] {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

@media (max-width: 768px) {
  .timer-wrapper[b-8hg1un44m4] {
    display: flex;
    flex-direction: column;
  }
}

[b-8hg1un44m4] .add-manually-btn {
  padding: var(--spacing-2, 16px);
  height: 100% !important;
}

@media (max-width: 768px) {
  [b-8hg1un44m4] .fs-manual-btn {
    flex-direction: row !important;
  }
}

/** Paused timer name styling **/
[b-8hg1un44m4] .timer-name-paused {
  color: #87A1DD !important;
}

/** Inline text layout for timer names **/
[b-8hg1un44m4] .timer-name-stack,
[b-8hg1un44m4] .timer-name-stack-mobile,
[b-8hg1un44m4] .timer-name {
  display: inline-block;
}

  [b-8hg1un44m4] .timer-name-stack > *,
  [b-8hg1un44m4] .timer-name-stack-mobile > *,
  [b-8hg1un44m4] .timer-name > * {
    display: inline;
  }

/** vertical **/

[b-8hg1un44m4] .timer-card {
  width: 100%;
  background: #e1e8f6;
  border-radius: 12px;
  padding: 0 20px 0 0;
}

@media (max-width: 768px) {
  [b-8hg1un44m4] .timer-card.active {
    display: none;
  }
}

[b-8hg1un44m4] .active-timer-counter {
  background-image: url("time-manager/ellipse-background.svg");
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 25px 40px 20px 20px;
}

@media (max-width: 768px) {
  [b-8hg1un44m4] .active-timer-counter {
    background-size: cover;
    background-position: center right;
    padding: 25px 5px 20px 20px;
  }
}

[b-8hg1un44m4] .timer-name-stack,
[b-8hg1un44m4] .timer-name-div {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

[b-8hg1un44m4] .timer-name-stack {
  margin-left: -30px;
}

[b-8hg1un44m4] .timer-name-stack-mobile {
  display: none;
}

@media (max-width: 768px) {
  [b-8hg1un44m4] .timer-name-stack {
    display: none;
  }

  [b-8hg1un44m4] .timer-name-stack-mobile {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
  }
}

[b-8hg1un44m4] .timer-name-div {
  display: none;
}

[b-8hg1un44m4] .fs-stack-timer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

[b-8hg1un44m4] .fs-stack-timer-counter {
  align-items: center !important;
  gap: 10px;
}

[b-8hg1un44m4] .active-timer {
  text-align: center;
  font-size: 44px;
  font-weight: 500;
  line-height: normal;
  padding-right: 20px;
  min-width: 215px;
}

@media (max-width: 768px) {
  [b-8hg1un44m4] .active-timer {
    text-align: center;
    line-height: 46px;
    padding-right: 0px;
  }
}

@media (max-width: 380px) {
  [b-8hg1un44m4] .active-timer {
    font-size: 30px;
    line-height: 32px;
  }

  [b-8hg1un44m4] .active-timer-counter {
    background-size: cover;
    background-position: center right;
    padding: 25px 0px 20px 0px;
  }
}

[b-8hg1un44m4] .play-btn,
[b-8hg1un44m4] .stop-btn,
[b-8hg1un44m4] .pause-btn {
  background: unset !important;
  padding: 0;
  min-width: 65px;
}

@media (max-width: 350px) {
  [b-8hg1un44m4] .play-btn {
    margin-left: -10px;
  }
}

[b-8hg1un44m4] .primary-button-text {
  color: var(--Surface-surface-white, #fff) !important;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

[b-8hg1un44m4] .mobile-timer-card {
  display: none;
}

@media (max-width: 768px) {
  [b-8hg1un44m4] .mobile-timer-card {
    display: flex;
    padding: 0;
    border-radius: 20px;
  }
}

@media (max-width: 768px) {
  [b-8hg1un44m4] .timer-card {
    display: flex;
  }
}

/** horizontal **/
[b-8hg1un44m4] .green-semi-circle {
  background: var(--c-460, #68c7bc);
  height: 200px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  border-radius: 100%;
  margin-top: -120px;
}

[b-8hg1un44m4] .mobile-timer-card-inner-container {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  background: #e1e8f6;
  border-radius: 20px;
  padding: 20px;
}

  [b-8hg1un44m4] .mobile-timer-card-inner-container .timer-name {
    margin-top: 40px;
    margin-bottom: 20px;
  }

@media (max-width: 768px) {
  [b-8hg1un44m4] .active-timer-container {
    display: block;
    text-align: center;
    z-index: 20;
  }
}
/* /Components/MotivationalWelcomeCard.razor.rz.scp.css */
[b-ig62xdovp4] .motivational-welcome-card {
  display: flex;
  max-width: 50rem;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}

[b-ig62xdovp4] .quote-content {
  max-width: 344px;
  z-index: 1;
  position: relative;
}

[b-ig62xdovp4] .quote-headline {
  color: #000000 !important;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 130%;
}

[b-ig62xdovp4] .quote-text {
  color: #555555 !important;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 14px;
}

[b-ig62xdovp4] .cta-button {
  margin-top: 20px;
  width: 195px;
  height: 40px !important;
  border-radius: 15px;
  padding: 13.5px 10px;
  gap: 8px;
  background-color: #000000;
  color: #FFFFFF;
  text-transform: none !important;
}

/* Decorative background icons */
[b-ig62xdovp4] .decorative-icons-container {
  right: 0;
  top: 0;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  padding: 20px;
}

[b-ig62xdovp4] .decorative-icon-1 {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 385px;
  bottom: 48PX;
}

[b-ig62xdovp4] .decorative-icon-2 {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 245px;
  bottom: 95PX;
}

[b-ig62xdovp4] .decorative-icon-3 {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 81px;
  bottom: 55PX;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
  [b-ig62xdovp4] .motivational-welcome-card {
    padding: 20px;
    margin-top: 5px;
  }

  [b-ig62xdovp4] .quote-content {
    max-width: 227px;
  }

  [b-ig62xdovp4] .quote-headline {
    font-size: 16px;
    font-weight: 500;
  }

  [b-ig62xdovp4] .quote-text {
    font-weight: 400;
    font-size: 12px;
  }

  [b-ig62xdovp4] .cta-button {
    width: 164px;
    height: 40px;
    border-radius: 15px;
    padding: 13.5px 10px;
    gap: 8px;
    background-color: #000000;
    color: #FFFFFF;
    min-width: unset;
  }

  [b-ig62xdovp4] .decorative-icons-container {
    width: 40%;
    padding: 10px;
  }

  [b-ig62xdovp4] .decorative-icon-1,
  [b-ig62xdovp4] .decorative-icon-2 {
    display: none
  }

  [b-ig62xdovp4] .decorative-icon-3 {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 49px;
    bottom: 33PX;
  }
}

@media (min-width: 768px) {
  [b-ig62xdovp4] .motivational-welcome-card {
    width: calc((15.8rem * 3) + (16px * 2)); /*3 columns + 2 gaps */
  }
}
/* /Components/OnboardingChat.razor.rz.scp.css */
[b-jqad0iw9uz] .rz-steps [role="tablist"] {
  display: none !important;
}

[b-jqad0iw9uz] .skip-button {
  background: unset !important;
  color: var(--C-Black, #000) !important;
  text-transform: inherit !important;
  max-width: 440px;
}

[b-jqad0iw9uz] .footer-button {
  margin-top: 24px;
  width: 100%;
}

[b-jqad0iw9uz] .fs-stack {
  max-width: 440px;
  width: 100%;
}

[b-jqad0iw9uz] .button-section {
  margin-top: 20px;
  width: 100%;
}

.parent-container[b-jqad0iw9uz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: 20px;
}

[b-jqad0iw9uz] .rz-widget-content {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

[b-jqad0iw9uz] .rz-steps {
  align-items: center !important;
}

[b-jqad0iw9uz] .question-text {
  text-align: center;
  color: var(--C-Black, #000) !important;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

[b-jqad0iw9uz] .fs-question-text {
  margin-bottom: 30px;
  max-width: 440px;
}

[b-jqad0iw9uz] .fs-container {
  width: 540px;
  height: 88%;
}

[b-jqad0iw9uz] .continue-button {
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  flex-grow: 1;
  max-width: 440px;
  padding: 13.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 55px;
  margin-top: 20px;
}

[b-jqad0iw9uz] .question-count {
  color: var(--C-2, #698ad4) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.star-logo[b-jqad0iw9uz] {
  width: 190px;
  height: 190px;
  padding: 10px;
  display: flex;
}

[b-jqad0iw9uz] .center-text {
  text-align: center;
}

@media (max-width: 768px) {
  [b-jqad0iw9uz] .fs-container {
    width: 100%;
    padding: 20px;
  }

  [b-jqad0iw9uz] .continue-button {
    margin-top: 10px;
  }
}

/* /Components/Overlay.razor.rz.scp.css */
.overlay[b-9oyzu5ldb6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}
/* /Components/PaginationComponent.razor.rz.scp.css */
[b-xm7cb77q02] .pagination-stack {
  margin-bottom: 25px;
}

[b-xm7cb77q02] .pagination-btn {
  border-radius: var(--radius-lg, 15px);
  background: var(--colours-C-Fill, #F7F5F5) !important;
  width: 55px;
  height: 55px
}

[b-xm7cb77q02] .page-of-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-xm7cb77q02] .rz-dropdown {
  max-width: 100px;
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
  background: var(--C-Fill, #F7F5F5);
  height: 51px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0px 20px;
}

  [b-xm7cb77q02] .rz-dropdown:hover {
    border: none;
  }

[b-xm7cb77q02] .rz-multiselect-trigger ::deep .rzi,
[b-xm7cb77q02] .rz-dropdown-trigger ::deep .rzi {
  display: none;
}

[b-xm7cb77q02] .rz-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
}

  [b-xm7cb77q02] .rz-dropdown-trigger::after {
    content: '';
    background-image: url('../invoices/paginationDownArrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    width: 16px;
    height: 16px;
  }

[b-xm7cb77q02] .rz-dropdown-trigger-icon {
  display: none;
}

@media (max-width: 1180px) {
  [b-xm7cb77q02] .radzen-column-end {
    width: 100%;
  }

  [b-xm7cb77q02] .fs-stack-header-name {
    align-items: center !important;
  }

  [b-xm7cb77q02] .createButton-stack {
    width: 100%;
  }

  [b-xm7cb77q02] .fs-header-stack {
    flex-direction: column !important;
  }

  [b-xm7cb77q02] .fs-row-per-page {
    justify-content: space-between !important;
    width: 100%;
  }

  [b-xm7cb77q02] .fs-row-pagination {
    width: 100%;
    justify-content: space-between !important;
    flex-wrap: nowrap;
  }

  [b-xm7cb77q02] .pagination-stack {
    flex-direction: column !important;
  }
}

@media (max-width: 340px) {
  [b-xm7cb77q02] .page-of-stack {
    flex-direction: column !important;
  }
}
/* /Components/PauseRARequestDialog.razor.rz.scp.css */
.modal-container[b-q00nrmqwef] {
  margin-top: -25px;
  padding-bottom: 20px;
}

.pause-reason-input[b-q00nrmqwef] {
  width: 100%;
  resize: vertical;
}

.character-count[b-q00nrmqwef] {
  font-size: 12px;
  color: #666;
  text-align: right;
  margin-top: -5px;
}

[b-q00nrmqwef] .button-section-investment {
  flex-direction: column !important;
  margin-top: 20px;
}

[b-q00nrmqwef] .powered-by-momentum-icon {
  height: 0.85rem;
}

[b-q00nrmqwef] .MOT-04-CMS-VI-TXT {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4rem;
}

[b-q00nrmqwef] .MOT-04-CMS-I-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}

[b-q00nrmqwef] .ProjectedFutureValueStack {
  border-radius: 15px;
  background: #F7F5F5;
  padding: 30px;
}

[b-q00nrmqwef] .ProjectedFutureValue {
  font-weight: 400;
  font-size: 35px;
  text-align: start;
}

[b-q00nrmqwef] .interest-earned-icon {
  width: 16px;
  height: 16px;
}

[b-q00nrmqwef] .amount-interest {
  color: #04A190;
  font-weight: 700;
  font-size: 16px;
}

[b-q00nrmqwef] .text-interest {
  color: #04A190;
  font-weight: 400;
  font-size: 16px;
}

[b-q00nrmqwef] .pause-reason-input {
  border-radius: 15px;
  padding: 13px 20px;
  border: 1px solid #EAEAEA;
  height: 51px;
  max-height: fit-content;
  outline: none;
}

[b-q00nrmqwef] .GBL-01D-CMS-I-TXT {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}

[b-q00nrmqwef] .GBL-01E-CMS-I-TXT {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}

[b-q00nrmqwef] .GBL-01E-CMS-II-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  color: var(--C-Grey, #555555);
  margin-bottom: 4rem;
}

[b-q00nrmqwef] .GBL-01D-CMS-VI-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 10px;
}

[b-q00nrmqwef] .mural-pause-icon {
  width: 56px;
  height: 56px;
}

[b-q00nrmqwef] .mural-heading {
  font-weight: 600;
  font-size: 20px;
}
/* /Components/PaymentFailureBanner.razor.rz.scp.css */
.payment-failure-banner[b-vb9284s368] {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
  color: white;
  padding: 1rem 1.5rem;
  border-radius: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  margin-bottom: 1rem;
}

.banner-icon[b-vb9284s368] {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}

[b-vb9284s368] .banner-title {
  font-size: 1rem;
  font-weight: 700;
  color: white;
  margin: 0;
}

[b-vb9284s368] .banner-message {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
}

[b-vb9284s368] .banner-button {
  background-color: white;
  color: #ff6b6b;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
  border-radius: 6px;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}

  [b-vb9284s368] .banner-button:hover {
    background-color: #f8f9fa;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }

  [b-vb9284s368] .banner-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  [b-vb9284s368] .banner-button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
  }

[b-vb9284s368] #payment-failure-banner-loading-spinner {
  width: 20px;
  height: 20px;
  margin: 0;
}

  [b-vb9284s368] #payment-failure-banner-loading-spinner svg {
    width: 20px;
    height: 20px;
  }

[b-vb9284s368] .primary-button {
  width: 263px;
}

@media (max-width: 768px) {
  [b-vb9284s368] .primary-button {
    width: 100% !important;
  }

  .payment-failure-banner[b-vb9284s368] {
    padding: 1.875rem 2rem;
  }

  [b-vb9284s368] .payment-failure-stack {
    flex-direction: column !important
  }

  [b-vb9284s368] .banner-title {
    font-size: 0.9375rem;
  }

  [b-vb9284s368] .banner-message {
    font-size: 0.8125rem;
  }

  [b-vb9284s368] .banner-button {
    padding: 0.4375rem 1.25rem;
    font-size: 0.875rem;
  }
}
/* /Components/PeachPaymentComponents/PeachPaymentCheckoutPayment.razor.rz.scp.css */
[b-bsw9mzu9dm] .btn-back-slide {
  width: 100%;
  height: 51px;
  border-radius: 16px;
  background: #ffffff !important;
  border: 1px solid #000000;
  color: #000000 !important;
}

[b-bsw9mzu9dm] .Check-out-stack {
  height: -webkit-fill-available;
  width: 100%;
  flex: 1;
}

[b-bsw9mzu9dm] .btn-next-slide {
  background: #181818 !important;
  color: #ffffff;
  border-radius: 16px;
  height: 51px;
  width: 100%;
  max-width: 740px;
  text-transform: math-auto !important;
}

.payment-checkout-container[b-bsw9mzu9dm] {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  height: 100%
}

.vertical-divider[b-bsw9mzu9dm] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  border-right: 1px solid #DFDFDF;
}

/* Step Progress Indicators */
.step-progress[b-bsw9mzu9dm] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.step-dot[b-bsw9mzu9dm] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

  .step-dot:hover[b-bsw9mzu9dm] {
    background-color: #d0d0d0;
    transform: scale(1.05);
  }

  .step-dot.active[b-bsw9mzu9dm] {
    background-color: #007bff;
    color: white;
    border-color: #0056b3;
  }

  .step-dot.completed[b-bsw9mzu9dm] {
    background-color: #28a745;
    color: white;
  }

/* Desktop View - 2 slides side by side */
[b-bsw9mzu9dm] .payment-check-out-desktop-view {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  min-height: 350px;
  max-height: 655px;
  height: 39rem;
}

/* Mobile View - 1 slide */
[b-bsw9mzu9dm] .payment-check-out-mobile-view {
  display: none !important;
}

/* Navigation Controls */
.navigation-controls[b-bsw9mzu9dm] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 0 20px;
}

.progress-info[b-bsw9mzu9dm] {
  font-weight: bold;
  color: #666;
  font-size: 16px;
  background: #f8f9fa;
  padding: 8px 16px;
  border-radius: 20px;
  border: 1px solid #e0e0e0;
}

.nav-btn[b-bsw9mzu9dm] {
  min-width: 100px;
}

[b-bsw9mzu9dm] .btn-stack-section {
  padding: 0px 24px;
  max-width: 800px;
}


[b-bsw9mzu9dm] .btn-stack {
  padding: 0px 24px;
}

[b-bsw9mzu9dm] .terms-conditions {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}

[b-bsw9mzu9dm] .terms-and-conditions {
  color: #FF783E;
  font-weight: bold;
}

[b-bsw9mzu9dm] .loader {
  width: 40px;
  height: 40px;
  margin: -10px;
}

[b-bsw9mzu9dm] .back-btn {
  background: none !important;
  padding: 0px;
}

  [b-bsw9mzu9dm] .back-btn > * {
    align-items: self-start !important;
    gap: 12px !important;
  }

[b-bsw9mzu9dm] .back-text {
  font-weight: 500;
  font-size: 18px;
}


[b-bsw9mzu9dm] .submit-button-stack {
  padding: 0px 24px;
  margin-right: 4px;
}


/* Mobile Breakpoint - 1107px and below */
@media (max-width: 1107px) {
  [b-bsw9mzu9dm] .submit-button-stack {
    padding: 0px 24px;
  }

  [b-bsw9mzu9dm] .btn-stack {
    padding: 0px 20px;
    max-width: 800px;
    width: 100%;
  }

  .payment-checkout-container[b-bsw9mzu9dm] {
    padding: 0px 0px 60px 0px;
  }

  .step-dot[b-bsw9mzu9dm] {
    width: 35px;
    height: 35px;
    font-size: 14px;
    margin: 2px;
  }

  .step-progress[b-bsw9mzu9dm] {
    gap: 8px;
    margin-bottom: 20px;
  }

  /* Hide desktop view */
  [b-bsw9mzu9dm] .payment-check-out-desktop-view {
    display: none !important;
  }

  /* Show mobile view - single slide */
  [b-bsw9mzu9dm] .payment-check-out-mobile-view {
    display: flex !important;
    min-height: 280px;
  }

  .navigation-controls[b-bsw9mzu9dm] {
    padding: 0 10px;
    margin-top: 15px;
  }

  .progress-info[b-bsw9mzu9dm] {
    font-size: 14px;
    padding: 6px 12px;
  }
}

/* Smaller Mobile Breakpoint - 480px and below */
@media (max-width: 480px) {
  .payment-checkout-container[b-bsw9mzu9dm] {
    padding: 10px;
  }

  .step-dot[b-bsw9mzu9dm] {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }

  .step-progress[b-bsw9mzu9dm] {
    gap: 6px;
    margin-bottom: 15px;
  }

  .payment-check-out-mobile-view[b-bsw9mzu9dm] {
    min-height: 250px;
  }

  .navigation-controls[b-bsw9mzu9dm] {
    flex-direction: column;
    gap: 15px;
    padding: 0 5px;
    margin-top: 10px;
  }

  .nav-btn[b-bsw9mzu9dm] {
    min-width: 80px;
    width: 100%;
    max-width: 200px;
  }

  .progress-info[b-bsw9mzu9dm] {
    font-size: 13px;
    order: -1;
  }
}
/* /Components/PeachPaymentComponents/PeachPaymentCheckoutPaymentSlides.razor.rz.scp.css */
.payment-slide[b-qoreim630t] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.desktop-slide[b-qoreim630t] {
  min-height: 350px;
}

.mobile-slide[b-qoreim630t] {
  min-height: 300px;
}

.payment-card[b-qoreim630t] {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px;
  transition: box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  min-width: 450px;
  min-height: 455px;
}

  .payment-card:hover[b-qoreim630t] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  }

  .payment-card h4[b-qoreim630t] {
    margin-bottom: 12px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
  }

  .payment-card p[b-qoreim630t] {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.5;
  }

  .payment-card h6[b-qoreim630t] {
    margin: 15px 0 8px 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
  }

.review-section[b-qoreim630t] {
  flex: 1;
}

  .review-section p[b-qoreim630t] {
    margin: 5px 0;
    font-size: 14px;
  }

.empty-slide[b-qoreim630t] {
  background: #f8f9fa;
  border: 1px dashed #dee2e6;
  color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .empty-slide h4[b-qoreim630t] {
    color: #6c757d;
    font-size: 16px;
  }

  .empty-slide p[b-qoreim630t] {
    color: #6c757d;
    font-size: 14px;
  }

/* Mobile specific styles */
@media (max-width: 768px) {
  .payment-card[b-qoreim630t] {
    padding: 20px;
    min-height: 280px;
    min-width: unset;
  }

    .payment-card h4[b-qoreim630t] {
      font-size: 16px;
    }

    .payment-card p[b-qoreim630t] {
      font-size: 14px;
      margin-bottom: 16px;
    }

  .mobile-slide[b-qoreim630t] {
    min-height: 280px;
  }
}

@media (max-width: 480px) {
  .payment-card[b-qoreim630t] {
    padding: 16px;
    min-height: 250px;
  }

    .payment-card h4[b-qoreim630t] {
      font-size: 15px;
      margin-bottom: 10px;
    }

    .payment-card p[b-qoreim630t] {
      font-size: 13px;
      margin-bottom: 14px;
    }

  .mobile-slide[b-qoreim630t] {
    min-height: 250px;
  }
}
/* /Components/PeachPaymentComponents/PeachPaymentDropdown.razor.rz.scp.css */
.peach-payment-dropdown-wrapper[b-8ugo0vp79q] {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  align-items: center;
}

.dropdown-input[b-8ugo0vp79q] {
  height: fit-content;
  max-height: 64px;
  width: 100%;
  opacity: 1;
  border-radius: 15px;
  border-width: 1px;
  border-style: solid;
  padding: 15px 20px;
  gap: 8px;
  border-color: #DFDFDF;
  color: #777777;
  appearance: none;
  background-color: white;
  font-size: 16px;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out;
}

.peach-payment-dropdown[b-8ugo0vp79q] {
  display: flex;
  flex-direction: column;
  text-align: center;
  background: #ffffff;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--colours-C-Fill, #F7F5F5);
  border-radius: 16px;
  top: -5rem;
  width: 92%;
  overflow: scroll;
  max-height: 22rem;
}

.peach-payment-billing-day[b-8ugo0vp79q] {
  border-top: 1px solid var(--colours-C-Fill, #F7F5F5);
  min-height: 42px;
  justify-content: center;
  align-items: center;
  display: flex;
  cursor: pointer;
  font-weight: 500;
}

  .peach-payment-billing-day:hover[b-8ugo0vp79q] {
    min-height: 62px;
    background: #F4F4F4;
  }

.peach-payment-dropdown > span:first-child[b-8ugo0vp79q] {
  border-top: none;
}

.peach-payment-dropdown:hover[b-8ugo0vp79q] {
}

.peachpayment-dropdown:focus[b-8ugo0vp79q] {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

[b-8ugo0vp79q] .placeholder {
  color: #777777 !important;
  background: unset;
}

[b-8ugo0vp79q] .selected-value {
  color: #000000;
  background: unset;
}
/* /Components/PeachPaymentComponents/PeachPaymentResult.razor.rz.scp.css */
.container[b-uxtcdz0bmx] {
  width: 100%;
  max-width: 600px;
  padding: 24px;
}

.alert-circle-icon[b-uxtcdz0bmx] {
  height: 32px;
  width: 32px;
}

[b-uxtcdz0bmx] .payment-status-unsuccessful {
  font-weight: 500;
  font-size: 24px;
  color: #000000;
}

[b-uxtcdz0bmx] .payment-subtext {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-align: center;
}

[b-uxtcdz0bmx] .btn {
  max-width: 358px;
  width: calc(100%/2);
  flex-grow: 1;
  text-transform: math-auto !important;
}

[b-uxtcdz0bmx] .payment-action-buttons {
  width: 100%;
  padding: 40px 0px;
}

[b-uxtcdz0bmx] .help-circle-icon {
  height: 24px;
  width: 24px;
}

[b-uxtcdz0bmx] .need-help-text {
  font-weight: 400;
  font-size: 14px;
  color: #1E1E1E;
}

[b-uxtcdz0bmx] .button-links {
  background: #FFFFFF !important;
  color: #000000 !important;
  font-size: 14px !important;
  padding: 0px;
}

  [b-uxtcdz0bmx] .button-links > * > * {
    color: #000000 !important;
    text-decoration: underline;
    font-size: 14px;
  }

[b-uxtcdz0bmx] .back-btn {
  background: none !important;
  padding: 0px;
}

  [b-uxtcdz0bmx] .back-btn > * {
    align-items: self-start !important;
    gap: 12px !important;
  }

[b-uxtcdz0bmx] .btn-next-slide {
  background: #181818 !important;
  color: #ffffff;
  border-radius: 16px;
  height: 51px;
  width: 100%;
  max-width: 740px;
  text-transform: math-auto !important;
}

@media (max-width: 768px) {
  [b-uxtcdz0bmx] .payment-action-buttons {
    flex-direction: column !important;
  }

  [b-uxtcdz0bmx] .btn {
    width: 100%;
    max-width: unset;
  }

  [b-uxtcdz0bmx] .payment-status-section {
    flex-direction: column !important;
  }
}
/* /Components/PeachPaymentComponents/PeachPaymentSlide.razor.rz.scp.css */
[b-1fcbp6u3fl] .title-section {
  padding: 20px 0px;
}

[b-1fcbp6u3fl] .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
}

[b-1fcbp6u3fl] .sub-title {
  font-weight: 500;
  font-size: 18px;
}

[b-1fcbp6u3fl] .discount-total {
  font-weight: bolder;
  font-size: 18px;
}

[b-1fcbp6u3fl] .change-plan {
  color: #666666 !important;
  font-weight: 500;
  font-size: 14px;
  text-align: right;
}

[b-1fcbp6u3fl] .selected-billing-date-disclaimer {
  color: #000000 !important;
  font-weight: 400;
  font-size: 14px;
}

[b-1fcbp6u3fl] .Choose-debit-order-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.9;
}

[b-1fcbp6u3fl] .info-icon {
  color: #f57c00;
  margin-top: 2px;
  font-size: 20px;
}

[b-1fcbp6u3fl] .disclaimer-text {
  font-weight: 500;
  font-size: 14px;
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .heads-up-text {
  font-weight: 500;
  font-size: 16px;
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .change-plan-button {
  background-color: unset !important;
  padding: 0px;
}

[b-1fcbp6u3fl] .subscription-plan-icon {
  width: 64px;
  height: 64px;
}

[b-1fcbp6u3fl] .payment-card-icon {
  height: 40px;
  width: 82px;
  margin-top: -10px;
}

[b-1fcbp6u3fl] .plan-name {
  font-weight: bolder;
  font-size: 16px;
  color: #000000CC !important;
}

[b-1fcbp6u3fl] .plan-description {
  font-weight: 500;
  font-size: 12px;
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .plan-price {
  font-weight: bolder;
  font-size: 18px;
  color: #000000 !important;
  opacity: 0.8;
}

.horizontal-divider[b-1fcbp6u3fl] {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #DFDFDF;
  margin: 10px 0;
}

.tex-bold[b-1fcbp6u3fl] {
  font-weight: bolder;
}

[b-1fcbp6u3fl] .plan-description-text {
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .standard-text {
  font-weight: 500;
  font-size: 16px;
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .strike-through {
  text-decoration: line-through;
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .powered-by-momentum-icon {
  width: 170px;
}

[b-1fcbp6u3fl] .button-links {
  background: #FFFFFF !important;
  color: #000000 !important;
  padding: 10px;
}

[b-1fcbp6u3fl] .body-section {
  height: 34rem;
}

[b-1fcbp6u3fl] .text-links {
  text-decoration: underline;
}

[b-1fcbp6u3fl] .billing-day-dropdown {
  height: fit-content;
  max-height: 64px;
  width: 100%;
  opacity: 1;
  border-radius: 15px;
  border-width: 1px;
  padding: 15px 20px;
  gap: 8px;
  border-color: #DFDFDF;
  color: #777777;
}

[b-1fcbp6u3fl] .btn {
  width: 141px;
  height: 64px;
  border-radius: 15px;
  border-width: 1px;
  padding: 14px 16px;
}

[b-1fcbp6u3fl] .btn {
  width: 141px;
  height: 64px;
  border-radius: 15px;
  border-width: 1px;
  padding: 14px 16px;
  border: 1px solid #DFDFDF !important;
  background: #FFFFFF !important;
  color: #000000 !important;
  font-weight: bolder;
  font-size: 16px;
}

[b-1fcbp6u3fl] .btn-selected {
  background: var(--colours-c-420, #CDECE9) !important;
}

[b-1fcbp6u3fl] .monthly-text {
  font-weight: 500;
  font-size: 14px;
  color: #666666 !important;
}

[b-1fcbp6u3fl] .sub-total-text, [b-1fcbp6u3fl] .amount-total {
  font-weight: bolder;
  font-size: 18px;
  line-height: 150%;
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .amount-total {
  font-weight: unset;
}

[b-1fcbp6u3fl] .amount-due {
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  color: #000000 !important;
  opacity: 0.8;
}

[b-1fcbp6u3fl] .amount-due-sub-text {
  text-align: center;
}

[b-1fcbp6u3fl] .ra-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
}

[b-1fcbp6u3fl] .ra-sub-text {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}

[b-1fcbp6u3fl] .peach-payment-icon {
  max-width: 200px;
}

[b-1fcbp6u3fl] .peach-payment-card {
  background: #F4F4F4;
  border-radius: 16px;
  padding: 20px 80px 40px 80px
}

[b-1fcbp6u3fl] .image-section {
  min-height: 3rem;
}

[b-1fcbp6u3fl] .btn-link-stack {
}

@media (max-width: 1107px) {
  [b-1fcbp6u3fl] .peach-payment-card {
    padding: 20px;
  }

  [b-1fcbp6u3fl] .body-section {
    height: unset;
  }
}
/* /Components/PeachPaymentComponents/PolicySlides/CheckoutPolicySlide.razor.rz.scp.css */
[b-m20nia3hwz] .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

[b-m20nia3hwz] .title-section {
  margin-bottom: 1rem !important;
}

.body-section[b-m20nia3hwz] {
  max-height: 500px;
  overflow-y: auto;
  padding: 0 1rem;
}

.loading-section[b-m20nia3hwz] {
  padding: 3rem 0;
  min-height: 200px;
}

.loading-text[b-m20nia3hwz] {
  margin-top: 1rem;
  color: #666;
  font-size: 0.9rem;
}

.error-section[b-m20nia3hwz] {
  padding: 3rem 0;
  min-height: 200px;
}

.error-text[b-m20nia3hwz] {
  color: #d32f2f;
  text-align: center;
  margin-bottom: 1rem;
}

.retry-button[b-m20nia3hwz] {
  background-color: #1976d2;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
}

  .retry-button:hover[b-m20nia3hwz] {
    background-color: #1565c0;
  }

.privacy-policy-content[b-m20nia3hwz] {
  padding: 1rem 0;
}

.policy-section[b-m20nia3hwz] {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f0f0f0;
}

  .policy-section:last-child[b-m20nia3hwz] {
    border-bottom: none;
  }

.policy-title[b-m20nia3hwz] {
  font-weight: 600;
  color: #333;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #1976d2;
}

.policy-content[b-m20nia3hwz] {
  line-height: 1.6;
  color: #555;
}

  .policy-content p[b-m20nia3hwz] {
    margin-bottom: 1rem;
  }

  .policy-content ul[b-m20nia3hwz], .policy-content ol[b-m20nia3hwz] {
    margin: 1rem 0;
    padding-left: 2rem;
  }

  .policy-content li[b-m20nia3hwz] {
    margin-bottom: 0.5rem;
  }

.terms-of-service-content[b-m20nia3hwz] {
  padding: 1rem 0;
}

.terms-accordion[b-m20nia3hwz] {
  width: 100%;
}

.terms-accordion-item[b-m20nia3hwz] {
  margin-bottom: 0.5rem;
}

.no-content-text[b-m20nia3hwz],
.no-selection-text[b-m20nia3hwz] {
  text-align: center;
  color: #666;
  font-style: italic;
  padding: 3rem 0;
}

[b-m20nia3hwz] .input-box {
  height: 55px;
  border-radius: 15px;
  gap: 10px;
  border-width: 1px;
  padding: 18px 20px;
  background: #F7F5F5 !important;
}

[b-m20nia3hwz] .input-message-box {
  min-height: 108px;
}

[b-m20nia3hwz] .input-label {
  font-weight: 400;
  font-size: 16px;
}

[b-m20nia3hwz] .sent-label {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
}

[b-m20nia3hwz] .sent-sub-label {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}

.checkoutEmailAddress[b-m20nia3hwz] {
  color: #1E4EBB;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 768px) {
  .body-section[b-m20nia3hwz] {
    max-height: 400px;
    padding: 0 0.5rem;
  }

  .title[b-m20nia3hwz] {
    font-size: 1.25rem;
  }

  .policy-content[b-m20nia3hwz] {
    font-size: 0.9rem;
  }
}
/* /Components/PeachPaymentComponents/PolicySlides/CheckoutPolicySlides.razor.rz.scp.css */
.payment-slide[b-nqcmx0mv1p] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.payment-checkout-card[b-nqcmx0mv1p] {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  min-width: 450px;
  max-height: 865px;
  overflow: auto !important;
  /* Standard scrollbar properties for Firefox and modern Chrome */
  scrollbar-width: thin !important;
  scrollbar-color: #FF642C transparent !important;
}

  /* WebKit scrollbars for Safari and older Chrome */
  .payment-checkout-card[b-nqcmx0mv1p]::-webkit-scrollbar {
    width: 10px;
  }

  .payment-checkout-card[b-nqcmx0mv1p]::-webkit-scrollbar-button {
    display: none; /* Remove arrow buttons */
  }

  .payment-checkout-card[b-nqcmx0mv1p]::-webkit-scrollbar-thumb {
    background-color: #FF642C;
    border-radius: 0; /* Rectangle thumb */
  }

.payment-checkout-card:hover[b-nqcmx0mv1p] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.payment-checkout-card h4[b-nqcmx0mv1p] {
  margin-bottom: 12px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.payment-checkout-card p[b-nqcmx0mv1p] {
  color: #666;
  margin-bottom: 20px;
  line-height: 1.5;
}

.payment-checkout-card h6[b-nqcmx0mv1p] {
  margin: 15px 0 8px 0;
  color: #333;
  font-weight: 600;
  font-size: 14px;
}

/* Mobile specific styles */
@media (max-width: 768px) {
  .payment-checkout-card[b-nqcmx0mv1p] {
    padding: 20px;
    min-height: 280px;
    min-width: unset;
  }

    .payment-checkout-card h4[b-nqcmx0mv1p] {
      font-size: 16px;
    }

    .payment-checkout-card p[b-nqcmx0mv1p] {
      font-size: 14px;
      margin-bottom: 16px;
    }

  .mobile-slide[b-nqcmx0mv1p] {
    min-height: 280px;
  }
}

@media (max-width: 480px) {
  .payment-checkout-card[b-nqcmx0mv1p] {
    padding: 16px;
    min-height: 250px;
  }

    .payment-checkout-card h4[b-nqcmx0mv1p] {
      font-size: 15px;
      margin-bottom: 10px;
    }

    .payment-checkout-card p[b-nqcmx0mv1p] {
      font-size: 13px;
      margin-bottom: 14px;
    }

  .mobile-slide[b-nqcmx0mv1p] {
    min-height: 250px;
  }
}
/* /Components/PreviewTemplateModal.razor.rz.scp.css */
.preview-template-modal-content[b-wkceexvsgz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    box-sizing: border-box;
}

[b-wkceexvsgz] .preview-modal-title {
    color: var(--C-Black, #000);
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
}

.preview-image-container[b-wkceexvsgz] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-wkceexvsgz] .preview-template-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 78vh;
    object-fit: contain;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .preview-template-modal-content[b-wkceexvsgz] {
    transform: translate(0%, 3%) !important;
  }

    [b-wkceexvsgz] .preview-modal-title {
        font-size: 20px;
    }

    .preview-image-container[b-wkceexvsgz] {
        max-height: 70vh;
    }

  [b-wkceexvsgz] .preview-template-image {
    max-height: 67vh;
    width: 100vh !important;
  }
}
/* /Components/ProgressIndicator.razor.rz.scp.css */
.progress-indicator[b-eklggfb3kj] {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.step[b-eklggfb3kj] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #EAEAEA;
    cursor: pointer;
}

    .step.completed[b-eklggfb3kj] {
        background-color: #FDB121;
    }
/* /Components/RAApplicationQuestions.razor.rz.scp.css */
[b-58pzbx9yay] .rz-steps [role="tablist"] {
  display: none !important;
}

[b-58pzbx9yay] .skip-button {
  background: unset !important;
  color: var(--C-Black, #000) !important;
  text-transform: inherit !important;
  max-width: 440px;
}

[b-58pzbx9yay] .back-button {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  color: black !important;
  background-color: #f7f5f5 !important;
}

[b-58pzbx9yay] .footer-button {
  margin-top: 24px;
  width: 100%;
}

[b-58pzbx9yay] .fs-stack {
  max-width: 440px;
  width: 100%;
}

[b-58pzbx9yay] .button-section {
  margin-top: 20px;
  width: 100%;
}

.parent-container[b-58pzbx9yay] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

[b-58pzbx9yay] .rz-widget-content {
    max-width: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

[b-58pzbx9yay] .rz-steps {
  align-items: center !important;
}

[b-58pzbx9yay] .question-text {
  text-align: center;
  color: var(--C-Black, #000) !important;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

[b-58pzbx9yay] .fs-question-text {
  margin-bottom: 30px;
  max-width: 440px;
}

[b-58pzbx9yay] .fs-container {
  width: 540px;
  height: 88%;
}

[b-58pzbx9yay] .continue-button {
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  flex-grow: 1;
  max-width: 440px;
  padding: 13.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 55px;
  margin-top: 20px;
}

[b-58pzbx9yay] .question-count {
  color: var(--C-2, #698ad4) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.star-logo[b-58pzbx9yay] {
  width: 190px;
  height: 190px;
  padding: 10px;
  display: flex;
}

[b-58pzbx9yay] .center-text {
  text-align: center;
}

[b-58pzbx9yay] .submitCard {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 20px;
  background: var(--c-420, #cdece9);
}

[b-58pzbx9yay] .continue {
  color: #000 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

[b-58pzbx9yay] .submitLogo {
  align-self: baseline;
}

@media (max-width: 768px) {
    .parent-container[b-58pzbx9yay] {
        margin: -25px;
        height: fit-content;
    }

  [b-58pzbx9yay] .fs-container {
    width: 100%;
    padding: 20px;
  }

  [b-58pzbx9yay] .continue-button {
    margin-top: 10px;
  }
}
/* /Components/RetirementAnnuityDialog.razor.rz.scp.css */
[b-rwp50bmxj6] .a-card-didyouknow, [b-rwp50bmxj6] .b-card-didyouknow, [b-rwp50bmxj6] .a-stack-didyouknow, [b-rwp50bmxj6] .b-stack-didyouknow {
  width: 50%;
  max-width: 33rem;
}

.step-image[b-rwp50bmxj6] {
  width: -webkit-fill-available;
  border-radius: 15px;
  max-width: 100%;
  max-height: 19rem;
  height: auto;
}

/* Component-scoped display utilities */
.d-none[b-rwp50bmxj6] {
  display: none !important;
}

.d-block[b-rwp50bmxj6] {
  display: block !important;
}

[b-rwp50bmxj6] .b-card-didyouknow, [b-rwp50bmxj6] .a-card-didyouknow {
  padding: 0px;
}

[b-rwp50bmxj6] .a-parent-stack, [b-rwp50bmxj6] .parent-stack {
  justify-content: space-between !important;
}

[b-rwp50bmxj6] .a-parent-stack {
  min-height: 285px;
}

[b-rwp50bmxj6] .FRE-03-CMS-II-LBL {
  font-weight: 700;
  font-size: 24px;
}

[b-rwp50bmxj6] .FRE-03-CMS-III-TXT {
  font-weight: 400;
  font-size: 14px;
}

[b-rwp50bmxj6] .orange-bar {
  width: 100%;
  height: 5px;
  margin: 20px 0px;
}

@media (max-width: 1144px) {
  [b-rwp50bmxj6] .orange-bar {
    height: 6px;
  }

  [b-rwp50bmxj6] .a-card-didyouknow, [b-rwp50bmxj6] .b-card-didyouknow, [b-rwp50bmxj6] .a-stack-didyouknow, [b-rwp50bmxj6] .b-stack-didyouknow {
    width: 100%;
    max-width: unset;
  }

  [b-rwp50bmxj6] .b-stack-didyouknow {
    justify-content: center !important;
  }

  [b-rwp50bmxj6] .parent-stack, [b-rwp50bmxj6] .a-parent-stack {
    flex-direction: column-reverse !important;
    gap: 20px;
  }

  [b-rwp50bmxj6] .modal-container-stack {
    gap: 4rem;
  }
}

@media (max-width: 368px) {
  [b-rwp50bmxj6] .b-stack-didyouknow {
    justify-content: center !important;
    flex-direction: column !important;
  }

  [b-rwp50bmxj6] .secondary-button {
    width: 100% !important;
  }

  [b-rwp50bmxj6] .didyouknow-stack-investment {
      padding: 20px !important;
  }
}
/* /Components/SearchBar.razor.rz.scp.css */
[b-tojq8mxa38] .search-container {
    border-radius: 20px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    min-height: 55px;
    padding: 0px 20px;
    flex-grow: 1;
    margin: 0px;
    justify-content: center !important;
    gap: 0px;
}

[b-tojq8mxa38] .search-bar {
    flex-wrap: nowrap;
    min-height: 55px;
}

[b-tojq8mxa38] .hr-line {
    border-bottom: 1px solid var(--C-Fill-Corners, #EAEAEA);
    margin-bottom: 10px;
}

[b-tojq8mxa38] .search-text-box {
    width: 100%;
    border: none !important;
    background: var(--C-Fill, #F7F5F5) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    Padding-left: 8px;
}

[b-tojq8mxa38] .show {
    display: flex !important;
}

[b-tojq8mxa38] .hide {
    display: none !important;
}

[b-tojq8mxa38] .result-list {
    flex-grow: 1;
    overflow-y: scroll;
    max-height: 180px;
}

[b-tojq8mxa38] .close-button {
    background: unset !important;
    text-transform: capitalize;
    color: #3660BA !important;
}

[b-tojq8mxa38] .result-item {
    padding: 10px 10px;
    margin: 0px;
}

    [b-tojq8mxa38] .result-item:hover {
        background-color: #D3D3D3;
        cursor: pointer;
    }

[b-tojq8mxa38] .product-name {
    margin: 0px
}
/* /Components/SelectedPlanPopup.razor.rz.scp.css */
.button-section[b-wqs2okobqr] {
    display: flex;
    justify-content: space-between;
}

[b-wqs2okobqr] .cancel-btn {
    width: 40%;
    text-transform: capitalize;
    border-radius: 15px;
    background-color: #ffffff !important;
    border: 2px solid #000000;
    color: #000000 !important;
}

[b-wqs2okobqr] .confirm-btn {
    width: 40%;
    text-transform: capitalize;
    border-radius: 15px;
    background-color: #000000 !important;
    color: #ffffff !important;
}
/* /Components/SendEmailPopup.razor.rz.scp.css */
[b-yyv0w6rvxs] .stack-fs {
   margin-top: 20px;
}

[b-yyv0w6rvxs] .emailform-textbox {
    width: 100%;
}

[b-yyv0w6rvxs] .emailform-textarea {
    width: 100%;
    height: 120px;
}

[b-yyv0w6rvxs] .validation-message {
    position: relative;
}

[b-yyv0w6rvxs] .send-Email-btn {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    height: 50px;
    border-radius: 12px;
    box-shadow: black;
    max-width: 170px;
}

 .input-box-cont[b-yyv0w6rvxs] {
  padding-top: 1px;
}
/* /Components/ShareDialog.razor.rz.scp.css */
[b-sencr8o583] .share-links {
    background-color: #E1E8F6 !important;
    border-radius: 15px !important;
    border: 1px !important;
    color: black !important;
    box-shadow: none !important;
    height: 50px;
    text-transform: capitalize;
    font-size: 16px;
    min-width: 374px;
}

[b-sencr8o583] .rz-button-icon-left {
    width: 24px;
    height: 24px;
}

[b-sencr8o583] .rz-dialog-title {
    color: var(--C-Black, #000) !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 768px) {
    [b-sencr8o583] .share-links {
        min-width: 100%;
    }
}
/* /Components/StopRARequestDialog.razor.rz.scp.css */
.modal-container[b-qac9zlg6wi] {
  margin-top: -25px;
  padding-bottom: 20px;
}

.stop-reason-input[b-qac9zlg6wi] {
  width: 100%;
  resize: vertical;
}

.character-count[b-qac9zlg6wi] {
  font-size: 12px;
  color: #666;
  text-align: right;
  margin-top: -5px;
}

[b-qac9zlg6wi] .button-section-investment {
  flex-direction: column !important;
}

[b-qac9zlg6wi] .powered-by-momentum-icon {
  height: 0.85rem;
}

[b-qac9zlg6wi] .MOT-05-CMS-VI-TXT {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4rem;
}

[b-qac9zlg6wi] .MOT-05-CMS-I-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}


[b-qac9zlg6wi] .ProjectedFutureValueStack {
  border-radius: 15px;
  background: #F7F5F5;
  padding: 30px;
}

[b-qac9zlg6wi] .ProjectedFutureValue, [b-qac9zlg6wi] .ProjectedFutureValue-stopanyways {
  font-weight: 400;
  font-size: 35px;
  text-align: start;
}

[b-qac9zlg6wi] .ProjectedFutureValue-stopanyways {
  color: #016730 !important;
}

[b-qac9zlg6wi] .interest-earned-icon {
  width: 16px;
  height: 16px;
}

[b-qac9zlg6wi] .amount-interest {
  color: #04A190;
  font-weight: 700;
  font-size: 16px;
}

[b-qac9zlg6wi] .text-interest {
  color: #04A190;
  font-weight: 400;
  font-size: 16px;
}

[b-qac9zlg6wi] .GBL-01A-CMS-I-TXT {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}

[b-qac9zlg6wi] .GBL-01A-CMS-II-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  color: var(--C-Grey, #555555);
}

[b-qac9zlg6wi] .GBL-01B-CMS-I-TXT {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}

[b-qac9zlg6wi] .stop-reason-input {
  border-radius: 15px;
  padding: 13px 20px;
  border: 1px solid #EAEAEA;
  height: 51px;
  max-height: fit-content;
  margin-bottom: 30px;
  outline: none;
}

[b-qac9zlg6wi] .GBL-01A-CMS-VI-TXT, [b-qac9zlg6wi] .GBL-01B-CMS-VI-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 10px;
}

[b-qac9zlg6wi] .GBL-01E-CMS-I-TXT, [b-qac9zlg6wi] .GLD-01C-CMS-I-TXT {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
}

[b-qac9zlg6wi] .GBL-01E-CMS-II-TXT, [b-qac9zlg6wi] .GLD-01C-CMS-II-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  color: var(--C-Grey, #555555);
  margin-bottom: 4rem;
}

[b-qac9zlg6wi] .mural-pause-icon {
  width: 56px;
  height: 56px;
}

[b-qac9zlg6wi] .mural-stop-icon {
  width: 63px;
  height: 56px;
}

[b-qac9zlg6wi] .mural-heading {
  font-weight: 600;
  font-size: 20px;
}
/* /Components/SubscriptionCards.razor.rz.scp.css */
 /*Generic styles*/
.card-container[b-x9rv2alj4l] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (max-width: 767px) {
    .card-container[b-x9rv2alj4l] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
/* /Components/SubscriptionCardsDashboard.razor.rz.scp.css */
[b-x1kd2olhmh] .container {
  display: grid !important;
  grid-template-columns: repeat(3, 405px);
  gap: 20px;
}

ul[b-x1kd2olhmh] {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0px;
  gap: 20px;
}

.background-image[b-x1kd2olhmh] {
  background: url("../wizard/Rectangle 18858.png") repeat-y center center;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: scroll;
  position: relative;
}

*[b-x1kd2olhmh] {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

*[b-x1kd2olhmh]::-webkit-scrollbar {
  display: none;
}

[b-x1kd2olhmh] .container-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(200px, 425px));
  width: 100%;
  gap: 40px;
}

[b-x1kd2olhmh] .single-premium-card {
  display: flex;
  justify-content: flex-start !important;
  width: 100%;
  padding-left: 0;
}

  [b-x1kd2olhmh] .single-premium-card .serious-business {
    max-width: 400px;
   }

[b-x1kd2olhmh] .side-hustle {
  box-shadow: none !important;
  border-radius: 20px;
  background: linear-gradient(278deg, #ffc9b2 -20.79%, #a5b9e5 77.19%);
  padding: 40px;
}

[b-x1kd2olhmh] .serious-business {
  border-radius: 20px;
  background: var(
    --Premium-Green,
    linear-gradient(152deg, #fff27c -1.11%, #8ceacd 75.24%)
  );
  box-shadow: 0px 0px 50px 0px rgba(175, 175, 175, 0.25);
  padding: 40px;
  position: relative;
  overflow: hidden;
}

[b-x1kd2olhmh] .motivated {
  box-shadow: none !important;
  border-radius: 20px;
  background: var(
    --Premium-Purple,
    linear-gradient(276deg, #a5b9e5 20.3%, #ffc9b2 122.6%)
  );
  padding: 40px;
}

[b-x1kd2olhmh] .card-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-x1kd2olhmh] .fs-contribution {
  width: fit-content;
  height: fit-content;
  border-radius: 15px;
  background: var(--C-Fill, #f7f5f5);
  padding: 15px 140px 15px 10px;
  margin-top: 40px;
  flex-wrap: nowrap;
}

[b-x1kd2olhmh] .wizard-image {
  width: 45px;
  height: 45px;
}

[b-x1kd2olhmh] .contribution-text {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
}

.list-item[b-x1kd2olhmh] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

[b-x1kd2olhmh] .card-price-scratched {
  color: #555 !important;
  text-decoration: line-through;
}

[b-x1kd2olhmh] .card-price {
  font-size: 50px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
}

[b-x1kd2olhmh] .card-price-subtext {
  width: 50px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.price-month[b-x1kd2olhmh] {
  display: flex;
  gap: 5px;
}

[b-x1kd2olhmh] .then-after {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-x1kd2olhmh] .list-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-x1kd2olhmh] .fs-premium-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

[b-x1kd2olhmh] .card-recommended-text {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-x1kd2olhmh] .card-recommended {
  position: absolute;
  right: -45px;
  top: 30px;
  background: var(--Surface-surface-white, #fff);
  display: flex;
  justify-content: center;
  width: 184.618px;
  transform: rotate(45deg);
  padding: 8px 16px;
}

[b-x1kd2olhmh] .free-text {
  padding: 15px 0px;
}

[b-x1kd2olhmh] .start-text {
  color: var(--C-White, #fafafa) !important;
}

[b-x1kd2olhmh] .selectedBtn {
  flex-grow: 1;
  border-radius: 15px;
  height: 51px;
  box-shadow: none !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  background: #000 !important;
  text-transform: capitalize;
  color: var(--C-White, #fafafa) !important;
}

[b-x1kd2olhmh] .unselectedBtn {
  flex-grow: 1;
  border-radius: 15px;
  border: 1px solid var(--C-Black, #000) !important;
  height: 51px;
  background: inherit !important;
  box-shadow: none !important;
  text-transform: capitalize;
}

[b-x1kd2olhmh] .fs-button-row {
  width: 100%;
}

[b-x1kd2olhmh] .list-container {
  flex-grow: 1;
}

[b-x1kd2olhmh] .zoom-out {
  transform: scale(0.9);
  transform-origin: center;
  margin: -18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

[b-x1kd2olhmh] .fs-col {
  height: 80%;
}

@media (max-width: 1399px) {
  [b-x1kd2olhmh] .container-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(200px, 425px));
    width: 100%;
    gap: 40px;
  }

  [b-x1kd2olhmh] .zoom-out {
    transform: none;
    margin: 20px;
  }
}

[b-x1kd2olhmh] .star-img {
  width: 20px;
  height: 20px;
}

@media (max-width: 1024px) {
  [b-x1kd2olhmh] .container-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(200px, 425px));
    width: 100%;
    gap: 40px;
  }

  [b-x1kd2olhmh] .fs-contribution {
    max-width: 425px;
    height: fit-content;
    border-radius: 15px;
    background: var(--C-Fill, #ffffff);
    padding: 15px 10px;
    margin-top: 40px;
  }
}

@media (max-width: 946px) {
  [b-x1kd2olhmh] .container-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(200px, 425px));
    width: 100%;
    gap: 40px;
  }

  [b-x1kd2olhmh] .fs-contribution {
    width: 100%;
  }
}
/* /Components/Subscriptions/BillingDatePopup.razor.rz.scp.css */
[b-tryifcabiv] .pricing-header {
    display: flex;
    align-items: baseline;
}

    [b-tryifcabiv] .pricing-header .currency {
        font-size: 1.5rem;
        margin-right: 0.5rem;
    }

    [b-tryifcabiv] .pricing-header .price {
        font-size: 4rem;
        line-height: 1;
    }

    [b-tryifcabiv] .pricing-header .per-month {
        font-size: 1rem;
        margin-left: 0.5rem;
    }

[b-tryifcabiv] .bold-heading {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}

[b-tryifcabiv] .normal-text {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}


[b-tryifcabiv] .id-cards {
    display: flex;
    padding: 20px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    margin-top: 20px;
}

[b-tryifcabiv] .submit-button {
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: #000 !important;
    display: flex;
    height: 51px;
    padding: 13.5px 10px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    text-transform: capitalize;
}

[b-tryifcabiv] .date-field {
    width: 100%;
    display: flex;
    height: 51px;
    align-items: center;
    padding: 13.5px 10px;
    align-self: stretch;
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: transparent;
    margin-top: 20px;
}

.div-flex[b-tryifcabiv] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

[b-tryifcabiv] .rz-dialog-content {
    flex-grow: 1 !important;
}

[b-tryifcabiv] .rz-form {
    width: 100%
}

[b-tryifcabiv] .stack {
    flex-grow: 1;
}

input[type="radio"][b-tryifcabiv] {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
    width: 16px; 
    height: 16px;
    border-radius: 50%;
    outline: none; 
    cursor: pointer;
    position: relative; 
    background-color: white; 
    border: none;
}

    input[type="radio"]:checked[b-tryifcabiv] {
        background-image: url('wizard/tick.svg'); 
        background-size: cover; 
        border: none;
    }
/* /Components/Subscriptions/ChangeCardDetailsPopup.razor.rz.scp.css */
[b-4ty3it9fke] .cancel-btn {
    color: var(--C-2, #698AD4) !important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    text-transform: capitalize;
    cursor:pointer;
}

[b-4ty3it9fke] .fs-stack {
    padding: 20px;
    padding-top: 0px;
}

[b-4ty3it9fke] .input-field, [b-4ty3it9fke] .sub-input {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    height: 55px;
}

[b-4ty3it9fke] .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

[b-4ty3it9fke] .sub-input {
    position: relative;
    display: flex;
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    flex-wrap: nowrap;
}

[b-4ty3it9fke] .fs-row {
    flex-wrap: nowrap;
}

[b-4ty3it9fke] .fs-cancel-btn, [b-4ty3it9fke] .save-btn {
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: var(--C-White, #FAFAFA) !important;
    display: flex;
    padding: 13.5px 10px;
    justify-content: center;
    align-items: center;
    width: 50%;
    text-transform: capitalize;
    color: var(--C-Black, #000) !important;
    box-shadow: none !important;
    cursor: pointer;
}

[b-4ty3it9fke] .save-btn {
    background: var(--C-Black, #000) !important;
    color: #FAFAFA !important;
    cursor: pointer;
}

[b-4ty3it9fke] .month-sub, [b-4ty3it9fke] .year-sub {
    width: fit-content;
    padding: 0px;
    margin: 0px;
    border: none !important;
    background: var(--C-Fill, #F7F5F5) !important;
    text-align: center;
}

.exp-wrapper[b-4ty3it9fke] {
    display:flex;
    align-content: center;
}

[b-4ty3it9fke] .slash {
    margin: 0px;
    color: var(--C-Grey, #555) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
}

[b-4ty3it9fke] .expDate {
    width: 70px;
    height: 55px;
    padding: 18px 20px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
}

[b-4ty3it9fke] .expDate-left {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
}

[b-4ty3it9fke] .expDate-right {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
}
/* /Components/Subscriptions/DetailedUpgrade.razor.rz.scp.css */
[b-vaddsof0ol] .list-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 20px;
}

[b-vaddsof0ol] .monthly-payment-section {
    display: flex;
    align-items: center;
}

[b-vaddsof0ol] .permonth-price {
    font-size: 70px;
    padding-right: 10px;
    font-weight: 5004
}

[b-vaddsof0ol] .text-phrase {
    max-width: 138px;
    text-align: left;
    margin: 0px;
    margin-left: 10px;
}

[b-vaddsof0ol] .normal-text {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

[b-vaddsof0ol] .list {
    padding-left: 0px !important;
}

[b-vaddsof0ol] .text-phrase-2 rz-text-body1 {
    align-self: baseline
}

[b-vaddsof0ol] .list-container {
    padding-left: 0px !important;
    height: 500px;
    overflow: auto;
}

[b-vaddsof0ol] .rz-dialog-content {
    padding: 0px !important;
}

[b-vaddsof0ol] .selectedBtn {
    flex-grow: 1;
    border-radius: 15px;
    height: 51px;
    box-shadow: none !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background: #000 !important;
    color: #fff !important;
    width:100%;
}

[b-vaddsof0ol] .fs-button-row {
    flex-direction: column;
    width: 100%;
}

[b-vaddsof0ol] .cancel-btn {
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: var(--C-White, #FAFAFA) !important;
    display: flex;
    padding: 13.5px 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-transform: capitalize;
    color: var(--C-Black, #000) !important;
    box-shadow: none !important;
}

[b-vaddsof0ol] .invoice-text {
   margin:16px 0px;
}

[b-vaddsof0ol] .card-price-scratched {
    color: #555 !important;
    text-decoration: line-through;
}

[b-vaddsof0ol] .card-price {
    font-size: 45px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
}

[b-vaddsof0ol] .card-price-subtext {
    width: 50px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.price-month[b-vaddsof0ol] {
    display: flex;
    gap: 5px;
}

[b-vaddsof0ol] .then-after {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:23px;
}

.star[b-vaddsof0ol] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background-color: #000;
  border-radius: 12px;
}

[b-vaddsof0ol] .star-img {
  width: 12px;
  height: 12px;
}
/* /Components/Subscriptions/DowngradeSubscription.razor.rz.scp.css */
[b-vksx041ux4] .stack {
    height: 100%;
}
/* /Components/Subscriptions/StandardUpgrade.razor.rz.scp.css */
[b-bhenw7hk1o] .pricing-header {
    display: flex;
    align-items: baseline;
}

    [b-bhenw7hk1o] .pricing-header .currency {
        font-size: 1.5rem;
        margin-right: 0.5rem;
    }

    [b-bhenw7hk1o] .pricing-header .price {
        font-size: 26px;
        line-height: 1;
        font-weight:bold;
    }

    [b-bhenw7hk1o] .pricing-header .per-month {
        font-size: 1rem;
        margin-left: 0.5rem;
    }

[b-bhenw7hk1o] .exp-wrapper {
    position: relative;
    border: 1px solid #aaa;
    display: flex;
    width: 300px;
    justify-content: space-around;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
}

.exp-wrapper[b-bhenw7hk1o]:after {
    content: '/';
    position: absolute;
    left: 50%;
    margin-left: -4px;
    color: #aaa;
}

[b-bhenw7hk1o] .expDate {
    width: 55px
}

[b-bhenw7hk1o] .submitButton {
    display: flex;
    width: 100%;
    height: 51px;
    padding: 13.5px 30px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 15px;
    background: var(--C-Black, #000) !important;
}

[b-bhenw7hk1o] .changeButton {
    background-color: transparent !important;
    color: black !important;
    display: flex;
    width: 100%;
    padding: 13.5px 30px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 15px;
    border: 1px solid #000;
}

[b-bhenw7hk1o] .border {
    border-radius: 12px;
    border: 1px solid !important;
    font-size:13px;
}

[b-bhenw7hk1o] .stack {
    height: 100%;
}

[b-bhenw7hk1o] .dateinput {
    width: 100%;
}

[b-bhenw7hk1o] .date-field {
    width: 100%;
    display: flex;
    height: 51px;
    align-items: center;
    padding: 13.5px 10px;
    align-self: stretch;
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: transparent;
}

[b-bhenw7hk1o] .bold-heading {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-weight: 500;
}

[b-bhenw7hk1o] .normal-text {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

[b-bhenw7hk1o] .pad-bottom {
    padding-bottom: 150px
}
/* /Components/Subscriptions/SubscriptionPopup.razor.rz.scp.css */
[b-fz8owubll6] .pricing-header {
    display: flex;
    align-items: baseline;
    gap: 5px !important;
}

    [b-fz8owubll6] .pricing-header .currency {
        font-size: 1.5rem;
        margin-right: 0.5rem;
    }

    [b-fz8owubll6] .pricing-header .price {
        font-size: 4rem;
        line-height: 1;
    }

    [b-fz8owubll6] .pricing-header .per-month {
        font-size: 1rem;
        margin-left: 0.5rem;
    }

[b-fz8owubll6] .exp-wrapper {
    position: relative;
    display: flex;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
}

.exp-wrapper[b-fz8owubll6]:after {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    color: #aaa;
    margin-top: 10px;
}

[b-fz8owubll6] .expDate {
    width: 70px;
    height: 55px;
    padding: 18px 20px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
}

[b-fz8owubll6] .expDate-left {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
}

[b-fz8owubll6] .expDate-right {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
}

[b-fz8owubll6] .submitButton {
    background-color: #2b2b2b !important;
}

[b-fz8owubll6] .stack {
    flex-grow: 1;
}

[b-fz8owubll6] .sub-inputs {
    display: flex;
    height: 55px;
    padding: 18px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    background: var(--C-Fill, #F7F5F5);
    width: 100%
}

[b-fz8owubll6] .then-after {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-fz8owubll6] .card-price-scratched {
    color: #555 !important;
    text-decoration: line-through;
}

[b-fz8owubll6] .card-price {
    font-size: 54px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
}

[b-fz8owubll6] .card-price-subtext {
    width: 40px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.price-month[b-fz8owubll6] {
    display: flex;
    gap: 5px;
}

[b-fz8owubll6] .normal-text {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

[b-fz8owubll6] .bold-heading {
    color: var(--C-Black, #000);
    font-size: 16px;
    font-weight: 500;
}

[b-fz8owubll6] .submit-button {
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: #000 !important;
    display: flex;
    height: 51px;
    padding: 13.5px 10px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    text-transform: capitalize;
}

[b-fz8owubll6] .month-sub, [b-fz8owubll6] .year-sub {
    width: fit-content;
    padding: 0px;
    margin: 0px;
    border: none !important;
    background: var(--C-Fill, #F7F5F5) !important;
    text-align: center;
}

[b-fz8owubll6] .sub-input {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    height: 55px;
}

[b-fz8owubll6] .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

[b-fz8owubll6] .fs-row {
    flex-wrap: nowrap;
}

[b-fz8owubll6] .slash {
    margin: 0px;
    color: var(--C-Grey, #555) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
}

[b-fz8owubll6] .price-padding {
    padding-top: 20px
}

.div-flex[b-fz8owubll6], [b-fz8owubll6] .form {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

[b-fz8owubll6] .card-stack {
    flex-grow: 1;
}

[b-fz8owubll6] .card-title {
    margin-bottom: 20px;
}

[b-fz8owubll6] .rz-row {
    row-gap: 0px;
}
/* /Components/Toast/ToastContainer.razor.rz.scp.css */
/* Toast Container - Desktop/Tablet (Bottom-right) */
.toast-container[b-kbk42fsc63] {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column; /* Stack grows downward - newest on top | use column-reverse to reverse */
  gap: 1px;
  pointer-events: none; /* Allow clicks through container */
}

.toast-container > *[b-kbk42fsc63] {
    pointer-events: auto; /* Re-enable clicks on toast items */
}

/* Mobile (Top-center) */
@media (max-width: 768px) {
  .toast-container[b-kbk42fsc63] {
    top: 70px;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    flex-direction: column; /* Stack grows downward - newest on top | use column-reverse to reverse */
    width: calc(100% - 32px); /* Full width with padding */
    max-width: 350px;
  }
}
/* /Components/Toast/ToastItem.razor.rz.scp.css */
/* Toast Item Base - Desktop */
.toast-item[b-y8nnyn4f3c] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border-radius: 16px;
  width: 532px;
  min-height: 91px;
  border: 2px solid;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: fadeIn-b-y8nnyn4f3c 150ms ease-in, slideUp-b-y8nnyn4f3c 200ms ease-out;
  transition: opacity 300ms ease-out, transform 300ms ease-out;
  position: relative;
}

/* Toast Type Colors with Borders */
.toast-success[b-y8nnyn4f3c] {
  background-color: #F3FFF3;
  border-color: #B5EBB5;
}

.toast-warning[b-y8nnyn4f3c] {
  background-color: #FFF5EA;
  border-color: #FFEAD5;
}

.toast-info[b-y8nnyn4f3c] {
  background-color: #EFF2F7;
  border-color: #AAC0F2;
}

.toast-error[b-y8nnyn4f3c] {
  background-color: #FEECE4;
  border-color: #FFAA86;
}

.toast-headsup[b-y8nnyn4f3c] {
  background-color: #EFF2F7;
  border-color: #AAC0F2;
}

/* Toast Message Colors */
.toast-success .toast-message[b-y8nnyn4f3c] {
  color: #419645;
}

.toast-error .toast-message[b-y8nnyn4f3c] {
  color: #E55B5B;
}

.toast-warning .toast-message[b-y8nnyn4f3c] {
  color: #FDB121;
}

.toast-info .toast-message[b-y8nnyn4f3c] {
  color: #5C79BA;
}

.toast-headsup .toast-message[b-y8nnyn4f3c] {
  color: #5C79BA;
}

/* Toast Icon */
.toast-icon[b-y8nnyn4f3c] {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}

.toast-icon img[b-y8nnyn4f3c] {
  width: 100%;
  height: 100%;
}

/* Toast Content Area */
.toast-content[b-y8nnyn4f3c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-right: 4px;
}

/* Toast Heading - Desktop */
.toast-heading[b-y8nnyn4f3c] {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #000000;
}

/* Toast Message - Desktop */
.toast-message[b-y8nnyn4f3c] {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: -0.5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Close Button - Positioned at top-right */
.toast-close[b-y8nnyn4f3c] {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
  pointer-events: auto;
}

.toast-close:hover[b-y8nnyn4f3c] {
  opacity: 0.7;
}

.toast-close img[b-y8nnyn4f3c] {
  width: 32px;
  height: 32px;
}

/* Dismissing Animation */
.toast-item.dismissing[b-y8nnyn4f3c] {
  animation: fadeOut-b-y8nnyn4f3c 150ms ease-out forwards;
}

/* Animations */
@keyframes fadeIn-b-y8nnyn4f3c {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut-b-y8nnyn4f3c {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes slideUp-b-y8nnyn4f3c {
  from {
    transform: translateY(20px);
  }

  to {
    transform: translateY(0);
  }
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .toast-item[b-y8nnyn4f3c] {
    width: 350px;
    min-height: 67px;
    padding: 12px;
  }

  .toast-heading[b-y8nnyn4f3c] {
    font-size: 14px;
  }

  .toast-message[b-y8nnyn4f3c] {
    font-size: 12px;
  }

  .toast-icon[b-y8nnyn4f3c] {
    width: 32px;
    height: 32px;
  }

  .toast-close[b-y8nnyn4f3c] {
    top: 12px;
    right: 12px;
  }

  .toast-close img[b-y8nnyn4f3c] {
    width: 24px;
    height: 24px;
  }
}
/* /Components/Wizard.razor.rz.scp.css */
ul[b-lvukwzx02u] {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0px;
  gap: 20px;
}

.background-image[b-lvukwzx02u] {
  background: url("../wizard/Rectangle 18858.png") repeat-y center center;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: scroll;
  position: relative;
}

*[b-lvukwzx02u] {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

*[b-lvukwzx02u]::-webkit-scrollbar {
  display: none;
}

[b-lvukwzx02u] .container-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(200px, 425px));
  width: 100%;
  gap: 40px;
}

[b-lvukwzx02u] .side-hustle {
  box-shadow: none !important;
  border-radius: 20px;
  background: linear-gradient(278deg, #ffc9b2 -20.79%, #a5b9e5 77.19%);
  padding: 40px;
}

[b-lvukwzx02u] .serious-business {
  border-radius: 20px;
  background: var( --Premium-Green, linear-gradient(152deg, #fff27c -1.11%, #8ceacd 75.24%) );
  box-shadow: 0px 0px 50px 0px rgba(175, 175, 175, 0.25);
  padding: 40px;
  position: relative;
  overflow: hidden;
}

[b-lvukwzx02u] .motivated {
  box-shadow: none !important;
  border-radius: 20px;
  background: var( --Premium-Purple, linear-gradient(276deg, #a5b9e5 20.3%, #ffc9b2 122.6%) );
  padding: 40px;
}

[b-lvukwzx02u] .card-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-lvukwzx02u] .fs-contribution {
  width: fit-content;
  height: fit-content;
  border-radius: 15px;
  background: var(--C-Fill, #ffffff);
  padding: 15px 140px 15px 10px;
  margin-top: 40px;
  flex-wrap: nowrap;
}

[b-lvukwzx02u] .wizard-image {
  width: 45px;
  height: 45px;
}

[b-lvukwzx02u] .contribution-text {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
}

.list-item[b-lvukwzx02u] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

[b-lvukwzx02u] .card-price-scratched {
  color: #555 !important;
  text-decoration: line-through;
}

[b-lvukwzx02u] .card-price {
  font-size: 50px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
}

[b-lvukwzx02u] .card-price-subtext {
  width: 50px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.price-month[b-lvukwzx02u] {
  display: flex;
  gap: 5px;
}

[b-lvukwzx02u] .then-after {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-lvukwzx02u] .list-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-lvukwzx02u] .fs-premium-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

[b-lvukwzx02u] .card-recommended-text {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-lvukwzx02u] .card-recommended {
  position: absolute;
  right: -45px;
  top: 30px;
  background: var(--Surface-surface-white, #fff);
  display: flex;
  justify-content: center;
  width: 184.618px;
  transform: rotate(45deg);
  padding: 8px 16px;
}

[b-lvukwzx02u] .free-text {
  padding: 15px 0px;
}

[b-lvukwzx02u] .start-text {
  color: var(--C-White, #fafafa) !important;
}

[b-lvukwzx02u] .selectedBtn {
  flex-grow: 1;
  border-radius: 15px;
  height: 51px;
  box-shadow: none !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  background: #000 !important;
  text-transform: capitalize;
}

[b-lvukwzx02u] .unselectedBtn {
  flex-grow: 1;
  border-radius: 15px;
  border: 1px solid var(--C-Black, #000) !important;
  height: 51px;
  background: inherit !important;
  box-shadow: none !important;
  text-transform: capitalize;
}

[b-lvukwzx02u] .fs-button-row {
  width: 100%;
}

[b-lvukwzx02u] .list-container {
  flex-grow: 1;
}

[b-lvukwzx02u] .zoom-out {
  transform: scale(0.9);
  transform-origin: center;
  margin: -18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

[b-lvukwzx02u] .fs-col {
  height: 80%;
}

/*Popup Styling*/
.popup-overlay[b-lvukwzx02u] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start; 
  z-index: 1000;
  padding: calc(80px + 4rem) 20px 3rem 20px;
  overflow-y: auto;
}

.popup-content[b-lvukwzx02u] {
  background: white;
  padding: 24px;
  border-radius: 15px;
  width: 90%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.popup-header[b-lvukwzx02u] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.close-button[b-lvukwzx02u] {
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--C-Black, #000);
}

.popup-body[b-lvukwzx02u] {
  color: var(--C-Black, #000);
  font-size: 16px;
  font-weight: 400;
}

.popup-footer[b-lvukwzx02u] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.submitButton[b-lvukwzx02u] {
  display: flex;
  width: 100%;
  height: 51px;
  padding: 13.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  color: white;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

.changeButton[b-lvukwzx02u] {
  background-color: transparent !important;
  color: black !important;
  display: flex;
  width: 100%;
  padding: 13.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 15px;
  border: 1px solid #000;
  font-size: 16px;
  cursor: pointer;
}

.bold-heading[b-lvukwzx02u] {
  color: var(--C-Black, #000);
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.normal-text[b-lvukwzx02u] {
  margin: 0;
}

@media (max-width: 768px) {
  .popup-overlay[b-lvukwzx02u] {
    margin-top: 20px;
    padding: calc(60px + 1rem) 20px 2rem 20px;
  }

  .popup-content[b-lvukwzx02u] {
    width: 95%;
    padding: 20px;
    margin: 10px;
  }
}

/*Popup Styling*/

[b-lvukwzx02u] .star-img {
  width: 20px;
  height: 20px;
}

@media (max-width: 1399px) {
  [b-lvukwzx02u] .container-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(200px, 425px));
    width: 100%;
    gap: 40px;
  }

  [b-lvukwzx02u] .zoom-out {
    transform: none;
    margin: 20px;
  }
}

@media (max-width: 1024px) {
  [b-lvukwzx02u] .container-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(200px, 425px));
    width: 100%;
    gap: 40px;
  }

  [b-lvukwzx02u] .fs-contribution {
    max-width: 425px;
    height: fit-content;
    border-radius: 15px;
    background: var(--C-Fill, #ffffff);
    padding: 15px 10px;
    margin-top: 40px;
  }
}

@media (max-width: 946px) {
  [b-lvukwzx02u] .container-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(200px, 425px));
    width: 100%;
    gap: 40px;
  }

  [b-lvukwzx02u] .fs-contribution {
    width: 100%;
  }
}
/* /Pages/CompanyRatings/AddCompanyPopup.razor.rz.scp.css */
[b-mxnpl3050c] .rz-dialog-content {
  padding-top: 5px !important;
}

[b-mxnpl3050c] .primary-button-text, [b-mxnpl3050c] .secondary-button-text {
  color: var(--C-Fill, #F7F5F5) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
}

[b-mxnpl3050c] .secondary-button-text {
  color: var(--C-Black, #000) !important;
}

[b-mxnpl3050c] .text-margin-bottom {
  margin-bottom: 0rem;
  font-weight: 500;
  font-size: 17px;
  padding-bottom: 8px;
}

[b-mxnpl3050c] .nc-input-ff {
  margin-top: 20px;
  width: 100%;
}

[b-mxnpl3050c] .nc-input {
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #EAEAEA);
  background: var(--C-Fill, #F7F5F5);
  padding: 18px 20px;
  align-items: center;
  gap: 10px;
  width: 100%;
  resize: none;
}

  [b-mxnpl3050c] .nc-input::placeholder {
    color: var(--C-Grey, #555);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-top: 5px;
  }

[b-mxnpl3050c] .label-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-mxnpl3050c] .create-button {
  margin-top: 25px;
  width: 100%;
  height: 50px;
  border-radius: 15px;
  padding: 13.5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: var(--C-Black, #000) !important;
  padding-top: 16px;
  text-transform: inherit !important;
}

[b-mxnpl3050c] .rz-dialog-titlebar-close {
  float: right;
  background-color: var(--C-Fill, #F7F5F5);
  border-radius: 50%
}

@media (max-width: 768px) {
  [b-mxnpl3050c] .fs-stack {
    flex-direction: row-reverse !important;
  }

  [b-mxnpl3050c] .primary-button, [b-mxnpl3050c] .secondary-button {
    width: 50%;
  }

  [b-mxnpl3050c] .primary-button-text {
    text-wrap: nowrap;
  }
}

@media (max-width: 375px) {
  [b-mxnpl3050c] .fs-stack {
    flex-direction: column !important;
  }

  [b-mxnpl3050c] .primary-button, [b-mxnpl3050c] .secondary-button {
    width: 100%;
  }
}

@media (max-width: 320px) {
  [b-mxnpl3050c] .primary-button-text {
    text-wrap: wrap;
  }
}
/* /Pages/CompanyRatings/CompanyRatings.razor.rz.scp.css */
[b-890110j671] .fs-row-1 {
  width: calc(100% - 40px);
}

[b-890110j671] .rz-button-box {
  align-items: center !important;
}

[b-890110j671] .rz-text-body1 {
  color: #000000 !important;
}

[b-890110j671] .column-section {
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

[b-890110j671] .justify-end {
  display: flex;
  justify-content: end;
  align-items: center;
}

.search-section[b-890110j671] {
  background-color: #CDECE9;
  border-radius: 20px;
  height: fit-content;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 30px 20px;
}

[b-890110j671] .search-bar {
  flex-grow: 1;
  border: 1px solid #EAEAEA;
  height: 55px;
  border-radius: 20px;
  flex-wrap: nowrap;
  padding: 0px 5px;
  background-color: #F7F5F5;
  margin-left: 50px;
  width: calc(100% - 40px);
  z-index: 1;
}

[b-890110j671] .index-1 {
  position: relative;
  z-index: 1;
}

[b-890110j671] .index-2 {
  position: relative;
  z-index: 2;
}

[b-890110j671] .search-ellipse {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  height: 0px;
  padding: 0px;
  margin: 0px;
}

[b-890110j671] .ellipse-row {
  justify-content: start;
  position: relative;
}

[b-890110j671] .search-text-box, [b-890110j671] .rz-textbox {
  width: 100%;
  border: none !important;
  background-color: #F7F5F5;
  padding: 0px;
  box-shadow: none !important;
}

[b-890110j671] .search-icon {
  width: fit-content;
}

[b-890110j671] .icon-size {
  width: 20px;
  height: 20px;
  margin: 0px 10px;
}

[b-890110j671] .ellipse-icon {
  width: 97px;
  height: 97px;
}

[b-890110j671] .ellipse-icon-padding {
  margin: 0px 80px;
}

[b-890110j671] .browse-ratings-tile {
  padding: 20px;
  max-height: 550px;
  border-radius: 15px;
  background: var(--c-220, #E1E8F6) !important;
  width: 50%;
}

[b-890110j671] .add-ratings-tile {
  border-radius: 15px;
  background: var(--c-120, #FFEFD3);
  display: flex;
  padding: 20px;
  align-items: center;
  max-height: 550px;
  width: 50%;
}

[b-890110j671] .browse-rating-text {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-890110j671] .browse-rating-sub-text {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-890110j671] .column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

  [b-890110j671] .column-center:hover {
    cursor: pointer;
  }

[b-890110j671] .full-size {
  max-width: 400px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

[b-890110j671] .ratings-title {
  margin: 20px 0px;
  font-weight: 500;
  font-size: 20px;
}

[b-890110j671] .line-text-1 {
  text-align: center;
}

[b-890110j671] .review-title {
  margin: 20px 0px;
  flex-grow: 1;
}

[b-890110j671] .review-title-text {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  max-width: 370px;
}

[b-890110j671] .the-scoop-text {
  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-890110j671] .the-scoop-sub-text {
  color: var(--C-Grey, #555) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-890110j671] .add-icon-size {
  width: 20px;
  height: 20px;
  object-fit: none;
}

[b-890110j671] .ratings-header {
  margin: 0px 0px 20px 0px;
}

[b-890110j671] .primary-button-text {
  color: var(--C-Fill, #F7F5F5) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-890110j671] .the-scoop-title {
  color: var(--C-Black, #000) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-890110j671] .search-title {
  color: var(--C-Black, #000) !important;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  position: unset !important;
  z-index: 1;
}


[b-890110j671] .fs-row {
  height: 150px;
  width: 75%;
  justify-content: start !important;
  align-items: center !important;
}

[b-890110j671] .sub-section-search {
  width: 75%;
  top: -30px;
}

[b-890110j671] .ellipse-search-icon-size {
  width: 145px;
  height: 145px;
}

[b-890110j671] .ellipse-circle {
  position: absolute;
  top: 15px;
}

[b-890110j671] .fs-row-3 {
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 20px;
  gap: 25px;
}

[b-890110j671] .fs-row-2 {
  gap: 25px;
}

[b-890110j671] .btn-width {
  max-width: 279px;
}

[b-890110j671] .join-community-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-890110j671] .store-image {
  border-radius: 15px;
  max-height: 250px;
}

@media (max-width: 1180px) {
  [b-890110j671] .btn-width {
    max-width: unset;
  }

  [b-890110j671] .search-title {
    position: absolute;
    text-align: center;
    max-width: 350px;
    top: 5px;
  }

  [b-890110j671] .search-section {
    padding: 40px 20px 45px 25px;
  }

  [b-890110j671] .ellipse-circle {
    top: 40px;
    left: -15px;
  }

  [b-890110j671] .browse-ratings-tile, [b-890110j671] .add-ratings-tile {
    width: 100%;
    max-height: unset;
    height: fit-content;
  }

  [b-890110j671] .rating-categories {
    max-width: 250px;
  }

  [b-890110j671] .search-bar {
    width: 95%;
    margin-left: 0px;
  }

  [b-890110j671] .fs-row {
    width: 100%;
  }

  [b-890110j671] .fs-row-3 {
    flex-direction: column !important;
  }
}

@media (max-width: 768px) {
  [b-890110j671] .fs-row-2, [b-890110j671] .fs-row-3 {
    gap: 24px;
  }

  [b-890110j671] .fs-row-3 {
    flex-wrap: wrap;
  }

  [b-890110j671] .ellipse-icon {
    width: 60px;
    height: 60px;
  }

  [b-890110j671] .ellipse-icon-padding {
    margin: 0px 40px;
  }

  [b-890110j671] .ratings-section {
    height: fit-content;
    padding: 40px 20px 20px 20px;
  }

  [b-890110j671] .the-scoop-title {
    display: none !important;
  }

  [b-890110j671] .column-section {
    justify-content: start;
    gap: 0px;
  }

  [b-890110j671] .search-bar {
    width: 100%;
    margin: 0px;
  }

  [b-890110j671] .sub-section-search {
    width: 100%;
  }

  [b-890110j671] .ratings-title {
    margin: 20px 0px;
  }

  [b-890110j671] .review-title-text {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    max-width: 370px;
  }
}
/* /Pages/CompanyRatings/CompanyRatingsList.razor.rz.scp.css */
[b-45cvsh4nvp] .pagination-btn, [b-45cvsh4nvp] .active {
    border-radius: 15px;
    background: var(--C-Fill, #F7F5F5) !important;
    width: 55px;
    height: 55px
}

[b-45cvsh4nvp] .primary-button-text {
    color: var(--C-Fill, #F7F5F5) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}

[b-45cvsh4nvp] .active {
    color: var(--C-White, #FAFAFA) !important;
    background: var(--C-2, #698AD4) !important;
}

[b-45cvsh4nvp] .non-active {
    background: unset !important;
    color: var(--C-Black, #000) !important;
}

[b-45cvsh4nvp] .rz-button-box {
    align-items: center !important;
}

[b-45cvsh4nvp] .leave-review-btn {
    color: var(--C-Black, #000) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 15px;
    background: var(--C-1, #FDB121) !important;
    display: flex;
    padding: 13.5px 30px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    text-transform: capitalize;
    width: 250px;
    height: 51px;
}

[b-45cvsh4nvp] .header-section {
    margin-bottom: 25px;
}

[b-45cvsh4nvp] .search-bar {
    width: 100%;
    border: 1px solid #EAEAEA;
    height: 55px;
    border-radius: 20px;
    flex-wrap: nowrap;
    padding: 0px 5px;
    margin: -20px 0px 20px 0px;
    background-color: #F7F5F5;
}

[b-45cvsh4nvp] .icon-size {
    width: 20px;
    height: 20px;
    margin: 0px 10px;
}

[b-45cvsh4nvp] .search-text-box, [b-45cvsh4nvp] .rz-textbox {
    width: 100%;
    border: none !important;
    background-color: #F7F5F5;
    padding: 0px;
    box-shadow: none !important;
}

[b-45cvsh4nvp] .search-icon {
    width: fit-content;
}

[b-45cvsh4nvp] .company-letter {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #C3D0EE;
    color: #ffffff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 500;
}

[b-45cvsh4nvp] .company-name {
    font-weight: 600;
}

[b-45cvsh4nvp] .company-card {
    width: 100%;
    background-color: #F7F5F5 !important;
    border-radius: 20px;
    box-shadow: none;
    padding: 40px;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

[b-45cvsh4nvp] .card {
    width: calc(100% / 3);
    height: 193px;
    position: relative;
    border-radius: 20px;
    box-shadow: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 225px;
}

.card-section[b-45cvsh4nvp] {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.fs-col-1[b-45cvsh4nvp] {
    max-width: 250px;
    flex-grow: 1;
    width: 100%;
    display: flex;
    justify-content: start;
}

[b-45cvsh4nvp] .fs-col-2 {
    max-width: 530px;
    display: flex;
}

.fs-col-3[b-45cvsh4nvp] {
    max-width: 140px;
    display: flex;
    align-self: center;
    justify-content: flex-end;
}

[b-45cvsh4nvp] .arrow-btn {
    background-color: inherit !important;
    box-shadow: none !important;
    height: 100%;
}

    [b-45cvsh4nvp] .arrow-btn:hover {
        box-shadow: none;
        cursor: pointer;
    }

[b-45cvsh4nvp] .star-icon {
    width: 20px;
    height: 20px;
}

[b-45cvsh4nvp] .percentage-text {
    padding-left: 10px;
}

[b-45cvsh4nvp] .see-more-text {
    text-transform: capitalize;
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none;
    border: 2px solid #FDB121;
    border-radius: 15px;
    width: 100% !important;
    height: 50px !important;
    max-width: 160px;
}

[b-45cvsh4nvp] .see-more-section {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    min-width: 250px;
}

[b-45cvsh4nvp] .see-more-text-mb-section {
    display: none !important;
}

[b-45cvsh4nvp] .see-more-premium .template-icon {
  height: 1.3rem !important;
  width: auto;
}

[b-45cvsh4nvp] .see-more-premium {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap; 
}

[b-45cvsh4nvp] .see-more-premium .rz-button-box {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

[b-45cvsh4nvp] .see-more-premium-mb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

[b-45cvsh4nvp] .see-more-premium-mb .template-icon {
  height: 1.3rem !important;
  width: auto;
}

.card-bottom[b-45cvsh4nvp] {
    width: 100%;
    height: 38%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.card-left[b-45cvsh4nvp] {
    width: 50%;
    height: 62%;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 20px;
}

.card-right[b-45cvsh4nvp] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 62%;
    border-top-right-radius: 20px;
}

.card-1-bottom[b-45cvsh4nvp] {
    background-color: #FFAE8B;
}

.card-1-left[b-45cvsh4nvp] {
    background-color: #FCD58D;
}

.card-1-right[b-45cvsh4nvp] {
    background-color: #FFEFD3;
}

.card-2-bottom[b-45cvsh4nvp] {
    background-color: #CDECE9;
}

.card-2-left[b-45cvsh4nvp] {
    background-color: #A5B9E5;
}

.card-2-right[b-45cvsh4nvp] {
    background-color: #E1E8F6;
}

.card-3-bottom[b-45cvsh4nvp] {
    background-color: #FEE0A6;
}

.card-3-left[b-45cvsh4nvp] {
    background-color: #68C7BC;
}

.card-3-right[b-45cvsh4nvp] {
    background-color: #CDECE9;
}

[b-45cvsh4nvp] .card-icon {
    width: 45px;
    height: 45px;
}

[b-45cvsh4nvp] .index-1 {
    z-index: 1;
}

[b-45cvsh4nvp] .index-2 {
    z-index: 2;
}

[b-45cvsh4nvp] .pill {
    background-color: #ffffff;
    border-radius: 50px;
    max-width: 80%;
    min-width: 180px;
    padding: 15px 0px;
    margin-top: 10px;
}

[b-45cvsh4nvp] .empty-list-text {
    max-width: 500px;
    text-align: center;
}

[b-45cvsh4nvp] .empty-icon {
    height: 204px;
    width: 136px;
}

[b-45cvsh4nvp] .empty-state-section {
    flex: 1;
    padding: 40px;
}

.carousel-section[b-45cvsh4nvp] {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  justify-content: start;
  align-items: center;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch; /* Important for iOS */
  overscroll-behavior-x: none; /* Prevent elastic scrolling on iOS */
}

[b-45cvsh4nvp] .justify-end {
    display: flex;
    justify-content: end;
    align-items: center;
}

[b-45cvsh4nvp] .mobile-view {
    display: none !important;
}

[b-45cvsh4nvp] .desktop-view {
    display: flex !important;
}

[b-45cvsh4nvp] .rating-list-stack {
    margin-top: 25px;
}

@media (max-width: 768px) {
    [b-45cvsh4nvp] .rating-list-stack {
        margin-top: 0px;
    }

    [b-45cvsh4nvp] .search-company-text {
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }

    [b-45cvsh4nvp] .search-bar {
        margin: 8px 0px 16px;
    }

    [b-45cvsh4nvp] .mobile-view {
        display: flex !important;
    }

    [b-45cvsh4nvp] .desktop-view {
        display: none !important;
    }

    [b-45cvsh4nvp] .fs-col-2 {
        max-width: 460px;
        width: 100% !important;
    }

    [b-45cvsh4nvp] .arrow-btn {
        padding: 0px;
    }

    [b-45cvsh4nvp] .header-section {
        display: none !important;
    }

    [b-45cvsh4nvp] .card-section {
        display: flex !important;
        flex-direction: column;
    }

    [b-45cvsh4nvp] .card {
        width: 100%;
        height: 193px;
    }

    [b-45cvsh4nvp] .see-more-section {
        display: none;
    }

    [b-45cvsh4nvp] .see-more-text-mb {
        background-color: #ffffff !important;
        box-shadow: none;
        border: 2px solid #FDB121;
        border-radius: 15px;
        width: 60px;
        height: 50px;
        padding: 0px 15px;
    }

    [b-45cvsh4nvp] .see-more-text-mb-section {
        display: revert !important;
        white-space: nowrap;
    }

    [b-45cvsh4nvp] .company-card {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px;
    }

    .fs-col-3[b-45cvsh4nvp] {
        width: 100%;
    }

    .fs-col-1[b-45cvsh4nvp] {
        width: 100%;
        max-width: unset;
        justify-content: space-between;
    }
}
/* /Pages/CompanyRatings/CompanyReview.razor.rz.scp.css */
@media (max-width: 768px) {
    [b-2iuzckusaa] .company-review {
        gap: 24px !important;
    }
}
/* /Pages/CompanyRatings/RateCompany.razor.rz.scp.css */
[b-8jils4gspq] .ellipse-circle {
  position: absolute;
}
.search-container[b-8jils4gspq] {
  margin-left: 50px;
  width: 100%;
  margin-bottom: 0px;
}

[b-8jils4gspq] .select-company {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  z-index: 1;
}

[b-8jils4gspq] .index-1 {
  z-index: 1;
}

[b-8jils4gspq] .index-2 {
  z-index: 2;
}

[b-8jils4gspq] .search-section {
  padding: 40px 20px;
}

[b-8jils4gspq] .heading {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-8jils4gspq] .sub-heading {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-8jils4gspq] .be-honest {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-8jils4gspq] .be-honest-sub-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-8jils4gspq] .be-honest-section {
  border-radius: 15px;
  border: 1px solid var(--Surface-surface-white, #FFF);
  background: #F7F5F5;
  padding: 0px 20px;
}

[b-8jils4gspq] .be-honest-sub-section {
  max-width: 503px;
  padding: 20px 0px;
}

[b-8jils4gspq] .mobile-image {
  display: none !important;
}

.search-section[b-8jils4gspq] {
  background-color: #CDECE9;
  border-radius: 20px;
  height: fit-content;
  width: 100%;
  display: flex;
  flex-direction: column;
}

[b-8jils4gspq] .search-text-box, [b-8jils4gspq] .rz-textbox {
  width: 100%;
  border: none !important;
  background-color: #F7F5F5;
  padding: 0px;
  box-shadow: none !important;
}

[b-8jils4gspq] .search-icon {
  width: fit-content;
}

[b-8jils4gspq] .icon-size {
  width: 20px;
  height: 20px;
  margin: 0px 10px;
}

[b-8jils4gspq] .ellipse-icon {
  width: 97px;
  height: 97px;
}

[b-8jils4gspq] .ellipse-search-icon-size {
  width: 145px;
  height: 145px;
}

[b-8jils4gspq] .search-title {
  color: var(--C-Black, #000) !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  position: relative;
  top: 35px;
}

[b-8jils4gspq] .add-a-company-btn {
  background-color: #FDB121 !important;
  border-radius: 15px;
  text-transform: none;
  flex-grow: 1;
  max-width: 280px;
  height: 51px;
  color: #000000 !important;
  border: none !important;
  box-shadow: none !important;
}

[b-8jils4gspq] .review-section {
  border-radius: 20px;
  height: fit-content;
  width: 100%;
  padding: 40px 20px;
  background: #FFEFD3;
  margin-bottom: 20px;
}

[b-8jils4gspq] .step-heading {
  color: rgba(0, 0, 0, 0.72) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-8jils4gspq] .company-address {
  color: var(--C-Grey, #555) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-8jils4gspq] .company-name {
  margin: 0px;
  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-8jils4gspq] .company-letter {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #C3D0EE;
  color: #ffffff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 500;
}

[b-8jils4gspq] .edit-btn {
  color: var(--C-3, #FF783E) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: none !important;
}

[b-8jils4gspq] .question-section-row {
  flex-wrap: nowrap !important;
  width: 100%;
}

[b-8jils4gspq] .question-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

[b-8jils4gspq] .fs-nowrap {
  flex-wrap: nowrap !important;
}

[b-8jils4gspq] .question-text {
  color: var(--C-Grey, #555) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-8jils4gspq] .question-card, [b-8jils4gspq] .invalid-question-card, [b-8jils4gspq] .image-question-card {
  border-radius: 20px;
  background: #F7F5F5 !important;
  border: none !important;
  padding: 20px 30px;
  overflow: hidden !important;
}

[b-8jils4gspq] .image-question-card {
  padding: 0px;
  margin: 0px;
}

[b-8jils4gspq] .invalid-question-card {
  border: 1px solid var(--Mistake, #E43C17) !important;
}

[b-8jils4gspq] .rz-slider {
  background-color: white !important;
  margin-top: 30px;
  margin-bottom: -20px;
}

[b-8jils4gspq] .rz-slider-handle, [b-8jils4gspq] .rz-slider-range {
  background-color: var(--C-4, #04A190) !important;
}

[b-8jils4gspq] .button-text {
  background: unset !important;
  color: var(--C-Grey, #555) !important;
  text-wrap: wrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: start;
  width: calc(100% / 3);
  padding: 40px 0 0;
}

[b-8jils4gspq] .rz-button:not(.rz-state-disabled):before {
  transition: unset !important;
}

[b-8jils4gspq] .question-unanswered, [b-8jils4gspq] .question-answered, [b-8jils4gspq] .question-invalid {
  color: #3660BA !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  width: 35px;
  height: 35px;
  background: var(--c-220, #E1E8F6) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

[b-8jils4gspq] .question-invalid {
  background: #FFE4D8 !important;
  color: var(--Mistake, #E43C17) !important;
}

[b-8jils4gspq] .invalid-text {
  color: var(--Mistake, #E43C17) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-8jils4gspq] .fs-radio {
  flex-wrap: nowrap;
}

[b-8jils4gspq] .radio-sub-text {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
}

[b-8jils4gspq] .fs-text-radio-row {
  flex-wrap: nowrap !important;
  margin-bottom: 20px;
}

[b-8jils4gspq] .radio-text {
  color: var(--C-Grey, #555) !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}

[b-8jils4gspq] .fs-slider > span.rz-slider-range.rz-slider-range-min, [b-8jils4gspq] .fs-slider > span.rz-slider-handle {
  background-color: var(--c-280, #87A1DD) !important;
}

[b-8jils4gspq] .image-bg {
  height: 100%;
  width: 100%;
}

[b-8jils4gspq] .rate-container {
  margin-bottom: 40px;
}

[b-8jils4gspq] .money-question {
  margin-top: 16px;
}

[b-8jils4gspq] .primary-button-text {
  color: var(--C-Fill, #F7F5F5) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
}

.store-image-container[b-8jils4gspq], [b-8jils4gspq] .column-center {
  display: flex;
  justify-content: center !important;
}

[b-8jils4gspq] .multiple-store {
  width: 80%;
  height: 100%;
  object-fit: contain;
}

[b-8jils4gspq] .single-store-mobile {
  display: none;
}

[b-8jils4gspq] .review-title-text {
  text-align: center;
}

[b-8jils4gspq] .fs-search-con {
  width: 75% !important;
}

[b-8jils4gspq] .btn-row {
  display: flex;
  justify-content: start !important;
}

@media (max-width: 1085px) {
  [b-8jils4gspq] .question-container {
   grid-template-columns: 1fr;
  }

  [b-8jils4gspq] .question-section-row {
    flex-direction: column !important;
  }

  [b-8jils4gspq] .question-text {
    text-align: center;
  }
}

@media (max-width: 1038px) {
  [b-8jils4gspq] .question-container {
    grid-template-columns: 1fr;
  }

  [b-8jils4gspq] .question-section-row {
    flex-direction: column !important;
  }

  [b-8jils4gspq] .be-honest-section {
    flex-direction: column !important;
  }

  [b-8jils4gspq] .mobile-image {
    display: revert !important;
  }

  [b-8jils4gspq] .desktop-image {
    display: none !important;
  }

  [b-8jils4gspq] .review-section {
    max-height: 350px;
  }

  [b-8jils4gspq] .fs-row-2, [b-8jils4gspq] .fs-row-3 {
    gap: 24px;
  }

  [b-8jils4gspq] .fs-row-3 {
    flex-wrap: wrap;
  }

  [b-8jils4gspq] .ellipse-icon {
    width: 60px;
    height: 60px;
  }

  [b-8jils4gspq] .search-section {
    padding: 40px 20px 20px 20px;
  }

  [b-8jils4gspq] .search-bar {
    width: 100%;
    margin: 0px;
  }

  [b-8jils4gspq] .sub-section-search {
    width: 100%;
  }

  [b-8jils4gspq] .search-title {
    position: relative;
    text-align: center;
    top: 5px;
  }
}

@media (max-width: 768px) {
  [b-8jils4gspq] .btn-row {
    justify-content: center !important;
  }

  [b-8jils4gspq] .primary-button-width {
    width: 100%;
  }

  [b-8jils4gspq] .heading {
    display: none;
  }

  [b-8jils4gspq] .sub-heading {
    text-align: center;
  }

  [b-8jils4gspq] .rate-container {
    margin-bottom: -15px;
  }

  [b-8jils4gspq] .multiple-store {
    display: none;
  }

  [b-8jils4gspq] .single-store-mobile {
    display: revert;
    width: 80%;
    height: 100%;
    object-fit: contain;
  }

  [b-8jils4gspq] .search-section {
    padding: 20px 10px;
  }

  [b-8jils4gspq] .fs-search-con {
    width: 100% !important;
  }

  [b-8jils4gspq] .ellipse-circle {
    position: absolute;
    right: 35px;
  }
}
/* /Pages/CompanyRatings/RatingReview.razor.rz.scp.css */
[b-1rucjxq99c] .notification-popup {
    display: flex !important;
    max-width: 777px;
    height: 55px;
    padding: 4px 4px;
    align-items: center;
    gap: 8px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    background: var(--C-Fill, #F7F5F5);
}

[b-1rucjxq99c] .thank-you-text {
    color: var(--C-Black, #000) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

[b-1rucjxq99c] .thank-you-sub-text {
    color: var(--C-Grey, #555) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
/* /Pages/Consultation.razor.rz.scp.css */
[b-cpiu1ijnqy] .subheading-text {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
}

[b-cpiu1ijnqy] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-cpiu1ijnqy] .fs-stack {
  background-color: #F7F5F5;
  border-radius: 15px;
  padding: 40px;
}

[b-cpiu1ijnqy] .SER-03-CMS-I-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
}

[b-cpiu1ijnqy] .SER-03-CMS-II-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

[b-cpiu1ijnqy] .book-a-session-card {
  background: linear-gradient(136.91deg, #FFF27C -6.78%, #8CEACD 75.83%);
  height: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  border-radius: 20px;
}

[b-cpiu1ijnqy] .white-arrow-icon {
  width: 40px;
  height: 40px;
}

[b-cpiu1ijnqy] .SER-03-CMS-III-LBL {
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
}

[b-cpiu1ijnqy] .SER-03-CMS-IV-LBL {
  font-weight: 600;
  font-style: SemiBold;
  font-size: 18px;
}

[b-cpiu1ijnqy] .benefit-BFAQ-stack-investment {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  width: 100%;
}

[b-cpiu1ijnqy] .benefit-blocks {
  flex-direction: column;
  justify-items: center;
  align-items: start;
  text-align: start;
  padding: 40px 30px;
  border-radius: 15px;
  display: flex;
  gap: 16px;
}

[b-cpiu1ijnqy] .serious-perks-check-icon {
  height: 44px;
  width: 44px;
}

[b-cpiu1ijnqy] .SER-03-CMS-V-LBL, [b-cpiu1ijnqy] .SER-03-CMS-VII-LBL, [b-cpiu1ijnqy] .SER-03-CMS-IX-LBL {
  color: #04A190 !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
}

[b-cpiu1ijnqy] .SER-03-CMS-VI-TXT, [b-cpiu1ijnqy] .SER-03-CMS-VIII-TXT, [b-cpiu1ijnqy] .SER-03-CMS-X-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

[b-cpiu1ijnqy] .book-a-session {
  min-width: 240px;
}

@media (max-width: 1320px) {
  [b-cpiu1ijnqy] .benefit-blocks {
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 1144px) {
  [b-cpiu1ijnqy] .benefit-BFAQ-stack-investment {
    width: unset;
  }

  [b-cpiu1ijnqy] .book-a-session-card {
    padding: 40px 20px;
    flex-direction: column;
    gap: 16px;
  }

  [b-cpiu1ijnqy] .book-a-session {
    min-width: unset;
  }

  [b-cpiu1ijnqy] .image-stack {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 16px;
  }
}
/* /Pages/Dashboard.razor.rz.scp.css */
[b-zhykde1vde] .container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 1200px;
  margin: 0px;
  padding: 0px;
}

[b-zhykde1vde] .header-responsive {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(15.8rem, 15.8rem));
  gap: 16px;
  justify-content: center;
}

[b-zhykde1vde] .section {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 15.8rem));
  gap: 16px;
  justify-content: center;
}

[b-zhykde1vde] .fre-header-block-CTA, [b-zhykde1vde] .mot-header-block-CTA, [b-zhykde1vde] .ser-header-block-CTA {
  grid-column: 1 / -1;
  display: flex;
  max-width: 50rem;
  border-radius: 24px;
  background-color: #CDECE9;
  padding: 2rem 2rem 1.25rem 2rem;
  position: relative;
  z-index: 1;
}

[b-zhykde1vde] .mot-header-block-CTA {
  background-color: #FCE1AD;
}

[b-zhykde1vde] .ser-header-block-CTA {
  background-color: #CDECE9;
}

[b-zhykde1vde] .free-plan-cta {
  z-index: 1;
  position: relative;
  width: 60%;
}

[b-zhykde1vde] .free-bg-image, [b-zhykde1vde] .motivated-bg-image, [b-zhykde1vde] .serious-bg-image {
  background-image: url("images/fre-tile-bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  z-index: 0;
  pointer-events: none;
  width: 40%;
  height: 150px;
}

[b-zhykde1vde] .motivated-bg-image {
  background-image: url("images/mot-tile-bg.svg");
}

[b-zhykde1vde] .serious-bg-image {
  background-image: url("images/ser-tile-bg.svg");
}

[b-zhykde1vde] .powered-by-momentum-icon {
  height: 0.85rem;
}

[b-zhykde1vde] .SER-01-CMS-I-CTA {
  max-width: 250px;
}

[b-zhykde1vde] .display-name-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px;
}

[b-zhykde1vde] .section-title {
  grid-column: 1 / -1;
  color: #333;
  padding: 12px 0;
  padding-bottom: 0px;
  font-weight: 500;
  font-size: 20px;
}

[b-zhykde1vde] .FRE-00-CMS-II-TXT, [b-zhykde1vde] .MOT-01-CMS-I-TXT, [b-zhykde1vde] .SER-01-CMS-II-TXT {
  font-weight: 400;
  font-size: 14px;
  color: var(--C-Grey, #555555) !important;
}

[b-zhykde1vde] .FRE-00-CMS-I-TXT, [b-zhykde1vde] .MOT-01-CMS-II-TXT, [b-zhykde1vde] .SER-01-CMS-I-TXT {
  font-weight: 500;
  font-size: 28px;
}

[b-zhykde1vde] .feature-summary {
  width: 100%;
  max-width: 532px;
}

[b-zhykde1vde] .feature-tile {
  border-radius: 20px;
  min-height: 206px;
  padding: 20px 20px;
  transition: opacity 0.3s ease;
  flex: 1;
}

  [b-zhykde1vde] .feature-tile:hover {
    cursor: pointer;
    opacity: 0.7;
  }

[b-zhykde1vde] .feature-tile-text1 {
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
}

[b-zhykde1vde] .feature-tile-text2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #555555 !important;
}

[b-zhykde1vde] .feature-tile-image1-cont {
  width: 44px;
  height: 44px;
  border-radius: 100px;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-zhykde1vde] .feature-tile-image1 {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: #fafafa;
  text-align: center;
}

[b-zhykde1vde] .feature-tile-invc {
  background-color: #68c7bc;
}

[b-zhykde1vde] .feature-tile-cr {
  background-color: #ffae8b;
}

[b-zhykde1vde] .feature-tile-rf {
  background-color: #fed07a;
}

[b-zhykde1vde] .feature-tile-invs {
  background-color: #ffae8b;
}

[b-zhykde1vde] .feature-tile-mt {
  background-color: #a5b9e5;
}

[b-zhykde1vde] .feature-tile-button {
  width: 134px;
  height: 40px !important;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  background-color: black !important;
  color: white !important;
  text-transform: none !important;
  padding: unset !important;
  margin-top: 5px;
}

[b-zhykde1vde] .feature-tile-raa {
  background-color: #e1e8f6;
  background-image: url("images/ra-tile-bg.svg");
  background-position: right center;
  background-repeat: no-repeat;
}

[b-zhykde1vde] .feature-tile-raa0 {
  background-color: #ffc9b2;
  background-image: url("images/ra0-tile-bg.svg");
  background-position: right center;
}

[b-zhykde1vde] .feature-tile-rect-text-cont {
  padding: 0px 0px 0px 0px;
}

[b-zhykde1vde] .feature-tile-rect-text1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  max-width: 100%;
}

[b-zhykde1vde] .feature-tile-rect-text2 {
  font-size: 80px;
  font-weight: 400;
  line-height: 96px;
}

[b-zhykde1vde] .feature-tile-rect-text3 {
  font-size: 16px;
  font-weight: 500;
  color: black;
  margin-bottom: 10px;
  line-height: 19.2px;
}

[b-zhykde1vde] .ra-application-card {
  border-radius: 20px;
  background: #cdece9;
  padding: 24px;
  gap: 20px;
  margin-bottom: 15px;
  background-position: right top;
  background-repeat: no-repeat;
}

[b-zhykde1vde] .ra-complete-card {
  display: flex;
  max-width: 50rem;
  height: 218px;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}

[b-zhykde1vde] .ra-complete-card.days-remaining {
  background-color: #E1E8F6;
}

[b-zhykde1vde] .ra-complete-card.urgent {
  background-color: #FFC9B2;
}

[b-zhykde1vde] .ra-days-counter {
  position: absolute;
  top: 20px;
  right: 30px;
  text-align: center;
  z-index: 2;
}

[b-zhykde1vde] .ra-days-number {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  color: #000000;
}

[b-zhykde1vde] .ra-days-label {
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #000000
}

[b-zhykde1vde] .ra-star-icon {
  position: absolute;
  bottom: 32px;
  right: 305px;
  z-index: 1;
}

[b-zhykde1vde] .ra-star-icon-2 {
  display: none;
}

[b-zhykde1vde] .ra-complete-content {
  max-width: 409px;
  z-index: 1;
  position: relative;
}

[b-zhykde1vde] .ra-complete-headline {
  color: #000000 !important;
  font-family: Poppins;
  font-weight: 500;
  font-size: 26px;
  line-height: 130%;
}

[b-zhykde1vde] .ra-complete-text {
  color: #555555 !important;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
}

[b-zhykde1vde] .ra-complete-button {
  margin-top: 25px;
  width: 195px;
  height: 40px !important;
  border-radius: 15px;
  gap: 8px;
  background-color: #000000 !important;
  color: #FFFFFF;
  text-transform: none !important;
}

[b-zhykde1vde] .ra-application-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

[b-zhykde1vde] .ra-left-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

[b-zhykde1vde] .ra-right-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

[b-zhykde1vde] .raa-tile-cont {
  position: relative;
  width: 100%;
  height: 100%;
}

[b-zhykde1vde] .card-text {
  color: var(--C-Grey, #555) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-zhykde1vde] .card-title {
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  align-content: space-evenly;
}

[b-zhykde1vde] .card-button {
  color: var(--C-White, #fafafa);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 20px;
  background: var(--colours-C-Black, #000);
  display: flex;
  padding: 13px 0px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

[b-zhykde1vde] .tax-img {
  margin-bottom: 16px;
}

[b-zhykde1vde] .submitLogo {
  width: fit-content;
}

[b-zhykde1vde] .process-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-zhykde1vde] .process-list {
  list-style-type: none;
  padding: 0;
  color: var(--C-Black, #000);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: -16px;
}

  [b-zhykde1vde] .process-list li {
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
    position: relative;
    padding-left: 25px;
  }

    [b-zhykde1vde] .process-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: black;
    }

    [b-zhykde1vde] .process-list li::after {
      content: "";
      position: absolute;
      left: 5px;
      top: 10px;
      bottom: -30px;
      width: 2px;
      background-color: black;
    }

    [b-zhykde1vde] .process-list li:last-child::after {
      display: none;
    }

.process-date[b-zhykde1vde] {
  font-size: 12px;
  color: #666;
  margin-right: 8px;
}

.process-status[b-zhykde1vde] {
  color: #666;
}

[b-zhykde1vde] .button-stack {
  width: 100%
}

[b-zhykde1vde] .rz-button-box {
  text-wrap: nowrap;
}

@media (max-width: 1188px) {
  [b-zhykde1vde] .free-plan-cta {
    width: 100%;
  }

  [b-zhykde1vde] .free-bg-image, [b-zhykde1vde] .motivated-bg-image, [b-zhykde1vde] .serious-bg-image {
    background-image: url("images/fre-tile-bg-mb.svg");
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    right: -8px;
    z-index: 0;
    pointer-events: none;
    width: 20%;
    height: 150px;
  }

  [b-zhykde1vde] .motivated-bg-image {
    background-image: url("images/mot-tile-bg-mb.svg");
  }

  [b-zhykde1vde] .serious-bg-image {
    background-image: url("images/ser-tile-bg-mb.svg");
  }

  [b-zhykde1vde] .header-responsive {
    grid-template-columns: repeat(auto-fit, minmax(43.8rem, 43.8rem));
  }

  [b-zhykde1vde] .section {
    grid-template-columns: repeat(auto-fit, minmax(13.8rem,13.8rem));
  }
}

@media (max-width: 1064px) {
  [b-zhykde1vde] .SER-01-CMS-I-CTA {
    max-width: unset;
  }

  [b-zhykde1vde] .header-responsive {
    grid-template-columns: repeat(auto-fit, minmax(28.8rem, 28.8rem));
  }

  [b-zhykde1vde] .section {
    grid-template-columns: repeat(auto-fit, minmax(13.8rem,13.8rem));
  }
}

@media (max-width: 768px) {
  [b-zhykde1vde] .free-bg-image, [b-zhykde1vde] .motivated-bg-image {
    right: 0;
  }

  [b-zhykde1vde] .header-responsive {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 10.8rem));
  }

  [b-zhykde1vde] .section {
    grid-template-columns: repeat(2, 1fr);
  }

  [b-zhykde1vde] .feature-summary {
    max-width: 100%;
  }

  [b-zhykde1vde] .feature-tile {
    min-height: 165px;
    padding: 16px;
  }

  [b-zhykde1vde] .card-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  [b-zhykde1vde] .feature-tile-text1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: black;
  }

  [b-zhykde1vde] .feature-tile-text2 {
    font-size: 12px;
    line-height: 21px;
  }

  [b-zhykde1vde] .feature-tile-image1-cont {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  [b-zhykde1vde] .feature-tile-image1 {
    width: 25px;
    height: 28px;
  }

  [b-zhykde1vde] .feature-tile-button {
    width: 166px;
    height: 36px !important;
    font-size: 14px;
    line-height: 16.8px;
    margin-top: unset;
  }

  [b-zhykde1vde] .feature-tile-raa {
    background-image: url("images/ra-tile-bg-mobile.svg");
    background-position: right center;
  }

  [b-zhykde1vde] .feature-tile-raa0 {
    background-image: url("images/ra0-tile-bg-mobile.svg");
    background-position: right center;
  }

  [b-zhykde1vde] .ra-application-card {
    background-position: right top;
  }

  [b-zhykde1vde] .feature-tile-rect-text1 {
    font-size: 12px;
    line-height: normal;
    max-width: 165px;
  }

  [b-zhykde1vde] .desktop-icon {
    display: none !important;
  }

  [b-zhykde1vde] .mobile-icon {
    display: block !important;
  }

  [b-zhykde1vde] .ra-complete-card {
    padding: 20px;
    max-width: 100%;
    min-height: 169px;
    max-height: 179px;
  }

  [b-zhykde1vde] .ra-days-counter {
    top: 10px;
    right: 14px;
  }

  [b-zhykde1vde] .ra-days-number {
    font-size: 32px;
  }

  [b-zhykde1vde] .ra-star-icon {
    bottom: 31px;
    right: 46px;
    z-index: 1;
  }

  [b-zhykde1vde] .ra-star-icon img {
    width: 48px;
    height: 48px;
  }

  [b-zhykde1vde] .ra-days-label {
    font-size: 10px;
  }

  [b-zhykde1vde] .ra-complete-content {
    max-width: 255px;
  }

  [b-zhykde1vde] .ra-complete-headline {
    font-size: 16px;
    font-weight: 500;
  }

  [b-zhykde1vde] .ra-complete-text {
    font-weight: 400;
    font-size: 12px;
  }

  [b-zhykde1vde] .ra-complete-button {
    width: 164px;
    height: 40px;
    border-radius: 15px;
    gap: 8px;
    background-color: #000000;
    color: #FFFFFF;
    min-width: unset;
  }

  [b-zhykde1vde] .ra-complete-card.urgent {
    max-height: 169px !important;
  }

  [b-zhykde1vde] .ra-complete-card.urgent .ra-complete-headline {
      max-width: 210px !important;
    }

    [b-zhykde1vde] .greeting-cont {
      height: 35px;
    }
}

@media (min-width: 769px) {
  [b-zhykde1vde] .ra-application-card {
    width: calc((15.8rem * 3) + (16px * 2)); /* 3 columns + 2 gaps */
    max-width: calc((15.8rem * 3) + (16px * 2)) !important;
    background-image: url("images/flower-icon.svg");
    background-size: 40px 40px;
    background-position: right 43px bottom 40px;
  }

  [b-zhykde1vde] .ra-complete-card {
    width: calc((15.8rem * 3) + (16px * 2)); /* 3 columns + 2 gaps */
  }

  [b-zhykde1vde] .ra-days-label {
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: right;
    vertical-align: middle;
  }

  [b-zhykde1vde] .ra-star-icon img {
    width: 80px;
    height: 80px;
  }

  [b-zhykde1vde] .ra-star-icon-2 {
    display: block;
    position: absolute;
    bottom: 53px;
    right: 173px;
    width: 56px;
    height: 56px;
    z-index: 1;
  }

  [b-zhykde1vde] .ra-application-content {
    flex-direction: row;
    gap: 32px;
    align-items: center;
  }

  [b-zhykde1vde] .ra-left-section {
    width: 433px;
  }

  [b-zhykde1vde] .ra-right-section {
    flex: 1;
    transform: translateY(32px);
  }

  [b-zhykde1vde] .submitLogo {
    margin: 5px;
    transform: translateY(10px);
  }

  [b-zhykde1vde] .desktop-icon {
    display: block !important;
  }

  [b-zhykde1vde] .mobile-icon {
    display: none !important;
  }

  [b-zhykde1vde] .feature-tile-rect-text2 {
    font-size: 80px;
    line-height: 96px;
  }

  [b-zhykde1vde] .feature-tile-rect-text3 {
    font-size: 16px;
    margin-bottom: 15px;
  }

  [b-zhykde1vde] .greeting-cont {
    margin-bottom: 15px !important;
  }

  [b-zhykde1vde] .display-name-text {
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px !important;
  }
}

@media (max-width: 590px) {
  [b-zhykde1vde] .button-stack {
    flex-direction: column-reverse !important
  }
}

@media (max-width: 401px) {
  [b-zhykde1vde] .header-responsive {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 22.8rem));
  }

  [b-zhykde1vde] .section {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Complete RA Reminder Card */
[b-zhykde1vde] .ra-reminder-card {
  position: fixed;
  width: 256px;
  height: 246px;
  border-radius: 20px;
  background: linear-gradient(135deg, #FFF27C 0%, #8CEACD 100%);
  padding: 20px;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

[b-zhykde1vde] .ra-reminder-close {
  position: absolute;
  top: 26px;
  right: 16px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  z-index: 2;
}

[b-zhykde1vde] .ra-reminder-circle {
  position: absolute;
  top: 16px;
  left: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-zhykde1vde] .ra-reminder-circle img {
  width: 24px;
  height: 24px;
}

[b-zhykde1vde] .ra-reminder-content {
  margin-top: 70px;
  gap: 8px;
}

[b-zhykde1vde] .ra-reminder-headline {
  color: #000000 !important;
  font-family: Poppins;
  font-weight: 600;
  font-size: 28px;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
}

[b-zhykde1vde] .ra-reminder-text {
  color: #000000 !important;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

[b-zhykde1vde] .ra-reminder-button {
  margin-top: 18px;
  width: 100%;
  height: 51px !important;
  border-radius: 15px;
  background-color: #000000 !important;
  color: #FFFFFF;
  text-transform: none !important;
}

/* Mobile positioning */
@media (max-width: 768px) {
  [b-zhykde1vde] .ra-reminder-card {
    bottom: 264px;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* Desktop positioning */
@media (min-width: 769px) {
  [b-zhykde1vde] .ra-reminder-card {
    bottom: 80px;
    right: 24px;
  }
}
}
/* /Pages/HelpAndSupport.razor.rz.scp.css */
[b-1xlaekradt] .rz-tabview-selected a > .rz-tabview-title {
    color: #FF642C !important;
    font-weight: 500 !important;
}

[b-1xlaekradt] .rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-bottom-color: #FF642C !important;
}

[b-1xlaekradt] .rz-tabview-nav li a:not([href]):not([class]) {
    text-transform: none;
    padding: 12px 0px !important;
    text-align: center;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal;
    color: var(--C-Black, #000);
}

[b-1xlaekradt] .rz-tabview-nav {
    gap: 24px !important;
}

[b-1xlaekradt] .fs-tabs {
    margin-bottom: 47px;
}

[b-1xlaekradt] .rz-tabview-panels {
    padding-top: 32px;
}

[b-1xlaekradt] .cu-text {
    margin: 0px;
    color: #000 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

[b-1xlaekradt] .message {
    margin-top: 20px;
    width: 100%;
    background-color: #F7F5F5 !important;
    border-radius: 15px;
    border-color: #EAEAEA;
    min-height: 96px;
    color: black;
}

[b-1xlaekradt] .submit-button {
    margin-top: 17px;
    width: 100%;
    background-color: black !important;
    color: white;
    border-color: black !important;
}

[b-1xlaekradt] .category {
    color: var(--C-Black, #000) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 0px;
}

[b-1xlaekradt] .category-contact {
    color: var(--C-Black, #000) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin: 0px;
}

[b-1xlaekradt] .fs-row {
    margin-top: 30px;
    cursor: pointer;
}

[b-1xlaekradt] .accordion-question-item {
    margin-top: 16px;
    border-radius: 15px !important;
    padding: 4px;
    color: var(--C-Black, #000) !important;
    position: relative;
    z-index: 1;
    border: none !important;
    background: #F7F5F5 !important;
    cursor: pointer;
}

[b-1xlaekradt] .accordion-table {
    box-shadow: none !important;
    background: unset !important;
    outline: none !important;
}

[b-1xlaekradt] .rz-accordion-content {
    padding: 0px;
}

[b-1xlaekradt] .radzen-row {
    padding: 20px;
    top: -20px;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 0;
    background: #F7F5F5 !important;
    color: var(--C-Black, #000) !important;
    font-size: 14px;
    margin: 0px;
    margin-bottom: -20px;
}

[b-1xlaekradt] .fs-stack {
    max-width: 430px;
}

[b-1xlaekradt] .rz-tabview-panel {
    padding: 0px;
}

    [b-1xlaekradt] .rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) {
        color: var(--C-Black, #000);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
    }

.email-link[b-1xlaekradt] {
    color: var(--C-2, #698AD4) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

@media (max-width: 768px) {
    [b-1xlaekradt] .rz-tabview-nav {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        column-gap: 12px
    }

    [b-1xlaekradt] .rz-tabview.rz-tabview-top .rz-tabview-nav li {
        border-bottom: 1px thin !important;
        border-bottom-color: #6c757d14 !important;
    }

    [b-1xlaekradt] .rz-tabview-nav li a:not([href]):not([class]) {
        font-size: 11px !important;
        padding: 10px;
    }
}
/* /Pages/Investments/InvestmentGrowthProjector.razor.rz.scp.css */
.investment-growth-projector[b-s7scop2b6q] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-s7scop2b6q] .fs-stack-investment {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-s7scop2b6q] .b-didyouknow-stack-investment {
    background-color: #F7F5F5;
    border-radius: 15px;
    padding: 40px;
}

[b-s7scop2b6q] .heading-text {
    font-weight: 500;
    font-size: 20px;
    color: #FF783E !important;
}

[b-s7scop2b6q] .FRE-02-CMS-I-LBL {
    font-weight: 400;
    font-size: 16px;
}

[b-s7scop2b6q] .FRE-03-CMS-I-LBL {
    font-weight: 500;
    font-size: 28px;
}

[b-s7scop2b6q] .a-didyouknow-card-investment {
    border-radius: 15px;
    padding: 40px 30px;
}

[b-s7scop2b6q] .FRE-04-CMS-I-LBL {
    font-weight: 500;
    font-size: 28px;
}

[b-s7scop2b6q] .FRE-04-CMS-II-TXT {
    font-weight: 400;
    font-size: 16px;
}

@media (max-width: 768px) {
    [b-s7scop2b6q] .b-didyouknow-stack-investment {
        padding: 20px;
    }
}
/* /Pages/Investments/InvestmentMotivatedPlanBenefits.razor.rz.scp.css */
[b-od327ueu69] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

/* MOT-04 Comparison Graph Header Styles */
[b-od327ueu69] .MOT-04-CMS-I-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
  color: #000000;
}

[b-od327ueu69] .MOT-04-CMS-II-TXT {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  color: #666666;
}

[b-od327ueu69] .AFAQ-stack-investment {
  background-color: #F7F5F5;
  border-radius: 15px;
  padding: 40px;
}

[b-od327ueu69] .header-BFAQ-stack-investment {
  max-width: 50%;
  width: 100%
}

[b-od327ueu69] .MOT-05-CMS-I-TXT {
  font-weight: 400;
  font-size: 16px;
}

[b-od327ueu69] .MOT-05-CMS-II-LBL {
  font-weight: 500;
  font-size: 28px;
}

[b-od327ueu69] .MOT-05-CMS-III-TXT {
  font-weight: 400;
  font-size: 16px;
}

[b-od327ueu69] .free-perks-check-icon {
  height: 44px;
  width: 44px;
}

[b-od327ueu69] .benefit-blocks {
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-align: center;
  padding: 40px 30px;
  border-radius: 15px;
  display: flex;
  gap: 16px;
}

[b-od327ueu69] .benefit-BFAQ-stack-investment {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  width: 100%;
}

[b-od327ueu69] .MOT-05-CMS-IV-LBL, [b-od327ueu69] .MOT-05-CMS-VII-LBL, [b-od327ueu69] .MOT-05-CMS-IX-LBL {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
}

[b-od327ueu69] .MOT-05-CMS-V-TXT, [b-od327ueu69] .MOT-05-CMS-VIII-TXT, [b-od327ueu69] .MOT-05-CMS-X-TXT {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}

[b-od327ueu69] .flip-backward-orange {
  width: 24px;
  height: 24px;
}

[b-od327ueu69] .flip-backward-text {
  font-weight: 500;
  font-size: 18px;
  padding-left: 10px;
}

[b-od327ueu69] .MOT-05-CMS-RETURN-CTA {
  background-color: transparent !important;
  width: fit-content;
}

@media (max-width: 1308px) {
  [b-od327ueu69] .header-BFAQ-stack-investment {
    max-width: unset;
  }
}

@media (max-width: 1144px) {
  [b-od327ueu69] .MOT-05-CMS-II-LBL {
    font-weight: 500;
    font-size: 18px;
  }

  [b-od327ueu69] .MOT-05-CMS-III-TXT {
    font-weight: 400;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  [b-od327ueu69] .MOT-05-CMS-RETURN-CTA {
    display: none;
  }
}

[b-od327ueu69] .CFAQ-stack-investment {
  padding: 40px 20px;
  background: #F5F5F5;
  border-radius: 15px;
}

@media (max-width: 767px) {
  [b-od327ueu69] .CFAQ-stack-investment {
    padding: 20px 15px;
  }
}
/* /Pages/Investments/InvestmentRABenefits.razor.rz.scp.css */
[b-53jeooj991] .AFAQ-stack-investment {
  background-color: #F7F5F5;
  border-radius: 15px;
  padding: 40px;
}

[b-53jeooj991] .didyouknow-stack-investment {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 40px;
}

[b-53jeooj991] .SER-05-CMS-I-LBL {
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
}

[b-53jeooj991] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-53jeooj991] .subheading-text {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (max-width: 768px) {
  [b-53jeooj991] .AFAQ-stack-investment {
    padding: 25px;
  }

  [b-53jeooj991] .didyouknow-stack-investment {
    padding: 25px;
  }
}
/* /Pages/Investments/Investments.razor.rz.scp.css */
.investment-container[b-uq16wcvpf3] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

[b-uq16wcvpf3] .fs-stack-investment {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

[b-uq16wcvpf3] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-uq16wcvpf3] .FRE-02-CMS-I-LBL {
  font-weight: 400;
  font-size: 16px;
}

[b-uq16wcvpf3] .MOT-03-CMS-I-LBL {
  font-weight: 500;
  font-size: 28px;
}

[b-uq16wcvpf3] .MOT-03-CMS-II-TXT {
  font-weight: 400;
  font-size: 16px;
}
/* /Pages/Investments/ManageRAPlan.razor.rz.scp.css */
[b-mzqsfeh6g9] .heading-text {
  font-weight: 500;
  font-size: 20px;
  color: #FF783E !important;
}

[b-mzqsfeh6g9] .heading-subheading {
  font-weight: 400;
  font-size: 16px;
}
/* /Pages/Invoicing/AddEditInvoice.razor.rz.scp.css */
[b-qi6jcmqb8j] .step-content-area {
  min-height: 100%;
  width: 100%;
}

[b-qi6jcmqb8j] .line-item-divider {
  height: 1px;
  background-color: #EAEAEA;
  margin: 0;
  width: 100%;
}

[b-qi6jcmqb8j] .amount-due-section {
  padding-top: 0;
}

[b-qi6jcmqb8j] .amount-due-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

[b-qi6jcmqb8j] .amount-due-label {
  color: #000;
}

[b-qi6jcmqb8j] .amount-due-value {
  color: #000;
}

/* Line Item Card Styles */
[b-qi6jcmqb8j] .line-item-card {
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  border: 1px solid #F7F5F5 !important;
  transition: all 0.2s ease;
  cursor: pointer;
  margin-bottom: 16px;
}

[b-qi6jcmqb8j] .line-item-card-selected {
  background: #FFE4D8 !important;
}

  /* Selected card input styling */
  [b-qi6jcmqb8j] .line-item-card-selected .card-input,
  [b-qi6jcmqb8j] .line-item-card-selected .card-textarea,
  [b-qi6jcmqb8j] .line-item-card-selected .qty-controls {
    background: #FFC9B2 !important;
    border-color: #FFAE8B !important;
  }

    /* Active editing state - white background for the field being edited */
    [b-qi6jcmqb8j] .line-item-card-selected .card-input:focus,
    [b-qi6jcmqb8j] .line-item-card-selected .card-textarea:focus,
    [b-qi6jcmqb8j] .line-item-card-selected .qty-input:focus {
      background: white !important;
    }

  /* Quantity input styling when card is selected */
  [b-qi6jcmqb8j] .line-item-card-selected .qty-input {
    background: transparent !important; /* Keep transparent so qty-controls background shows through */
  }

    [b-qi6jcmqb8j] .line-item-card-selected .qty-input:focus {
      background: white !important;
    }

/* Card Header Row */
[b-qi6jcmqb8j] .card-header-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}

[b-qi6jcmqb8j] .header-item-name,
[b-qi6jcmqb8j] .header-qty,
[b-qi6jcmqb8j] .header-rate,
[b-qi6jcmqb8j] .header-vat {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

[b-qi6jcmqb8j] .header-qty,
[b-qi6jcmqb8j] .header-rate,
[b-qi6jcmqb8j] .header-vat {
  text-align: center;
}

/* Card Input Row */
[b-qi6jcmqb8j] .card-input-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 15px;
  margin-bottom: 15px;
  align-items: center;
}

/* Card Bottom Row */
[b-qi6jcmqb8j] .card-bottom-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 55px;
  align-items: start;
}

/* Input Styling */
[b-qi6jcmqb8j] .card-input {
  font-size: 14px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  background: #F7F5F5;
  width: 100%;
}

[b-qi6jcmqb8j] .rz-numeric input {
  font-size: 16px;
  text-align: center !important;
  padding: 5px;
}

[b-qi6jcmqb8j] .card-textarea {
  font-size: 14px;
}

[b-qi6jcmqb8j] .card-textarea {
  min-height: 60px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  background: #F7F5F5;
  width: 100%;
  resize: vertical;
  padding: 8px 12px;
}

/* Quantity Controls */
[b-qi6jcmqb8j] .qty-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f7f5f5;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  width: fit-content;
  margin: 0 auto;
}

[b-qi6jcmqb8j] .qty-btn {
  background: transparent !important;
  border: none !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  color: #555 !important;
}

[b-qi6jcmqb8j] .qty-input {
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  width: 50px !important;
  min-width: 50px !important;
}

  [b-qi6jcmqb8j] .qty-input input {
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }

/* VAT Dropdown */
[b-qi6jcmqb8j] .vat-dropdown {
  text-align: center;
}

/* Total Section */
[b-qi6jcmqb8j] .total-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8px 0;
}

[b-qi6jcmqb8j] .total-label {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}

[b-qi6jcmqb8j] .total-value {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

/* Input sections alignment */
[b-qi6jcmqb8j] .input-item-name {
  display: flex;
  align-items: center;
}

[b-qi6jcmqb8j] .input-qty,
[b-qi6jcmqb8j] .input-rate,
[b-qi6jcmqb8j] .input-vat {
  display: flex;
  justify-content: center;
  align-items: center;
}

[b-qi6jcmqb8j] .input-description {
  flex: 1;
}

/* Mobile responsiveness for cards */
@media (max-width: 768px) {
  [b-qi6jcmqb8j] .card-header-row,
  [b-qi6jcmqb8j] .card-input-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  [b-qi6jcmqb8j] .card-bottom-row {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  [b-qi6jcmqb8j] .qty-controls {
    width: 100%;
    justify-content: center;
  }

  [b-qi6jcmqb8j] .header-qty,
  [b-qi6jcmqb8j] .header-rate,
  [b-qi6jcmqb8j] .header-vat {
    text-align: left;
  }
}

.image-checkbox[b-qi6jcmqb8j] {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

  .image-checkbox input[b-qi6jcmqb8j] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

.checkbox-image[b-qi6jcmqb8j] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-in-out;
}

.checkbox-space[b-qi6jcmqb8j] {
  display: table-column;
  width: 24px;
  height: 24px;
}

.image-checkbox input:not(:checked) ~ .checkbox-image[b-qi6jcmqb8j] {
  background-image: url("invoices/checkFalse.svg");
}

.image-checkbox input:checked ~ .checkbox-image[b-qi6jcmqb8j] {
  background-image: url("invoices/checkTrue.svg");
}

.image-checkbox input:focus ~ .checkbox-image[b-qi6jcmqb8j] {
  border: none;
  outline: none;
}

[b-qi6jcmqb8j] div > table > tbody > tr > td {
  background: unset !important;
  border: none !important;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  vertical-align: top;
}

[b-qi6jcmqb8j] .invoice-row {
  width: 100%;
  margin: 0px 0px;
}

[b-qi6jcmqb8j] .mobile-checkbox {
  width: 60px;
}

[b-qi6jcmqb8j] .sevice-item-stack {
  flex-direction: row !important;
  width: 100%;
}

[b-qi6jcmqb8j] .display-input,
[b-qi6jcmqb8j] .display-input-textarea {
  border-radius: 5px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  background: var(--C-Fill, #f7f5f5);
  padding: 7px 15px;
  display: block;
  width: 100%;
  height: fit-content;
  overflow: hidden;
  text-wrap: nowrap;
  max-height: 60px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

[b-qi6jcmqb8j] .display-input-textarea {
  min-height: 59px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-overflow: ellipsis;
}

[b-qi6jcmqb8j] .textAlignCenter {
  text-align: center;
}

[b-qi6jcmqb8j] .rz-cell-data {
  display: flex;
  width: 100%;
}

.search-bar[b-qi6jcmqb8j] {
  width: 100%;
}

  .search-bar input[b-qi6jcmqb8j]::placeholder {
    transition: opacity 0.2s ease;
  }

[b-qi6jcmqb8j] .row-fs {
  width: 100%;
  flex-wrap: nowrap;
  gap: 60px;
}

[b-qi6jcmqb8j] .row-total {
  flex-wrap: nowrap;
  width: 100%;
}

[b-qi6jcmqb8j] .column-stack {
  flex-grow: 1 !important;
  width: 100%;
}

[b-qi6jcmqb8j] .invoice-heading-text {
  color: #FF783E !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-qi6jcmqb8j] .invoice-sub-heading-text,
[b-qi6jcmqb8j] .invoice-title {
  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-qi6jcmqb8j] .rz-steps [role="tablist"] {
  display: none !important;
}

[b-qi6jcmqb8j] .row1-min-height {
  min-height: 683px;
}

[b-qi6jcmqb8j] .row2-margin-top {
  margin-top: 50px;
}

[b-qi6jcmqb8j] .ip-margin-top {
  margin-top: 50px;
}

[b-qi6jcmqb8j] .invoice-item-card {
  margin-top: 10px;
  border-radius: 8px;
  padding: 12px;
  transition: all 0.3s;
}

[b-qi6jcmqb8j] .invoice-item-quantity {
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-qi6jcmqb8j] .mobile-height-item {
  height: 40px;
}

[b-qi6jcmqb8j] .line-item {
  color: var(--C-Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-qi6jcmqb8j] .next-btn-row {
  margin-bottom: 26px;
  cursor: pointer;
}

[b-qi6jcmqb8j] .invoice-item-card-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

[b-qi6jcmqb8j] .invoice-item-productName {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0;
}

[b-qi6jcmqb8j] .invoice-item-description {
  font-size: 1rem;
  margin-bottom: 0;
  text-align: start;
}

[b-qi6jcmqb8j] .invoice-item-card-details {
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
}

[b-qi6jcmqb8j] .upload-btn {
  display: flex;
  padding: 13.5px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  color: #ffffff !important;
  text-transform: capitalize;
  margin-bottom: 20px;
  cursor: pointer;
}

[b-qi6jcmqb8j] .sub-text {
  color: var(--C-Grey, #555) !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-qi6jcmqb8j] .logo-input {
  display: none;
}

[b-qi6jcmqb8j] .upload-logo-text {
  color: var(--C-Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.logo-container[b-qi6jcmqb8j],
.logo-container-failed[b-qi6jcmqb8j] {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid var(--C-1, #fdb121);
  background: var(--c-120, #ffefd3);
  margin: 0px 0px;
}

.logo-container-success[b-qi6jcmqb8j] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.logo-container-failed[b-qi6jcmqb8j] {
  border: 1px solid var(--C-3, #ff783e);
  background: var(--c-320, #ffe4d8);
  cursor: pointer;
}

[b-qi6jcmqb8j] .desktop-view {
  display: flex !important;
}

[b-qi6jcmqb8j] .mobile-view {
  display: none !important;
}

[b-qi6jcmqb8j] .fs-bottom-button {
  margin-top: 15px;
}

[b-qi6jcmqb8j] .rz-datalist-data > li {
  border: unset !important;
  padding: unset !important;
  margin: unset !important;
}

[b-qi6jcmqb8j] .image-card {
  max-width: 320px;
  max-height: 100px;
  margin: 10px;
  object-fit: cover;
  object-position: center;
}

[b-qi6jcmqb8j] .step2-add-client {
  width: 100%;
  height: 50px;
  border-radius: 15px;
  color: white !important;
  background-color: black !important;
}

  [b-qi6jcmqb8j] .step2-add-client .rz-button-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }

[b-qi6jcmqb8j] .step2-search {
  width: 100%;
  height: 50px;
  border-radius: 15px;
  background-color: #f7f5f5;
  justify-content: center;
}

[b-qi6jcmqb8j] .customer-group-key {
  color: var(--C-Black, #000) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-qi6jcmqb8j] .step2-client-card {
  width: 100%;
  padding: 22px 0px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s ease;
}

  [b-qi6jcmqb8j] .step2-client-card.client-selected {
    border-left: 4px solid var(--Primary-primary-base) !important;
  }

[b-qi6jcmqb8j] .step2-initials-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Surface-surface-white, #fff);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-qi6jcmqb8j] .customer-name-lastname {
  color: var(--C-Black, #000) !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-qi6jcmqb8j] .company-name {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-qi6jcmqb8j] .grey-text {
  color: #555555;
  font-size: 12px;
}

[b-qi6jcmqb8j] .margin-bottom-text {
  margin-bottom: 0rem;
}

[b-qi6jcmqb8j] .black-text {
  color: var(--C-Black, #000);
  font-size: 16px;
}

[b-qi6jcmqb8j] .nextButton,
[b-qi6jcmqb8j] .createButton,
.primaryButton[b-qi6jcmqb8j] {
  background-color: #000000 !important;
  border-color: #000000 !important;
  width: 50%;
  height: 50px;
  border-radius: 12px;
  box-shadow: black;
  max-width: 170px;
}

[b-qi6jcmqb8j] .addItemButton,
[b-qi6jcmqb8j] .addServiceButton {
  border-radius: 15px !important;
  max-width: unset;
  height: 51px;
}

[b-qi6jcmqb8j] .addItemButton {
  background: var(--C-Black, #000) !important;
  color: var(--C-White, #fafafa) !important;
}

[b-qi6jcmqb8j] .addServiceButton {
  border: 1px solid var(--C-Black, #000) !important;
  background: transparent !important;
  color: var(--C-Black, #000) !important;
}

[b-qi6jcmqb8j] .createButton {
  max-width: 200px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

[b-qi6jcmqb8j] .nextButton {
  color: var(--C-White, #fafafa) !important;
}

[b-qi6jcmqb8j] .radzen-column-end {
  display: flex;
  justify-content: end !important;
}

[b-qi6jcmqb8j] .submitButton {
  background-color: #000000 !important;
  border-color: #000000 !important;
  width: 100%;
  height: 50px;
  border-radius: 12px;
  box-shadow: black;
}

[b-qi6jcmqb8j] .backButton,
.secondaryButton[b-qi6jcmqb8j],
[b-qi6jcmqb8j] .removeSelectionButton {
  background-color: white !important;
  color: black !important;
  width: 50%;
  height: 50px;
  border-radius: 12px;
  border: solid 1px;
  max-width: 170px;
}

[b-qi6jcmqb8j] .removeSelectionButton {
  max-width: 210px;
  width: 100%;
}

[b-qi6jcmqb8j] .rz-datatable-emptymessage,
[b-qi6jcmqb8j] .rz-datatable-emptymessage > span {
  width: 230px !important;
}

[b-qi6jcmqb8j] .edit-text {
  color: #ff783e;
}

  [b-qi6jcmqb8j] .edit-text:hover {
    text-decoration: underline;
    cursor: pointer;
  }

[b-qi6jcmqb8j] .client-selected-icon {
  width: 24px;
  height: 24px;
  align-self: center;
}

[b-qi6jcmqb8j] .step2-client-selection-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[b-qi6jcmqb8j] .width100 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

[b-qi6jcmqb8j] .invoice-inputs {
  height: 55px;
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  background: var(--C-Fill, #f7f5f5) !important;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

[b-qi6jcmqb8j] textarea.invoice-inputs {
  height: auto;
  min-height: 90px !important;
  white-space: normal !important;
  overflow: auto !important;
  text-overflow: unset !important;
  line-height: 1.5;
  padding: 15px;
  resize: vertical !important;
}

  [b-qi6jcmqb8j] .invoice-inputs.textareah::placeholder,
  [b-qi6jcmqb8j] textarea.invoice-inputs::placeholder {
    white-space: normal !important;
    overflow: visible !important;
    transition: opacity 0.2s ease;
  }

[b-qi6jcmqb8j] .calendar-icon {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

[b-qi6jcmqb8j] .rz-dropdown-label {
  font-size: 14px;
  padding-inline: unset !important;
  margin-right: 15px;
}

[b-qi6jcmqb8j] .invoice-dropdown {
  height: 54px;
  width: fit-content;
  max-width: 75px;
  border-radius: 15px;
  background-color: #f7f5f5 !important;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  color: #04a190;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-qi6jcmqb8j] .width50 {
  width: 48%;
}

[b-qi6jcmqb8j] .rz-popup-content:has(+ .invoice-dropdown),
[b-qi6jcmqb8j] .rz-popup .rz-listbox {
  border-radius: 15px !important;
  background-color: #f7f5f5 !important;
  color: #04a190 !important;
  margin-top: 0 !important;
}

[b-qi6jcmqb8j] .desposit-Row {
  justify-content: space-between !important;
  margin-top: 10px;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
}

[b-qi6jcmqb8j] .invoice-Total {
  font-size: 18px;
  margin-bottom: 15px;
}

[b-qi6jcmqb8j] .hr-2 {
  width: 100%;
  height: 3px;
  background-color: #e5e5e5;
  margin: 8px 0px 12px 0px;
}

[b-qi6jcmqb8j] .textareah {
  min-height: 90px;
}

[b-qi6jcmqb8j] textarea {
  resize: none !important;
}

[b-qi6jcmqb8j] .rz-datatable {
  border: none !important;
}

[b-qi6jcmqb8j] .rz-datatable-thead th,
.rz-grid-table thead th[b-qi6jcmqb8j] {
  border-bottom: none !important;
  border: none !important;
}

.rz-datatable-thead th[b-qi6jcmqb8j],
.rz-grid-table thead th[b-qi6jcmqb8j] {
  border-bottom: none !important;
  border: none !important;
}

[b-qi6jcmqb8j] .fs-stack-row,
[b-qi6jcmqb8j] .fs-row,
[b-qi6jcmqb8j] .row-highlight,
[b-qi6jcmqb8j] .fs-stack-row-heading {
  width: 100%;
  flex-wrap: nowrap !important;
}

[b-qi6jcmqb8j] .fs-stack-row {
  border-bottom: 2px solid var(--C-Fill, #f7f5f5);
  padding-bottom: 20px;
}

[b-qi6jcmqb8j] .fs-row {
  background-color: transparent !important;
  transition: ease-in;
}

[b-qi6jcmqb8j] .cancel-edit {
  color: var(--c-380, #ff9365) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-qi6jcmqb8j] .row-highlight {
  background-color: #ffe4d8 !important;
  padding: 5px;
  border-radius: 9px;
}

[b-qi6jcmqb8j] .column1 {
  width: 40%;
  min-width: 147px;
  max-width: 240px;
  display: flex;
  flex-direction: row;
}

[b-qi6jcmqb8j] .column2 {
  width: 20%;
  min-width: 130px;
}

[b-qi6jcmqb8j] .column3 {
  width: 20%;
  min-width: 150px;
}

[b-qi6jcmqb8j] .column-vat {
  width: 20%;
  min-width: 150px;
  text-align-last: center;
}

[b-qi6jcmqb8j] .column4 {
  width: 20%;
  min-width: 150px;
}

[b-qi6jcmqb8j] .header-title {
  color: var(--C-Grey, #555) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-qi6jcmqb8j] .fs-padding-left {
  margin-left: 44px;
}

[b-qi6jcmqb8j] .rz-datatable-data td,
[b-qi6jcmqb8j] .rz-grid-table td {
  border-bottom: 2px solid var(--C-Fill, #f7f5f5) !important;
}

[b-qi6jcmqb8j] .rz-chkbox-box.rz-state-active {
  background: black;
  border: black;
}

[b-qi6jcmqb8j] .rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
  color: var(--C-Black, #000);
}

[b-qi6jcmqb8j] .rz-button-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

[b-qi6jcmqb8j] .edit-input {
  color: var(--C-Black, #000);
  min-height: 40px !important;
  height: 40px;
  resize: vertical !important;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  background: #f7f5f5;
}

[b-qi6jcmqb8j] .edit-input-textarea {
  color: var(--C-Black, #000);
  min-height: 60px !important;
  resize: vertical !important;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  background: #f7f5f5;
}

[b-qi6jcmqb8j] .edit-box {
  padding: 7px 15px;
  height: 40px;
  min-width: 110px;
  max-width: 150px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  background: #f7f5f5;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

[b-qi6jcmqb8j] .edit-box-selected {
  background: #ffc9b2 !important;
  border: 1px solid #ffae8b !important;
  border-radius: 4px;
  padding: 7px 15px;
  height: 40px;
}

[b-qi6jcmqb8j] .edit-box-input {
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  padding: 0 !important;
}

  [b-qi6jcmqb8j] .edit-box-input > input {
    padding: 0 !important;
  }

[b-qi6jcmqb8j] .edit-box .rz-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

  [b-qi6jcmqb8j] .edit-box .rz-spinner input {
    text-align: center !important;
    padding: 0 !important;
  }

[b-qi6jcmqb8j] .icon-button {
  font-size: 16px;
  cursor: pointer;
}

[b-qi6jcmqb8j] .icon-button-transparent {
  background-color: #f7f5f5 !important;
  border: 1px solid #eaeaea !important;
  opacity: 1;
  color: #d5d4d4 !important;
}

[b-qi6jcmqb8j] .edit-box-mobile {
  width: -webkit-fill-available;
  padding: 0px 15px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  background: #f7f5f5;
}

[b-qi6jcmqb8j] .selected {
  background: #ffc9b2 !important;
  border: 1px solid #ffae8b !important;
}

[b-qi6jcmqb8j] .edit-dropdown-mobile {
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  margin-right: -15px;
}

[b-qi6jcmqb8j] .dropdown-box {
  justify-content: space-between !important;
}

[b-qi6jcmqb8j] .amount-text {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}

[b-qi6jcmqb8j] .total-text {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  justify-content: center !important;
}

[b-qi6jcmqb8j] .total-column {
  width: calc(100% / 3);
  display: flex;
  align-items: end;
  justify-content: end;
}

[b-qi6jcmqb8j] .rz-g > div {
  border: none !important;
  padding: unset !important;
}

[b-qi6jcmqb8j] .rz-text-align-left {
  text-align: left !important;
}

[b-qi6jcmqb8j] .invoice-inputs-stack {
  width: 49%;
}

[b-qi6jcmqb8j] .margin-bottom-20 {
  margin-bottom: 20px;
}

[b-qi6jcmqb8j] .margin-bottom-0 {
  margin-bottom: 0px;
}

[b-qi6jcmqb8j] div > table > tbody > tr > td:nth-child(1) {
  padding-left: 0px;
}

[b-qi6jcmqb8j] .display-amount-input {
  padding: 7px 15px;
  text-align: center;
  text-wrap: nowrap;
}

[b-qi6jcmqb8j] .rz-grid-table thead th .rz-column-title {
  color: var(--C-Grey, #555);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: center;
}

[b-qi6jcmqb8j] .rz-grid-table thead th:nth-child(1) .rz-column-title {
  padding-left: 0px;
  justify-content: start;
}

[b-qi6jcmqb8j] .rz-spinner input[type="text"] {
  color: var(--C-Black, #000);
  padding: 0px;
  border-radius: 4px;
}

.vat-tag-hidden[b-qi6jcmqb8j] {
  display: none;
}

[b-qi6jcmqb8j] .edit-box-input > input[type=text] {
  text-align: center !important;
}

[b-qi6jcmqb8j] .edit-input > .rz-numeric-input {
  text-align: center !important;
}

@media (max-width: 1400px) {
  [b-qi6jcmqb8j] .row-fs {
    flex-direction: column !important;
    gap: 30px;
  }
}

/* Mobile line item card styles - moved outside of media query */
[b-qi6jcmqb8j] .mobile-line-item-card {
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  border: 1px solid #F7F5F5 !important;
  transition: all 0.2s ease;
  cursor: pointer;
  margin-bottom: 16px;
}

[b-qi6jcmqb8j] .mobile-line-item-card-selected {
  background: #FFE4D8 !important;
}

  /* Selected card input styling for mobile */
  [b-qi6jcmqb8j] .mobile-line-item-card-selected .edit-input,
  [b-qi6jcmqb8j] .mobile-line-item-card-selected .edit-input-textarea,
  [b-qi6jcmqb8j] .mobile-line-item-card-selected .edit-box-mobile,
  [b-qi6jcmqb8j] .mobile-line-item-card-selected .icon-button-transparent {
    background: #FFC9B2 !important;
    border-color: #FFAE8B !important;
  }

    /* Active editing state - white background for the field being edited on mobile */
    [b-qi6jcmqb8j] .mobile-line-item-card-selected .edit-input:focus,
    [b-qi6jcmqb8j] .mobile-line-item-card-selected .edit-input-textarea:focus,
    [b-qi6jcmqb8j] .mobile-line-item-card-selected .edit-box-mobile input:focus {
      background: white !important;
    }

@media only screen and (min-width: 768px) {
  .logo-container-success[b-qi6jcmqb8j] {
    flex-direction: row;
  }

  .logo-container[b-qi6jcmqb8j],
  .logo-container-failed[b-qi6jcmqb8j] {
    width: 256px;
    height: 253px;
  }

  [b-qi6jcmqb8j] .ip-center {
    justify-content: center !important;
  }

  [b-qi6jcmqb8j] .ip-margin-top {
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  [b-qi6jcmqb8j] .rz-steps {
    height: 100vh;
  }

  [b-qi6jcmqb8j] .radzen-column-end {
    width: 100%;
    margin-top: 15px;
  }

  [b-qi6jcmqb8j] .sevice-item-stack {
    flex-direction: column !important;
  }

  [b-qi6jcmqb8j] .date-stack {
    flex-direction: column !important;
  }

  [b-qi6jcmqb8j] .desktop-view {
    display: none !important;
  }

  [b-qi6jcmqb8j] .mobile-view {
    display: flex !important;
  }

    [b-qi6jcmqb8j] .mobile-view.submitButton {
      display: flex;
      justify-content: center;
      align-items: center;
    }

  [b-qi6jcmqb8j] .invoice-heading-text {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
  }

  [b-qi6jcmqb8j] .invoice-sub-heading-text {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;
    margin-top: 10px;
  }

  [b-qi6jcmqb8j] .row1-min-height {
    min-height: fit-content;
  }

  [b-qi6jcmqb8j] .desposit-Row {
    flex-direction: column;
  }

  [b-qi6jcmqb8j] .invoice-inputs-stack {
    width: 100%;
  }

  [b-qi6jcmqb8j] .backButton,
  [b-qi6jcmqb8j] .nextButton {
    max-width: unset;
    width: 100% !important;
  }

  [b-qi6jcmqb8j] .mobile-view.fs-bottom-button .backButton,
  [b-qi6jcmqb8j] .mobile-view.fs-bottom-button .nextButton {
    width: 100% !important;
  }
}

@media (max-width: 1605px) {
  [b-qi6jcmqb8j] .column-stack {
    width: 50%;
  }
}

@media (max-width: 1400px) {
  [b-qi6jcmqb8j] .column-stack {
    width: 100%;
  }
}

/* Placeholder Behavior - Dissolve on focus/input */
[b-qi6jcmqb8j] input:focus::placeholder,
[b-qi6jcmqb8j] textarea:focus::placeholder,
[b-qi6jcmqb8j] .invoice-inputs:focus::placeholder,
[b-qi6jcmqb8j] .search-bar input:focus::placeholder,
[b-qi6jcmqb8j] .step2-search input:focus::placeholder,
[b-qi6jcmqb8j] .edit-input:focus::placeholder,
[b-qi6jcmqb8j] .edit-input-textarea:focus::placeholder,
[b-qi6jcmqb8j] .invoice-searchbar input:focus::placeholder,
[b-qi6jcmqb8j] .customer-searchbar input:focus::placeholder,
[b-qi6jcmqb8j] .company-searchbar input:focus::placeholder,
[b-qi6jcmqb8j] .nc-input:focus::placeholder,
[b-qi6jcmqb8j] .card-input:focus::placeholder,
[b-qi6jcmqb8j] .card-textarea:focus::placeholder {
  opacity: 0 !important;
  transition: opacity 0.2s ease;
}

/* Keep placeholder hidden when input has content */
[b-qi6jcmqb8j] input:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] textarea:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] .invoice-inputs:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] .search-bar input:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] .edit-input:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] .edit-input-textarea:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] .nc-input:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] .card-input:not(:placeholder-shown)::placeholder,
[b-qi6jcmqb8j] .card-textarea:not(:placeholder-shown)::placeholder {
  opacity: 0 !important;
}

/* Specific handling for search bars */
[b-qi6jcmqb8j] .step2-search input:focus,
[b-qi6jcmqb8j] .search-bar input:focus,
[b-qi6jcmqb8j] .invoice-searchbar input:focus,
[b-qi6jcmqb8j] .customer-searchbar input:focus,
[b-qi6jcmqb8j] .company-searchbar input:focus {
  background-color: var(--C-Fill, #f7f5f5);
}

/* Hide search dropdowns when input is empty */
[b-qi6jcmqb8j] .search-results:empty,
[b-qi6jcmqb8j] .result-list:empty,
[b-qi6jcmqb8j] .search-results:not(.has-input) {
  display: none !important;
}

/* Ensure placeholder reappears when input is empty and not focused */
[b-qi6jcmqb8j] input::placeholder,
[b-qi6jcmqb8j] textarea::placeholder,
[b-qi6jcmqb8j] .invoice-inputs::placeholder,
[b-qi6jcmqb8j] .search-bar input::placeholder,
[b-qi6jcmqb8j] .step2-search input::placeholder,
[b-qi6jcmqb8j] .edit-input::placeholder,
[b-qi6jcmqb8j] .edit-input-textarea::placeholder,
[b-qi6jcmqb8j] .nc-input::placeholder,
[b-qi6jcmqb8j] .card-input::placeholder,
[b-qi6jcmqb8j] .card-textarea::placeholder {
  opacity: 1;
  transition: opacity 0.2s ease;
  color: #6c757d; /* Standard placeholder color */
}


[b-qi6jcmqb8j] .invoice-date-inputs {
  cursor: pointer !important;
}

[b-qi6jcmqb8j] .invoice-number-feedback {
  color: red;
  font-size: 0.875rem;
  margin-top: 5px;
}

/* Line Item Action Buttons */
[b-qi6jcmqb8j] .line-item-actions {
  position: absolute;
  top: -45px;
  right: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  z-index: 10;
}

[b-qi6jcmqb8j] .line-item-action-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background-color: #FFC9B2 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
}

  [b-qi6jcmqb8j] .line-item-action-btn:hover {
    background-color: #FFAE8B !important;
    transform: scale(1.2);
  }

  [b-qi6jcmqb8j] .line-item-action-btn .rz-button-box {
    padding: 0 !important;
    min-height: unset !important;
  }

  [b-qi6jcmqb8j] .line-item-action-btn i {
    font-size: 16px !important;
    color: black !important;
  }

/* All buttons use same styling - no special colors needed */
[b-qi6jcmqb8j] .line-item-delete-btn,
[b-qi6jcmqb8j] .line-item-move-up-btn,
[b-qi6jcmqb8j] .line-item-move-down-btn {
  background-color: #FFC9B2 !important;
}

  [b-qi6jcmqb8j] .line-item-delete-btn:hover,
  [b-qi6jcmqb8j] .line-item-move-up-btn:hover,
  [b-qi6jcmqb8j] .line-item-move-down-btn:hover {
    background-color: #FFC9B2 !important;
  }

/* Position the line item card relative for absolute positioning of actions */
[b-qi6jcmqb8j] .line-item-card {
  position: relative;
  margin-top: 20px; /* Add top margin to accommodate buttons above */
}

/* Increase margin when line item is selected to accommodate action buttons */
[b-qi6jcmqb8j] .line-item-card-selected {
  margin-top: 35px !important;
}

/* Mobile line item actions */
[b-qi6jcmqb8j] .mobile-line-item-actions {
  position: absolute;
  top: -40px;
  right: 1px;
  display: flex;
  gap: 6px;
  align-items: center;
  z-index: 10;
}

[b-qi6jcmqb8j] .mobile-line-item-action-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background-color: #FFC9B2 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
}

  [b-qi6jcmqb8j] .mobile-line-item-action-btn:hover {
    background-color: #FFC9B2 !important;
    transform: scale(1.05);
  }

  [b-qi6jcmqb8j] .mobile-line-item-action-btn .rz-button-box {
    padding: 0 !important;
    min-height: unset !important;
  }

  [b-qi6jcmqb8j] .mobile-line-item-action-btn i {
    font-size: 14px !important;
    color: black !important;
  }

[b-qi6jcmqb8j] .mobile-line-item-card {
  position: relative;
  margin-top: 18px; /* Add top margin to accommodate buttons above */
}

/* Increase margin when mobile line item is selected to accommodate action buttons */
[b-qi6jcmqb8j] .mobile-line-item-card-selected {
  margin-top: 30px !important;
}

/* Validation Styling */
[b-qi6jcmqb8j] .validation-error {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

[b-qi6jcmqb8j] .validation-message {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 5px;
  display: block;
}

/* Template Selection Layout */
[b-qi6jcmqb8j] .invoice-template-heading {
  color: var(--C-Black, #000);
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 8px;
  margin-top: 20px;
}

[b-qi6jcmqb8j] .invoice-template-subheading {
  color: var(--C-Grey, #555);
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

/* Desktop: Two-panel horizontal layout */
@media (min-width: 769px) {
  .template-selection-container[b-qi6jcmqb8j] {
    display: flex;
    flex-direction: row;
    gap: 32px;
    width: 100%;
    align-items: flex-start;
    margin-top: 25px;
  }

  .carousel-panel[b-qi6jcmqb8j] {
    flex: 0 0 808px;
    max-width: 808px;
  }

  .preview-button-panel[b-qi6jcmqb8j] {
    display: none;
  }

  .desktop-preview-button[b-qi6jcmqb8j] {
    display: flex !important;
  }

  .right-panel[b-qi6jcmqb8j] {
    flex: 0 0 256px;
    max-width: 256px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  [b-qi6jcmqb8j] .preview-template-button {
    width: 256px;
    height: 51px;
    background: #ffffff !important;
    color: var(--C-Black, #000) !important;
    border: 1px solid #000000;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

    [b-qi6jcmqb8j] .preview-template-button:hover {
      background: #F0F0F0 !important;
    }

  [b-qi6jcmqb8j] .preview-icon {
    width: 20px;
    height: 20px;
  }

  [b-qi6jcmqb8j] .preview-text {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
  }
}

/* Mobile: Vertical stacking */
@media (max-width: 768px) {
  [b-qi6jcmqb8j] .invoice-template-heading {
    margin-top: 10px;
  }

  .template-selection-container[b-qi6jcmqb8j] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-top: 25px;
  }

  .carousel-panel[b-qi6jcmqb8j] {
    width: 100%;
    order: 1;
  }

  .preview-button-panel[b-qi6jcmqb8j] {
    width: 100%;
    order: 2;
    display: block;
    margin-top: 10px;
  }

  [b-qi6jcmqb8j] .mobile-view.fs-bottom-button {
    margin-top: 15px;
  }

  .right-panel[b-qi6jcmqb8j] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    order: 3;
  }

  [b-qi6jcmqb8j] .preview-template-button {
    width: 100%;
    height: 51px;
    background: #ffffff !important;
    color: var(--C-Black, #000) !important;
    border: 1px solid #000000;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    order: 1;
  }

    [b-qi6jcmqb8j] .preview-template-button:hover {
      background: #F0F0F0 !important;
    }

      [b-qi6jcmqb8j] .desktop-preview-button {
    display: none !important;
  }

  [b-qi6jcmqb8j] .preview-icon {
    width: 20px;
    height: 20px;
    display: none;
  }

  [b-qi6jcmqb8j] .preview-text {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  /* Upload logo section should come after preview button */
  [b-qi6jcmqb8j] .upload-logo-section {
    order: 2;
  }

  [b-qi6jcmqb8j] .layout-container {
    height: fit-content !important
  }
}
/* /Pages/Invoicing/AddItemPopup.razor.rz.scp.css */
[b-smzndjf71p] .input-box, [b-smzndjf71p] .input-box-2, [b-smzndjf71p] .invalid-input-box-2, [b-smzndjf71p] .valid-input-box-2 {
    width: 100%;
    display: flex;
    height: 55px;
    padding: 18px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
}

[b-smzndjf71p] .invalid-text {
    display: inline-block ;
    color: var(--rz-form-error-color) !important;
    font-size: var(--rz-form-error-font-size) !important;
    padding: var(--rz-validator-text-padding) !important;
}

[b-smzndjf71p] .input-box-2 {
    text-align: center !important;
}

  [b-smzndjf71p] .input-box-2 > input {
    outline: none !important;
    text-align: center !important;
  }

[b-smzndjf71p] .invalid-input-box-2 {
    outline: 1px solid red !important;
    text-align: center !important;
}

[b-smzndjf71p] .valid-input-box-2 {
    outline: 1px solid #26b050 !important;
    text-align: center !important;
}

[b-smzndjf71p] .primary-button {
    background-color: #000000 !important;
    border-color: #000000 !important;
    width: 100%;
    height: 50px;
    border-radius: 12px;
    box-shadow: black;
}

[b-smzndjf71p] .secondary-button {
    background-color: white !important;
    color: black !important;
    width: 100%;
    height: 50px;
    border-radius: 12px;
    border: solid 1px;
}

[b-smzndjf71p] .icon-button {
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5) !important;
    color: #04A190 !important;
    height: 55px;
    width: 55px;
}

[b-smzndjf71p] .rz-spinner input[type=number], [b-smzndjf71p] .rz-spinner input[type=text] {
    outline: none !important;
    text-align: inherit;
}

[b-smzndjf71p] .button-bar {
    border-radius: 15px !important;
    padding: 4px;
    background: var(--C-Fill, #F7F5F5) !important;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    outline: var(--C-Fill-Corners, #EAEAEA) !important;
    height: 60px;
}

[b-smzndjf71p] .button-bar-item {
    border-radius: 11.5px !important;
}

[b-smzndjf71p] .rz-selectbutton .rz-button.rz-button-md.rz-state-active {
    background: var(--C-4, #04A190) !important;
    color: var(--C-White, #FAFAFA) !important;
    border: var(--rz-selectbar-selected-border) !important;
    width: 50% !important;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

[b-smzndjf71p] .rz-selectbutton .rz-button.rz-button-md {
    border: 0px !important;
    border-radius: 11.5px !important;
    width: 50% !important;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

[b-smzndjf71p] .rz-button-md {
    text-transform: unset !important;
}

[b-smzndjf71p] .vat-button {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #ddd !important;
  padding: 10px 12px !important;
  border-radius: 8px !important; 
  font-size: 14px !important;
  text-transform: none !important;
  height: 50px !important; 
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

[b-smzndjf71p] .vat-button-selected {
  background-color: #04A190 !important;
  color: white !important;
  border: 1px solid #04A190 !important;
}
/* /Pages/Invoicing/ClientPopup.razor.rz.scp.css */
[b-r6q8k5ckx4] .client-name {
  width: 80% !important;
}

[b-r6q8k5ckx4] .invalid-input {
  outline: 1px solid var(--rz-form-error-color) !important;
}

[b-r6q8k5ckx4] .valid-input {
  outline: 1px solid #26b050 !important;
}

[b-r6q8k5ckx4] .client-inputs {
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #EAEAEA);
  background: var(--C-Fill, #F7F5F5);
  height: 51px;
  padding: 21.5px 20px;
  width: 350px;
}

  [b-r6q8k5ckx4] .client-inputs::placeholder {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }

[b-r6q8k5ckx4] .addButton {
  background-color: #000000 !important;
  border-color: #000000 !important;
  min-width: 234px;
}

[b-r6q8k5ckx4] .cancelButton {
  background-color: white !important;
  color: black !important;
  min-width: 234px;
}

[b-r6q8k5ckx4] .border {
  border-radius: 12px;
  border: 1px solid !important;
}

[b-r6q8k5ckx4] .width100 {
  width: 100% !important;
}

[b-r6q8k5ckx4] .height100 {
  width: 100% !important;
}

[b-r6q8k5ckx4] .label-text {
  color: var(--C-Black, #000) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-r6q8k5ckx4] .fs-stack-container {
  height: 700px;
}

[b-r6q8k5ckx4] .fs-form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

[b-r6q8k5ckx4] .fs-form-stack {
  flex-grow: 1;
}

[b-r6q8k5ckx4] .modal-button {
  width: 50%;
}

.parent-container[b-r6q8k5ckx4] {
  width: unset;
}

@media only screen and (max-width: 820px) {
  [b-r6q8k5ckx4] .client-inputs {
    width: unset;
  }
}

@media only screen and (max-width: 768px) {
  .parent-container[b-r6q8k5ckx4] {
      width: 100%;
  }

  [b-r6q8k5ckx4] .fs-stack-container {
    height: 100%;
  }

  [b-r6q8k5ckx4] .modal-button {
    width: 100%;
  }

  [b-r6q8k5ckx4] .fs-form-stack {
    gap: 24px;
  }

  [b-r6q8k5ckx4] .fs-stack {
    flex-direction: column !important;
    gap: 24px;
  }

  [b-r6q8k5ckx4] .button-stack {
    flex-direction: column !important;
    justify-content: space-between !important;
    margin-top: 60px;
  }

  [b-r6q8k5ckx4] .addButton {
    width: 45% !important;
    min-width: fit-content;
  }

  [b-r6q8k5ckx4] .cancelButton {
    width: 45% !important;
    min-width: fit-content;
  }
}
/* /Pages/Invoicing/CompleteDetailsPopup.razor.rz.scp.css */
[b-ab3lobeh00] .rz-dialog-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
}

[b-ab3lobeh00] .heading-text1 {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: #555555 !important;
}

[b-ab3lobeh00] .cd-input-sec {
	margin-top: 12px;
}

[b-ab3lobeh00] .cd-label {
	font-size: 16px;
	font-weight: 400;
	line-height: 20.8px;
	color: black;
}

[b-ab3lobeh00] .cd-input {
	background-color: #F7F5F5;
	height: 55px;
	padding: 18px 20px 18px 20px;
	border-radius: 15px;
	border: 1px solid #EAEAEA;
	margin-top: 7px;
}

[b-ab3lobeh00] .rz-dialog-content {
	padding-left: 32px !important;
	padding-right: 32px !important;
}

[b-ab3lobeh00] .save-button {
	margin-top: 15px;
	background-color: black !important;
	color: white !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}


/* /Pages/Invoicing/InvoiceDetail.razor.rz.scp.css */
[b-7htruuwdls] .fs-stack-context-menu {
  cursor: pointer;
}

  [b-7htruuwdls] .fs-stack-context-menu:hover {
    opacity: 0.7;
  }

[b-7htruuwdls] .row-margin-top {
  margin-top: 25px;
}

[b-7htruuwdls] .text-margin-bottom {
  margin-bottom: 0rem;
}

[b-7htruuwdls] .text-margin-auto {
  margin: auto;
}

[b-7htruuwdls] .text-margin-top {
  margin-top: 25px;
}

.hr-1[b-7htruuwdls] {
  height: 2px;
  background-color: black;
}

.hr-2[b-7htruuwdls] {
  width: 100%;
  height: 2px;
  background-color: #e5e5e5;
}

[b-7htruuwdls] .grey-box-desktop {
  display: flex !important;
  background-color: #f7f5f5;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

[b-7htruuwdls] .grey-border-desktop {
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
}

[b-7htruuwdls] .rounded-box-desktop {
  border-radius: 16px;
  height: auto;
  width: auto;
  padding: 1rem 1.875rem 1rem 1.875rem;
}

[b-7htruuwdls] .rounded-box-mobile {
  border-radius: 1rem;
  height: auto;
  width: auto;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

[b-7htruuwdls] .column-margin-sides {
  margin: 0rem 1rem 0rem 1rem;
}

[b-7htruuwdls] .circle {
  border-radius: 100%;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  width: fit-content;
  height: auto;
  padding: 0.5rem;
}

[b-7htruuwdls] .button {
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  text-transform: none !important;
}

[b-7htruuwdls] .button-black {
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: black;
}

[b-7htruuwdls] .button-white {
  background-color: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: black;
}

[b-7htruuwdls] .button-light-grey {
  border-radius: 15px;
  border: 1px solid var(--C-Black, #000);
  background: var(--C-White, #fafafa);
  box-shadow: #eaeaea;
  color: #000000 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

[b-7htruuwdls] .stack-light-grey {
  background-color: #f7f5f5 !important;
  border-color: #eaeaea !important;
}

[b-7htruuwdls] .black-text {
  color: black;
  font-size: 1rem;
}

[b-7htruuwdls] .floating-box {
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

[b-7htruuwdls] .floating-box-container {
  z-index: 50;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

[b-7htruuwdls] .fixed {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
}

[b-7htruuwdls] .mobile-content {
  display: none !important;
}

[b-7htruuwdls] .amount-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-7htruuwdls] .inv-logo-container {
  display: flex;
  align-items: stretch;
}

[b-7htruuwdls] .inv-logo {
  width: 20%;
  height: 20%;  
}

@media (max-width: 768px) {
  [b-7htruuwdls] .row-content {
      padding-bottom: 20px
  }

  [b-7htruuwdls] .desktop-content {
    display: none !important;
  }

  [b-7htruuwdls] .mobile-content {
    display: flex !important;
  }
}
/* /Pages/Invoicing/InvoicePreview.razor.rz.scp.css */
[b-pi8lgql4gp] .total-stack {
    width: 80%;
}

[b-pi8lgql4gp] .row-margin-top {
    margin-top: 0px;
}

[b-pi8lgql4gp] .text-margin-top {
    margin-top: 10px;
}

[b-pi8lgql4gp] .invoice-inputs {
    padding: 17px 20px 10px 20px;
    font-size: 13px; 
}

[b-pi8lgql4gp] .invoice-preview {
    background-color: #ffffff;
    border: solid 0.5px;
    border-color: #EAEAEA;
    border-radius: 15px;
    padding: 30px;
}

[b-pi8lgql4gp] .client-properties, [b-pi8lgql4gp] .item-heading, [b-pi8lgql4gp] .client-properties-value {
    color: var(--C-Grey, #555) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-pi8lgql4gp] .item-heading, [b-pi8lgql4gp] .client-properties-value {
    color: var(--C-Black, #000) !important;
}

[b-pi8lgql4gp] .client-sub-property {
    color: var(--C-Black, #000) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-pi8lgql4gp] .client-values {
    color: black;
    font-size: 10.4px;
}

[b-pi8lgql4gp] .amount-due-text, [b-pi8lgql4gp] .items-and-services, [b-pi8lgql4gp] .billed-to {
    color: var(--C-Black, #000) !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-pi8lgql4gp] .amount-due {
    color: var(--C-Black, #000) !important;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

[b-pi8lgql4gp] .items-and-services, [b-pi8lgql4gp] .billed-to{
    font-weight: 400;
}

[b-pi8lgql4gp] .fs-row {
    margin-top: 16px;
    margin-bottom: 8px
}

[b-pi8lgql4gp] .sectionMargin {
    margin-top: 20px !important;
}

[b-pi8lgql4gp] .height50 {
    min-height: 50px !important;
}

[b-pi8lgql4gp] .text-margin-top-vat {
    margin-top: 16px;
}

[b-pi8lgql4gp] .text-margin-top-zar {
    margin-top: 8px;
}

[b-pi8lgql4gp] .margin0{
    margin:0;
}

[b-pi8lgql4gp] .boldtext {
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    width: 50%;
}

.hr-1[b-pi8lgql4gp] {
    height: 2px;
    background-color: black;
}

.hr-2[b-pi8lgql4gp] {
    width: 100%;
    height: 2px;
    background-color: #E5E5E5;
}

[b-pi8lgql4gp] .hr-line-stack {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border: var(--rz-card-border);
}

.hr-3[b-pi8lgql4gp] {
    width: 100%;
    height: 3px;
    background-color: #E5E5E5;
}

.hr-3-87[b-pi8lgql4gp] {
    width: 87%;
    height: 3px;
    background-color: #E5E5E5;
}

[b-pi8lgql4gp] .invoice-totals {
    max-width: 100%;
    margin-top: 12px;
}

  [b-pi8lgql4gp] .invoice-totals .boldtext {
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    width: auto;
    font-size: 14px;
  }

  [b-pi8lgql4gp] .invoice-totals .text-margin-bottom,
  [b-pi8lgql4gp] .invoice-totals .gray-text-80 {
    min-width: 80px;
    font-size: 14px;
  }

[b-pi8lgql4gp] .invoice-line-item {
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    border-radius: 15px;
    padding: 15px 30px;
}

[b-pi8lgql4gp] .item-detail {
    margin-left: 20px
}

[b-pi8lgql4gp] .invoice-line-item-text-title,
[b-pi8lgql4gp] .invoice-line-item-text,
[b-pi8lgql4gp] .invoice-line-item-text-Qty {
  color: var(--C-Black, #000) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: normal;
  min-width: 0;
}

[b-pi8lgql4gp] .invoice-line-item-text-Qty {
    font-weight: 600;
}

[b-pi8lgql4gp] .invoice-line-item-text {
    font-weight: 275;
}

[b-pi8lgql4gp] .invoice-line-item-header {
    font-size: 12px !important;
    color: var(--C-Black, #000) !important;
    font-style: normal;
    font-weight: 600;
}

[b-pi8lgql4gp] .column-center {
    display: flex;
    justify-content: center;
}

[b-pi8lgql4gp] .column-item-service {
    align-items: center;
    justify-content: center;
    display: flex;
}

[b-pi8lgql4gp] .terms-conditions {
    border: none !important;
    background-color: white !important;
}

[b-pi8lgql4gp] .amount-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-pi8lgql4gp] .inv-logo-container {
  display: flex;
  align-items: stretch;
}

[b-pi8lgql4gp] .inv-logo {
  width: 15%;
  height: 15%;
}


@media only screen and (min-width: 768px) {
    [b-pi8lgql4gp] .ip-center {
        justify-content: center;
    }
}

/* Invoice Preview Section Highlighting Styles */

.preview-section-active[b-pi8lgql4gp] {
    background-color: #E1E8F6;
    border-radius: 15px;
    padding: 16px;
    transition: all 0.3s ease-in-out;
}

.preview-section-inactive[b-pi8lgql4gp] {
    opacity: 0.1;
    transition: all 0.3s ease-in-out;
}

/* Ensure nested elements inherit transition smoothly */
.preview-section-active *[b-pi8lgql4gp],
.preview-section-inactive *[b-pi8lgql4gp] {
    transition: opacity 0.3s ease-in-out;
}
/* /Pages/Invoicing/Invoices.razor.rz.scp.css */
[b-g8p3kig5tq] .invoice-manage-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

[b-g8p3kig5tq] .header-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-g8p3kig5tq] .pagination-btn {
  border-radius: var(--radius-lg, 15px);
  background: var(--colours-C-Fill, #F7F5F5) !important;
  width: 55px;
  height: 55px
}

[b-g8p3kig5tq] .active {
  color: var(--C-White, #FAFAFA) !important;
  background: var(--C-2, #698AD4) !important;
}

[b-g8p3kig5tq] .non-active {
  background: unset !important;
  color: var(--C-Black, #000) !important;
}

[b-g8p3kig5tq] .mobile-view {
  display: none !important;
}

[b-g8p3kig5tq] .rz-dropdown {
  max-width: 100px;
  border-radius: var(--radius-lg, 15px);
  border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
  background: var(--C-Fill, #F7F5F5);
  height: 51px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0px 20px;
}

  [b-g8p3kig5tq] .rz-dropdown:hover {
    border: none;
  }

[b-g8p3kig5tq] .rz-multiselect-trigger ::deep .rzi,
[b-g8p3kig5tq] .rz-dropdown-trigger ::deep .rzi {
  display: none;
}

[b-g8p3kig5tq] .rz-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
}

  [b-g8p3kig5tq] .rz-dropdown-trigger::after {
    content: '';
    background-image: url('../invoices/paginationDownArrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    width: 16px;
    height: 16px;
  }

[b-g8p3kig5tq] .rz-dropdown-trigger-icon {
  display: none;
}

[b-g8p3kig5tq] .pagination-stack {
  margin-bottom: 25px;
}

[b-g8p3kig5tq] .fs-header-stack {
  padding-bottom: 20px;
  align-items: center !important;
}

.fs-container[b-g8p3kig5tq] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 170px) !important;
  padding-bottom: 20px;
  position: relative; /* Add relative positioning for absolute child */
}

/* Widget overlay positioned at container level - top right */
[b-g8p3kig5tq] .widget-overlay-container {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 20;
}

  /* Ensure the widget card styling is maintained */
  [b-g8p3kig5tq] .widget-overlay-container .empty-invoice-card {
    background-color: #ffefd3;
    border: 1px solid var(--c-160, #fed07a);
    padding: 20px;
    text-align: center;
    position: relative;
    width: 360px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

[b-g8p3kig5tq] .page-of-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-g8p3kig5tq] .fs-header-stack-empty {
  align-items: start !important;
  padding-bottom: 20px;
  padding-top: 5px;
}

[b-g8p3kig5tq] .fs-stack-header-name-empty {
  gap: 12px;
  height: fit-content;
}

[b-g8p3kig5tq] .mobile-widget, [b-g8p3kig5tq] .mobile-button {
  display: none !important;
}

/* Desktop shapes positioning */
[b-g8p3kig5tq] .desktop-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Ensures shapes don't interfere with interactions */
  z-index: 1; /* Behind the main content but above background */
}

[b-g8p3kig5tq] .shape-ellipse {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

  [b-g8p3kig5tq] .shape-ellipse img {
    width: 130px;
    height: 100px;
  }

[b-g8p3kig5tq] .shape-rectangle {
  position: absolute;
  top: 90%;
  left: 7%;
}

  [b-g8p3kig5tq] .shape-rectangle img {
    width: 120px;
    height: 120px;
  }

[b-g8p3kig5tq] .shape-circle {
  position: absolute;
  bottom: -5%;
  right: 13%;
}

  [b-g8p3kig5tq] .shape-circle img {
    width: 60px;
    height: 60px;
  }

/* Floating animations for the shapes */
@keyframes float-ellipse-b-g8p3kig5tq {
  0%, 100% {
    transform: translateX(-50%) translateY(0px);
  }

  50% {
    transform: translateX(-50%) translateY(-15px);
  }
}

@keyframes float-rectangle-b-g8p3kig5tq {
  0%, 100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-12px);
  }
}

@keyframes float-circle-b-g8p3kig5tq {
  0%, 100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-18px);
  }
}

@media (max-width: 1180px) {
  [b-g8p3kig5tq] .radzen-column-end {
    width: 100%;
  }

  [b-g8p3kig5tq] .fs-stack-header-name {
    align-items: center !important;
  }

  [b-g8p3kig5tq] .createButton-stack {
    width: 100%;
  }

  [b-g8p3kig5tq] .fs-header-stack {
    flex-direction: column !important;
  }

  [b-g8p3kig5tq] .fs-row-pagination {
    width: 100%;
    justify-content: space-between !important;
    flex-wrap: nowrap;
  }

  [b-g8p3kig5tq] .pagination-stack {
    flex-direction: column !important;
  }

  [b-g8p3kig5tq] .woman-in-yellow-image {
    min-height: 280px;
    width: 100%;
  }

  [b-g8p3kig5tq] .fs-card-stack {
    flex-direction: column-reverse !important;
  }

  [b-g8p3kig5tq] .st-rate-client {
    flex-direction: column !important;
  }

  [b-g8p3kig5tq] .invoice-cards, [b-g8p3kig5tq] .get-paid-card {
    width: 100%;
  }

  [b-g8p3kig5tq] .invoice-cards {
    height: fit-content;
  }
}

@media (max-width: 768px) {
  [b-g8p3kig5tq] .mobile-widget, [b-g8p3kig5tq] .mobile-button {
    display: flex !important;
  }

  [b-g8p3kig5tq] .mobile-widget {
    justify-content: center;
    padding: 20px;
    width: 100%;
  }

  [b-g8p3kig5tq] .mobile-button {
    margin-bottom: 20px;
  }

  [b-g8p3kig5tq] .fs-header-stack-empty {
    justify-content: center !important;
  }

  [b-g8p3kig5tq] .radzen-column-end {
    display: none !important;
  }

  [b-g8p3kig5tq] .invoice-manage-text {
    text-align: center;
  }

  [b-g8p3kig5tq] .invoice-cards {
    padding-bottom: 20px;
  }

  [b-g8p3kig5tq] .woman-in-yellow-image {
    background-image: url('../invoices/womanInYellowMobile.png');
    min-height: 280px;
    width: 100%;
  }

  [b-g8p3kig5tq] .mobile-view, [b-g8p3kig5tq] .mobile-pagination {
    display: flex !important;
  }

    [b-g8p3kig5tq] .mobile-view.submitButton {
      display: flex;
      justify-content: center;
      align-items: center;
    }

  [b-g8p3kig5tq] .row3-margin-top, [b-g8p3kig5tq] .desktop-view {
    display: none !important;
  }

  [b-g8p3kig5tq] .empty-invoice-card {
    width: 100%;
  }

  [b-g8p3kig5tq] .row2-margin-top {
    margin: 20px 0px;
  }

  .mobile-desc[b-g8p3kig5tq] {
    display: block;
  }

  [b-g8p3kig5tq] .responsive-image {
    content: url('invoices/emptystate-mobile.svg');
  }

  [b-g8p3kig5tq] .responsive-image-onlyinvoice {
    content: url('invoices/emptystate-mobile-onlyinvoice.svg');
  }

  [b-g8p3kig5tq] .empty-state {
    min-height: 60vh;
  }

  [b-g8p3kig5tq] .empty-state-container {
    min-height: 60vh;
  }

  [b-g8p3kig5tq] .empty-state-img,
  [b-g8p3kig5tq] .responsive-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Hide the desktop widget overlay on mobile */
  [b-g8p3kig5tq] .widget-overlay-container {
    display: none !important;
  }

    [b-g8p3kig5tq] .widget-overlay-container .empty-invoice-card {
      width: 90vw;
      max-width: 360px;
    }

  /* Hide desktop shapes on mobile */
  [b-g8p3kig5tq] .desktop-shapes {
    display: none !important;
  }
}

@media (max-width: 340px) {
  [b-g8p3kig5tq] .page-of-stack {
    flex-direction: column !important;
  }
}

[b-g8p3kig5tq] .row1-min-height {
  min-height: 100%;
  flex-grow: 1;
}

[b-g8p3kig5tq] .invoiceOrquotationList {
  flex-grow: 1;
  min-height: 50px;
}

[b-g8p3kig5tq] .row1-margin-top {
  margin-top: 25px;
}

[b-g8p3kig5tq] .row2-margin-top {
  margin: 0px 0px 20px 0px;
}

[b-g8p3kig5tq] .row3-margin-top {
  margin-top: 50px;
}

[b-g8p3kig5tq] .rz-datalist-data > li {
  border: unset !important;
  padding: unset !important;
  margin: unset !important;
}

[b-g8p3kig5tq] .no-bottom-margin {
  margin-bottom: 0rem;
}

[b-g8p3kig5tq] .grey-text {
  color: #555555;
  font-size: 12px;
}

[b-g8p3kig5tq] .black-text {
  color: black;
  font-size: 16px;
}

[b-g8p3kig5tq] .searchbar {
  border-radius: 15px;
  width: 100%;
  background-color: #F7F5F5;
  border-color: #EAEAEA;
}

[b-g8p3kig5tq] .filterButton {
  background-color: white !important;
  color: black !important;
  width: auto;
  height: 50px;
  border-radius: 12px;
}

[b-g8p3kig5tq] .radzen-column-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

[b-g8p3kig5tq] .padding-left {
  padding-left: 12px;
}

[b-g8p3kig5tq] .width100 {
  width: 100%;
}

[b-g8p3kig5tq] .empty-state {
  align-items: center !important;
  justify-content: center !important;
  min-height: 70vh;
  flex-grow: 1;
}

[b-g8p3kig5tq] .row1-margin-bottom {
  margin-bottom: 10px;
}

[b-g8p3kig5tq] .empty-invoice-card .skipButton {
  background-color: #FFEFD3;
  color: black;
  border: none;
  border-radius: 12px;
  width: 94%;
  height: 50px;
  margin: 20px 0;
  cursor: pointer;
  box-shadow: none;
}

[b-g8p3kig5tq] .responsive-image {
  content: url('invoices/emptystate.svg');
  width: 100%;
  height: auto;
  max-height: 70vh;
  object-fit: contain;
}

[b-g8p3kig5tq] .responsive-image-onlyinvoice {
  content: url('invoices/emptystate-onlyinvoice.svg');
}

/* Empty state container with relative positioning */
[b-g8p3kig5tq] .empty-state-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  width: 100%;
  min-height: 70vh; /* Ensure it fills more space */
}

/* Picture element fills the container */
[b-g8p3kig5tq] .empty-state-picture {
  max-width: 100%;
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Empty state image fills available space */
[b-g8p3kig5tq] .empty-state-img {
  margin-top: 90px;
  max-width: 100%;
  height: auto;
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
  margin-bottom: 100px;
}

[b-g8p3kig5tq] .desktop-view {
  display: flex !important;
}

[b-g8p3kig5tq] .primary-button-text {
  color: var(--C-Fill, #F7F5F5) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-g8p3kig5tq] .mobile-desc {
  display: none !important;
  margin-top: 20px;
}

[b-g8p3kig5tq] .card-heading {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

[b-g8p3kig5tq] .woman-in-yellow-image {
  max-width: 100%;
  background-image: url('../invoices/womanInYellowDesktop.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
}

[b-g8p3kig5tq] .invoice-cards {
  border-radius: 24px;
  border: 1px solid var(--C-Fill-Corners, #EAEAEA);
  background: var(--C-Fill, #F7F5F5);
  padding: 20px 20px 20px;
  display: flex;
}

[b-g8p3kig5tq] .tell-us-text, [b-g8p3kig5tq] .tip-text {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

[b-g8p3kig5tq] .tip-text {
  color: var(--C-Black, #000) !important;
}

[b-g8p3kig5tq] .pb-40 {
  padding-bottom: 40px;
}

per-page[b-g8p3kig5tq] {
  justify-content: space-between !important;
  width: 100%;
}
/* /Pages/Invoicing/RemoveItem.razor.rz.scp.css */
[b-jtlfx7k5ng] .primary-button {
    background-color: #000000 !important;
    border-color: #000000 !important;
    width: 100%;
    height: 50px;
    border-radius: 15px;
    box-shadow: black;
}

[b-jtlfx7k5ng] .secondary-button {
    background-color: white !important;
    color: black !important;
    width: 100%;
    height: 50px;
    border-radius: 15px;
    border: solid 1px;
}

[b-jtlfx7k5ng] .add-company-dialog rz-dialog-titlebar {
    font-size: 18px !important;
}

[b-jtlfx7k5ng] .add-company-dialog rz-dialog-titlebar-close {
    float: right;
    background-color: var(--C-Fill, #F7F5F5);
    border-radius: 50%
}
/* /Pages/ManageTime.razor.rz.scp.css */
/* General Page Styles */
@media (max-width: 768px) {
  .manage-time-page[b-u8lpibjlhr] {
    padding-bottom: 100px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
}

/* Tabs Styles */
[b-u8lpibjlhr] .rz-tabview-selected a > .rz-tabview-title {
  color: #ff642c !important;
  font-weight: 500 !important;
}

[b-u8lpibjlhr] .rz-tabview-panels {
  padding: 32px 0px;
}

[b-u8lpibjlhr] .rz-tabview-panel {
  padding: 0px;
}

[b-u8lpibjlhr] .rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
  border-bottom-color: #ff642c !important;
}

[b-u8lpibjlhr] .rz-tabview-nav li a:not([href]):not([class]) {
  text-transform: none;
  padding: 12px 0px !important;
  text-align: center;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal;
  color: var(--C-Black, #000);
}

[b-u8lpibjlhr] .rz-tabview-nav {
  gap: 21px !important;
  flex-wrap: wrap;
}

/* Typography Styles */
[b-u8lpibjlhr] .time-tracking-heading {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

[b-u8lpibjlhr] .quick-start {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* Heads up warning styles */
[b-u8lpibjlhr] .heads-up-warning {

}

[b-u8lpibjlhr] .heads-up-warning-mobile {
  margin-top: 16px;
  margin-bottom: 16px;
  backdrop-filter: blur(16px);  
}

[b-u8lpibjlhr] .heads-up-container {
  display: flex;
  align-items: center;
  background-color: #FFEFD3;
  border-radius: 12px;
  padding: 4px 10px;
}

[b-u8lpibjlhr] .heads-up-icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

[b-u8lpibjlhr] .alert-text {
    font-size: 14px;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  [b-u8lpibjlhr] .quick-start-row {
    justify-content: center !important;
  }

  [b-u8lpibjlhr] .rz-tabview.rz-tabview-top .rz-tabview-nav li {
    border-bottom: 1px thin !important;
    border-bottom-color: #6c757d14 !important;
  }

  [b-u8lpibjlhr] .alert-text {
    font-size: 12px;
  }

  .heads-up-container[b-u8lpibjlhr] {
    align-items: flex-start;
    padding: 6px 10px;
  }
}

[b-u8lpibjlhr] .success-nudge-card {
  display: flex;
  max-width: 50%;
  border-radius: 24px;
  background-color: #CDECE9;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  position: relative;
  z-index: 1;
  margin-top: 16px;
}

[b-u8lpibjlhr] .success-nudge-card-text1 {
  color: #000000 !important;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0%;
}

[b-u8lpibjlhr] .success-nudge-card-text2 {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0%;
  max-width: 290px;
}

[b-u8lpibjlhr] .button-stack {
  width: 148px;
}

[b-u8lpibjlhr] .success-nudge-button {
  padding-left: unset !important;
  padding-right: unset !important;
  height: 40px !important;
}

@media (max-width: 1188px) {
  [b-u8lpibjlhr] .success-nudge-card {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  [b-u8lpibjlhr] .success-nudge-card {
    padding: 1.25rem;
  }

  /* Change main layout to vertical (text on top, buttons below) */
  [b-u8lpibjlhr] .success-nudge-card > .rz-stack:first-child {
    flex-direction: column !important;
    gap: 16px !important;
  }

  [b-u8lpibjlhr] .success-nudge-card-text1,
  [b-u8lpibjlhr] .success-nudge-card-text2 {
    max-width: 100%;
  }

  [b-u8lpibjlhr] .button-stack {
    width: 100%;
    flex-direction: row !important;
    gap: 12px !important;
  }

  [b-u8lpibjlhr] .success-nudge-button {
    flex: 1;
  }
}
/* /Pages/PeachPayment/PeachPaymentProcess.razor.rz.scp.css */
.payment-result-card[b-0m0dhe1rpk] {
  background: #ffffff;
  border-radius: 20px;
  width: 89%;
}

.payment-header[b-0m0dhe1rpk] {
  padding: 24px;
  border-bottom: 1px solid #DFDFDF;
}

[b-0m0dhe1rpk] .payment-body {
  min-height: 45rem;
}

@media (max-width: 768px) {
  .payment-result-card[b-0m0dhe1rpk] {
    padding: 10px;
    margin: 10px;
  }
}
/* /Pages/Profile.razor.rz.scp.css */
.profile-page[b-21ff4jiifm] {
  padding-top: 30px;
}

@media (max-width: 768px) {
  .profile-page[b-21ff4jiifm] {
    padding-top: 0px;
  }
}

[b-21ff4jiifm] .image-card {
  max-width: 180px;
  max-height: 150px;
}

@media (max-width: 768px) {
  [b-21ff4jiifm] .image-card {
    max-width: 150px;
  }
}

[b-21ff4jiifm] .logo-input {
  display: none;
}

[b-21ff4jiifm] .upload-logo-text {
  color: var(--C-Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  justify-content: center;
}

[b-21ff4jiifm] .sub-text {
  color: var(--C-Grey, #555) !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  width: 170px;
}

[b-21ff4jiifm] .profile-image-row {
  flex-wrap: nowrap !important;
}

[b-21ff4jiifm] .upload-btn {
  display: flex;
  width: 195px;
  padding: 13.5px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  color: #ffffff !important;
  text-transform: capitalize;
  margin-bottom: 10px;
  cursor: pointer;
}

@media (max-width: 768px) {
  [b-21ff4jiifm] .upload-btn {
    width: 100%;
  }
}

.label-section[b-21ff4jiifm] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.profile-section[b-21ff4jiifm] {
  width: fit-content;
  flex: 1;
}

@media (max-width: 768px) {
  .profile-section[b-21ff4jiifm] {
    flex: initial;
  }
}

.upload-section[b-21ff4jiifm] {
  flex: 1;
}

.logo-container[b-21ff4jiifm],
.logo-container-failed[b-21ff4jiifm] {
  display: flex;
  padding: 60px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 20px;
  border: 2px dashed var(--C-1, #fdb121);
  background: var(--c-120, #ffefd3);
  height: 150px;
  align-self: self-end;
}

.logo-container-failed[b-21ff4jiifm] {
  border: 2px dashed var(--C-3, #ff783e);
  background: var(--c-320, #ffe4d8);
  cursor: pointer;
}

[b-21ff4jiifm] .logo-circle,
[b-21ff4jiifm] .logo-circle-failed {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px dashed var(--C-1, #fdb121);
  background: var(--c-120, #ffefd3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 400px) {
  [b-21ff4jiifm] .logo-circle {
    width: 100px;
    height: 100px;
  }
}

.logo-circle-failed[b-21ff4jiifm] {
  border: 2px dashed var(--C-3, #ff783e) !important;
  background: var(--c-320, #ffe4d8) !important;
}

[b-21ff4jiifm] .st-stack {
  max-width: 430px;
}

@media (max-width: 768px) {
  [b-21ff4jiifm] .st-stack {
    max-width: unset;
    width: 100%;
  }
}

.image-section[b-21ff4jiifm] {
  width: fit-content;
}

[b-21ff4jiifm] .input-box,
[b-21ff4jiifm] .input-box-email {
  width: 100%;
  display: flex;
  height: 55px;
  padding: 18px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea) !important;
  background: var(--C-Fill, #f7f5f5) !important;
  color: #000 !important;
}

[b-21ff4jiifm] .input-box-email {
  color: #afafaf !important;
  background: var(--C-Fill, #fff) !important;
}

[b-21ff4jiifm] .edit {
  color: var(--C-3, #ff783e) !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

[b-21ff4jiifm] .save-btn,
[b-21ff4jiifm] .cancel-btn {
  border-radius: 15px;
  border: 1px solid var(--C-Black, #000) !important;
  background: var(--C-Black, #000) !important;
  display: flex;
  width: 45%;
  padding: 13.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-transform: capitalize;
  box-shadow: none !important;
  cursor: pointer;
}

[b-21ff4jiifm] .cancel-btn {
  border: 1px solid var(--C-Black, #000);
  background: var(--C-White, #fafafa) !important;
  color: #000 !important;
  cursor: pointer;
}

[b-21ff4jiifm] .st-row {
  flex-wrap: nowrap;
}

[b-21ff4jiifm] .email-label {
  color: #afafaf !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-21ff4jiifm] .label-text {
  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

[b-21ff4jiifm] .notification-popup {
  display: flex !important;
  width: 100%;
  padding: 4px 4px;
  align-items: center;
  gap: 8px;
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  background: var(--C-Fill, #f7f5f5);
  transition: opacity 1s ease-out;
}

[b-21ff4jiifm] .thank-you-text {
  color: var(--C-Black, #000) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}

[b-21ff4jiifm] .thank-you-sub-text {
  color: var(--C-Grey, #555) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.notification-text-section[b-21ff4jiifm] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* /Pages/Referrals/Referral.razor.rz.scp.css */
[b-1x8pydfztu] .width-hundred {
    width: 100%;
    box-shadow: none !important;
}

[b-1x8pydfztu] .validation-message {
    position: relative;
}

[b-1x8pydfztu] .invite-card {
    width: 100%;
    padding: 2px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    background: var(--C-Fill, #F7F5F5);
    box-shadow: none !important;
}

[b-1x8pydfztu] .share-card {
    width: 100%;
    height: 240px;
    padding: 10px 3px 10px 3px;
    border-radius: 20px;
    border: 1px solid #DBDBDB;
    background: #CDECE9;
    box-shadow: none !important;
}

[b-1x8pydfztu] .email-card {
    width: 100%;
    height: 240px;
    border-radius: 20px;
    border: 1px solid #DBDBDB !important;
    background: linear-gradient(74deg, #D6C2CA 21.28%, #A5B9E5 78.72%) !important;
    color: #fff;
    box-shadow: none !important;
}

[b-1x8pydfztu] .link-box {
    height: 55px;
    margin-bottom: 10px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA) !important;
    background: var(--C-Fill, #F7F5F5);
}

[b-1x8pydfztu] .copy-button, [b-1x8pydfztu] .invite-button {
  border-radius: 15px;
  width: 50%;
  display: flex;
  padding: 13.5px 30px;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  background: var(--C-Black, #000) !important;
  box-shadow: none !important;
  text-wrap-mode: nowrap;
}

[b-1x8pydfztu] .invite-button {
    width: 100%;
}

[b-1x8pydfztu] .copy-text, [b-1x8pydfztu] .share-text-btn {
    color: var(--C-White, #FAFAFA) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

[b-1x8pydfztu] .share-button {
    width: 50%;
    border-radius: 15px;
    border: 1px solid var(--C-Black, #000) !important;
    background: var(--C-White, #FAFAFA) !important;
    display: flex;
    padding: 13.5px 30px;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    box-shadow: none !important;
    color: var(--C-Black, #000) !important;
}

[b-1x8pydfztu] .rz-button-box {
    align-items: center !important;
}

[b-1x8pydfztu] .active-referrals {
    padding: 20px;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #EAEAEA);
    background: var(--c-220, #E1E8F6);
    box-shadow: none !important;
    margin-bottom: 32px;
}

[b-1x8pydfztu] .rz-datatable {
    background-color: #E1E8F6;
    border-style: none
}

[b-1x8pydfztu] .rz-grid-table thead th {
    background-color: #E1E8F6;
}

[b-1x8pydfztu] .rz-datatable-emptymessage {
    background-color: #E1E8F6;
}

[b-1x8pydfztu] .total-referrals {
    background: url('../images/illustration-geometric-shapes.png') no-repeat center center;
    background-size: cover;
    border-radius: 20px;
    box-shadow: none !important;
    padding: 25px ;
    min-height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-1x8pydfztu] .referral-info-container {
    border-radius: 12px;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row !important;
    height: fit-content;
}

[b-1x8pydfztu] .reward {
    color: #E1E8F6;
}

[b-1x8pydfztu] .referral-info {
  background: white;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  text-align: center;
  max-width: 100%;
  padding: 10px 20px;
  box-shadow: none !important;
  height: 70%;
  min-width: 292px;
}

[b-1x8pydfztu] .opacity {
    display: flex;
    width: calc(100% - 50px);
    height: 100%;
    justify-content: center;
    align-items: center;
    background: none;
    gap: 10px;
}

[b-1x8pydfztu] .stack-cards {
    gap: 0px;
    max-height: 70px;
}

[b-1x8pydfztu] .reward-text {
    color: var(--C-3, #FF783E) !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}

[b-1x8pydfztu] .rz-cell-data {
    color: #000 !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 16px !important;
}

[b-1x8pydfztu] p {
    font-size: 14px;
    color: #555555;
}

[b-1x8pydfztu] h3 {
    font-size: 16px;
}

[b-1x8pydfztu] .share-links {
    background-color: #E1E8F6;
    font-size: 16px !important;
}

[b-1x8pydfztu] .card-padding {
    padding: 20px;
}

[b-1x8pydfztu] .earn-text {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 0px;
}

[b-1x8pydfztu].invite-text {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
}

[b-1x8pydfztu] .share-text, [b-1x8pydfztu] .email-text {
    color: rgba(0, 0, 0, 0.72) !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}

[b-1x8pydfztu] .fs-nowrap {
    flex-wrap: nowrap !important;
}

[b-1x8pydfztu] .referral-text {
    color: rgba(85, 85, 85, 0.72) !important;
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-wrap: nowrap;
}

[b-1x8pydfztu] .referral-heading {
    color: #000 !important;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[b-1x8pydfztu] .column-heading {
    color: var(--C-Black, #000) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

[b-1x8pydfztu] .current-referrals {
    color: #000 !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 15px;
}

[b-1x8pydfztu] .rz-column-title-content {
    color: var(--C-Grey, #555) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

[b-1x8pydfztu] .rz-unselectable-text {
    border: none !important;
}

[b-1x8pydfztu] .rz-grid-table tr > td {
    border: none !important;
}

[b-1x8pydfztu] .fs-row {
    gap: 25px;
}

@media (max-width: 1380px) {
  [b-1x8pydfztu] .opacity {
    flex-direction: column;
    height: fit-content;
    width: 100%;
  }
}

@media (max-width: 768px) {
    [b-1x8pydfztu] .referral-info-container {
        flex-direction: column !important;
    }

    [b-1x8pydfztu] .rz-grid-table {
        width: auto;
    }

    [b-1x8pydfztu] .total-referrals {
        height: fit-content;
    }

    [b-1x8pydfztu] .referral-info {
        padding: 20px;
        flex-direction: column;
        max-width: 262px;
        max-height: 90px;
    }

    [b-1x8pydfztu] .referral-text {
        font-size: 14px;
        text-align: justify;
        text-wrap: wrap;
    }

    [b-1x8pydfztu] .referral-heading {
        font-size: 12px;
    }

    [b-1x8pydfztu] .share-card {
        height: fit-content;
    }

    [b-1x8pydfztu] .fs-nowrap {
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 380px) {
    [b-1x8pydfztu] .fs-nowrap {
        flex-wrap: wrap !important;
    }

    [b-1x8pydfztu] .copy-button, [b-1x8pydfztu] .share-button {
        width: 100%;
    }
}
/* /Pages/Settings.razor.rz.scp.css */
[b-5vgpi2drbo] .rz-tabview-selected a > .rz-tabview-title {
  color: #ff642c !important;
  font-weight: 500 !important;
}

[b-5vgpi2drbo] .rz-tabview-panels {
  padding: 32px 0px;
}

[b-5vgpi2drbo] .rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
  border-bottom-color: #ff642c !important;
}

[b-5vgpi2drbo] .rz-tabview-nav li a:not([href]):not([class]) {
  text-transform: none;
  padding: 12px 0px !important;
  text-align: center;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal;
  color: var(--C-Black, #000);
}

[b-5vgpi2drbo] .rz-tabview-nav {
  gap: 24px !important;
}

[b-5vgpi2drbo] .content.hidden {
  padding-top: 0px !important;
}

[b-5vgpi2drbo] p.readable {
  margin-bottom: 10px !important;
  text-indent: -20px !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-5vgpi2drbo] ul {
  list-style-type: none;
}

[b-5vgpi2drbo] ul .bullet-list {
  list-style-type: disc !important;
}

[b-5vgpi2drbo] .password-card {
  border-radius: 15px;
  height: auto;
  padding: 20px;
  box-shadow: none;
}

[b-5vgpi2drbo] .text-padding {
  padding-bottom: 32px;
}

[b-5vgpi2drbo] .popia-card {
  border-radius: 15px;
  height: auto;
  padding: 20px;
  box-shadow: none;
  border-color: #eaeaea !important;
  border: solid 0.5px;
}

[b-5vgpi2drbo] .card-stack {
  display: grid !important;
  grid-template-columns: repeat(3, calc(100% / 3 - 15px));
}

[b-5vgpi2drbo] .card-text {
  min-height: 126px;
}

[b-5vgpi2drbo] .heavy {
  font-weight: 600;
}

[b-5vgpi2drbo] .download-text {
  cursor: pointer;
  color: #698ad4 !important;
  text-decoration: none;
}

[b-5vgpi2drbo] .download-text:hover {
  cursor: pointer;
}

[b-5vgpi2drbo] .btn {
  width: 50%;
  border: none !important;
  text-transform: capitalize;
  box-shadow: none !important;
  border-radius: 15px !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--C-White, #fafafa) !important;
}

[b-5vgpi2drbo] .btn-enabled {
  background: var(--C-4, #04a190) !important;
}

[b-5vgpi2drbo] .btn-disabled {
  background: var(--C-3, #ff783e) !important;
}

[b-5vgpi2drbo] .btn-false {
  background: unset !important;
  color: var(--C-Black, #000) !important;
}

[b-5vgpi2drbo] .ns-button-section {
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  background: var(--C-Fill, #f7f5f5) !important;
  max-width: 360px;
  flex-wrap: nowrap !important;
  padding: 3.5px;
  gap: 28px;
  height: 55px;
  margin-top: 20px;
}

[b-5vgpi2drbo] .news-letter-text {
  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.card-icon[b-5vgpi2drbo] {
  display: flex;
  width: 61px;
  height: 61px;
  background: var(--c-240, #c3d0ee);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.subscription-details[b-5vgpi2drbo] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

[b-5vgpi2drbo] .your-plan,
[b-5vgpi2drbo] .subscription-name {
  color: var(--C-Black, #000) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 1px;
}

[b-5vgpi2drbo] .subscription-name {
  color: var(--C-2, #698ad4) !important;
}

[b-5vgpi2drbo] .per-month {
  color: var(--C-Black, #000) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 1px;
}

[b-5vgpi2drbo] .renew-text {
  color: var(--C-Grey, #555) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 1px;
}

[b-5vgpi2drbo] .subscription-row {
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea) !important;
  background: var(--C-Fill, #f7f5f5) !important;
  max-width: 950px;
  padding: 10px;
  height: 90px;
}

.trans-history[b-5vgpi2drbo] {
  max-width: 950px;
  background: var(--c-220, #e1e8f6);
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
}

[b-5vgpi2drbo] .history-detail {
  gap: 20px;
  margin-top: 10px;
  display: flex !important;
  flex-direction: column;
  max-height: 200px;
  overflow-y: scroll;
}

[b-5vgpi2drbo] .history-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 0.5fr;
}

@media (max-width: 768px) {
  [b-5vgpi2drbo] .history-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

[b-5vgpi2drbo] .history-row > :nth-child(3) {
    text-align: right;
}

[b-5vgpi2drbo] .trans-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-5vgpi2drbo] .text-details {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.payment-section[b-5vgpi2drbo] {
  margin-top: 32px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

[b-5vgpi2drbo] .payment-details {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0px;
}

[b-5vgpi2drbo] .card-number {
  width: 350px;
  border-radius: 15px;
  border: 1px solid #000;
  padding: 10px 20px;
}

[b-5vgpi2drbo] .card-details {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}

[b-5vgpi2drbo] .fs-card {
  margin: 0px;
}

[b-5vgpi2drbo] .change-btn {
  width: 350px;
  text-transform: capitalize;
  height: 51px;
  border-radius: 15px;
  border: 1px solid var(--C-Black, #000) !important;
  background: var(--C-Black, #000) !important;
  cursor: pointer;
}

[b-5vgpi2drbo] .rz-tabview-panel {
  padding: 0px;
}

[b-5vgpi2drbo] .request-text {
  margin-bottom: 0px !important;
}

[b-5vgpi2drbo] .image-row {
  margin: 20px 0px 40px 0px;
}

[b-5vgpi2drbo] .title-text {
  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[b-5vgpi2drbo] .text-phrase {
  color: var(--C-Grey, #555);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-5vgpi2drbo] .image-card {
  display: flex;
  width: 180px;
  height: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  object-fit: cover;
  object-position: center;
}

[b-5vgpi2drbo] .logo-input {
  display: none;
}

[b-5vgpi2drbo] .upload-logo-text {
  color: var(--C-Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

[b-5vgpi2drbo] .sub-text {
  color: var(--C-Grey, #555) !important;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  width: 170px;
}

[b-5vgpi2drbo] .upload-btn {
  display: flex;
  width: 195px;
  padding: 13.5px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background: var(--C-Black, #000) !important;
  color: #ffffff !important;
  text-transform: capitalize;
  margin-bottom: 10px;
  cursor: pointer;
}

.label-section[b-5vgpi2drbo] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.profile-section[b-5vgpi2drbo] {
  width: fit-content;
}

.upload-section[b-5vgpi2drbo] {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.logo-container[b-5vgpi2drbo],
.logo-container-failed[b-5vgpi2drbo] {
  display: flex;
  padding: 60px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 20px;
  border: 2px dashed var(--C-1, #fdb121);
  background: var(--c-120, #ffefd3);
  height: 150px;
  align-self: self-end;
}

.logo-container-failed[b-5vgpi2drbo] {
  border: 2px dashed var(--C-3, #ff783e);
  background: var(--c-320, #ffe4d8);
  cursor: pointer;
}

.logo-circle[b-5vgpi2drbo] {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px dashed var(--C-1, #fdb121);
  background: var(--c-120, #ffefd3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

[b-5vgpi2drbo] .st-stack {
  max-width: fit-content;
  gap: 32px;
}

.image-section[b-5vgpi2drbo] {
  width: fit-content;
}

[b-5vgpi2drbo] .input-box {
  width: 100%;
  display: flex;
  height: 55px;
  padding: 18px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea) !important;
  background: var(--C-Fill, #f7f5f5) !important;
  max-width: 350px;
}

[b-5vgpi2drbo] .edit {
  color: var(--C-3, #ff783e) !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

[b-5vgpi2drbo] .width100 {
  width: 100%;
}

[b-5vgpi2drbo] .text-area {
  min-height: 90px;
  resize: none !important;
  padding: 18px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  border: 1px solid var(--C-Fill-Corners, #eaeaea) !important;
  background: var(--C-Fill, #f7f5f5) !important;
  max-width: 350px;
}

[b-5vgpi2drbo] .save-btn,
[b-5vgpi2drbo] .cancel-btn {
  border-radius: 15px;
  border: 1px solid var(--C-Black, #000) !important;
  background: var(--C-Black, #000) !important;
  display: flex;
  width: 100%;
  padding: 13.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-transform: capitalize;
  box-shadow: none !important;
}

[b-5vgpi2drbo] .cancel-btn {
  border: 1px solid var(--C-Black, #000);
  background: var(--C-White, #fafafa) !important;
  color: #000 !important;
}

[b-5vgpi2drbo] .manage-row {
  margin-top: 20px;
}

[b-5vgpi2drbo] .fs-stack {
  max-width: 995px;
}

.left-section[b-5vgpi2drbo],
.right-section[b-5vgpi2drbo] {
  width: 35%;
}

.right-section[b-5vgpi2drbo] {
  display: flex;
}

[b-5vgpi2drbo] .button-row {
  margin-top: 20px;
}

@media (max-width: 1399px) {
  [b-5vgpi2drbo] .card-stack {
    grid-template-columns: repeat(2, calc(100% / 2 - 15px));
    justify-content: center !important;
  }
}

@media (max-width: 1024px) {
  [b-5vgpi2drbo] .card-stack {
    grid-template-columns: repeat(1, calc(100% / 1 - 15px));
    justify-content: center !important;
  }

  .left-section[b-5vgpi2drbo],
  .right-section[b-5vgpi2drbo] {
    width: 47%;
  }
}

@media (max-width: 768px) {
  [b-5vgpi2drbo] .button-row {
    flex-wrap: nowrap;
  }

  .left-section[b-5vgpi2drbo],
  .right-section[b-5vgpi2drbo] {
    width: 100%;
  }

  [b-5vgpi2drbo] .input-box,
  [b-5vgpi2drbo] .text-area {
    max-width: unset;
  }

  [b-5vgpi2drbo] .rz-tabview-nav {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 12px;
  }

  [b-5vgpi2drbo] .rz-tabview.rz-tabview-top .rz-tabview-nav li {
    border-bottom: 1px thin !important;
    border-bottom-color: #6c757d14 !important;
  }

  [b-5vgpi2drbo] .card-stack {
    grid-template-columns: repeat(1, minmax(200px, 350px));
    justify-content: center !important;
  }
}

@media (max-width: 768px) {
  [b-5vgpi2drbo] .st-stack {
    max-width: 380px;
  }
}

[b-5vgpi2drbo] .drop-down {
  cursor: pointer;
}

[b-5vgpi2drbo] .strike-through {
  text-decoration: line-through;
}

[b-5vgpi2drbo] .free-trial-text {
  color: var(--C-Black, #000) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 1px;
  margin-left: 8px;
}

[b-5vgpi2drbo] .profile-image {
  max-height: 100%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
[b-1licxucge6] .layout-container {
  background-color: #ffffff;
  padding: 30px 40px;
  overflow: unset;
  height: fit-content !important;
}

@media (max-width: 768px) {
  [b-1licxucge6] .layout-container {
    padding: 30px 0 0;
  }
}

[b-1licxucge6] .rz-header {
  box-shadow: none;
  color: black;
  background-color: white;
  position: sticky;
  top: 0px;
  padding-top: 30px !important;
  margin-top: -30px;
}

[b-1licxucge6] .container-body {
  padding-top: 0px !important;
  transition: margin-right 0.3s ease-in-out;
  margin-right: 0;
  padding-bottom: 16px;
  padding-right: 0px;
}

  [b-1licxucge6] .container-body.menu-open {
    margin-right: 0px;
  }

[b-1licxucge6] .profile-picture {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

[b-1licxucge6] .display-name {
  color: var(--C-Black, #000) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

[b-1licxucge6] .header-text {
  color: #000 !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 767px) {
  [b-1licxucge6] .sidebar-desktop {
    display: none;
  }

  [b-1licxucge6] .rz-header {
    display: none;
  }

  [b-1licxucge6] .bottom-menu-content {
    display: flex;
    justify-content: space-around;
  }

  [b-1licxucge6] .rz-mobile-menu-toggle {
    display: block;
    background-color: #fafafa;
    box-shadow: none;
  }

  [b-1licxucge6] .rz-mobile-header {
    display: none !important;
  }

  .container-body[b-1licxucge6] {
    transition: transform 0.3s ease-in-out;
    transform: translateX(0);
  }

    .container-body.rz-sidebar-visible[b-1licxucge6] {
      transform: translateX();
    }
}

@media (min-width: 768px) {
  [b-1licxucge6] .mobile-bottom-nav {
    display: none !important;
  }
}

@media (min-width: 768px) {
  [b-1licxucge6] .stack-cm {
    margin-right: 30px;
  }
}

[b-1licxucge6] .stack-cm {
  margin-right: 10px;
}

[b-1licxucge6] .sidebar-toggle {
  visibility: hidden !important;
}

[b-1licxucge6] .rz-navigation-item {
  border-bottom: none !important;
  color: #1e4ebb !important;
}

[b-1licxucge6] .rz-panel-menu .rz-navigation-item-wrapper:hover {
  background-color: transparent;
}

[b-1licxucge6] .logout-cont {
  position: absolute;
  bottom: 0;
  left: 0;
}

[b-1licxucge6] .logout-section {
  position: relative;
}

[b-1licxucge6] .fixed-logout {
  position: sticky;
  padding-top: 20px;
  width: 100%;
}

[b-1licxucge6] .logout-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--rz-panel-menu-color);
  background-color: #f7f5f5;
  cursor: pointer;
}

[b-1licxucge6] .logout-icon {
  margin-left: 0px;
  cursor: pointer;
}

[b-1licxucge6] .auth-text {
  color: white;
  cursor: pointer;
}

[b-1licxucge6] .loader {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

[b-1licxucge6] .rz-button-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

[b-1licxucge6] .compare-table-section {
  margin-top: 5rem;
}

[b-1licxucge6] .icon-logo {
  width: 37.67px;
  height: 34.33px;
}

[b-1licxucge6] .bottom-ellipse {
  width: 72px;
  height: 45px;
}

[b-1licxucge6] .logo {
  padding-top: 15px;
  align-content: baseline !important;
}

[b-1licxucge6] .rz-navigation-row {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ffffff;
  width: 100%;
  flex-wrap: nowrap;
}

[b-1licxucge6] .rz-navigation-links {
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: baseline !important;
  padding-top: 15px;
}

  [b-1licxucge6] .rz-navigation-links .rz-link {
    margin-right: 20px;
    text-decoration: none;
    color: #1e4ebb !important;
    white-space: nowrap;
  }

[b-1licxucge6] .rz-navigation-buttons .rz-button {
  padding: 8px 16px;
  border-radius: 4px;
}

[b-1licxucge6] .login {
  color: #1e4ebb !important;
  background-color: #ffffff !important;
  text-transform: capitalize;
  box-shadow: none;
}

[b-1licxucge6] .signup {
  background-color: #000000 !important;
  color: #ffffff !important;
  text-transform: capitalize;
  border-radius: 15px !important;
  width: 195px;
  height: 51px;
}

[b-1licxucge6] .text-color {
  color: #1e4ebb !important;
}

@media (min-width: 768px) {
  [b-1licxucge6] .mobile-menu {
    display: none !important;
  }

  [b-1licxucge6] .rz-mobile-menu {
    display: none !important;
  }

  .rz-mobile-menu-toggle[b-1licxucge6] {
    display: none;
  }

  [b-1licxucge6] .mobile-header {
    display: none !important;
  }

  [b-1licxucge6] .sidebar-desktop {
    position: sticky;
    top: 30px;
    display: flex !important;
    background-color: #f7f5f5;
    height: 90vh;
    border-radius: 15px;
    border: 1px solid var(--C-Fill-Corners, #eaeaea);
    margin-right: 22.5px;
    padding: 16px 29px 39px 29px;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
  }
}

[b-1licxucge6] .rz-mobile-header {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
}

[b-1licxucge6] .rz-mobile-logo {
  max-height: 2rem;
}

[b-1licxucge6] .mobile-side {
  display: none;
}

[b-1licxucge6] .rz-sidebar.rz-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 1rem;
  width: auto;
  height: 100%;
  color: #1e4ebb !important;
  transition: transform 0.3s ease-in-out;
  transform: translateX(100%);
}

[b-1licxucge6] .rz-mobile-menu-toggle {
  display: hidden;
  text-align: right;
  background-color: transparent !important;
  box-shadow: none !important;
  color: black !important;
}

[b-1licxucge6] .mobile-stack {
  width: 100%;
}

[b-1licxucge6] .menu-arrow {
  display: none;
}

[b-1licxucge6] .rz-mobile-signup {
  width: 100%;
  border-radius: 15px;
}

[b-1licxucge6] .terms-privacy {
  position: fixed;
  bottom: 20px;
  margin-top: auto;
  text-align: center;
  padding-top: 1rem;
  color: #1e4ebb !important;
  text-decoration: underline;
}

[b-1licxucge6] .rz-button.rz-variant-outlined.rz-primary.rz-shade-default {
  box-shadow: none;
}

[b-1licxucge6] .mobile-row {
  height: 100%;
  justify-content: space-between;
}

[b-1licxucge6] .rz-panel-menu .rz-navigation-item-link {
  padding: 0;
  margin: 0;
}

[b-1licxucge6] .rz-panel-menu hr {
  color: #d7d6d6;
  margin: 8px 0 24px 0;
  height: 2px;
}

[b-1licxucge6] .rz-panel-menu .rz-navigation-item-text {
  color: #000000 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

[b-1licxucge6] .rz-panel-menu {
  background-color: #f7f5f5;
}

[b-1licxucge6] .subheading {
  font-size: 14px;
  color: #555555;
  line-height: 18px;
}

[b-1licxucge6] .logo-image {
  padding-left: 15px;
  padding-right: 15px;
}

[b-1licxucge6] .mobile-logo {
  max-width: 160px;
  max-height: 24px;
}

[b-1licxucge6] .mobile-name {
  padding-top: 20px;
  padding-bottom: 20px;
}

[b-1licxucge6] .plan {
  color: var(--C-Grey, #555) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: max-content;
}

[b-1licxucge6] .logo-stack {
  margin-bottom: 10px;
  height: 50px;
}

[b-1licxucge6] .profile-name {
  gap: 0;
  justify-content: center !important;
  color: #555;
  font-size: 12px;
  font-weight: 400;
}

[b-1licxucge6] .profile-name-text {
  display: flex;
  color: #000 !important;
  font-size: 16px;
  font-weight: 500;
  text-wrap: nowrap;
  cursor: pointer;
}

[b-1licxucge6] .fs-profile-stack {
  width: fit-content;
}

@media (max-width: 768px) {
  [b-1licxucge6] .loader {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  [b-1licxucge6] .rz-header {
    position: sticky;
    top: 0px;
    padding-top: 20px !important;
    margin-top: -30px;
  }

  [b-1licxucge6] .container-body {
    padding: 20px !important;
    padding-top: 0px !important;
    position: relative;
  }

  [b-1licxucge6] .header-menu {
    display: none !important;
  }

  [b-1licxucge6] .mobile-header {
    display: flex;
    padding: 20px;
    height: fit-content;
  }

  [b-1licxucge6] .rz-mobile-menu-toggle {
    background-color: transparent !important;
  }

  [b-1licxucge6] .sidebar-mobile {
    position: fixed;
    width: 100% !important;
    padding: 80px 20px;
  }

  [b-1licxucge6] .rz-panel-menu {
    background-color: transparent;
  }

  [b-1licxucge6] .logout-text {
    background-color: transparent;
  }

  [b-1licxucge6] .hidden-sidebar {
    display: none !important;
  }

  [b-1licxucge6] .mobile-side {
    display: block !important;
  }

  [b-1licxucge6] .logout-cont {
    width: 100%;
    position: relative;
    margin-top: 20px;
  }

  [b-1licxucge6] .menu-arrow {
    display: block !important;
    max-width: 24px;
    max-height: 24px;
  }
}

[b-1licxucge6] .fullWidth {
  width: 100%;
}

[b-1licxucge6] .flexSpan1 {
  flex: 1;
}

[b-1licxucge6] .header-row {
  padding-bottom: 5px;
  justify-content: space-between !important;
  flex-wrap: nowrap;
}

[b-1licxucge6] .desktopHeaderProfile {
  flex: 0 !important;
}

[b-1licxucge6] .rz-navigation-item-link-active .rz-navigation-item-text {
  color: #ff642c !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
}

[b-1licxucge6] .rz-navigation-item-link-active .rz-navigation-item-icon {
  filter: invert(62%) sepia(37%) saturate(3565%) hue-rotate(332deg) brightness(100%) contrast(103%);
}

[b-1licxucge6] .rz-navigation-item-wrapper-active {
  color: #ff642c !important;
  background-color: inherit !important;
}

[b-1licxucge6] .text-margin-bottom {
  margin-bottom: 0rem;
}

[b-1licxucge6] .grey-box-desktop {
  display: flex !important;
  background-color: #f7f5f5;
  border: 0.075em solid var(--C-Fill-Corners, #eaeaea);
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 30px;
  border-radius: 16px;
}

[b-1licxucge6] .circle {
  border-radius: 100%;
  border: 1px solid var(--C-Fill-Corners, #eaeaea);
  padding: 0.5rem;
  width: 55px;
  height: 55px;
  justify-content: center;
}

[b-1licxucge6] .rounded-box-mobile {
  border-radius: 1em;
  height: auto;
  width: 100%;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

[b-1licxucge6] .stack-light-grey {
  background-color: #f7f5f5 !important;
  border-color: #eaeaea !important;
}

[b-1licxucge6] .rz-panel-menu .rz-navigation-item-icon {
  margin-right: 8px;
}

[b-1licxucge6] .menu-item {
  margin-bottom: 16px;
}

[b-1licxucge6] .alarm-icon {
  width: 25px;
  height: 25px;
}

[b-1licxucge6] .icon-container {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #FDC14D;
  margin-left: 10px;
}

  [b-1licxucge6] .icon-container.paused {
    background: #C3D0EE;
  }

[b-1licxucge6] .floating-menu-container {
  margin-top: 60px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 270px;
}
/* /Shared/PeachPaymentLayout.razor.rz.scp.css */
.payment-processing-container[b-ts6rdty61k] {
  background: linear-gradient(287.4deg, #E1E8F6 27.03%, #F2D7D1 83.92%, #FFC9B2 117.54%);
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: end;
  flex-direction: column;
}

.payment-content[b-ts6rdty61k] {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

[b-ts6rdty61k] .close-x {
  width: 64px;
  height: 64px;
}

[b-ts6rdty61k] .close-x-btn {
  background: none !important;
  width: fit-content;
  height: fit-content;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
}

[b-ts6rdty61k] .close-btn-stack {
  width: fit-content !important;
  height: fit-content !important;
}