.lottie-loader {
    height: 120px;
}
/*!

 =========================================================
 * CVLoan Webview - v1.0.0
 =========================================================

*/
input,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */ }

button:focus {
  outline: 0; }

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0; }

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* These elements are usually rendered a certain way by the browser */
button,
input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='radio'],
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type='checkbox'],
input[type='radio'] {
  width: auto;
  height: auto; }

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type='search'] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none; }

/* Buttons
-----------------------------------------------*/
button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto; }

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none; }

/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto;
  resize: vertical; }

/* Selects
-----------------------------------------------*/
select[multiple] {
  /* Move the label to the top */
  vertical-align: top; }

/* slick.css */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden; }

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }
  .slick-slide:focus {
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  .slick-slide:visited {
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block;
  align-items: center;
  justify-content: center; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slider {
  width: 100%;
  margin: 0 auto; }

.slick-slide {
  margin: 0px 0; }

.slick-prev:before,
.slick-next:before {
  color: black; }

.loanModal {
  background: var(--modal-block-bg);
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99999;
  display: table;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  display: flex;
  align-items: center;
  justify-content: center; }
  .loanModal .loanModalCard {
    position: fixed;
    overflow-x: hidden;
    height: auto;
    max-width: 100%;
    bottom: 0;
    z-index: 9998;
    display: block;
    transition: bottom 0.4s ease-in;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    margin: 0 auto 0;
    line-height: 1.5;
    left: 0;
    right: 0;
    max-height: 85vh;
    padding: var(--modal-innerblock-padding);
    background: var(--modal-innerblock-bg);
    border-top-left-radius: var(--modal-innerblock-border-top-left-radius);
    border-top-right-radius: var(--modal-innerblock-border-top-right-radius);
    border-bottom-left-radius: var(--modal-innerblock-border-bottom-left-radius);
    border-bottom-right-radius: var(--modal-innerblock-border-bottom-right-radius);
    max-width: var(--modal-innerblock-maxwidth); }
    .loanModal .loanModalCard .loanModalFooter {
      text-align: center;
      margin-top: 15px; }
      .loanModal .loanModalCard .loanModalFooter .btn {
        margin-bottom: 15px;
        max-width: 200px; }
        .loanModal .loanModalCard .loanModalFooter .btn:last-child {
          margin-bottom: 0; }
  .loanModal .loanModaloverlay {
    height: 100vh;
    background: transparent;
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9996;
    bottom: 0; }
  .loanModal.loanModal_inactive {
    opacity: 0;
    height: 0; }
    .loanModal.loanModal_inactive .loanModalCard {
      bottom: -250vh; }
    .loanModal.loanModal_inactive .loanModaloverlay {
      bottom: -450vh; }
  .loanModal .loanModalContent {
    padding: 0; }

.loanModalIcon {
  border-radius: 32px;
  padding: 5px 13px;
  background: #e96363;
  margin: 0 0 51px 0;
  color: #fff;
  font-weight: 800; }

.loanModalHead {
  color: var(--modal-heading-font-color);
  font-family: var(--modal-heading-font-family);
  font-weight: var(--modal-heading-font-weight);
  font-size: var(--modal-heading-font-size);
  line-height: 1.5;
  padding: var(--modal-heading-padding);
  width: 85%;
  margin: 0; }

.loanModalSubText {
  color: var(--modal-description-font-color);
  font-family: var(--modal-description-font-family);
  font-weight: var(--modal-description-font-weight);
  font-size: var(--modal-description-font-size);
  line-height: 1.5;
  padding: 0 0 0; }
  .loanModalSubText h3 {
    font-size: 1.05em; }
  .loanModalSubText ul {
    text-align: left;
    padding-left: 30px;
    margin: 0; }
    .loanModalSubText ul li {
      padding-bottom: 10px; }

.loanModal-close-icon {
  position: absolute;
  right: 15px;
  top: 18px; }
  .loanModal-close-icon svg {
    width: 30px;
    height: 30px; }

.loanModal.contentModal .loanModalCard {
  padding: 0; }

.loanModal.contentModal .loanModalHead {
  padding: 8px 16px 8px; }

.loanModal.contentModal .policyDescriptionBlock {
  position: relative;
  padding: 32px 16px;
  border-radius: 16px;
  background-color: var(--background-background-50);
  font-family: 'Rubik', sans-serif; }
  .loanModal.contentModal .policyDescriptionBlock p,
  .loanModal.contentModal .policyDescriptionBlock ul,
  .loanModal.contentModal .policyDescriptionBlock ul li,
  .loanModal.contentModal .policyDescriptionBlock ol,
  .loanModal.contentModal .policyDescriptionBlock ol li {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }
  .loanModal.contentModal .policyDescriptionBlock h2,
  .loanModal.contentModal .policyDescriptionBlock h3,
  .loanModal.contentModal .policyDescriptionBlock h4 {
    font-weight: 500;
    color: var(--neutral-neutral-500); }
  .loanModal.contentModal .policyDescriptionBlock .highLight,
  .loanModal.contentModal .policyDescriptionBlock a {
    color: var(--primary-primary-400); }
  .loanModal.contentModal .policyDescriptionBlock .fillInBlank {
    border-bottom: 2px solid;
    width: 25%;
    position: relative;
    bottom: 4px;
    left: 2px; }
  .loanModal.contentModal .policyDescriptionBlock .grievanceBlock li {
    padding: 0; }

.loanModal.loanModalNewBottomSheet .loanModalCard {
  background: transparent;
  padding: 0; }

.loanModal.loanModalNewBottomSheet .loanModalContent {
  background: #fff;
  border-top-left-radius: var(--modal-innerblock-border-top-left-radius);
  border-top-right-radius: var(--modal-innerblock-border-top-right-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 16px 16px; }

.loanModal.loanModalNewBottomSheet .loanModalHead {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  color: var(--neutral-neutral-600);
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  width: auto; }
  .loanModal.loanModalNewBottomSheet .loanModalHead .modalCloseIcon {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    cursor: pointer; }
    .loanModal.loanModalNewBottomSheet .loanModalHead .modalCloseIcon img {
      max-height: 24px; }

.loanModal.loanModalNewBottomSheet.contentModal .loanModalHead {
  padding: 16px 16px 12px; }

.loanModal.loanModalNewBottomSheet.contentModal .loanModalSubText {
  overflow-y: scroll;
  max-height: 75vh; }

.loanModal.loanModalNewBottomSheet.contentModal .loanModalContent {
  padding: 0; }

.loanModal.loanModalNewBottomSheet .inclinedArrowBlock .inclinedArrow {
  height: auto;
  cursor: pointer;
  padding: 8px 0; }
  .loanModal.loanModalNewBottomSheet .inclinedArrowBlock .inclinedArrow.up:before, .loanModal.loanModalNewBottomSheet .inclinedArrowBlock .inclinedArrow.up:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0; }

.card {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  max-width: 100%;
  margin: 20px auto 30px;
  padding: 20px;
  line-height: 1.5;
  position: relative;
  border-radius: 15px; }
  .card .cardContent {
    display: block;
    position: relative; }
  .card.each-emi-card {
    width: 70px;
    margin: 0 30px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    padding: 0; }
    .card.each-emi-card .cardContent {
      background-color: #ffffff;
      -webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      -o-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      border-radius: 12px;
      border: 2px solid #c8cde3;
      width: 50px;
      height: 50px;
      display: flex;
      align-items: flex-end;
      padding: 12px 12px 5px; }
  .card.lenderCard {
    overflow: hidden; }
    .card.lenderCard .cardContent {
      position: relative;
      z-index: 99; }
  .card.statusCard {
    min-height: 240px;
    display: flex;
    align-items: flex-end;
    padding: 20px 20px 40px; }
    .card.statusCard .cardContent {
      font-size: 1em;
      padding: 0 10px;
      line-height: 26px; }
      .card.statusCard .cardContent .statusScreenSvg {
        margin-bottom: 15px; }
  .card.each-getstarted-card {
    max-width: 51vw;
    margin: 0 30px 0 0;
    display: flex;
    align-items: flex-end;
    justify-content: end; }
    .card.each-getstarted-card .cardContent {
      padding: 0 15px 15px; }
  .card.mobileVerificationCard {
    padding: 60px 20px 40px; }
    .card.mobileVerificationCard.mobileVerificationOtpCard {
      padding: 60px 20px 30px; }
    .card.mobileVerificationCard .cardContent {
      padding: 0 10px;
      line-height: 26px; }
      .card.mobileVerificationCard .cardContent .mobileScreenSvg {
        padding-bottom: 15px; }
      .card.mobileVerificationCard .cardContent label {
        font-size: 1.15em;
        font-family: var(--fieldLabelFontFamily);
        font-weight: var(--fieldLabelFontWeight);
        padding-bottom: 24px; }
  .card.each-processing-card {
    width: 260px;
    height: 220px;
    margin: 0 30px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    padding: 0; }
    .card.each-processing-card .cardContent {
      background-color: #ffffff;
      -webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      -o-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.08);
      padding: 0px 30px;
      border-radius: 15px;
      height: 220px; }
      .card.each-processing-card .cardContent .processing-card-svg {
        padding: 35px 0 30px; }
      .card.each-processing-card .cardContent .processing-card-heading {
        font-size: 1.15em;
        font-family: 'fontMedium';
        text-transform: uppercase; }
  .card.card-no-padding {
    padding: 0; }
    .card.card-no-padding .cardContent.cardContent-no-padding {
      padding: 20px; }
  .card.homeCard {
    background-color: #4d6cd7;
    padding: 30px 20px; }
    .card.homeCard .cardContent h3 {
      font-family: 'fontMedium';
      font-weight: normal;
      font-size: 1.15em;
      color: #ffffff;
      margin: 0;
      padding: 0 0 8px; }
    .card.homeCard .cardContent ul {
      padding-left: 20px;
      font-size: 0.85em;
      margin: 0; }
      .card.homeCard .cardContent ul li {
        padding: 8px 0;
        color: rgba(255, 255, 255, 0.8); }
    .card.homeCard .cardContent .btn {
      border-radius: 8px;
      height: 50px;
      max-width: 220px;
      margin: 20px auto 0;
      background: #38e7a2;
      color: #4d6cd7;
      position: relative;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none;
      border: 0px solid transparent; }
      .card.homeCard .cardContent .btn:before {
        content: '';
        position: absolute;
        top: 0;
        left: 35px;
        border: solid #4d6cd7;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        z-index: 999999;
        width: 10px;
        height: 10px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
  .card.stepCard {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    margin: 0 auto 0;
    padding: 0;
    line-height: 1.5;
    position: relative;
    border-radius: 15px; }
  .card.locCard {
    padding: 0; }
    .card.locCard .cardContent {
      padding: 20px; }
      .card.locCard .cardContent h3 {
        margin: 0;
        padding: 15px 0;
        font-size: 1.25em;
        font-weight: normal;
        font-family: 'fontMedium'; }
      .card.locCard .cardContent.colorCardContent {
        background: var(--primaryColor);
        color: var(--contrastColor);
        border-radius: 15px; }
      .card.locCard .cardContent .amountApproved {
        color: var(--contrastColor); }
    .card.locCard .offerStarsSvg {
      position: absolute;
      bottom: 0;
      right: -40px;
      z-index: 0;
      opacity: 0.7; }
  .card.inner-doc-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0px 5px;
    margin: 0 auto 10px; }
  .card.congratsRibbonCard {
    padding: 30px;
    position: relative; }
    .card.congratsRibbonCard .cardContent {
      position: initial; }
    .card.congratsRibbonCard .congratsRibbion {
      position: absolute;
      top: -30px;
      left: 0;
      width: calc(100% - 15px);
      right: 0;
      margin: 0 auto; }
      .card.congratsRibbonCard .congratsRibbion img {
        width: 100%; }
    .card.congratsRibbonCard .sanctionBlock {
      margin: 60px auto 0;
      padding: 0 100px;
      position: relative;
      z-index: 11; }
      .card.congratsRibbonCard .sanctionBlock .sanctionContent .sanctionDescription {
        width: calc(100% - 45px);
        margin: 0 auto; }
  .card.noCard {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.5;
    position: relative;
    border-radius: 15px; }
  .card.contentCard {
    background-color: var(--background-background-50);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    margin: 0px auto 30px;
    padding: 50px 16px 16px;
    line-height: 1.5;
    position: relative;
    border-radius: 32px; }

.cardHeading {
  font-family: 'fontBold';
  font-size: 0.85em;
  padding-bottom: 12px; }

.stepsGrid {
  display: grid;
  grid-template-columns: 2fr 10fr;
  grid-template-rows: auto;
  grid-gap: 2px;
  padding-bottom: 20px; }
  .stepsGrid .icon {
    position: relative;
    top: 8px; }
  .stepsGrid .stepContent {
    color: #2d3039; }
    .stepsGrid .stepContent .heading {
      font-family: 'fontMedium';
      font-size: 0.95em;
      padding-bottom: 5px; }
    .stepsGrid .stepContent .description {
      font-family: 'fontRegular';
      font-size: 0.85em; }

.bnplCard.card {
  padding: 30px; }
  .bnplCard.card .stepsGrid {
    grid-gap: 10px;
    padding-bottom: 40px; }
    .bnplCard.card .stepsGrid .icon {
      top: 2px; }
      .bnplCard.card .stepsGrid .icon img {
        max-height: 65px; }
    .bnplCard.card .stepsGrid .stepContent {
      color: #2d3039; }
      .bnplCard.card .stepsGrid .stepContent .heading {
        font-family: 'fontBold';
        font-size: 1em;
        padding-bottom: 8px;
        color: #4a4e5c; }
      .bnplCard.card .stepsGrid .stepContent .description {
        font-family: 'fontRegular';
        font-size: 0.9em;
        color: #626a83; }
    .bnplCard.card .stepsGrid:last-child {
      padding-bottom: 0; }

@media (max-width: 640px) {
  .card.congratsRibbonCard .congratsRibbion {
    top: 0px; }
  .card.congratsRibbonCard .sanctionBlock {
    padding: 0 30px; } }

@media (max-width: 540px) {
  .card.congratsRibbonCard .congratsRibbion {
    top: 0px; }
  .card.congratsRibbonCard .sanctionBlock {
    padding: 0 0px; } }

.pincodeNotServicableSvg {
  text-align: left; }
  .pincodeNotServicableSvg svg {
    height: 140px;
    width: 100px; }
  .pincodeNotServicableSvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.3; }
  .pincodeNotServicableSvg .cls-2 {
    fill: none;
    stroke: var(--svgStrokeColor);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px; }
  .pincodeNotServicableSvg .cls-3 {
    opacity: 0.7; }

.apiDownSvg svg {
  height: 120px;
  width: 120px; }

.apiDownSvg .cls-1 {
  fill: var(--svgBgColor);
  opacity: 0.3; }

.apiDownSvg .cls-2 {
  fill: none; }

.apiDownSvg .cls-2,
.apiDownSvg .cls-4 {
  stroke: var(--svgStrokeColor);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px; }

.apiDownSvg .cls-3 {
  opacity: 0.7; }

.apiDownSvg .cls-4 {
  fill: var(--svgStrokeColor); }

.rejectedSvg svg {
  height: 100px;
  width: 110px;
  fill: var(--svgStrokeColor); }

.rejectedSvg .cls-1 {
  fill: var(--svgBgColor);
  opacity: 0.3; }

.rejectedSvg .cls-2 {
  fill: none;
  stroke: var(--svgStrokeColor);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px; }

.rejectedSvg .cls-3 {
  opacity: 0.7; }

.rejectedSvg .cls-4 {
  opacity: 0.2;
  clip-path: url(#clip-path); }

.pendingSvg svg {
  height: 100px;
  width: 100px; }

.pendingSvg .cls-1 {
  fill: var(--svgBgColor);
  opacity: 0.35; }

.pendingSvg .cls-2,
.pendingSvg .cls-3,
.pendingSvg .cls-5,
.pendingSvg .cls-7 {
  fill: none; }

.pendingSvg .cls-2,
.pendingSvg .cls-3,
.pendingSvg .cls-5 {
  stroke: var(--svgStrokeColor);
  stroke-width: 7px; }

.pendingSvg .cls-3,
.pendingSvg .cls-5 {
  stroke-linecap: round; }

.pendingSvg .cls-4 {
  opacity: 0.2;
  fill: var(--svgStrokeColor); }

.pendingSvg .cls-5 {
  stroke-linejoin: round; }

.pendingSvg .cls-6 {
  stroke: none; }

.congralutationSvg {
  margin-top: 15px;
  margin-bottom: 15px; }
  .congralutationSvg svg {
    height: 130px;
    width: 140px;
    fill: var(--svgStrokeColor); }
  .congralutationSvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.3; }

.dotsSvg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 98;
  background: var(--svgBgColor);
  opacity: 0.9;
  height: 100%; }
  .dotsSvg svg {
    height: 100px;
    width: 390px;
    fill: rgba(255, 255, 255, 0.1); }

.locSvg svg {
  height: 160px;
  width: 90px; }

.locSvg .cls-1 {
  opacity: 0.15;
  fill: var(--svgBgColor); }

.locSvg .cls-2,
.locSvg .cls-3 {
  fill: none;
  stroke: var(--svgStrokeColor);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px; }

.locSvg .cls-2 {
  opacity: 0.7; }

.getstarted_steps {
  position: relative;
  left: -10px; }
  .getstarted_steps.stepOnesvg svg {
    height: 21vh;
    width: 18vh;
    max-height: 150px;
    max-width: 117px;
    fill: var(--svgStrokeColor); }
  .getstarted_steps.stepOnesvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.3; }
  .getstarted_steps.stepOnesvg .cls-2 {
    fill: none;
    stroke: var(--svgStrokeColor);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px; }
  .getstarted_steps.stepOnesvg .cls-3 {
    opacity: 0.7; }
  .getstarted_steps.stepOnesvg .cls-4 {
    opacity: 0.2;
    clip-path: url(#clip-path); }
  .getstarted_steps.stepTwosvg svg {
    height: 21vh;
    width: 30vw;
    max-height: 150px;
    max-width: 117px;
    fill: var(--svgStrokeColor); }
  .getstarted_steps.stepTwosvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.3; }
  .getstarted_steps.stepTwosvg .cls-2 {
    fill: none;
    stroke: var(--svgStrokeColor);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px; }
  .getstarted_steps.stepTwosvg .cls-3 {
    opacity: 0.7; }
  .getstarted_steps.stepTwosvg .cls-4 {
    opacity: 0.2;
    clip-path: url(#clip-path); }
  .getstarted_steps.stepThreesvg svg {
    height: 21vh;
    width: 30vw;
    max-height: 150px;
    max-width: 117px;
    fill: var(--svgStrokeColor); }
  .getstarted_steps.stepThreesvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.3; }
  .getstarted_steps.stepThreesvg .cls-2 {
    opacity: 0.203;
    clip-path: url(#clip-path); }
  .getstarted_steps.stepThreesvg .cls-3 {
    fill: none;
    stroke: var(--svgStrokeColor);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px; }
  .getstarted_steps.stepThreesvg .cls-4 {
    opacity: 0.7; }

.getStartedSvgBtn svg {
  height: 50px;
  width: 50px;
  position: relative;
  z-index: 98;
  fill: var(--svgBtnBgColor); }

.getStartedSvgBtn .cls-1 {
  fill: var(--svgBtnBgLinkColor); }

.mobileNumberSvg svg {
  width: 85px;
  height: 125px; }

.mobileNumberSvg .cls-1 {
  fill: var(--svgStrokeColor); }

.mobileNumberSvg .cls-2 {
  fill: var(--svgBgColor);
  opacity: 0.3; }

.mobileNumberSvg .cls-3,
.mobileNumberSvg .cls-5 {
  fill: none;
  stroke: var(--svgStrokeColor);
  stroke-linecap: round;
  stroke-width: 7px; }

.mobileNumberSvg .cls-3 {
  stroke-linejoin: round; }

.mobileNumberSvg .cls-4 {
  clip-path: url(#clip-path); }

.mobileNumberOtpSvg svg {
  width: 115px;
  height: 90px; }

.mobileNumberOtpSvg .cls-1 {
  fill: var(--svgBgColor); }

.mobileNumberOtpSvg .cls-1,
.mobileNumberOtpSvg .cls-3 {
  opacity: 0.3; }

.mobileNumberOtpSvg .cls-2 {
  fill: none;
  stroke: var(--svgStrokeColor);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px; }

.mobileNumberOtpSvg .cls-3,
.mobileNumberOtpSvg .cls-4 {
  fill: var(--svgStrokeColor); }

.virtualCreditCardSvg svg {
  width: 450px;
  height: 280px; }

.virtualCreditCardSvg .cls-1 {
  fill: url(#linear-gradient); }

.virtualCreditCardSvg .cls-2 {
  clip-path: url(#clip-path); }

.virtualCreditCardSvg .cls-3 {
  opacity: 0.797; }

.virtualCreditCardSvg .cls-4 {
  opacity: 0.544;
  fill: url(#linear-gradient-2); }

.processingPercentageBgSvg svg {
  width: 260px;
  max-width: 350px;
  max-height: 350px; }

.processingPercentageBgSvg .cls-1 {
  fill: var(--processingSvgBgColor);
  opacity: 0.3; }

.processingPercentageBgSvg .cls-2 {
  fill: var(--processingSvgBgColor);
  opacity: 0.1; }

.processingPercentageBgSvg .cls-3 {
  fill: var(--processingSvgBgColor);
  opacity: 0.9; }

.processingLoaderSvg svg {
  width: 60px;
  height: 60px;
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear; }

.processingLoaderSvg .cls-1,
.processingLoaderSvg .cls-2,
.processingLoaderSvg .cls-4 {
  fill: none; }

.processingLoaderSvg .cls-1,
.processingLoaderSvg .cls-2 {
  stroke: #2d3039;
  stroke-width: 6px; }

.processingLoaderSvg .cls-2 {
  stroke: #262626;
  stroke-linecap: round;
  stroke-linejoin: round; }

.processingLoaderSvg .cls-3 {
  stroke: none; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.cameraSvg {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer; }
  .cameraSvg:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--svgBgColor);
    opacity: 0.2;
    border-radius: 50%;
    visibility: hidden; }
  .cameraSvg svg {
    width: 25px;
    height: 25px;
    fill: var(--svgStrokeColor); }
  .cameraSvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.2; }
  .cameraSvg .cls-2 {
    stroke-linecap: round;
    stroke-linejoin: round; }
  .cameraSvg .cls-3,
  .cameraSvg .cls-4 {
    stroke: none; }
  .cameraSvg .cls-4 {
    fill: #e5f8fe; }

.getStartedSvgBtn.successSvg {
  width: 30px;
  height: 30px; }
  .getStartedSvgBtn.successSvg svg {
    width: 30px;
    height: 30px; }

.deleteSvg {
  width: 36px;
  height: 36px;
  cursor: pointer; }
  .deleteSvg svg {
    width: 36px;
    height: 36px; }
  .deleteSvg .cls-1 {
    fill: #f02b2b;
    opacity: 0.05; }
  .deleteSvg .cls-2 {
    fill: #ff6262; }

.repaymentPendingSvg svg {
  width: 140px;
  height: 130px;
  fill: var(--svgBgColor); }

.repaymentPendingSvg .cls-1 {
  opacity: 0.15; }

.repaymentPendingSvg .cls-1,
.repaymentPendingSvg .cls-4 {
  fill: var(--svgBgColor); }

.repaymentPendingSvg .cls-2,
.repaymentPendingSvg .cls-3 {
  fill: none;
  stroke: var(--svgStrokeColor);
  stroke-linejoin: round;
  stroke-width: 7px; }

.repaymentPendingSvg .cls-2 {
  stroke-linecap: round; }

.repaymentPendingSvg .cls-4 {
  opacity: 0.2; }

.timeoutSvg svg {
  width: 125px;
  height: 125px; }

.timeoutSvg .cls-1 {
  fill: var(--svgBgColor);
  opacity: 0.3; }

.timeoutSvg .cls-2 {
  fill: none; }

.timeoutSvg .cls-2,
.timeoutSvg .cls-4 {
  stroke: var(--svgStrokeColor);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px; }

.timeoutSvg .cls-3 {
  opacity: 0.7; }

.timeoutSvg .cls-4 {
  fill: var(--svgStrokeColor); }

.documentPendingSvg svg {
  width: 105px;
  height: 115px; }

.documentPendingSvg .cls-1 {
  fill: var(--svgBgColor); }

.documentPendingSvg .cls-1,
.documentPendingSvg .cls-5 {
  opacity: 0.3; }

.documentPendingSvg .cls-2 {
  fill: none; }

.documentPendingSvg .cls-2,
.documentPendingSvg .cls-4 {
  stroke: var(--svgStrokeColor);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px; }

.documentPendingSvg .cls-3 {
  opacity: 0.7; }

.documentPendingSvg .cls-4 {
  fill: var(--svgStrokeColor); }

.creditPendingSvg svg {
  width: 200px;
  height: 150px; }

.creditPendingSvg .cls-1 {
  fill: var(--svgBgColor);
  opacity: 0.3; }

.creditPendingSvg .cls-2,
.creditPendingSvg .cls-3,
.creditPendingSvg .cls-4,
.creditPendingSvg .cls-5,
.creditPendingSvg .cls-6,
.creditPendingSvg .cls-8 {
  fill: none; }

.creditPendingSvg .cls-2,
.creditPendingSvg .cls-3,
.creditPendingSvg .cls-4,
.creditPendingSvg .cls-5,
.creditPendingSvg .cls-6 {
  stroke: var(--svgStrokeColor); }

.creditPendingSvg .cls-2,
.creditPendingSvg .cls-4,
.creditPendingSvg .cls-5,
.creditPendingSvg .cls-6 {
  stroke-linecap: round; }

.creditPendingSvg .cls-2,
.creditPendingSvg .cls-3,
.creditPendingSvg .cls-6 {
  stroke-width: 7px; }

.creditPendingSvg .cls-4,
.creditPendingSvg .cls-5 {
  stroke-width: 6px; }

.creditPendingSvg .cls-5,
.creditPendingSvg .cls-6 {
  stroke-linejoin: round; }

.creditPendingSvg .cls-7 {
  stroke: none; }

.disbursalPendingSvg svg {
  width: 130px;
  height: 110px; }

.disbursalPendingSvg .cls-1 {
  fill: var(--svgBgColor);
  opacity: 0.3; }

.disbursalPendingSvg .cls-2,
.disbursalPendingSvg .cls-3,
.disbursalPendingSvg .cls-4,
.disbursalPendingSvg .cls-5,
.disbursalPendingSvg .cls-6 {
  fill: none; }

.disbursalPendingSvg .cls-2,
.disbursalPendingSvg .cls-3 {
  stroke: var(--svgStrokeColor);
  stroke-width: 7px; }

.disbursalPendingSvg .cls-2,
.disbursalPendingSvg .cls-3,
.disbursalPendingSvg .cls-4 {
  stroke-linecap: round; }

.disbursalPendingSvg .cls-3,
.disbursalPendingSvg .cls-4,
.disbursalPendingSvg .cls-5 {
  stroke-linejoin: round; }

.disbursalPendingSvg .cls-7,
.disbursalPendingSvg .cls-8 {
  stroke: none; }

.disbursalPendingSvg .cls-8 {
  fill: var(--svgStrokeColor); }

.addFileSvg {
  width: 30px;
  height: 30px; }
  .addFileSvg svg {
    width: 30px;
    height: 30px;
    font-family: 'fontMedium';
    font-weight: 700; }
  .addFileSvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.1; }
  .addFileSvg .cls-2 {
    fill: var(--svgStrokeColor); }
  .addFileSvg .cls-3 {
    fill: #000;
    font-size: 36px; }

.drawnDownInfoSvg svg {
  width: 138px;
  height: 138px; }

.drawnDownInfoSvg .cls-1,
.drawnDownInfoSvg .cls-4 {
  fill: none; }

.drawnDownInfoSvg .cls-1 {
  stroke: #bbc2c6;
  stroke-width: 6px; }

.drawnDownInfoSvg .cls-2 {
  fill: #bbc2c6; }

.drawnDownInfoSvg .cls-3 {
  stroke: none; }

.drawnDownInfoSvg .cls-5 {
  filter: url(#Rectangle_40); }

.sliderSuccess svg {
  width: 60px;
  height: 60px;
  fill: var(--processingSuccessfill); }

.sliderSuccess .cls-1 {
  fill: var(--processingSuccessStroke); }

.mobile-sim-next {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 24px;
  top: auto;
  bottom: -23px; }

.infosvg svg {
  height: 26px;
  width: 26px; }

.infosvg .cls-1 {
  fill: none; }

.infosvg .cls-2 {
  clip-path: url(#clip-path); }

.infosvg .cls-3 {
  fill: var(--svgStrokeColor); }

.infosvg .cls-4 {
  fill: #fff; }

.upload-svg {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer; }
  .upload-svg:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--svgBgColor);
    opacity: 0.2;
    border-radius: 50%;
    visibility: hidden; }
  .upload-svg svg {
    height: 25px;
    width: 25px;
    padding-top: 1px;
    fill: var(--svgStrokeColor); }
  .upload-svg .cls-1 {
    fill: var(--primaryColor); }

.calendarSvg {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 15px;
  top: 38px; }
  .calendarSvg svg {
    width: 22px;
    height: 22px; }
  .calendarSvg .cls-1 {
    fill: var(--primaryColor); }

.lightBulb {
  height: 42px;
  width: 36px;
  padding-bottom: 5px; }
  .lightBulb svg {
    height: 42px;
    width: 36px; }
  .lightBulb .cls-1 {
    fill: var(--svgBgColor); }

.likeSvg svg {
  width: 125px;
  height: 125px; }

.likeSvg .cls-1 {
  fill: var(--svgBgColor);
  opacity: 0.15; }

.likeSvg .cls-2 {
  fill: none;
  stroke: var(--svgBgColor); }

.likeSvg .cls-3 {
  fill: none;
  stroke: var(--svgBgColor);
  opacity: 0.6; }

.likeSvg .cls-4 {
  fill: none;
  stroke: var(--svgBgColor);
  opacity: 0.6; }

.likeSvg .cls-5 {
  fill: var(--svgBgColor);
  opacity: 0.812; }

.likeSvg .cls-6 {
  fill: var(--svgBgColor);
  opacity: 0.812; }

.likeSvg .cls-7 {
  fill: none;
  stroke: var(--svgBgColor); }

.applicationPending svg {
  width: 130px;
  height: 130px; }

.applicationPending .cls-3 {
  fill: var(--svgBgColor); }

.applicationPending .cls-4 {
  fill: none; }

.applicationPending .cls-4,
.applicationPending .cls-6 {
  stroke: var(--svgBgColor);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 10px; }

.applicationPending .cls-5 {
  opacity: 0.7; }

.applicationPending .cls-6 {
  fill: var(--svgBgColor); }

.offerStarsSvg svg {
  width: 180px;
  height: 130px; }

.offerStarsSvg .cls-3 {
  fill: #38e8a2; }

.likeSvg svg {
  width: 125px;
  height: 125px; }

.likeSvg .cls-1,
.likeSvg .cls-4,
.likeSvg .cls-5 {
  fill: none; }

.likeSvg .cls-2 {
  clip-path: url(#clip-path); }

.likeSvg .cls-3,
.likeSvg .cls-6 {
  fill: var(--svgBgColor); }

.likeSvg .cls-3 {
  opacity: 0.15; }

.likeSvg .cls-4,
.likeSvg .cls-5 {
  stroke: var(--svgBgColor);
  stroke-linejoin: round;
  stroke-width: 10px; }

.likeSvg .cls-4 {
  stroke-linecap: round; }

.likeSvg .cls-6 {
  opacity: 0.2; }

.emblemSvg {
  text-align: center; }
  .emblemSvg svg {
    height: 220px;
    width: 240px; }
  .emblemSvg .cls-1 {
    fill: var(--emblemSvgRibbonsColor); }
  .emblemSvg .cls-5 {
    fill: #fd797a; }
  .emblemSvg .cls-6 {
    fill: #fedc5a; }
  .emblemSvg .cls-8 {
    fill: #fedb75; }
  .emblemSvg .cls-11,
  .emblemSvg .cls-14 {
    fill: none; }
  .emblemSvg .cls-11 {
    stroke: #fed973;
    stroke-width: 4px; }
  .emblemSvg .cls-13 {
    stroke: none; }

.aadhaarRejectSvg svg {
  height: 100%;
  width: 180px; }

.aadhaarRejectSvg .rect-bg {
  opacity: 0.15;
  fill: var(--svgBgColor);
  height: 178px;
  width: 234px; }

.aadhaarRejectSvg .cls-1,
.aadhaarRejectSvg .cls-10,
.aadhaarRejectSvg .cls-2,
.aadhaarRejectSvg .cls-5,
.aadhaarRejectSvg .cls-8 {
  fill: none; }

.aadhaarRejectSvg .cls-1,
.aadhaarRejectSvg .cls-10,
.aadhaarRejectSvg .cls-5,
.aadhaarRejectSvg .cls-8 {
  stroke: var(--svgBgColor); }

.aadhaarRejectSvg .cls-1,
.aadhaarRejectSvg .cls-5 {
  stroke-width: 10px; }

.aadhaarRejectSvg .cls-3 {
  fill: var(--svgBgColor); }

.aadhaarRejectSvg .cls-10,
.aadhaarRejectSvg .cls-5 {
  stroke-linecap: round;
  stroke-linejoin: round; }

.aadhaarRejectSvg .cls-10,
.aadhaarRejectSvg .cls-8 {
  stroke-width: 8px; }

.aadhaarRejectSvg .cls-14 {
  stroke: none; }

.panRejectSvg svg {
  height: 100%;
  width: 180px; }

.panRejectSvg .pan_svg_indicator {
  opacity: var(--pan_svg_indicator_opacity); }

.panRejectSvg .pan_svg_rounded_corners {
  stroke: var(--pan_svg_rounded_corners_stroke);
  fill: none; }

.panRejectSvg .pan_svg_bg {
  fill: var(--pan_svg_bg_fill);
  opacity: var(--pan_svg_bg_opacity); }

.panRejectSvg .pan_card_border {
  fill: none;
  stroke: var(--pan_card_border_stroke); }

.panRejectSvg .pan_svg_user_border {
  stroke: var(--pan_svg_user_border_stroke);
  fill: none; }

.panRejectSvg .pan_svg_user_icon {
  fill: none; }

.panRejectSvg .pan_svg_user_border_icon_head {
  stroke: var(--pan_svg_user_border_icon_head_stroke);
  fill: none; }

.panRejectSvg .pan_svg_user_border_icon_body {
  stroke: var(--pan_svg_user_border_icon_body_stroke);
  fill: none; }

.panRejectSvg .pan_svg_user_icon_text_lines {
  stroke: var(--pan_svg_user_icon_text_lines_stroke);
  fill: none; }

.loanRejectSvg svg {
  height: 100%;
  width: 180px;
  fill: var(--primaryColor);
  stroke: var(--primaryColor); }
  .loanRejectSvg svg .hand#Group_3815 .Group_3815_02 {
    fill: var(--primaryColor); }
  .loanRejectSvg svg .rupee#Group_3816 #Ellipse_289 {
    fill: #f2f5ff;
    stroke: var(--primaryColor); }
  .loanRejectSvg svg #Group_3817 #Ellipse_289-2 {
    fill: #f2f5ff;
    stroke: var(--primaryColor); }
  .loanRejectSvg svg #Group_3807 #Path_433 {
    fill: var(--primaryColor); }

.docRejectSvg svg {
  height: 180px;
  width: 180px; }

.defaultRejectSvg svg {
  height: 100%;
  width: 180px; }

.congratsDisbursalSvg svg {
  width: 90px;
  height: 90px; }

.praySvg svg {
  width: 110px;
  height: 110px; }

/* Fonts Starts  */
.font-light {
  font-family: var(--fontLightFontFamily);
  font-weight: var(--fontLightFontWeight); }

.font-regular {
  font-family: var(--fontRegularFontFamily);
  font-weight: var(--fontRegularFontWeight); }

.font-medium {
  font-family: var(--fontMediumFontFamily);
  font-weight: var(--fontMediumFontWeight); }

.font-semibold {
  font-family: var(--fontSemiBoldFontFamily);
  font-weight: var(--fontSemiBoldFontWeight); }

.font-bold {
  font-family: var(--fontBoldFontFamily);
  font-weight: var(--fontBoldFontWeight); }

p {
  font-family: var(--paragraphFontFamily);
  font-weight: var(--paragraphFontWeight);
  color: var(--paragraphFontColor);
  font-size: 0.95em;
  line-height: 22px; }

ul.dotted-list {
  font-family: var(--listFontFamily);
  font-weight: var(--listFontWeight);
  color: var(--listFontColor);
  list-style: none;
  padding-left: 17px; }
  ul.dotted-list li {
    padding-bottom: 10px;
    font-size: 0.95em; }
    ul.dotted-list li:before {
      content: '\2022';
      color: var(--primaryColor);
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -20px;
      font-size: 130%; }

small {
  font-size: 0.75em;
  font-family: 'fontMedium'; }

.fontUpperCase {
  text-transform: uppercase !important; }

.colorRed {
  color: #e61919; }

.letterSpacing_1 {
  letter-spacing: 1px; }

.text-decoration-underline {
  text-decoration: underline;
  cursor: pointer; }

.cursor-pointer {
  cursor: pointer; }

.color-626a83 {
  color: #626a83; }

.removeAgreementCheckbox #agreementCheckbox {
  display: none; }

.break-word {
  word-break: break-word; }

.break-all {
  word-break: break-all; }

.color-primary {
  color: var(--primaryColor); }

.color-secondary {
  color: var(--secoundPrimaryColor); }

.textCenter {
  text-align: center; }

.loanHeading {
  font-family: var(--content-heading-font-family);
  font-weight: var(--content-heading-font-weight);
  color: var(--content-heading-font-color); }

.cvLoanHeaderTitle {
  line-height: 1.5;
  margin-top: var(--content-heading-margin-top);
  position: relative;
  overflow: hidden;
  font-family: var(--content-heading-font-family);
  font-weight: var(--content-heading-font-weight);
  color: var(--content-heading-font-color);
  font-size: var(--content-heading-font-size); }
  .cvLoanHeaderTitle.cvLoanHeaderTitle-sm {
    font-family: var(--content-heading-sm-font-family);
    font-weight: var(--content-heading-sm-font-weight);
    color: var(--content-heading-sm-font-color);
    font-size: var(--content-heading-sm-font-size); }

.cvLoanHeaderSubTitle {
  font-family: var(--content-description-font-family);
  font-weight: var(--content-description-font-weight);
  color: var(--content-description-font-color);
  font-size: var(--content-description-font-size);
  line-height: 1.5;
  padding-top: 8px; }
  .cvLoanHeaderSubTitle p {
    font-size: 100%;
    margin: 0;
    padding-bottom: 12px; }

.getStartedHeaderCol {
  padding: 15px 0 15px; }
  .getStartedHeaderCol .cvLoanHeaderTitle {
    font-size: 1.75em;
    line-height: 36px; }
  .getStartedHeaderCol .cvLoanHeaderSubTitle {
    padding-top: 8px;
    font-size: 1em; }

.topHeader {
  position: fixed;
  background: #f8f8f7;
  top: var(--cvTopBar);
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 0 30px;
  z-index: 9999;
  max-width: var(--body-maxWidth);
  margin: 0 auto; }

.backArrow {
  position: relative;
  width: 100%;
  z-index: 9999;
  font-size: 0.85em;
  font-family: 'fontMedium';
  color: var(--primaryColor);
  text-transform: capitalize;
  cursor: pointer;
  display: inline-block; }
  .backArrow .arrowSvg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0; }
    .backArrow .arrowSvg .cls-2 {
      fill: var(--primaryColor); }
  .backArrow div > div {
    padding-left: 15px;
    margin-top: 4px; }
  .backArrow .home,
  .backArrow .Home,
  .backArrow .HOME {
    visibility: var(--homeBtnVisibility); }

.numbering {
  position: absolute;
  top: 0;
  right: 0;
  color: #2d3039;
  font-family: 'fontMedium'; }
  .numbering .totalPageCount {
    font-size: 1em; }
  .numbering .activeNumber {
    font-size: 1.3em; }

.paddingHeader {
  padding: var(--padding-header); }

body.noTopBar .defaultLoanHeader {
  display: none; }

label {
  display: block;
  font-family: var(--input-label-font-family);
  font-weight: var(--input-label-font-weight);
  font-size: var(--input-label-font-size);
  color: var(--input-label-font-color);
  padding: var(--input-label-padding); }

.radioBtns label {
  font-family: var(--input-label-font-family);
  font-weight: var(--input-label-font-weight); }

option {
  width: 100%; }

.cv-input-field {
  position: relative;
  margin-bottom: 32px; }
  .cv-input-field .required-field-asterisk::after {
    content: '*';
    color: var(--error-error-600); }
  .cv-input-field:last-child {
    margin-bottom: 0; }
  .cv-input-field input,
  .cv-input-field textarea {
    background-color: var(--input-field-bgColor);
    border-radius: var(--input-field-border-radius);
    border-top: var(--input-field-border-top);
    border-left: var(--input-field-border-left);
    border-right: var(--input-field-border-right);
    border-bottom: var(--input-field-border-bottom);
    padding: var(--input-field-padding);
    font-family: var(--input-field-filled-font-family);
    font-weight: var(--input-field-filled-font-weight);
    color: var(--input-field-filled-font-color);
    font-size: var(--input-field-filled-font-size);
    line-height: var(--input-field-lineheight);
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    outline: none; }
    .cv-input-field input::-webkit-input-placeholder,
    .cv-input-field textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-family: var(--input-field-placeholder-font-family) !important;
      font-weight: var(--input-field-placeholder-font-weight) !important;
      color: var(--input-field-placeholder-font-color) !important;
      font-size: var(--input-field-placeholder-font-size) !important;
      text-transform: none; }
    .cv-input-field input::-moz-placeholder,
    .cv-input-field textarea::-moz-placeholder {
      /* Firefox 19+ */
      font-family: var(--input-field-placeholder-font-family) !important;
      font-weight: var(--input-field-placeholder-font-weight) !important;
      color: var(--input-field-placeholder-font-color) !important;
      font-size: var(--input-field-placeholder-font-size) !important;
      text-transform: none; }
    .cv-input-field input:-ms-input-placeholder,
    .cv-input-field textarea:-ms-input-placeholder {
      /* IE 10+ */
      font-family: var(--input-field-placeholder-font-family) !important;
      font-weight: var(--input-field-placeholder-font-weight) !important;
      color: var(--input-field-placeholder-font-color) !important;
      font-size: var(--input-field-placeholder-font-size) !important;
      text-transform: none; }
    .cv-input-field input:-moz-placeholder,
    .cv-input-field textarea:-moz-placeholder {
      /* Firefox 18- */
      font-family: var(--input-field-placeholder-font-family) !important;
      font-weight: var(--input-field-placeholder-font-weight) !important;
      color: var(--input-field-placeholder-font-color) !important;
      font-size: var(--input-field-placeholder-font-size) !important;
      text-transform: none; }
    .cv-input-field input:disabled,
    .cv-input-field textarea:disabled {
      opacity: var(--input-field-disabled-opacity);
      background: var(--input-field-disabled-bgColor);
      padding: var(--input-field-disabled-padding);
      border-top: var(--input-field-disabled-border-top);
      border-left: var(--input-field-disabled-border-left);
      border-right: var(--input-field-disabled-border-right);
      border-bottom: var(--input-field-disabled-border-bottom);
      font-family: var(--input-field-disabled-font-family);
      font-weight: var(--input-field-disabled-font-weight);
      color: var(--input-field-disabled-font-color);
      font-size: var(--input-field-disabled-font-size); }
    .cv-input-field input:focus,
    .cv-input-field textarea:focus {
      background-color: var(--input-field-focused-bgColor);
      border-top: var(--input-field-focused-border-top);
      border-left: var(--input-field-focused-border-left);
      border-right: var(--input-field-focused-border-right);
      border-bottom: var(--input-field-focused-border-bottom);
      color: var(--input-field-filled-font-color); }
    .cv-input-field input.nameInput,
    .cv-input-field textarea.nameInput {
      text-transform: capitalize; }
      .cv-input-field input.nameInput#statementPassword,
      .cv-input-field textarea.nameInput#statementPassword {
        text-transform: inherit; }
  .cv-input-field.cv-input-dob-date-invalid {
    display: block; }
    .cv-input-field.cv-input-dob-date-invalid .date {
      background-color: var(--input-field-error-bgColor);
      border-top: var(--input-field-error-border-top);
      border-left: var(--input-field-error-border-left);
      border-right: var(--input-field-error-border-right);
      border-bottom: var(--input-field-error-border-bottom);
      font-family: var(--input-field-error-filled-font-family);
      font-weight: var(--input-field-error-filled-font-weight);
      color: var(--input-field-filled-font-color); }
    .cv-input-field.cv-input-dob-date-invalid .helper-text-invalid {
      display: block; }
    .cv-input-field.cv-input-dob-date-invalid .inputHelpText {
      display: none; }
    .cv-input-field.cv-input-dob-date-invalid .inputFormatText {
      display: none; }
    .cv-input-field.cv-input-dob-date-invalid input.otp-input {
      border: 0;
      color: transparent; }
  .cv-input-field.cv-input-dob-month-invalid {
    display: block; }
    .cv-input-field.cv-input-dob-month-invalid .month {
      background-color: var(--input-field-error-bgColor);
      border-top: var(--input-field-error-border-top);
      border-left: var(--input-field-error-border-left);
      border-right: var(--input-field-error-border-right);
      border-bottom: var(--input-field-error-border-bottom);
      font-family: var(--input-field-error-filled-font-family);
      font-weight: var(--input-field-error-filled-font-weight);
      color: var(--input-field-filled-font-color); }
    .cv-input-field.cv-input-dob-month-invalid .helper-text-invalid {
      display: block; }
    .cv-input-field.cv-input-dob-month-invalid .inputHelpText {
      display: none; }
    .cv-input-field.cv-input-dob-month-invalid .inputFormatText {
      display: none; }
    .cv-input-field.cv-input-dob-month-invalid input.otp-input {
      border: 0;
      color: transparent; }
  .cv-input-field.cv-input-dob-year-invalid {
    display: block; }
    .cv-input-field.cv-input-dob-year-invalid .year {
      background-color: var(--input-field-error-bgColor);
      border-top: var(--input-field-error-border-top);
      border-left: var(--input-field-error-border-left);
      border-right: var(--input-field-error-border-right);
      border-bottom: var(--input-field-error-border-bottom);
      font-family: var(--input-field-error-filled-font-family);
      font-weight: var(--input-field-error-filled-font-weight);
      color: var(--input-field-filled-font-color); }
    .cv-input-field.cv-input-dob-year-invalid .helper-text-invalid {
      display: block; }
    .cv-input-field.cv-input-dob-year-invalid .inputHelpText {
      display: none; }
    .cv-input-field.cv-input-dob-year-invalid .inputFormatText {
      display: none; }
    .cv-input-field.cv-input-dob-year-invalid input.otp-input {
      border: 0;
      color: transparent; }
  .cv-input-field textarea {
    min-height: var(--input-textarea-minHeight); }
  .cv-input-field input#dob::-webkit-calendar-picker-indicator {
    color: #999;
    margin-top: 4px;
    margin-right: 13px;
    height: 6px;
    width: 10px;
    background: transparent; }
  .cv-input-field select {
    margin-top: 18px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background-color: var(--input-field-bgColor);
    border-radius: var(--input-field-border-radius);
    border-top: var(--input-field-border-top);
    border-left: var(--input-field-border-left);
    border-right: var(--input-field-border-right);
    border-bottom: var(--input-field-border-bottom);
    padding: var(--input-field-padding);
    font-family: var(--input-field-filled-font-family);
    font-weight: var(--input-field-filled-font-weight);
    color: var(--input-field-filled-font-color);
    font-size: var(--input-field-filled-font-size);
    line-height: var(--input-field-lineheight);
    height: 40px; }
    .cv-input-field select:disabled {
      opacity: var(--input-field-disabled-opacity);
      background: var(--input-field-disabled-bgColor);
      padding: var(--input-field-disabled-padding);
      border-top: var(--input-field-disabled-border-top);
      border-left: var(--input-field-disabled-border-left);
      border-right: var(--input-field-disabled-border-right);
      border-bottom: var(--input-field-disabled-border-bottom);
      font-family: var(--input-field-disabled-font-family);
      font-weight: var(--input-field-disabled-font-weight);
      color: var(--input-field-disabled-font-color);
      font-size: var(--input-field-disabled-font-size); }
  .cv-input-field .helper-text-invalid {
    display: none;
    position: var(--input-field-error-text-position);
    left: var(--input-field-error-text-position-left);
    right: var(--input-field-error-text-position-right);
    top: var(--input-field-error-text-position-top);
    bottom: var(--input-field-error-text-position-bottom);
    opacity: var(--input-field-error-text-opacity);
    font-family: var(--input-field-error-text-font-family);
    font-weight: var(--input-field-error-text-font-weight);
    color: var(--input-field-error-text-font-color);
    font-size: var(--input-field-error-text-font-size);
    padding: var(--input-field-help-text-padding); }
  .cv-input-field .inputHelpText {
    display: block;
    position: var(--input-field-help-text-position);
    left: var(--input-field-help-text-position-left);
    right: var(--input-field-help-text-position-left);
    top: var(--input-field-help-text-position-left);
    bottom: var(--input-field-help-text-position-left);
    padding: var(--input-field-help-text-padding);
    opacity: var(--input-field-help-text-position);
    font-family: var(--input-field-help-text-font-family);
    font-weight: var(--input-field-help-text-font-weight);
    color: var(--input-field-help-text-font-color);
    font-size: var(--input-field-help-text-font-size); }
  .cv-input-field .inputFormatText {
    display: block;
    position: var(--input-field-help-text-position);
    left: var(--input-field-help-text-position-left);
    right: var(--input-field-help-text-position-left);
    top: var(--input-field-help-text-position-left);
    bottom: var(--input-field-help-text-position-left);
    padding: var(--input-field-help-text-padding);
    opacity: var(--input-field-help-text-position);
    font-family: var(--input-field-help-text-font-family);
    font-weight: var(--input-field-help-text-font-weight);
    color: var(--input-field-help-text-font-color);
    font-size: var(--input-field-help-text-font-size); }
    .cv-input-field .inputFormatText.colorGreen {
      color: var(--input-field-help-text-font-color-green); }
  .cv-input-field.cv-input-field-invalid {
    display: block; }
    .cv-input-field.cv-input-field-invalid input,
    .cv-input-field.cv-input-field-invalid textarea {
      background-color: var(--input-field-error-bgColor);
      border-top: var(--input-field-error-border-top);
      border-left: var(--input-field-error-border-left);
      border-right: var(--input-field-error-border-right);
      border-bottom: var(--input-field-error-border-bottom);
      font-family: var(--input-field-error-filled-font-family);
      font-weight: var(--input-field-error-filled-font-weight);
      color: var(--input-field-filled-font-color); }
    .cv-input-field.cv-input-field-invalid select {
      background-color: var(--input-field-error-bgColor);
      border-top: var(--input-field-error-border-top);
      border-left: var(--input-field-error-border-left);
      border-right: var(--input-field-error-border-right);
      border-bottom: var(--input-field-error-border-bottom);
      font-family: var(--input-field-error-filled-font-family);
      font-weight: var(--input-field-error-filled-font-weight);
      color: var(--input-field-error-filled-font-color); }
    .cv-input-field.cv-input-field-invalid .helper-text-invalid {
      display: block; }
    .cv-input-field.cv-input-field-invalid .inputHelpText {
      display: none; }
    .cv-input-field.cv-input-field-invalid .inputFormatText {
      display: none; }
    .cv-input-field.cv-input-field-invalid input.otp-input {
      border: 0;
      color: transparent; }
  .cv-input-field label {
    font-size: var(--input-label-font-size);
    line-height: 1.5; }
  .cv-input-field.otp-input-field .helper-text-invalid {
    left: 0;
    right: auto;
    bottom: -24px; }
  .cv-input-field.cv-input-field-disabled label {
    color: var(--input-field-disabled-font-color); }

.inputNoBorder {
  border: 0 !important; }

.address-helper-text {
  font-family: var(--input-field-help-text-font-family);
  font-weight: var(--input-field-help-text-font-weight);
  color: var(--input-field-help-text-font-color);
  font-size: 0.75rem;
  opacity: 0.85;
  line-height: 18px;
  position: relative;
  top: -10px;
  display: block;
  left: 18px; }
  .address-helper-text:before {
    content: '*';
    position: absolute;
    top: 2px;
    left: -13px;
    color: #000;
    font-size: 150%; }

.fake-background {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center; }
  .fake-background.cursor:after {
    content: '_';
    position: absolute;
    padding-top: 2px;
    animation: blinkingText 0.8s infinite; }

.flex-container-otp {
  display: flex;
  margin-top: 5px;
  width: 120%; }

.flex-container-otp > div:not(:first-child) {
  margin-left: 8px; }

input.otp-input {
  letter-spacing: 23px;
  background-color: transparent;
  position: absolute;
  margin-bottom: 10px;
  color: transparent;
  outline: none;
  margin-left: 4px;
  font-family: var(--inputOtpTextFontFamily);
  font-weight: var(--inputOtpTextFontWeight);
  font-size: 0.98rem;
  border: 0; }

@keyframes blinkingText {
  0% {
    color: #000; }
  49% {
    color: transparent; }
  50% {
    color: transparent; }
  99% {
    color: transparent; }
  100% {
    color: #000; } }

.input-info-col {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 26px; }
  .input-info-col .infosvg {
    float: right; }

.input-info-content {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  background-color: #1f3d74;
  position: absolute;
  z-index: 1017;
  border-top-left-radius: 20px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  color: #fff;
  padding: 20px;
  top: 40px;
  right: -4px;
  width: 210px; }
  .input-info-content p {
    margin: 0; }
  .input-info-content .input-info-content-arrow {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #1f3d74;
    position: absolute;
    top: -12px;
    right: 2px; }

.country-code {
  position: absolute;
  left: 10px;
  top: 7px;
  color: #bbc2c6;
  font-size: 0.95rem; }

select option {
  padding: 8px 0; }

.btn {
  cursor: pointer;
  padding: 15px 15px;
  text-align: center;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background: var(--buttonBgColor);
  border: 2px solid transparent;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  color: var(--buttonBgLinkColor);
  border-radius: var(--buttonBorderRadius);
  transition: all 0.25s ease-in;
  text-transform: var(--buttonLabelTextTransform);
  cursor: pointer;
  font-size: 0.95em;
  font-family: var(--buttonLabelFontFamily);
  font-weight: var(--buttonLabelFontWeight); }
  .btn.btn_lg {
    max-width: 240px; }
  .btn:disabled {
    cursor: not-allowed;
    background: #bbc2c6;
    color: #ffffff;
    transition: all 0.25s ease-in; }
  .btn.btn_transparent {
    background: #ffffff;
    border: 2px solid var(--buttonTransparentBgLinkColor);
    color: var(--buttonTransparentBgLinkColor);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
    .btn.btn_transparent:disabled {
      cursor: not-allowed;
      background: transparent;
      border: 2px solid #bbc2c6;
      color: #bbc2c6;
      transition: all 0.25s ease-in; }
  .btn.btn_light {
    max-width: 130px;
    padding: 8px;
    font-size: 0.85em;
    text-transform: capitalize;
    position: relative;
    background: transparent;
    overflow: hidden;
    color: var(--primaryColor);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
    .btn.btn_light:before {
      content: '';
      background: var(--primaryColor);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      opacity: 0.1; }
    .btn.btn_light:disabled {
      cursor: not-allowed;
      background: transparent;
      border: 2px solid transparent;
      color: #bbc2c6;
      transition: all 0.25s ease-in; }
  .btn.btn_link {
    background: transparent;
    border: 0px solid #000000;
    color: var(--buttonLinkColor);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-weight: 700; }
    .btn.btn_link:disabled {
      cursor: not-allowed;
      background-color: transparent;
      color: #bbc2c6; }
    .btn.btn_link.btn_upload {
      text-align: right;
      min-width: auto;
      max-width: none;
      padding: 15px 0 5px; }
  .btn.btn_arrow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    box-shadow: none;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0px solid #000000;
    color: var(--primaryColor);
    margin: 0;
    min-width: auto;
    padding: 0 15px;
    position: relative;
    font-size: 0.85em;
    max-width: 100%; }
    .btn.btn_arrow.btn-upload:before {
      background: none; }
    .btn.btn_arrow.btn-upload:after {
      content: ''; }
    .btn.btn_arrow:before {
      content: '';
      background: #f9b515;
      border-radius: var(--borderRadius);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      opacity: 0.1; }
    .btn.btn_arrow span {
      padding: 0 15px 0 0;
      position: relative; }
      .btn.btn_arrow span:before {
        content: '';
        background: var(--primaryColor);
        width: 10px;
        height: 2px;
        position: absolute;
        top: 1px;
        right: 0;
        transform: rotate(45deg); }
      .btn.btn_arrow span:after {
        content: '';
        background: var(--primaryColor);
        width: 10px;
        height: 2px;
        position: absolute;
        bottom: 4px;
        right: 0;
        transform: rotate(135deg); }
    .btn.btn_arrow:disabled {
      border: 0px solid #bbc2c6;
      color: #bbc2c6; }
      .btn.btn_arrow:disabled:before {
        background: #bbc2c6; }
      .btn.btn_arrow:disabled span:before {
        background: #bbc2c6; }
      .btn.btn_arrow:disabled span:after {
        background: #bbc2c6; }
  .btn.btn_add {
    background: #f1f1f1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 120px;
    height: 50px;
    font-size: 85%;
    padding: 0 12px;
    line-height: 18px;
    text-transform: capitalize;
    color: #000;
    margin: 0 12px; }
  .btn:focus {
    outline: none; }
  .btn.btn_contact {
    width: 125px;
    padding: 8px 5px 8px 20px;
    font-size: 0.85em;
    text-transform: capitalize;
    position: relative;
    background: transparent;
    overflow: hidden;
    color: var(--primaryColor);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-align: left; }
    .btn.btn_contact:before {
      content: '';
      background: var(--primaryColor);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: 0.1; }
    .btn.btn_contact:after {
      content: '';
      background-image: url(/static/img/contact_icon.svg);
      position: absolute;
      top: 12px;
      right: 25px;
      width: 15px;
      height: 15px;
      z-index: -1;
      opacity: 1;
      background-repeat: no-repeat;
      background-size: contain; }
  .btn.btn_message {
    max-width: 280px; }

.paylater .btn.btn_contact {
  width: 200px; }

.searchIFSCBtn {
  position: absolute;
  right: 0;
  bottom: 6px; }
  .searchIFSCBtn .btn.btn_transparent {
    max-width: 130px;
    min-width: auto;
    font-size: 0.65em;
    padding: 8px; }

.uploadBtn {
  width: 120px;
  position: relative;
  float: right; }
  .uploadBtn .btn.btn_arrow {
    text-align: right;
    float: right;
    margin-top: 20px; }
  .uploadBtn:after {
    content: '';
    display: table;
    clear: both; }

.resend-otp {
  text-align: center;
  width: 100%;
  font-family: var(--buttonLabelFontFamily);
  font-weight: var(--buttonLabelFontWeight);
  color: var(--primaryColor); }

.readMore {
  font-family: var(--buttonLabelFontFamily);
  font-weight: var(--buttonLabelFontWeight);
  color: var(--primaryColor); }

.option-input-label-text {
  display: inline-block;
  width: 85%;
  font-size: 0.85em;
  vertical-align: top;
  opacity: 1;
  line-height: 20px;
  position: relative;
  top: -2px;
  color: var(--Neutral-Neutral-500, #64748B); }

input[type='checkbox'],
input[type='radio'] {
  width: 20px;
  height: 20px;
  border-radius: 0;
  padding: 0;
  background-color: #bbc2c6;
  display: inline-block; }
  input[type='checkbox'].option-input,
  input[type='radio'].option-input {
    -webkit-appearance: initial;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 0;
    border-radius: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    border-radius: 6px;
    border: 1.5px solid #bbc2c6;
    background-color: transparent; }
    input[type='checkbox'].option-input:before,
    input[type='radio'].option-input:before {
      display: none;
      width: 17px;
      height: 20px;
      position: absolute;
      content: '\2714';
      font-size: 1em;
      text-align: center;
      line-height: 40px;
      top: -11px;
      color: var(--checkboxLinkColor); }
    input[type='checkbox'].option-input:checked,
    input[type='radio'].option-input:checked {
      background: var(--checkboxBgColor);
      border: none; }
      input[type='checkbox'].option-input:checked:before,
      input[type='radio'].option-input:checked:before {
        display: block;
        width: 21px;
        top: -10px; }
    input[type='checkbox'].option-input.emi-option-input,
    input[type='radio'].option-input.emi-option-input {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #2d3039;
      background-color: #fff; }
      input[type='checkbox'].option-input.emi-option-input:before,
      input[type='radio'].option-input.emi-option-input:before {
        display: block;
        width: 28px;
        height: 28px;
        font-size: 2em;
        line-height: 40px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        color: #2d3039; }
      input[type='checkbox'].option-input.emi-option-input:checked,
      input[type='radio'].option-input.emi-option-input:checked {
        background-color: #fff; }
        input[type='checkbox'].option-input.emi-option-input:checked:before,
        input[type='radio'].option-input.emi-option-input:checked:before {
          display: block; }

.squareRadio input[type='checkbox'],
.squareRadio input[type='radio'] {
  display: none;
  position: relative; }
  .squareRadio input[type='checkbox'] + label,
  .squareRadio input[type='radio'] + label {
    background-color: #f4f7fc;
    border-radius: 25px;
    padding: 12px 0 12px 8px;
    margin-bottom: 20px;
    position: relative;
    font-family: 'fontRegular'; }
    .squareRadio input[type='checkbox'] + label:before,
    .squareRadio input[type='radio'] + label:before {
      content: '';
      position: absolute;
      top: 25px;
      right: 21px;
      width: 10px;
      height: 3px;
      transform: rotate(45deg);
      background: #2d3039;
      border-radius: 40px;
      transition: all 0.25s ease-in;
      opacity: 0; }
    .squareRadio input[type='checkbox'] + label:after,
    .squareRadio input[type='radio'] + label:after {
      content: '';
      position: absolute;
      top: 22px;
      right: 10px;
      width: 15px;
      height: 3px;
      transform: rotate(-45deg);
      background: #2d3039;
      border-radius: 30px;
      transition: all 0.25s ease-in;
      opacity: 0; }
    .squareRadio input[type='checkbox'] + label span,
    .squareRadio input[type='radio'] + label span {
      word-break: break-word; }
  .squareRadio input[type='checkbox']:checked + label,
  .squareRadio input[type='radio']:checked + label {
    font-family: 'fontBold'; }
    .squareRadio input[type='checkbox']:checked + label:before,
    .squareRadio input[type='radio']:checked + label:before {
      display: block;
      opacity: 1; }
    .squareRadio input[type='checkbox']:checked + label:after,
    .squareRadio input[type='radio']:checked + label:after {
      display: block;
      opacity: 1; }
    .squareRadio input[type='checkbox']:checked + label span,
    .squareRadio input[type='radio']:checked + label span {
      width: 80%;
      display: block; }

/* The checkboxradio_btn */
.checkboxradio_btn {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.85em;
  vertical-align: top;
  opacity: 0.9;
  line-height: 20px;
  position: relative;
  top: -2px;
  font-family: 'fontMedium';
  color: #2d3039; }
  .checkboxradio_btn.checkboxradio_btn_disabled {
    opacity: 0.6; }

/* Hide the browser's default checkbox */
.checkboxradio_btn input[type='radio'],
.checkboxradio_btn input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* checkbox */
#radioBlock {
  padding-top: 8px; }
  #radioBlock.radioGrid_3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 180px;
    grid-gap: 12px; }
  #radioBlock.radioGrid_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 180px;
    grid-gap: 12px; }
  #radioBlock.radioGrid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
    width: 345px; }
  #radioBlock.radioGrid {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    grid-gap: 0; }
  #radioBlock label.checkboxradio_btn {
    padding-left: 29px; }
    #radioBlock label.checkboxradio_btn.font-medium {
      font-family: var(--radiobtn-rounded-label-font-family);
      font-weight: var(--radiobtn-rounded-label-font-weight);
      color: var(--radiobtn-rounded-label-font-color);
      font-size: var(--radiobtn-rounded-label-font-size);
      opacity: var(--radiobtn-rounded-label-font-opacity); }
  #radioBlock .radioLabel {
    font-family: var(--radiobtn-rounded-label-font-family);
    font-weight: var(--radiobtn-rounded-label-font-weight);
    color: var(--radiobtn-rounded-label-font-color);
    font-size: var(--radiobtn-rounded-label-font-size);
    opacity: var(--radiobtn-rounded-label-font-opacity); }
  #radioBlock .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--radiobtn-rounded-height);
    width: var(--radiobtn-rounded-width);
    background-color: var(--radiobtn-rounded-bgcolor);
    border-radius: 50%;
    border: var(--radiobtn-rounded-border);
    display: flex;
    justify-content: center;
    align-items: center; }
  #radioBlock .checkmark:after {
    content: '';
    position: absolute;
    display: none; }
  #radioBlock .checkmark:after {
    width: var(--radiobtn-rounded-innerdot-width);
    height: var(--radiobtn-rounded-innerdot-height);
    background: var(--radiobtn-rounded-innerdot-bgcolor);
    border: var(--radiobtn-rounded-innerdot-border);
    border-radius: 50%; }
  #radioBlock .checkboxradio_btn:hover input ~ .checkmark {
    background-color: transparent; }
  #radioBlock .checkboxradio_btn input:checked ~ .checkmark,
  #radioBlock .checkmark.checkmarkActive {
    background-color: var(--radiobtn-rounded-active-bgcolor);
    border: var(--radiobtn-rounded-active-border); }
  #radioBlock .checkboxradio_btn input:checked ~ .checkmark:after,
  #radioBlock .checkmark.checkmarkActive:after {
    display: block;
    background-color: var(--radiobtn-rounded-active-innerdot-bgcolor);
    border: var(--radiobtn-rounded-active-innerdot-border); }
  #radioBlock .checkboxradio_btn input:disabled ~ .checkmark {
    opacity: 0.8; }
  #radioBlock .checkboxradio_btn input:checked ~ .radioLabel {
    font-weight: 500; }

#radioBlockSquare {
  padding-top: 0;
  display: flex;
  gap: 12px; }
  #radioBlockSquare label {
    font-family: var(--radiobtn-label-font-family);
    font-weight: var(--radiobtn-label-font-weight);
    font-size: var(--radiobtn-label-font-size);
    color: var(--radiobtn-label-font-color); }
  #radioBlockSquare .radioLabel {
    font-family: var(--radiobtn-label-font-family);
    font-weight: var(--radiobtn-label-font-weight);
    font-size: var(--radiobtn-label-font-size);
    color: var(--radiobtn-label-font-color); }
  #radioBlockSquare .checkboxradio_btn {
    padding: 0px 10px;
    background-color: transparent;
    position: relative;
    border-radius: 14px;
    top: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px; }
  #radioBlockSquare .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: var(--radiobtn-checkmark-border-top);
    border-bottom: var(--radiobtn-checkmark-border-bottom);
    border-left: var(--radiobtn-checkmark-border-left);
    border-right: var(--radiobtn-checkmark-border-right);
    background-color: var(--radiobtn-checkmark-bgcolor);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    border-radius: var(--radiobtn-checkmark-border-radius);
    height: 100%;
    z-index: -1; }
  #radioBlockSquare .checkmark:after {
    content: '';
    position: absolute;
    display: none; }
  #radioBlockSquare .checkmark:after {
    width: 7.5px;
    height: 7.5px;
    background: transparent;
    border-radius: 50%; }
  #radioBlockSquare .checkboxradio_btn:hover input ~ .checkmark {
    background-color: transparent; }
  #radioBlockSquare .checkboxradio_btn input:checked ~ .checkmark,
  #radioBlockSquare .checkmark.checkmarkActive {
    border-top: var(--radiobtn-checkmark-active-border-top);
    border-bottom: var(--radiobtn-checkmark-active-border-bottom);
    border-left: var(--radiobtn-checkmark-active-border-left);
    border-right: var(--radiobtn-checkmark-active-border-right);
    background-color: var(--radiobtn-checkmark-active-bgcolor); }
  #radioBlockSquare .checkboxradio_btn input:checked ~ .checkmark:after,
  #radioBlockSquare .checkmark.checkmarkActive:after {
    display: block; }
  #radioBlockSquare .checkboxradio_btn input:disabled ~ .checkmark {
    opacity: 0.8; }
  #radioBlockSquare .checkboxradio_btn input:checked ~ .radioLabel {
    font-weight: 500;
    color: var(--radiobtn-checkmark-active-label-font-color); }

.cv-input-field.cv-input-field-invalid #radioBlockSquare .checkmark {
  border-top: var(--radiobtn-checkmark-error-border-top);
  border-bottom: var(--radiobtn-checkmark-error-border-bottom);
  border-left: var(--radiobtn-checkmark-error-border-left);
  border-right: var(--radiobtn-checkmark-error-border-right);
  background-color: var(--radiobtn-checkmark-error-bgcolor); }

.checkboxradio_btn_model {
  text-align: center;
  height: 1em;
  display: block;
  border-radius: 18px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  background-color: var(--neutral-neutral-100);
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.85em;
  vertical-align: top;
  opacity: 0.9;
  line-height: 20px;
  position: relative;
  top: -2px;
  font-family: 'fontMedium';
  color: #2d3039;
  border: 1px solid transparent;
  padding: 10px 0 15px; }
  .checkboxradio_btn_model.checkboxradio_btn_disabled {
    opacity: 0.6; }

.checkboxradio_btn_model input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

#radioBtnBlock.radioGrid_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  grid-gap: 12px; }

#radioBtnBlock.radioGrid {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  grid-gap: 0; }

#radioBtnBlock label {
  font-size: 0.9em; }

#radioBtnBlock .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: 1.5px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center; }

#radioBtnBlock .checkmark:after {
  content: '';
  position: absolute;
  display: none; }

#radioBtnBlock .checkmark:after {
  width: 7.5px;
  height: 7.5px;
  background: #fff;
  border-radius: 50%; }

#radioBtnBlock .checkboxradio_btn_model:active {
  background-color: transparent; }

#radioBtnBlock .checkboxradio_btn_model input:checked ~ .checkmark,
#radioBtnBlock .checkmark.checkmarkActive {
  background-color: var(--neutral-neutral-100);
  display: none; }

#radioBtnBlock .checkboxradio_btn_model input:checked ~ .checkmark:after,
#radioBtnBlock .checkmark.checkmarkActive:after {
  display: block; }

#radioBtnBlock .checkboxradio_btn_model input:disabled ~ .checkmark {
  opacity: 0.8; }

/* checkbox */
#checker label {
  font-size: 0.9em; }

#checker .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 6px;
  border: 1.5px solid #bbc2c6; }

#checker .checkmark:after {
  content: '';
  position: absolute;
  display: none; }

#checker .checkmark:after {
  left: 7px;
  top: 3px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#checker .checkboxradio_btn:hover input ~ .checkmark {
  background-color: transparent; }

#checker .checkboxradio_btn input:checked ~ .checkmark,
#checker .checkmark.checkmarkActive {
  background-color: var(--checkboxBgColor);
  border: 1.5px solid var(--checkboxBgColor); }

#checker .checkboxradio_btn input:checked ~ .checkmark:after,
#checker .checkmark.checkmarkActive:after {
  display: block; }

#checker .checkboxradio_btn input:disabled ~ .checkmark {
  opacity: 0.8; }

@media only screen and (max-width: 400px) {
  #radioBlock.radioGrid_3 {
    max-width: 180px;
    width: 100%;
    grid-gap: 5px; }
  #radioBlock.radioGrid_2 {
    max-width: 180px;
    width: 100%;
    grid-gap: 5px; }
  #radioBlock.radioGrid2 {
    grid-gap: 5px;
    max-width: 280px;
    width: 100%; } }

.checkBoxWrapper {
  display: flex;
  gap: 8px; }
  .checkBoxWrapper .checkboxradio_btn {
    display: inline-block;
    min-width: 15px;
    padding-left: 0;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 0.9em;
    user-select: none;
    vertical-align: top;
    opacity: 0.9;
    line-height: 20px;
    position: relative;
    top: 1px;
    font-family: 'fontMedium';
    color: #2d3039; }
    .checkBoxWrapper .checkboxradio_btn input[type='checkbox'] {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
      border-radius: 0;
      padding: 0;
      background-color: #bbc2c6;
      display: inline-block; }
      .checkBoxWrapper .checkboxradio_btn input[type='checkbox']:checked ~ .checkmark {
        background-color: var(--checkboxBgColor);
        border: 1.5px solid var(--checkboxBgColor); }
      .checkBoxWrapper .checkboxradio_btn input[type='checkbox']:checked:disabled ~ .checkmark {
        background-color: #D4D4D4;
        border: 1.5px solid #D4D4D4;
        cursor: default; }
  .checkBoxWrapper .checkboxradio_btn input:checked ~ .checkmark:after {
    display: block; }
  .checkBoxWrapper .checkmark {
    padding: 1px;
    position: absolute;
    top: 0;
    left: 0px;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: transparent;
    border: 1.5px solid #bbc2c6;
    cursor: pointer;
    user-select: none;
    line-height: 20px; }
    .checkBoxWrapper .checkmark:after {
      left: 4px;
      top: 1px;
      width: 3px;
      height: 6px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      content: '';
      position: absolute; }

.slideBtn {
  margin-top: 70px;
  background-color: #dbe1f8;
  padding: 15px 0;
  text-align: center;
  position: relative;
  color: #4d6cd9;
  font-family: 'fontMedium';
  text-transform: uppercase;
  border-radius: 8px;
  font-size: 0.8em;
  overflow: hidden; }
  .slideBtn .slideBg {
    width: 0%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: green; }
  .slideBtn .slideText {
    width: calc(100% - 100px);
    display: block;
    margin: 0 auto;
    font-family: 'fontMedium';
    font-size: 0.9em; }
  .slideBtn .slideArrow {
    position: absolute;
    width: 45px;
    height: 100%;
    left: calc(100% - 45px);
    border-radius: 8px;
    background-color: #4d6cd7;
    top: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.1s linear; }
    .slideBtn .slideArrow:before {
      content: '';
      position: absolute;
      border: solid #ffffff;
      border-width: 0 2px 2px 0;
      padding: 4px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      margin-left: -12px; }
    .slideBtn .slideArrow:after {
      content: '';
      position: absolute;
      border: solid #ffffff;
      border-width: 0 2px 2px 0;
      padding: 4px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      margin-left: 6px; }
  .slideBtn .rangeBtn {
    width: 100%;
    z-index: 9;
    position: absolute;
    height: 100%;
    opacity: 0; }

.landscape {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  display: flex;
  z-index: 999999;
  align-items: center;
  justify-content: center;
  top: 0; }

@-webkit-keyframes keyframes-40-loading {
  from {
    background-position: 0 0; }
  to {
    background-position: -840px; } }

@-moz-keyframes keyframes-40-loading {
  from {
    background-position: 0 0; }
  to {
    background-position: -840px; } }

@-ms-keyframes keyframes-40-loading {
  from {
    background-position: 0 0; }
  to {
    background-position: -840px; } }

@keyframes keyframes-40-loading {
  from {
    background-position: 0 0; }
  to {
    background-position: -840px; } }

.fetchingJsonBlock {
  text-align: center;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  top: -5%;
  font-family: 'gothamMedium' !important; }

.saving {
  width: 100%;
  text-transform: uppercase;
  font-weight: 500;
  color: #d9d9d8;
  letter-spacing: 2px;
  font-size: 85%; }

.saving span {
  font-size: 35px;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both; }

.saving span:nth-child(2) {
  animation-delay: 0.2s; }

.saving span:nth-child(3) {
  animation-delay: 0.4s; }

@keyframes blink {
  0% {
    opacity: 0.2; }
  20% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }

.landscapeLoader {
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding: 3px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.28);
  -o-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.28);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.28); }
  .landscapeLoader:before {
    content: '';
    display: block; }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes color {
  100%,
  0% {
    stroke: #173b7e; }
  40% {
    stroke: #f3ac12; }
  66% {
    stroke: #2352a7; }
  80%,
  90% {
    stroke: #f3ac12; } }

.emiListLoader {
  position: absolute;
  background: rgba(0, 0, 0, 0.819608);
  width: 100%;
  height: 160px;
  bottom: -1px;
  left: 0;
  right: 0;
  border-radius: 5px; }

#snackbar {
  visibility: hidden;
  max-width: 250px;
  background-color: rgba(253, 0, 0, 0.9);
  border-color: rgba(253, 0, 0, 0.9);
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  padding: 16px;
  position: fixed;
  z-index: 999999;
  top: 30px;
  font-size: 0.75em;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: var(--toastFontFamily);
  font-weight: var(--toastFontWeight); }
  #snackbar p {
    margin: 0;
    padding: 0; }
    #snackbar p.p_lg {
      font-size: 1.15em; }

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s; }

#newSnackbar {
  visibility: hidden;
  max-width: 540px;
  background-color: transparent;
  border-color: transparent;
  border-radius: 5px;
  padding: 0;
  position: fixed;
  z-index: 999999;
  top: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - 16px); }
  #newSnackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s; }
  #newSnackbar.show-fadein {
    visibility: visible;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s; }
  #newSnackbar.show-fadeout {
    visibility: hidden;
    opacity: 0;
    transition: opacity ease-in 0.5s; }
  #newSnackbar .noteInnerBlock {
    position: relative;
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    border-radius: 20px;
    border: solid 1px var(--primary-primary-500);
    background-color: var(--primary-primary-50);
    color: var(--primary-primary-700); }
    #newSnackbar .noteInnerBlock .noteIcon {
      position: relative;
      width: auto;
      height: auto;
      border-radius: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      color: #fff;
      border: solid 0 var(--primary-primary-100);
      background-color: transparent; }
    #newSnackbar .noteInnerBlock .noteContent {
      font-size: 14px;
      line-height: 1.5; }
    #newSnackbar .noteInnerBlock.noteSuccess {
      border: solid 1px var(--success-success-500);
      background-color: var(--success-success-50);
      color: var(--success-success-800); }
      #newSnackbar .noteInnerBlock.noteSuccess .noteIcon {
        border: solid 0 var(--success-success-100);
        background-color: transparent; }
    #newSnackbar .noteInnerBlock.noteError {
      border: solid 1px var(--error-error-500);
      background-color: var(--error-error-50);
      color: var(--error-error-800); }
      #newSnackbar .noteInnerBlock.noteError .noteIcon {
        border: solid 0 var(--error-error-100);
        background-color: transparent; }
    #newSnackbar .noteInnerBlock.noteWarning {
      border: solid 1px var(--warning-warning-500);
      background-color: var(--warning-warning-50);
      color: var(--warning-warning-800); }
      #newSnackbar .noteInnerBlock.noteWarning .noteIcon {
        border: solid 0 var(--warning-warning-100);
        background-color: transparent; }

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s; }

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0; }
  to {
    top: 30px;
    opacity: 1; } }

@keyframes fadein {
  from {
    top: 0;
    opacity: 0; }
  to {
    top: 30px;
    opacity: 1; } }

@-webkit-keyframes fadeout {
  from {
    top: 30px;
    opacity: 1; }
  to {
    top: 0;
    opacity: 0; } }

@keyframes fadeout {
  from {
    top: 30px;
    opacity: 1; }
  to {
    top: 0;
    opacity: 0; } }

.cvLoan_row {
  display: block; }
  .cvLoan_row:after {
    display: block;
    content: '';
    clear: both; }

.cvLoan_col {
  float: left; }
  .cvLoan_col.cvLoan_col_6 {
    width: 50%;
    min-width: auto !important; }

.grid_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px 10px; }

.gridValue {
  font-size: 1.25em;
  font-family: 'fontMedium';
  color: #000759; }

.gridLabel {
  font-size: 0.8em;
  font-family: 'fontMedium';
  color: #6f7f9f;
  opacity: 0.8; }

.question {
  padding-bottom: 12px;
  font-size: 0.9em;
  font-family: 'fontMedium'; }

.attemptSvg {
  padding-top: 30px;
  padding-bottom: 30px; }
  .attemptSvg svg {
    width: 115px;
    height: 95px;
    fill: var(--svgStrokeColor); }
  .attemptSvg .cls-1 {
    fill: var(--svgBgColor);
    opacity: 0.3; }
  .attemptSvg .cls-2 {
    fill: none;
    stroke: var(--svgStrokeColor);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px; }
  .attemptSvg .cls-3 {
    opacity: 0.2;
    clip-path: url(#clip-path); }
  .attemptSvg .cls-4,
  .attemptSvg .cls-5 {
    opacity: 0.7; }
  .attemptSvg .cls-4 {
    clip-path: url(#clip-path-2); }
  .attemptSvg .cls-5 {
    clip-path: url(#clip-path-3); }

.card.virtualCreditCard {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }
  .card.virtualCreditCard .cardContent {
    padding: 20px;
    background-color: var(--primaryColor);
    border-radius: 20px;
    position: relative; }
    .card.virtualCreditCard .cardContent:before {
      content: '';
      background-image: url("/static/img/vcc/ccBg.png");
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      left: 0;
      z-index: 88; }

.card.disbursalDashboardCard {
  margin: 0 auto 30px; }

.creditCardHeader {
  display: block; }
  .creditCardHeader img {
    float: left;
    max-height: 25px; }
    .creditCardHeader img:last-child {
      float: right; }

.creditCardBody {
  padding-top: 22px;
  color: #ffffff;
  font-family: 'fontMedium'; }
  .creditCardBody .vcc-label {
    opacity: 0.7;
    font-size: 0.85em;
    padding-bottom: 10px; }
  .creditCardBody .vcc-value {
    padding-top: 0px;
    line-height: 18px; }
    .creditCardBody .vcc-value.vcc-value-font-lg {
      font-size: 2.3em; }
    .creditCardBody .vcc-value.vcc-value-font-md {
      font-size: 1.75em; }
    .creditCardBody .vcc-value.vcc-value-font-sm {
      font-size: 1.15em; }
  .creditCardBody .leanId {
    padding-top: 22px; }
    .creditCardBody .leanId .vcc-value {
      font-size: 1.3em; }

.getMoneyDescription {
  font-size: 0.95em;
  padding-bottom: 30px;
  line-height: 24px; }

.drawDownEachList {
  padding: 20px 0 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  position: relative; }
  .drawDownEachList .drawnDownCancellation {
    position: relative;
    padding-top: 20px;
    max-width: 150px;
    float: right; }
    .drawDownEachList .drawnDownCancellation .btn {
      float: right; }
  .drawDownEachList:last-child {
    padding: 20px 0 0;
    border-bottom: 0px solid rgba(0, 0, 0, 0); }
  .drawDownEachList:nth-child(1) {
    padding: 0 0 20px; }

.drawDownHeader .drawDownID {
  font-family: 'fontBold';
  font-size: 0.85em;
  padding-bottom: 3px; }

.drawDownHeader .drawDownDate {
  color: #bbc2c6;
  font-family: 'fontRegular';
  font-size: 0.8em; }

.drawDownBody .drawDownTable {
  padding: 10px 0 0; }
  .drawDownBody .drawDownTable .drawDownTable_col {
    padding: 6px 0; }
    .drawDownBody .drawDownTable .drawDownTable_col .drawnDownLabel {
      float: left;
      font-size: 0.85em; }
    .drawDownBody .drawDownTable .drawDownTable_col .drawnDownValue {
      float: right;
      font-size: 0.95em;
      font-family: 'fontBold'; }

.paymentdue-col {
  float: left;
  padding: 0 0 15px; }
  .paymentdue-col .paymentdue-label {
    font-size: 0.9em; }
  .paymentdue-col .paymentdue-value {
    font-size: 1.3em;
    padding-top: 0px; }
  .paymentdue-col:last-child {
    float: right;
    text-align: right; }

.paymentDueBtn {
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  position: relative; }

.drawdownNavbar {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08); }
  .drawdownNavbar ul {
    position: relative;
    padding: 0;
    list-style: none; }
    .drawdownNavbar ul li {
      padding: 30px 0 30px 20px;
      font-size: 1.15em;
      font-family: 'fontRegular';
      color: #000;
      border-bottom: 1px solid #f4f7fc; }
      .drawdownNavbar ul li:before {
        display: none; }

@media screen and (max-width: 360px) {
  .creditCardBody .leanId .vcc-value {
    font-size: 1.1em; } }

.offerApprovedMessage {
  font-size: 1em; }

#offerAgreement {
  padding-bottom: 160px; }

.amountApproved {
  font-family: var(--approvedAmountFontFamily);
  font-weight: var(--approvedAmountFontWeight);
  color: var(--approvedAmountFontColor);
  font-size: var(--approvedAmountFontSize);
  padding-top: 12px;
  font-style: normal;
  font-stretch: normal; }

.offerScreen.cv-input-field {
  margin-bottom: 12px;
  font-weight: bold; }

.amountEdit .offerScreen.amountEditField {
  width: 100%;
  float: none;
  margin-bottom: 0; }

.amountEdit {
  position: relative; }
  .amountEdit .amountEditField {
    width: 100%;
    float: none; }
  .amountEdit .amountButtons {
    width: 22%;
    float: left;
    text-align: right;
    position: relative;
    top: 5px; }
    .amountEdit .amountButtons img {
      width: 22px;
      height: 22px;
      cursor: pointer; }
      .amountEdit .amountButtons img.success {
        background: rgba(9, 147, 0, 0.8); }
      .amountEdit .amountButtons img.error {
        margin-left: 6px;
        background: rgba(255, 0, 0, 0.8); }
  .amountEdit:after {
    content: '';
    display: table;
    clear: both; }

.chargesApplicableInfoBtn {
  font-family: 'fontBold';
  display: flex;
  font-size: 0.8em;
  background: var(--chargesBtnBgColor);
  padding: 0 10px;
  border-radius: 26px;
  max-width: 200px;
  align-items: center;
  margin-bottom: 10px;
  height: 50px;
  text-transform: uppercase;
  color: var(--primaryColor); }
  .chargesApplicableInfoBtn span {
    position: relative;
    top: 0;
    background: var(--primaryColor);
    border-radius: 11px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    margin-right: 10px; }
    .chargesApplicableInfoBtn span svg {
      width: 30px;
      height: 30px;
      fill: #fff;
      margin: 0 auto; }

#emi-slider .slick-track {
  margin: 0 0 10px; }

.each-emi-card-col {
  padding-bottom: 30px; }
  .each-emi-card-col .emi-card-col-label {
    font-family: 'fontRegular';
    padding-bottom: 8px; }
  .each-emi-card-col .emi-card-col-value {
    font-family: 'fontBold';
    font-size: 1.13em;
    line-height: 18px; }
  .each-emi-card-col.tenure {
    font-family: 'fontBold';
    font-size: 1.25em;
    text-transform: uppercase; }
  .each-emi-card-col:last-child {
    padding-bottom: 0; }

.selectEmi_btn {
  position: relative;
  z-index: 99; }
  .selectEmi_btn input[type='checkbox'],
  .selectEmi_btn input[type='radio'] {
    display: none;
    width: 100%;
    height: 100%; }
  .selectEmi_btn input[type='radio']:checked + label .sliderSuccess svg {
    border: 2px solid transparent; }
  .selectEmi_btn input[type='radio']:checked + label .sliderSuccess rect {
    fill: var(--svgBgColor); }
  .selectEmi_btn input[type='radio']:checked + label .sliderSuccess .cls-1 {
    fill: #ffffff; }
  .selectEmi_btn .sliderSuccess svg {
    width: 45px;
    height: 45px;
    border: 2px solid #000;
    border-radius: 50%; }
  .selectEmi_btn .sliderSuccess rect {
    fill: #ffffff; }
  .selectEmi_btn .sliderSuccess .cls-1 {
    fill: #000; }
  .selectEmi_btn label {
    font-size: 1.15em; }

.card .cardContent.each-emi-card-content.active {
  border: var(--eachEmiBorder);
  background-color: var(--eachEmiBg); }
  .card .cardContent.each-emi-card-content.active .selectEmi_btn label {
    color: var(--eachEmiActiveColor); }

.lender-label {
  font-family: 'fontRegular';
  font-size: 0.9em;
  padding-bottom: 5px;
  color: #fff; }

.lender-value {
  color: #fff;
  font-family: 'fontMedium';
  font-size: 1.3em; }

.final-loan-col {
  padding-bottom: 25px; }
  .final-loan-col:nth-child(2n) {
    text-align: right; }
  .final-loan-col .final-loan-value {
    font-size: 1.25em; }

hr {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin: 30px auto 30px;
  width: 100%;
  opacity: 0.4; }

.offerAgreemetFooter {
  position: fixed;
  bottom: 0;
  background: #fff;
  max-width: var(--body-maxWidth);
  margin: 0 auto;
  width: 100%;
  right: 0;
  left: 0;
  padding: 20px 0;
  -webkit-box-shadow: -1px -3px 25px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -1px -3px 25px 0 rgba(0, 0, 0, 0.08);
  -o-box-shadow: -1px -3px 25px 0 rgba(0, 0, 0, 0.08);
  box-shadow: -1px -3px 25px 0 rgba(0, 0, 0, 0.08); }
  .offerAgreemetFooter .cvLoanFooter {
    margin: 0 auto;
    width: 100%;
    padding: 0 20px; }

.agreementTemplateV2 #offerAgreement {
  padding-bottom: 0; }

.agreementTemplateV2 .offerAgreemetFooter {
  position: relative;
  bottom: 0;
  background: transparent;
  width: 100%;
  right: 0;
  left: 0;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }
  .agreementTemplateV2 .offerAgreemetFooter .cvLoanFooter {
    margin: 0 auto;
    width: 100%;
    padding: 0; }

.loc_roi p {
  margin-bottom: 0; }
  .loc_roi p:first-child {
    padding-bottom: 8px; }
  .loc_roi p:last-child {
    margin-top: 0;
    font-size: 1.3em;
    font-family: 'fontBold';
    color: #2d3039;
    position: relative; }
  .loc_roi p svg {
    height: 20px;
    position: absolute;
    top: 0px;
    width: 25px; }

.tenure-emi {
  padding-bottom: 10px;
  font-size: 0.9rem; }

.end-user-license-agreement-ol {
  padding-left: 5px;
  margin-top: 0; }

.end-user-license-agreement-ol {
  color: #79858d; }

.emi-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2px;
  padding-bottom: 14px; }
  .emi-grid:last-child {
    padding-bottom: 0; }
  .emi-grid div:first-child {
    font-size: 0.9em; }
  .emi-grid .eachEmiLabel {
    font-family: var(--eachEmiLabelFontFamily);
    font-weight: var(--eachEmiLabelFontWeight);
    color: var(--eachEmiLabelColor); }
  .emi-grid .eachEmiValue {
    font-family: var(--eachEmiValueFontFamily);
    font-weight: var(--eachEmiValueFontWeight);
    color: var(--eachEmiValueColor);
    text-align: right; }

.offerAmountField.cv-input-field {
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 0; }
  .offerAmountField.cv-input-field.cv-input-field-invalid {
    padding-bottom: 0; }
    .offerAmountField.cv-input-field.cv-input-field-invalid .helper-text {
      display: none; }
  .offerAmountField.cv-input-field .helper-text-invalid {
    right: 0;
    bottom: 0;
    position: relative;
    padding-top: 5px; }
  .offerAmountField.cv-input-field .helper-text {
    padding-top: 5px;
    position: relative;
    bottom: 0px;
    left: 0;
    opacity: 0.75;
    font-size: 0.75rem;
    color: var(--input-label-font-color);
    font-family: var(--inputErrorTextFontFamily);
    font-weight: var(--inputErrorTextFontWeight); }

.offerAmountField .amountInput {
  position: relative;
  font-family: var(--inputFieldFontFamily);
  font-weight: var(--inputFieldFontWeight);
  color: var(--inputFieldColor); }
  .offerAmountField .amountInput input {
    padding: var(--amountInputPadding);
    font-size: 1rem; }
  .offerAmountField .amountInput .ruppeSymbol {
    position: absolute;
    left: var(--amountRupeeLeft);
    top: var(--amountRupeeTop);
    font-size: 1rem;
    color: var(--inputFieldColor); }
  .offerAmountField .amountInput .amountInputCol {
    position: relative; }

.demandPlayerLogo {
  height: 70px;
  background-image: var(--tenantLogo);
  background-repeat: no-repeat;
  background-size: inherit;
  margin-top: 15px; }
  .demandPlayerLogo img {
    max-height: 50px; }

.each-step-content {
  padding-top: 18px; }
  .each-step-content h3 {
    font-size: 2em;
    font-family: 'fontMedium';
    margin: 0; }
  .each-step-content p {
    margin: 0;
    padding-top: 8px;
    font-size: 1.15em;
    height: 7vh;
    max-height: 30px; }

.get-started-body {
  position: relative;
  margin-bottom: 30px;
  width: 120%; }
  .get-started-body .getstarted-slider-button {
    position: absolute;
    height: 47px;
    bottom: -20px;
    padding-left: 39vw; }

.getstarted-next {
  position: relative; }
  .getstarted-next.slick-arrow .getStartedSvgBtn svg #success {
    display: none;
    transition: all 0.5s ease-in; }
  .getstarted-next.slick-arrow .getStartedSvgBtn svg #right-arrow {
    display: block;
    transition: all 0.5s ease-in; }
  .getstarted-next.slick-arrow .getStartedProceed_overlay {
    display: none; }
  .getstarted-next.slick-arrow.slick-disabled .getStartedSvgBtn svg #success {
    display: block; }
  .getstarted-next.slick-arrow.slick-disabled .getStartedSvgBtn svg #right-arrow {
    display: none; }
  .getstarted-next.slick-arrow.slick-disabled .getStartedProceed_overlay {
    display: block;
    position: absolute;
    height: 50px;
    width: 50px;
    background: transparent;
    z-index: 99; }

.percentage_col {
  text-align: center;
  position: relative; }
  .percentage_col .processingCircle {
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 166px;
    height: 167px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; }

.processingText {
  text-align: left; }
  .processingText div {
    display: block;
    font-family: 'fontMedium';
    color: var(--processingTextColor); }
    .processingText div.percentageCount {
      font-size: 2.3em; }
      .processingText div.percentageCount span {
        font-size: 0.5em;
        vertical-align: super;
        font-weight: bold;
        left: 2px;
        position: relative; }
    .processingText div.percentageCountText {
      padding-top: 5px;
      font-size: 0.9em;
      text-transform: uppercase;
      font-weight: bold; }

.stat-circle {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .stat-circle circle.bg {
    fill: none;
    stroke: var(--processingPieChartBg);
    stroke-width: 0.4;
    opacity: 0.3; }
  .stat-circle circle.progress {
    fill: none;
    stroke: var(--processingPieChartBgActive);
    stroke-width: 0.8;
    stroke-dasharray: 51 51;
    stroke-dashoffset: -51;
    stroke-linecap: round; }
  .stat-circle text {
    font-size: 5px;
    text-anchor: middle;
    fill: #bbb;
    transform-origin: 50% 50%;
    transform: rotate(0); }

#processing-slider {
  left: 0px;
  position: relative; }

.panelBlock .panelHead {
  color: #79858d;
  font-size: 0.95em;
  line-height: 22px;
  padding-bottom: 8px;
  margin-top: 16px;
  position: relative;
  padding-left: 24px;
  display: flex;
  align-items: flex-start;
  cursor: pointer; }
  .panelBlock .panelHead:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: transparent;
    border: 1px solid #c7c7c7;
    left: 0;
    border-radius: 50%;
    top: 5px; }
  .panelBlock .panelHead:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4d6cd9;
    left: 5px;
    top: 10px;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.2s ease-out; }

.panelBlock .panelContent {
  color: #2d3039;
  background: #f4f7fc;
  border-radius: 8px;
  font-size: 0.95em;
  line-height: 25px;
  padding: 0 16px;
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease-out; }
  .panelBlock .panelContent p {
    font-size: 95%;
    margin: 0;
    padding-bottom: 8px; }
    .panelBlock .panelContent p:last-child {
      padding-bottom: 0; }
  .panelBlock .panelContent ul li {
    padding-bottom: 8px;
    font-size: 95%; }

.panelBlock.active .panelHead:before {
  border-color: #4d6cd9; }

.panelBlock.active .panelHead:after {
  transform: scale(1); }

.panelBlock.active .panelContent {
  padding: 16px;
  min-height: 5px;
  height: auto; }

.pie-timer {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto; }

.pie-timer__svg {
  transform: scaleX(-1); }

.pie-timer__circle {
  fill: none;
  stroke: none; }

.pie-timer__path-elapsed {
  stroke-width: 7px;
  stroke: #f5f5f5; }

.pie-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor; }

.pie-timer__path-remaining.blue {
  color: #4d6cd9; }

.pie-timer__path-remaining.orange {
  color: orange; }

.pie-timer__path-remaining.red {
  color: red; }

.pie-timer__label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .pie-timer__label .timerValue {
    font-size: 1.5em;
    display: block; }
  .pie-timer__label .timerLabel {
    display: block;
    font-size: 0.8em;
    color: #bbc2c6; }

.primaryBankQuery {
  color: var(--primaryColor);
  font-size: 0.85rem;
  padding-bottom: 0;
  display: block; }

.finbitEachOption {
  position: relative;
  padding: 15px;
  border: 1px solid #ddd;
  margin-top: 24px;
  border-radius: 5px;
  cursor: pointer; }
  .finbitEachOption .finbitEachHeader {
    padding: 8px 0 18px;
    position: relative;
    font-size: 1rem;
    color: var(--content-heading-font-color); }
    .finbitEachOption .finbitEachHeader:before {
      content: '';
      position: absolute;
      border: solid var(--primaryColor);
      border-width: 0 2px 2px 0;
      display: block;
      padding: 3px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 15px;
      right: 15px; }
  .finbitEachOption .finbitContent {
    font-size: 0.85rem;
    padding: 0 0 18px; }
  .finbitEachOption .finbitFooter {
    font-size: 0.85rem; }
  .finbitEachOption .color-warning {
    color: var(--error-error-400); }

.kycEachOption {
  position: relative;
  margin-bottom: 24px; }
  .kycEachOption .kycOptionBlock {
    display: flex;
    gap: 20px;
    flex-flow: row wrap;
    position: relative;
    padding: 15px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer; }
  .kycEachOption .kycEachIcon {
    position: relative; }
    .kycEachOption .kycEachIcon img {
      position: relative; }
  .kycEachOption .kycEachContent {
    flex: 2 0px; }
  .kycEachOption .kycEachHeader {
    position: relative;
    font-size: 1.15rem;
    color: var(--content-heading-font-color);
    width: calc(100% - 30px); }
    .kycEachOption .kycEachHeader:before {
      content: '';
      position: absolute;
      border: solid #000;
      border-width: 0 3px 3px 0;
      display: block;
      padding: 3px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 15px;
      right: -15px; }
  .kycEachOption .kycContent {
    font-size: 0.85rem; }
  .kycEachOption .kycFooter {
    font-size: 0.85rem; }
  .kycEachOption .kycHighlighter {
    color: var(--primaryColor);
    padding: 10px 19px 9px;
    border-radius: 23px;
    display: block;
    font-size: 0.8rem;
    width: 143px;
    overflow: hidden;
    position: relative;
    text-align: center; }
    .kycEachOption .kycHighlighter::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: var(--primaryColor);
      opacity: 0.1; }

@media only screen and (max-width: 330px) {
  .kycEachOption .kycOptionBlock {
    flex-flow: column wrap; } }

@media only screen and (max-width: 400px) {
  .kycEachOption .kycHighlighter {
    padding: 8px 9px 7px;
    display: inline;
    font-size: 0.6rem; }
    .kycEachOption .kycHighlighter::before {
      border-radius: 23px; } }

.uploadCardHeader {
  display: flex;
  flex-basis: auto;
  min-height: 40px;
  align-items: center;
  margin-bottom: 12px; }
  .uploadCardHeader .title {
    display: block;
    font-family: var(--content-heading-font-family);
    font-weight: var(--content-heading-font-weight);
    color: var(--content-heading-font-color);
    font-size: 0.85em;
    padding-bottom: 7px;
    width: 50%; }
  .uploadCardHeader .uploadIcons {
    display: flex;
    width: 50%;
    justify-content: flex-end; }
    .uploadCardHeader .uploadIcons .cameraSvg {
      margin: 0 6px; }
    .uploadCardHeader .uploadIcons .upload-svg {
      margin: 0 6px; }
    .uploadCardHeader .uploadIcons .deleteSvg {
      margin: 0 0 0 6px; }

.uploadCardFooter {
  margin-top: 24px; }

.uploadCardBody {
  width: 100%;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f7fc;
  border-radius: 12px;
  margin-top: 12px;
  position: relative; }
  .uploadCardBody .uploadCardPlaceholder {
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    color: var(--primaryColor);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center; }
    .uploadCardBody .uploadCardPlaceholder span {
      display: block;
      padding-top: 5px; }
  .uploadCardBody .previewFile {
    max-height: 200px; }
    .uploadCardBody .previewFile.dlPreviewFile {
      max-width: 100%; }
  .uploadCardBody .previewImage {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 85%;
    height: 200px;
    margin: 0 auto; }
  .uploadCardBody .uploadFileName {
    display: block;
    padding: 12px;
    text-align: center;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    color: #515456;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    word-break: break-word; }

.deleteIcon.deleteDisable .deleteSvg .cls-1 {
  fill: #bbc2c6;
  opacity: 0.05; }

.deleteIcon.deleteDisable .deleteSvg .cls-2 {
  fill: #bbc2c6; }

.popoverblock .popper-title {
  position: absolute;
  right: 12px;
  top: 8px; }

.popper-title .popper-text {
  text-transform: none !important;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  margin-left: 8px;
  position: relative;
  top: 0;
  border: 2px solid var(--popperTitleBg);
  font-family: var(--popperTitleFontFamily);
  font-weight: var(--popperTitleFontWeight);
  color: var(--popperTitleBg);
  width: 18px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem; }

.popper.popper-content {
  border: var(--popper-content-border);
  border-radius: var(--popper-content-border-radius);
  padding: var(--popper-content-padding);
  font-family: var(--popper-content-font-family);
  font-weight: var(--popper-content-font-weight);
  color: var(--popper-content-font-color);
  font-size: var(--popper-content-font-size);
  background: var(--popper-content-bgcolor);
  -webkit-box-shadow: var(--popper-content-box-shadow);
  -moz-box-shadow: var(--popper-content-box-shadow);
  -o-box-shadow: var(--popper-content-box-shadow);
  box-shadow: var(--popper-content-box-shadow);
  text-align: var(--popper-content-font-alignment);
  width: 200px; }
  .popper.popper-content ul {
    margin: 0;
    padding: 0 0 0 20px;
    text-align: left;
    text-transform: none !important;
    font-family: var(--popper-content-font-family);
    font-weight: var(--popper-content-font-weight);
    color: var(--popper-content-font-color);
    font-size: var(--popper-content-font-size); }
    .popper.popper-content ul li {
      padding: 0 0 2px 0; }
      .popper.popper-content ul li:last-child {
        padding: 0; }
  .popper.popper-content p {
    padding: 0px 5px 0 0;
    text-align: left;
    text-transform: none !important;
    font-family: var(--popper-content-font-family);
    font-weight: var(--popper-content-font-weight);
    color: var(--popper-content-font-color);
    font-size: var(--popper-content-font-size); }

.popper .popper__arrow {
  border-color: var(--popper-content-bgcolor) transparent transparent transparent !important; }

.popper-text-icon svg {
  fill: #4d6cd9; }

.cv-input-field.cv-input-field-invalid .popper-text-icon svg {
  fill: var(--error-error-400); }

.amountPopover {
  position: relative;
  top: -55px;
  width: 100%;
  text-align: right; }

.flex-container {
  display: flex;
  gap: 5px; }

.display-flex-container {
  display: flex; }

.each-flex {
  flex: 1; }

.each-flex-0 {
  flex: 0; }

.align-center {
  align-items: center; }

.flex-direction-column {
  flex-direction: column; }

.flex-direction-column-reverse {
  flex-direction: column-reverse; }

.flex-direction-row {
  flex-direction: row; }

.flex-direction-row-reverse {
  flex-direction: row; }

.flex-justify-content-start {
  justify-content: flex-start; }

.flex-justify-content-end {
  justify-content: flex-end; }

.flex-justify-content-center {
  justify-content: center; }

.flex-justify-content-space-between {
  justify-content: space-between; }

.flex-align-items-start {
  align-items: flex-start; }

.flex-align-items-end {
  align-items: flex-end; }

.flex-align-items-center {
  align-items: center; }

.each-flex-0 {
  flex: 0; }

.each-flex-1 {
  flex: 1; }

.each-flex-2 {
  flex: 2; }

.each-flex-3 {
  flex: 3; }

.each-flex-4 {
  flex: 4; }

.each-flex-5 {
  flex: 5; }

.each-flex-6 {
  flex: 6; }

.each-flex-7 {
  flex: 7; }

.each-flex-8 {
  flex: 8; }

.each-flex-9 {
  flex: 9; }

.each-flex-10 {
  flex: 10; }

.each-flex-11 {
  flex: 11; }

.each-flex-12 {
  flex: 12; }

.each-flex-13 {
  flex: 13; }

.each-flex-14 {
  flex: 14; }

.each-flex-15 {
  flex: 15; }

.each-flex-16 {
  flex: 16; }

.each-flex-17 {
  flex: 17; }

.each-flex-18 {
  flex: 18; }

.each-flex-19 {
  flex: 19; }

.each-flex-20 {
  flex: 20; }

.flex-gap-0 {
  gap: 0px; }

.flex-gap-1 {
  gap: 1px; }

.flex-gap-2 {
  gap: 2px; }

.flex-gap-3 {
  gap: 3px; }

.flex-gap-4 {
  gap: 4px; }

.flex-gap-5 {
  gap: 5px; }

.flex-gap-6 {
  gap: 6px; }

.flex-gap-7 {
  gap: 7px; }

.flex-gap-8 {
  gap: 8px; }

.flex-gap-9 {
  gap: 9px; }

.flex-gap-10 {
  gap: 10px; }

.flex-gap-11 {
  gap: 11px; }

.flex-gap-12 {
  gap: 12px; }

.flex-gap-13 {
  gap: 13px; }

.flex-gap-14 {
  gap: 14px; }

.flex-gap-15 {
  gap: 15px; }

.flex-gap-16 {
  gap: 16px; }

.flex-gap-17 {
  gap: 17px; }

.flex-gap-18 {
  gap: 18px; }

.flex-gap-19 {
  gap: 19px; }

.flex-gap-20 {
  gap: 20px; }

.flex-gap-21 {
  gap: 21px; }

.flex-gap-22 {
  gap: 22px; }

.flex-gap-23 {
  gap: 23px; }

.flex-gap-24 {
  gap: 24px; }

.flex-gap-25 {
  gap: 25px; }

.flex-gap-26 {
  gap: 26px; }

.flex-gap-27 {
  gap: 27px; }

.flex-gap-28 {
  gap: 28px; }

.flex-gap-29 {
  gap: 29px; }

.flex-gap-30 {
  gap: 30px; }

.mar-t-1 {
  margin-top: 1px; }

.mar-t-2 {
  margin-top: 2px; }

.mar-t-3 {
  margin-top: 3px; }

.mar-t-4 {
  margin-top: 4px; }

.mar-t-5 {
  margin-top: 5px; }

.mar-t-6 {
  margin-top: 6px; }

.mar-t-7 {
  margin-top: 7px; }

.mar-t-8 {
  margin-top: 8px; }

.mar-t-9 {
  margin-top: 9px; }

.mar-t-10 {
  margin-top: 10px; }

.mar-t-11 {
  margin-top: 11px; }

.mar-t-12 {
  margin-top: 12px; }

.mar-t-13 {
  margin-top: 13px; }

.mar-t-14 {
  margin-top: 14px; }

.mar-t-15 {
  margin-top: 15px; }

.mar-t-16 {
  margin-top: 16px; }

.mar-t-17 {
  margin-top: 17px; }

.mar-t-18 {
  margin-top: 18px; }

.mar-t-19 {
  margin-top: 19px; }

.mar-t-20 {
  margin-top: 20px; }

.mar-t-21 {
  margin-top: 21px; }

.mar-t-22 {
  margin-top: 22px; }

.mar-t-23 {
  margin-top: 23px; }

.mar-t-24 {
  margin-top: 24px; }

.mar-t-25 {
  margin-top: 25px; }

.mar-t-26 {
  margin-top: 26px; }

.mar-t-27 {
  margin-top: 27px; }

.mar-t-28 {
  margin-top: 28px; }

.mar-t-29 {
  margin-top: 29px; }

.mar-t-30 {
  margin-top: 30px; }

.mar-t-31 {
  margin-top: 31px; }

.mar-t-32 {
  margin-top: 32px; }

.mar-t-33 {
  margin-top: 33px; }

.mar-t-34 {
  margin-top: 34px; }

.mar-t-35 {
  margin-top: 35px; }

.mar-t-36 {
  margin-top: 36px; }

.mar-t-37 {
  margin-top: 37px; }

.mar-t-38 {
  margin-top: 38px; }

.mar-t-39 {
  margin-top: 39px; }

.mar-t-40 {
  margin-top: 40px; }

.mar-t-41 {
  margin-top: 41px; }

.mar-t-42 {
  margin-top: 42px; }

.mar-t-43 {
  margin-top: 43px; }

.mar-t-44 {
  margin-top: 44px; }

.mar-t-45 {
  margin-top: 45px; }

.mar-t-46 {
  margin-top: 46px; }

.mar-t-47 {
  margin-top: 47px; }

.mar-t-48 {
  margin-top: 48px; }

.mar-t-49 {
  margin-top: 49px; }

.mar-t-50 {
  margin-top: 50px; }

.mar-b-1 {
  margin-bottom: 1px; }

.mar-b-2 {
  margin-bottom: 2px; }

.mar-b-3 {
  margin-bottom: 3px; }

.mar-b-4 {
  margin-bottom: 4px; }

.mar-b-5 {
  margin-bottom: 5px; }

.mar-b-6 {
  margin-bottom: 6px; }

.mar-b-7 {
  margin-bottom: 7px; }

.mar-b-8 {
  margin-bottom: 8px; }

.mar-b-9 {
  margin-bottom: 9px; }

.mar-b-10 {
  margin-bottom: 10px; }

.mar-b-11 {
  margin-bottom: 11px; }

.mar-b-12 {
  margin-bottom: 12px; }

.mar-b-13 {
  margin-bottom: 13px; }

.mar-b-14 {
  margin-bottom: 14px; }

.mar-b-15 {
  margin-bottom: 15px; }

.mar-b-16 {
  margin-bottom: 16px; }

.mar-b-17 {
  margin-bottom: 17px; }

.mar-b-18 {
  margin-bottom: 18px; }

.mar-b-19 {
  margin-bottom: 19px; }

.mar-b-20 {
  margin-bottom: 20px; }

.mar-b-21 {
  margin-bottom: 21px; }

.mar-b-22 {
  margin-bottom: 22px; }

.mar-b-23 {
  margin-bottom: 23px; }

.mar-b-24 {
  margin-bottom: 24px; }

.mar-b-25 {
  margin-bottom: 25px; }

.mar-b-26 {
  margin-bottom: 26px; }

.mar-b-27 {
  margin-bottom: 27px; }

.mar-b-28 {
  margin-bottom: 28px; }

.mar-b-29 {
  margin-bottom: 29px; }

.mar-b-30 {
  margin-bottom: 30px; }

.mar-b-31 {
  margin-bottom: 31px; }

.mar-b-32 {
  margin-bottom: 32px; }

.mar-b-33 {
  margin-bottom: 33px; }

.mar-b-34 {
  margin-bottom: 34px; }

.mar-b-35 {
  margin-bottom: 35px; }

.mar-b-36 {
  margin-bottom: 36px; }

.mar-b-37 {
  margin-bottom: 37px; }

.mar-b-38 {
  margin-bottom: 38px; }

.mar-b-39 {
  margin-bottom: 39px; }

.mar-b-40 {
  margin-bottom: 40px; }

.mar-b-41 {
  margin-bottom: 41px; }

.mar-b-42 {
  margin-bottom: 42px; }

.mar-b-43 {
  margin-bottom: 43px; }

.mar-b-44 {
  margin-bottom: 44px; }

.mar-b-45 {
  margin-bottom: 45px; }

.mar-b-46 {
  margin-bottom: 46px; }

.mar-b-47 {
  margin-bottom: 47px; }

.mar-b-48 {
  margin-bottom: 48px; }

.mar-b-49 {
  margin-bottom: 49px; }

.mar-b-50 {
  margin-bottom: 50px; }

.mar-l-1 {
  margin-bottom: 1px; }

.mar-l-2 {
  margin-bottom: 2px; }

.mar-l-3 {
  margin-bottom: 3px; }

.mar-l-4 {
  margin-bottom: 4px; }

.mar-l-5 {
  margin-bottom: 5px; }

.mar-l-6 {
  margin-bottom: 6px; }

.mar-l-7 {
  margin-bottom: 7px; }

.mar-l-8 {
  margin-bottom: 8px; }

.mar-l-9 {
  margin-bottom: 9px; }

.mar-l-10 {
  margin-bottom: 10px; }

.mar-l-11 {
  margin-bottom: 11px; }

.mar-l-12 {
  margin-bottom: 12px; }

.mar-l-13 {
  margin-bottom: 13px; }

.mar-l-14 {
  margin-bottom: 14px; }

.mar-l-15 {
  margin-bottom: 15px; }

.mar-l-16 {
  margin-bottom: 16px; }

.mar-l-17 {
  margin-bottom: 17px; }

.mar-l-18 {
  margin-bottom: 18px; }

.mar-l-19 {
  margin-bottom: 19px; }

.mar-l-20 {
  margin-bottom: 20px; }

.mar-l-21 {
  margin-bottom: 21px; }

.mar-l-22 {
  margin-bottom: 22px; }

.mar-l-23 {
  margin-bottom: 23px; }

.mar-l-24 {
  margin-bottom: 24px; }

.mar-l-25 {
  margin-bottom: 25px; }

.mar-l-26 {
  margin-bottom: 26px; }

.mar-l-27 {
  margin-bottom: 27px; }

.mar-l-28 {
  margin-bottom: 28px; }

.mar-l-29 {
  margin-bottom: 29px; }

.mar-l-30 {
  margin-bottom: 30px; }

.mar-l-31 {
  margin-bottom: 31px; }

.mar-l-32 {
  margin-bottom: 32px; }

.mar-l-33 {
  margin-bottom: 33px; }

.mar-l-34 {
  margin-bottom: 34px; }

.mar-l-35 {
  margin-bottom: 35px; }

.mar-l-36 {
  margin-bottom: 36px; }

.mar-l-37 {
  margin-bottom: 37px; }

.mar-l-38 {
  margin-bottom: 38px; }

.mar-l-39 {
  margin-bottom: 39px; }

.mar-l-40 {
  margin-bottom: 40px; }

.mar-l-41 {
  margin-bottom: 41px; }

.mar-l-42 {
  margin-bottom: 42px; }

.mar-l-43 {
  margin-bottom: 43px; }

.mar-l-44 {
  margin-bottom: 44px; }

.mar-l-45 {
  margin-bottom: 45px; }

.mar-l-46 {
  margin-bottom: 46px; }

.mar-l-47 {
  margin-bottom: 47px; }

.mar-l-48 {
  margin-bottom: 48px; }

.mar-l-49 {
  margin-bottom: 49px; }

.mar-l-50 {
  margin-bottom: 50px; }

.mar-r-1 {
  margin-bottom: 1px; }

.mar-r-2 {
  margin-bottom: 2px; }

.mar-r-3 {
  margin-bottom: 3px; }

.mar-r-4 {
  margin-bottom: 4px; }

.mar-r-5 {
  margin-bottom: 5px; }

.mar-r-6 {
  margin-bottom: 6px; }

.mar-r-7 {
  margin-bottom: 7px; }

.mar-r-8 {
  margin-bottom: 8px; }

.mar-r-9 {
  margin-bottom: 9px; }

.mar-r-10 {
  margin-bottom: 10px; }

.mar-r-11 {
  margin-bottom: 11px; }

.mar-r-12 {
  margin-bottom: 12px; }

.mar-r-13 {
  margin-bottom: 13px; }

.mar-r-14 {
  margin-bottom: 14px; }

.mar-r-15 {
  margin-bottom: 15px; }

.mar-r-16 {
  margin-bottom: 16px; }

.mar-r-17 {
  margin-bottom: 17px; }

.mar-r-18 {
  margin-bottom: 18px; }

.mar-r-19 {
  margin-bottom: 19px; }

.mar-r-20 {
  margin-bottom: 20px; }

.mar-r-21 {
  margin-bottom: 21px; }

.mar-r-22 {
  margin-bottom: 22px; }

.mar-r-23 {
  margin-bottom: 23px; }

.mar-r-24 {
  margin-bottom: 24px; }

.mar-r-25 {
  margin-bottom: 25px; }

.mar-r-26 {
  margin-bottom: 26px; }

.mar-r-27 {
  margin-bottom: 27px; }

.mar-r-28 {
  margin-bottom: 28px; }

.mar-r-29 {
  margin-bottom: 29px; }

.mar-r-30 {
  margin-bottom: 30px; }

.mar-r-31 {
  margin-bottom: 31px; }

.mar-r-32 {
  margin-bottom: 32px; }

.mar-r-33 {
  margin-bottom: 33px; }

.mar-r-34 {
  margin-bottom: 34px; }

.mar-r-35 {
  margin-bottom: 35px; }

.mar-r-36 {
  margin-bottom: 36px; }

.mar-r-37 {
  margin-bottom: 37px; }

.mar-r-38 {
  margin-bottom: 38px; }

.mar-r-39 {
  margin-bottom: 39px; }

.mar-r-40 {
  margin-bottom: 40px; }

.mar-r-41 {
  margin-bottom: 41px; }

.mar-r-42 {
  margin-bottom: 42px; }

.mar-r-43 {
  margin-bottom: 43px; }

.mar-r-44 {
  margin-bottom: 44px; }

.mar-r-45 {
  margin-bottom: 45px; }

.mar-r-46 {
  margin-bottom: 46px; }

.mar-r-47 {
  margin-bottom: 47px; }

.mar-r-48 {
  margin-bottom: 48px; }

.mar-r-49 {
  margin-bottom: 49px; }

.mar-r-50 {
  margin-bottom: 50px; }

.pad-t-1 {
  padding-top: 1px; }

.pad-t-2 {
  padding-top: 2px; }

.pad-t-3 {
  padding-top: 3px; }

.pad-t-4 {
  padding-top: 4px; }

.pad-t-5 {
  padding-top: 5px; }

.pad-t-6 {
  padding-top: 6px; }

.pad-t-7 {
  padding-top: 7px; }

.pad-t-8 {
  padding-top: 8px; }

.pad-t-9 {
  padding-top: 9px; }

.pad-t-10 {
  padding-top: 10px; }

.pad-t-11 {
  padding-top: 11px; }

.pad-t-12 {
  padding-top: 12px; }

.pad-t-13 {
  padding-top: 13px; }

.pad-t-14 {
  padding-top: 14px; }

.pad-t-15 {
  padding-top: 15px; }

.pad-t-16 {
  padding-top: 16px; }

.pad-t-17 {
  padding-top: 17px; }

.pad-t-18 {
  padding-top: 18px; }

.pad-t-19 {
  padding-top: 19px; }

.pad-t-20 {
  padding-top: 20px; }

.pad-t-21 {
  padding-top: 21px; }

.pad-t-22 {
  padding-top: 22px; }

.pad-t-23 {
  padding-top: 23px; }

.pad-t-24 {
  padding-top: 24px; }

.pad-t-25 {
  padding-top: 25px; }

.pad-t-26 {
  padding-top: 26px; }

.pad-t-27 {
  padding-top: 27px; }

.pad-t-28 {
  padding-top: 28px; }

.pad-t-29 {
  padding-top: 29px; }

.pad-t-30 {
  padding-top: 30px; }

.pad-t-31 {
  padding-top: 31px; }

.pad-t-32 {
  padding-top: 32px; }

.pad-t-33 {
  padding-top: 33px; }

.pad-t-34 {
  padding-top: 34px; }

.pad-t-35 {
  padding-top: 35px; }

.pad-t-36 {
  padding-top: 36px; }

.pad-t-37 {
  padding-top: 37px; }

.pad-t-38 {
  padding-top: 38px; }

.pad-t-39 {
  padding-top: 39px; }

.pad-t-40 {
  padding-top: 40px; }

.pad-t-41 {
  padding-top: 41px; }

.pad-t-42 {
  padding-top: 42px; }

.pad-t-43 {
  padding-top: 43px; }

.pad-t-44 {
  padding-top: 44px; }

.pad-t-45 {
  padding-top: 45px; }

.pad-t-46 {
  padding-top: 46px; }

.pad-t-47 {
  padding-top: 47px; }

.pad-t-48 {
  padding-top: 48px; }

.pad-t-49 {
  padding-top: 49px; }

.pad-t-50 {
  padding-top: 50px; }

.pad-b-1 {
  padding-bottom: 1px; }

.pad-b-2 {
  padding-bottom: 2px; }

.pad-b-3 {
  padding-bottom: 3px; }

.pad-b-4 {
  padding-bottom: 4px; }

.pad-b-5 {
  padding-bottom: 5px; }

.pad-b-6 {
  padding-bottom: 6px; }

.pad-b-7 {
  padding-bottom: 7px; }

.pad-b-8 {
  padding-bottom: 8px; }

.pad-b-9 {
  padding-bottom: 9px; }

.pad-b-10 {
  padding-bottom: 10px; }

.pad-b-11 {
  padding-bottom: 11px; }

.pad-b-12 {
  padding-bottom: 12px; }

.pad-b-13 {
  padding-bottom: 13px; }

.pad-b-14 {
  padding-bottom: 14px; }

.pad-b-15 {
  padding-bottom: 15px; }

.pad-b-16 {
  padding-bottom: 16px; }

.pad-b-17 {
  padding-bottom: 17px; }

.pad-b-18 {
  padding-bottom: 18px; }

.pad-b-19 {
  padding-bottom: 19px; }

.pad-b-20 {
  padding-bottom: 20px; }

.pad-b-21 {
  padding-bottom: 21px; }

.pad-b-22 {
  padding-bottom: 22px; }

.pad-b-23 {
  padding-bottom: 23px; }

.pad-b-24 {
  padding-bottom: 24px; }

.pad-b-25 {
  padding-bottom: 25px; }

.pad-b-26 {
  padding-bottom: 26px; }

.pad-b-27 {
  padding-bottom: 27px; }

.pad-b-28 {
  padding-bottom: 28px; }

.pad-b-29 {
  padding-bottom: 29px; }

.pad-b-30 {
  padding-bottom: 30px; }

.pad-b-31 {
  padding-bottom: 31px; }

.pad-b-32 {
  padding-bottom: 32px; }

.pad-b-33 {
  padding-bottom: 33px; }

.pad-b-34 {
  padding-bottom: 34px; }

.pad-b-35 {
  padding-bottom: 35px; }

.pad-b-36 {
  padding-bottom: 36px; }

.pad-b-37 {
  padding-bottom: 37px; }

.pad-b-38 {
  padding-bottom: 38px; }

.pad-b-39 {
  padding-bottom: 39px; }

.pad-b-40 {
  padding-bottom: 40px; }

.pad-b-41 {
  padding-bottom: 41px; }

.pad-b-42 {
  padding-bottom: 42px; }

.pad-b-43 {
  padding-bottom: 43px; }

.pad-b-44 {
  padding-bottom: 44px; }

.pad-b-45 {
  padding-bottom: 45px; }

.pad-b-46 {
  padding-bottom: 46px; }

.pad-b-47 {
  padding-bottom: 47px; }

.pad-b-48 {
  padding-bottom: 48px; }

.pad-b-49 {
  padding-bottom: 49px; }

.pad-b-50 {
  padding-bottom: 50px; }

.pad-l-1 {
  padding-left: 1px; }

.pad-l-2 {
  padding-left: 2px; }

.pad-l-3 {
  padding-left: 3px; }

.pad-l-4 {
  padding-left: 4px; }

.pad-l-5 {
  padding-left: 5px; }

.pad-l-6 {
  padding-left: 6px; }

.pad-l-7 {
  padding-left: 7px; }

.pad-l-8 {
  padding-left: 8px; }

.pad-l-9 {
  padding-left: 9px; }

.pad-l-10 {
  padding-left: 10px; }

.pad-l-11 {
  padding-left: 11px; }

.pad-l-12 {
  padding-left: 12px; }

.pad-l-13 {
  padding-left: 13px; }

.pad-l-14 {
  padding-left: 14px; }

.pad-l-15 {
  padding-left: 15px; }

.pad-l-16 {
  padding-left: 16px; }

.pad-l-17 {
  padding-left: 17px; }

.pad-l-18 {
  padding-left: 18px; }

.pad-l-19 {
  padding-left: 19px; }

.pad-l-20 {
  padding-left: 20px; }

.pad-l-21 {
  padding-left: 21px; }

.pad-l-22 {
  padding-left: 22px; }

.pad-l-23 {
  padding-left: 23px; }

.pad-l-24 {
  padding-left: 24px; }

.pad-l-25 {
  padding-left: 25px; }

.pad-l-26 {
  padding-left: 26px; }

.pad-l-27 {
  padding-left: 27px; }

.pad-l-28 {
  padding-left: 28px; }

.pad-l-29 {
  padding-left: 29px; }

.pad-l-30 {
  padding-left: 30px; }

.pad-l-31 {
  padding-left: 31px; }

.pad-l-32 {
  padding-left: 32px; }

.pad-l-33 {
  padding-left: 33px; }

.pad-l-34 {
  padding-left: 34px; }

.pad-l-35 {
  padding-left: 35px; }

.pad-l-36 {
  padding-left: 36px; }

.pad-l-37 {
  padding-left: 37px; }

.pad-l-38 {
  padding-left: 38px; }

.pad-l-39 {
  padding-left: 39px; }

.pad-l-40 {
  padding-left: 40px; }

.pad-l-41 {
  padding-left: 41px; }

.pad-l-42 {
  padding-left: 42px; }

.pad-l-43 {
  padding-left: 43px; }

.pad-l-44 {
  padding-left: 44px; }

.pad-l-45 {
  padding-left: 45px; }

.pad-l-46 {
  padding-left: 46px; }

.pad-l-47 {
  padding-left: 47px; }

.pad-l-48 {
  padding-left: 48px; }

.pad-l-49 {
  padding-left: 49px; }

.pad-l-50 {
  padding-left: 50px; }

.pad-r-1 {
  padding-right: 1px; }

.pad-r-2 {
  padding-right: 2px; }

.pad-r-3 {
  padding-right: 3px; }

.pad-r-4 {
  padding-right: 4px; }

.pad-r-5 {
  padding-right: 5px; }

.pad-r-6 {
  padding-right: 6px; }

.pad-r-7 {
  padding-right: 7px; }

.pad-r-8 {
  padding-right: 8px; }

.pad-r-9 {
  padding-right: 9px; }

.pad-r-10 {
  padding-right: 10px; }

.pad-r-11 {
  padding-right: 11px; }

.pad-r-12 {
  padding-right: 12px; }

.pad-r-13 {
  padding-right: 13px; }

.pad-r-14 {
  padding-right: 14px; }

.pad-r-15 {
  padding-right: 15px; }

.pad-r-16 {
  padding-right: 16px; }

.pad-r-17 {
  padding-right: 17px; }

.pad-r-18 {
  padding-right: 18px; }

.pad-r-19 {
  padding-right: 19px; }

.pad-r-20 {
  padding-right: 20px; }

.pad-r-21 {
  padding-right: 21px; }

.pad-r-22 {
  padding-right: 22px; }

.pad-r-23 {
  padding-right: 23px; }

.pad-r-24 {
  padding-right: 24px; }

.pad-r-25 {
  padding-right: 25px; }

.pad-r-26 {
  padding-right: 26px; }

.pad-r-27 {
  padding-right: 27px; }

.pad-r-28 {
  padding-right: 28px; }

.pad-r-29 {
  padding-right: 29px; }

.pad-r-30 {
  padding-right: 30px; }

.pad-r-31 {
  padding-right: 31px; }

.pad-r-32 {
  padding-right: 32px; }

.pad-r-33 {
  padding-right: 33px; }

.pad-r-34 {
  padding-right: 34px; }

.pad-r-35 {
  padding-right: 35px; }

.pad-r-36 {
  padding-right: 36px; }

.pad-r-37 {
  padding-right: 37px; }

.pad-r-38 {
  padding-right: 38px; }

.pad-r-39 {
  padding-right: 39px; }

.pad-r-40 {
  padding-right: 40px; }

.pad-r-41 {
  padding-right: 41px; }

.pad-r-42 {
  padding-right: 42px; }

.pad-r-43 {
  padding-right: 43px; }

.pad-r-44 {
  padding-right: 44px; }

.pad-r-45 {
  padding-right: 45px; }

.pad-r-46 {
  padding-right: 46px; }

.pad-r-47 {
  padding-right: 47px; }

.pad-r-48 {
  padding-right: 48px; }

.pad-r-49 {
  padding-right: 49px; }

.pad-r-50 {
  padding-right: 50px; }

.width-percent-20 {
  width: 20%; }

.width-percent-21 {
  width: 21%; }

.width-percent-22 {
  width: 22%; }

.width-percent-23 {
  width: 23%; }

.width-percent-24 {
  width: 24%; }

.width-percent-25 {
  width: 25%; }

.width-percent-26 {
  width: 26%; }

.width-percent-27 {
  width: 27%; }

.width-percent-28 {
  width: 28%; }

.width-percent-29 {
  width: 29%; }

.width-percent-30 {
  width: 30%; }

.width-percent-31 {
  width: 31%; }

.width-percent-32 {
  width: 32%; }

.width-percent-33 {
  width: 33%; }

.width-percent-34 {
  width: 34%; }

.width-percent-35 {
  width: 35%; }

.width-percent-36 {
  width: 36%; }

.width-percent-37 {
  width: 37%; }

.width-percent-38 {
  width: 38%; }

.width-percent-39 {
  width: 39%; }

.width-percent-40 {
  width: 40%; }

.width-percent-41 {
  width: 41%; }

.width-percent-42 {
  width: 42%; }

.width-percent-43 {
  width: 43%; }

.width-percent-44 {
  width: 44%; }

.width-percent-45 {
  width: 45%; }

.width-percent-46 {
  width: 46%; }

.width-percent-47 {
  width: 47%; }

.width-percent-48 {
  width: 48%; }

.width-percent-49 {
  width: 49%; }

.width-percent-50 {
  width: 50%; }

.width-percent-51 {
  width: 51%; }

.width-percent-52 {
  width: 52%; }

.width-percent-53 {
  width: 53%; }

.width-percent-54 {
  width: 54%; }

.width-percent-55 {
  width: 55%; }

.width-percent-56 {
  width: 56%; }

.width-percent-57 {
  width: 57%; }

.width-percent-58 {
  width: 58%; }

.width-percent-59 {
  width: 59%; }

.width-percent-60 {
  width: 60%; }

.width-percent-61 {
  width: 61%; }

.width-percent-62 {
  width: 62%; }

.width-percent-63 {
  width: 63%; }

.width-percent-64 {
  width: 64%; }

.width-percent-65 {
  width: 65%; }

.width-percent-66 {
  width: 66%; }

.width-percent-67 {
  width: 67%; }

.width-percent-68 {
  width: 68%; }

.width-percent-69 {
  width: 69%; }

.width-percent-70 {
  width: 70%; }

.width-percent-71 {
  width: 71%; }

.width-percent-72 {
  width: 72%; }

.width-percent-73 {
  width: 73%; }

.width-percent-74 {
  width: 74%; }

.width-percent-75 {
  width: 75%; }

.width-percent-76 {
  width: 76%; }

.width-percent-77 {
  width: 77%; }

.width-percent-78 {
  width: 78%; }

.width-percent-79 {
  width: 79%; }

.width-percent-80 {
  width: 80%; }

.width-percent-81 {
  width: 81%; }

.width-percent-82 {
  width: 82%; }

.width-percent-83 {
  width: 83%; }

.width-percent-84 {
  width: 84%; }

.width-percent-85 {
  width: 85%; }

.width-percent-86 {
  width: 86%; }

.width-percent-87 {
  width: 87%; }

.width-percent-88 {
  width: 88%; }

.width-percent-89 {
  width: 89%; }

.width-percent-90 {
  width: 90%; }

.width-percent-91 {
  width: 91%; }

.width-percent-92 {
  width: 92%; }

.width-percent-93 {
  width: 93%; }

.width-percent-94 {
  width: 94%; }

.width-percent-95 {
  width: 95%; }

.width-percent-96 {
  width: 96%; }

.width-percent-97 {
  width: 97%; }

.width-percent-98 {
  width: 98%; }

.width-percent-99 {
  width: 99%; }

.width-percent-100 {
  width: 100%; }

.btn.btn_upload_v2 {
  border: 2px dashed var(--primaryColor);
  background-color: #f4f7fc;
  color: var(--primaryColor);
  max-width: 250px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.eachUploadItem {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 0 0 30px;
  margin: 0 0 20px; }
  .eachUploadItem .eachUploadHeader {
    position: relative;
    display: grid;
    grid-template-columns: 9fr 3fr;
    grid-gap: 8px;
    padding-bottom: 12px;
    align-items: center; }
    .eachUploadItem .eachUploadHeader .uploadFileHeading {
      position: relative;
      font-family: var(--cardHeadingFontFamily);
      font-weight: var(--cardHeadingFontWeight);
      color: var(--cardHeadingFontColor);
      font-size: 1rem;
      text-transform: uppercase; }
    .eachUploadItem .eachUploadHeader .uploadFileDeleteIcon {
      position: relative;
      display: flex;
      justify-content: flex-end; }
      .eachUploadItem .eachUploadHeader .uploadFileDeleteIcon .deleteSvg {
        float: right; }
  .eachUploadItem .eachUploadBody {
    position: relative;
    padding: 12px;
    background: rgba(52, 197, 53, 0.1);
    border-radius: 12px; }
    .eachUploadItem .eachUploadBody .uploadTypeText {
      position: relative;
      font-family: var(--cardHeadingFontFamily);
      font-weight: var(--cardHeadingFontWeight);
      color: #34c535;
      padding-bottom: 10px; }
    .eachUploadItem .eachUploadBody .uploadFileDetails {
      position: relative;
      display: grid;
      grid-template-columns: 8fr 4fr;
      grid-gap: 8px; }
      .eachUploadItem .eachUploadBody .uploadFileDetails .uploadFileName {
        position: relative;
        color: #2d3039;
        font-size: 0.8rem;
        word-break: break-all;
        text-align: left; }
      .eachUploadItem .eachUploadBody .uploadFileDetails .uploadFileSize {
        position: relative;
        color: #2d3039;
        font-size: 0.8rem;
        word-break: break-word;
        text-transform: uppercase;
        text-align: right; }
  .eachUploadItem .passwordBlock {
    position: relative;
    padding-top: 15px; }
    .eachUploadItem .passwordBlock label {
      font-size: 0.8rem; }

.cursorPointer {
  cursor: pointer; }

/* Track */
/* Handle */
@font-face {
  font-family: 'ClashDisplay-Regular';
  src: url("/static/fonts/ClashDisplay/ClashDisplay-Regular.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Regular.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'ClashDisplay-Semibold';
  src: url("/static/fonts/ClashDisplay/ClashDisplay-Semibold.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Semibold.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal; }

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

@font-face {
  font-family: 'Mont-Bold';
  src: url("/loanImages/fonts/Mont/Mont-Bold.ttf") format("woff2"), url("/loanImages/fonts/Mont/Mont-Bold.ttf") format("woff"), url("/loanImages/fonts/Mont/Mont-Bold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal; }

.fontRubikRegular {
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }

.fontRubikMedium {
  font-weight: 500;
  font-family: 'Rubik', sans-serif; }

.fontClashDisplayRegular {
  font-family: 'ClashDisplay-Regular';
  font-weight: 400; }

.fontClashDisplaySemiBold {
  font-family: 'ClashDisplay-Semibold';
  font-weight: 600; }

.externalLink {
  cursor: pointer; }

.externalLinkText {
  cursor: pointer;
  word-break: break-word;
  font-family: var(--anchorFontFamily);
  font-weight: var(--anchorFontWeight);
  color: var(--anchorFontColor);
  text-decoration: none; }

.linkUnderline {
  text-decoration: underline; }

.text-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 2px; }
  .text-with-icon img {
    position: relative; }

.text-transform-capitalize {
  text-transform: capitalize; }

.text-transform-uppercase {
  text-transform: uppercase; }

.text-transform-lowercase {
  text-transform: lowercase; }

.text-transform-initial {
  text-transform: initial !important; }

.font-size-0 {
  font-size: 0rem; }

.font-size-1 {
  font-size: 0.0625rem; }

.font-size-2 {
  font-size: 0.125rem; }

.font-size-3 {
  font-size: 0.1875rem; }

.font-size-4 {
  font-size: 0.25rem; }

.font-size-5 {
  font-size: 0.3125rem; }

.font-size-6 {
  font-size: 0.375rem; }

.font-size-7 {
  font-size: 0.4375rem; }

.font-size-8 {
  font-size: 0.5rem; }

.font-size-9 {
  font-size: 0.5625rem; }

.font-size-10 {
  font-size: 0.625rem; }

.font-size-11 {
  font-size: 0.6875rem; }

.font-size-12 {
  font-size: 0.75rem; }

.font-size-13 {
  font-size: 0.8125rem; }

.font-size-14 {
  font-size: 0.875rem; }

.font-size-15 {
  font-size: 0.9375rem; }

.font-size-16 {
  font-size: 1rem; }

.font-size-17 {
  font-size: 1.0625rem; }

.font-size-18 {
  font-size: 1.125rem; }

.font-size-19 {
  font-size: 1.1875rem; }

.font-size-20 {
  font-size: 1.25rem; }

.font-size-21 {
  font-size: 1.3125rem; }

.font-size-22 {
  font-size: 1.375rem; }

.font-size-23 {
  font-size: 1.4375rem; }

.font-size-24 {
  font-size: 1.5rem; }

.font-size-25 {
  font-size: 1.5625rem; }

.font-size-26 {
  font-size: 1.625rem; }

.font-size-27 {
  font-size: 1.6875rem; }

.font-size-28 {
  font-size: 1.75rem; }

.font-size-29 {
  font-size: 1.8125rem; }

.font-size-30 {
  font-size: 1.875rem; }

.font-size-31 {
  font-size: 1.9375rem; }

.font-size-32 {
  font-size: 2rem; }

.font-size-33 {
  font-size: 2.0625rem; }

.font-size-34 {
  font-size: 2.125rem; }

.font-size-35 {
  font-size: 2.1875rem; }

.font-size-36 {
  font-size: 2.25rem; }

.font-size-37 {
  font-size: 2.3125rem; }

.font-size-38 {
  font-size: 2.375rem; }

.font-size-39 {
  font-size: 2.4375rem; }

.font-size-40 {
  font-size: 2.5rem; }

.line-height-14 {
  line-height: 1.4; }

.line-height-15 {
  line-height: 1.5; }

.primary-color-400 {
  color: var(--primary-primary-400); }

.buttonV2 {
  cursor: pointer;
  min-width: 360px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 20px 14px 24px;
  border-radius: 20px;
  background-color: var(--primary-primary-400);
  position: relative; }
  .buttonV2 .buttonText {
    flex-grow: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--white-black-white); }
  .buttonV2.btnArrow {
    position: relative; }
    .buttonV2.btnArrow .buttonText {
      position: relative; }
      .buttonV2.btnArrow .buttonText:after {
        content: '';
        border-style: solid;
        border-color: var(--white-black-white);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-left: 7px; }
      .buttonV2.btnArrow .buttonText:before {
        content: '';
        border-style: solid;
        border-color: var(--white-black-white);
        border-width: 0 2px 2px 0;
        padding: 3px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        margin-right: 4px;
        display: none; }
    .buttonV2.btnArrow.btnArrowPrimary .buttonText:after {
      border-color: var(--primary-primary-400); }
    .buttonV2.btnArrow.btnArrowPrimary .buttonText:before {
      border-color: var(--primary-primary-400); }
    .buttonV2.btnArrow.btnArrowStart .buttonText:after {
      display: none; }
    .buttonV2.btnArrow.btnArrowStart .buttonText:before {
      display: inline-block; }
    .buttonV2.btnArrow.btnDisabled .buttonText:after, .buttonV2.btnArrow.btnDisabled .buttonText:before {
      border-color: var(--neutral-neutral-400); }
  .buttonV2.btnCamera {
    position: relative; }
    .buttonV2.btnCamera .buttonText {
      position: relative; }
      .buttonV2.btnCamera .buttonText:after {
        content: '';
        display: inline-block;
        background-color: red;
        background-image: url("/static/img/latestUI/greenTick.svg"); }
    .buttonV2.btnCamera.btnDisabled .buttonText:after, .buttonV2.btnCamera.btnDisabled .buttonText:before {
      border-color: var(--neutral-neutral-400); }
  .buttonV2.transparentLinkV2 {
    background-color: transparent; }
    .buttonV2.transparentLinkV2 .buttonText {
      color: var(--primary-primary-400);
      font-size: 13px; }
  .buttonV2.buttonV2Light {
    background-color: var(--primary-primary-50); }
    .buttonV2.buttonV2Light .buttonText {
      color: var(--primary-primary-400); }
  .buttonV2.buttonInline {
    display: inline-block;
    padding: 2px;
    min-width: auto; }
  .buttonV2.btnDisabled {
    cursor: not-allowed;
    background-color: var(--neutral-neutral-200); }
    .buttonV2.btnDisabled .buttonText {
      color: var(--neutral-neutral-400); }
    .buttonV2.btnDisabled:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: transparent;
      border-radius: 20px; }
    .buttonV2.btnDisabled.transparentLinkV2 {
      background-color: transparent; }
      .buttonV2.btnDisabled.transparentLinkV2 .buttonText {
        color: var(--neutral-neutral-400); }
  .buttonV2.buttonV3 {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 15px 16px 19px;
    border-radius: 16px;
    box-shadow: inset 0 -8px 1.7px 0 var(--primary-primary-600), 0 12.6px 12.4px -6.2px rgba(0, 0, 0, 0.4);
    background-color: var(--primary-primary-400);
    transition: all 0.1s ease-in-out; }
    .buttonV2.buttonV3 .buttonText {
      flex-grow: 0;
      font-family: 'ClashDisplay-Semibold';
      font-weight: 600;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: 0.36px;
      text-align: center;
      color: var(--primary-primary-50); }
    .buttonV2.buttonV3:focus-visible, .buttonV2.buttonV3:hover {
      box-shadow: inset 0 -4px 1.7px 0 var(--primary-primary-600);
      background-color: var(--primary-primary-400); }
  .buttonV2.buttonV4 {
    min-width: auto;
    max-width: 100%;
    width: 100%; }
  .buttonV2.btnLoanDetails {
    position: relative; }
    .buttonV2.btnLoanDetails .buttonText {
      position: relative; }
      .buttonV2.btnLoanDetails .buttonText:after {
        content: '';
        background-image: url("/static/img/latestUI/loanDetailsBtnIcon.svg");
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        top: 6px; }
    .buttonV2.btnLoanDetails.btnLoanDetailsIconStart .buttonText:after {
      display: none; }
    .buttonV2.btnLoanDetails.btnLoanDetailsIconStart .buttonText:before {
      display: none; }
  .buttonV2.btnPlus {
    position: relative; }
    .buttonV2.btnPlus .buttonText {
      position: relative; }
      .buttonV2.btnPlus .buttonText:after, .buttonV2.btnPlus .buttonText:before {
        content: '';
        background-image: url("/static/img/latestUI/plus/plusWhite.svg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        position: relative;
        top: 5px; }
      .buttonV2.btnPlus .buttonText:after {
        display: inline-block; }
      .buttonV2.btnPlus .buttonText:before {
        display: none; }
    .buttonV2.btnPlus.btnPlusPrimary .buttonText:after {
      border-color: var(--primary-primary-400); }
    .buttonV2.btnPlus.btnPlusPrimary .buttonText:before {
      border-color: var(--primary-primary-400); }
    .buttonV2.btnPlus.btnPlusStart .buttonText:after {
      display: none; }
    .buttonV2.btnPlus.btnPlusStart .buttonText:before {
      display: inline-block; }
    .buttonV2.btnPlus.buttonV2Light .buttonText:after, .buttonV2.btnPlus.buttonV2Light .buttonText:before {
      background-image: url("/static/img/latestUI/plus/plusBlue.svg"); }
    .buttonV2.btnPlus.btnDisabled .buttonText:after, .buttonV2.btnPlus.btnDisabled .buttonText:before {
      background-image: url("/static/img/latestUI/plus/plusDisabled.svg"); }
  .buttonV2.btnGreen {
    background-color: var(--success-success-500, #22c55e); }
  .buttonV2.recaptureBtn {
    background-color: var(--error-error-50); }
    .buttonV2.recaptureBtn .buttonText {
      color: var(--error-error-500);
      display: flex;
      align-items: center;
      gap: 8px; }

.icon-block {
  width: 30px;
  height: 30px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 16px; }
  .icon-block.lightIconBlock {
    border: solid 1px var(--primary-primary-100);
    background-color: var(--primary-primary-50); }
  .icon-block.yellowBox {
    border: solid 1px var(--warning-warning-300);
    background-color: var(--warning-warning-50); }
  .icon-block.blueBox {
    border: solid 1px var(--primary-primary-100);
    background-color: var(--primary-primary-50); }
  .icon-block.greenBox {
    border: solid 1px var(--success-success-100);
    background-color: var(--success-success-50); }

.cvLoanBtnV2.cvLoanBtnV2Flex {
  display: flex;
  gap: 16px;
  width: 100%;
  flex-direction: row; }
  .cvLoanBtnV2.cvLoanBtnV2Flex .buttonV2 {
    min-width: auto;
    width: 100%;
    padding: 14px 24px; }

.hyperLinkStyle {
  word-break: break-all;
  font-family: var(--anchorFontFamily);
  font-weight: var(--anchorFontWeight);
  color: var(--anchorFontColor);
  text-decoration: none; }

@media only screen and (max-width: 380px) {
  .buttonV2 {
    width: calc(100vw - 20px);
    min-width: 100%; }
    .buttonV2.buttonInline {
      width: auto; }
    .buttonV2.buttonV4 {
      min-width: auto;
      max-width: 100%;
      width: 100%; }
  .cvLoanBtnV2.cvLoanBtnV2Flex .buttonV2 {
    min-width: auto;
    width: 100%;
    padding: 14px 19px; }
  .screenFooter.topupPreOfferFooter .getTopNowFooterBlock .buttonV2 {
    margin: 0 auto;
    min-width: auto;
    width: 100%; } }

.upload-btn-addDocs {
  align-items: center;
  padding: 5.5px 10px;
  border-radius: 12px;
  background-color: var(--primary-primary-50);
  color: var(--primary-primary-400);
  font-weight: 500;
  font-size: 14px; }

.inputFieldv2 {
  position: relative;
  display: flex;
  align-items: center; }
  .inputFieldv2 input,
  .inputFieldv2 textarea {
    color: var(--neutral-neutral-600);
    width: 100%; }
    .inputFieldv2 input::-webkit-input-placeholder,
    .inputFieldv2 textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: var(--neutral-neutral-300);
      font-size: 0.75rem !important;
      text-transform: none; }
    .inputFieldv2 input::-moz-placeholder,
    .inputFieldv2 textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: var(--neutral-neutral-300);
      text-transform: none; }
    .inputFieldv2 input:-ms-input-placeholder,
    .inputFieldv2 textarea:-ms-input-placeholder {
      /* IE 10+ */
      color: var(--neutral-neutral-300);
      font-size: 0.75rem !important;
      text-transform: none; }
    .inputFieldv2 input:-moz-placeholder,
    .inputFieldv2 textarea:-moz-placeholder {
      /* Firefox 18- */
      color: var(--neutral-neutral-300);
      font-size: 0.75rem !important;
      text-transform: none; }
    .inputFieldv2 input:disabled,
    .inputFieldv2 textarea:disabled {
      opacity: var(--disabledInputFieldOpacity);
      background: var(--disabledInputFieldBg);
      color: var(--disabledInputFieldColor);
      padding: var(--disabledInputFieldPadding);
      border-top: var(--disabledInputFieldBorderTop);
      border-left: var(--disabledInputFieldBorderLeft);
      border-right: var(--disabledInputFieldBorderRight);
      border-bottom: var(--disabledInputFieldBorderBottom); }
    .inputFieldv2 input.nameInput,
    .inputFieldv2 textarea.nameInput {
      text-transform: capitalize; }
  .inputFieldv2 .input-errorIcon {
    transform: scale(0);
    transition: all 0.2s linear; }
  .inputFieldv2.input-autorender .input-loader {
    z-index: 1;
    position: absolute;
    right: 20px;
    width: 24px;
    height: 24px;
    border: 2px solid transparent;
    border-radius: 50%;
    border-top: 3px solid var(--primary-primary-400);
    -webkit-animation: loaderSpin 0.5s linear infinite;
    animation: loaderSpin 0.5s linear infinite; }
  .inputFieldv2.error-inputFieldV2 input,
  .inputFieldv2.error-inputFieldV2 textarea {
    color: var(--error-error-500); }
  .inputFieldv2.error-inputFieldV2 .input-errorIcon {
    position: absolute;
    right: 5px;
    padding: 0;
    display: inherit;
    transform: scale(1); }
  .inputFieldv2.mobileNumberInputField {
    position: relative; }
    .inputFieldv2.mobileNumberInputField .mobileNumberPrefix {
      flex-grow: 0;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 30px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-300);
      position: absolute; }
    .inputFieldv2.mobileNumberInputField input.mobileNumberInput {
      flex-grow: 0;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 30px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-600);
      position: relative;
      width: calc(100% - 90px);
      left: 64px; }
      .inputFieldv2.mobileNumberInputField input.mobileNumberInput::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none; }
      .inputFieldv2.mobileNumberInputField input.mobileNumberInput::-moz-placeholder {
        /* Firefox 19+ */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none; }
      .inputFieldv2.mobileNumberInputField input.mobileNumberInput:-ms-input-placeholder {
        /* IE 10+ */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none; }
      .inputFieldv2.mobileNumberInputField input.mobileNumberInput:-moz-placeholder {
        /* Firefox 18- */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none; }
    .inputFieldv2.mobileNumberInputField input:-webkit-autofill, .inputFieldv2.mobileNumberInputField input:-webkit-autofill:hover, .inputFieldv2.mobileNumberInputField input:-webkit-autofill:focus {
      background: transparent;
      border: 0px solid transparent;
      -webkit-text-fill-color: var(--neutral-neutral-600);
      -webkit-box-shadow: 0 0 0px 1000px transparent inset;
      transition: background-color 5000s ease-in-out 0s; }
    .inputFieldv2.mobileNumberInputField.error-inputFieldV2 input {
      color: var(--error-error-500); }
  .inputFieldv2.otpInputField {
    position: relative; }
    .inputFieldv2.otpInputField input.otpInput {
      flex-grow: 0;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 30px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: 8px;
      text-align: left;
      color: var(--neutral-neutral-600);
      position: relative; }
      .inputFieldv2.otpInputField input.otpInput::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none;
        letter-spacing: 8px; }
      .inputFieldv2.otpInputField input.otpInput::-moz-placeholder {
        /* Firefox 19+ */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none;
        letter-spacing: 8px; }
      .inputFieldv2.otpInputField input.otpInput:-ms-input-placeholder {
        /* IE 10+ */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none;
        letter-spacing: 8px; }
      .inputFieldv2.otpInputField input.otpInput:-moz-placeholder {
        /* Firefox 18- */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none;
        letter-spacing: 8px; }
    .inputFieldv2.otpInputField.error-inputFieldV2 input {
      color: var(--error-error-500); }

.disabled-input-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@-webkit-keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes loaderSpin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media only screen and (max-width: 370px) {
  .inputFieldv2 {
    width: 100%; } }

.cv-input-field-block {
  position: relative; }

@media only screen and (max-width: 330px) {
  .inputFieldv2.mobileNumberInputField .mobileNumberPrefix {
    font-size: 26px; }
  .inputFieldv2.mobileNumberInputField input.mobileNumberInput {
    font-size: 26px;
    left: 56px; }
    .inputFieldv2.mobileNumberInputField input.mobileNumberInput::-webkit-input-placeholder {
      font-size: 26px !important; }
    .inputFieldv2.mobileNumberInputField input.mobileNumberInput::-moz-placeholder {
      font-size: 26px !important; }
    .inputFieldv2.mobileNumberInputField input.mobileNumberInput:-ms-input-placeholder {
      font-size: 26px !important; }
    .inputFieldv2.mobileNumberInputField input.mobileNumberInput:-moz-placeholder {
      font-size: 26px !important; } }

.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px; }
  .arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  .arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  .arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }
  .arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }

.customArrowBlock {
  display: flex;
  align-items: center;
  justify-content: center; }
  .customArrowBlock .customArrow {
    position: relative;
    width: 19px;
    height: 20px;
    cursor: pointer; }
    .customArrowBlock .customArrow:before, .customArrowBlock .customArrow:after {
      content: '';
      background-image: url("/static/img/latestUI/arrows/downArrow.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      transition: transform 0.25s ease-in-out; }

.inclinedArrowBlock {
  display: flex;
  align-items: center;
  justify-content: center; }
  .inclinedArrowBlock .inclinedArrow {
    position: relative;
    width: 46px;
    height: 30px;
    cursor: pointer; }
    .inclinedArrowBlock .inclinedArrow:before, .inclinedArrowBlock .inclinedArrow:after {
      content: '';
      background-color: #d2daf5;
      border-radius: 10px;
      width: 25px;
      height: 6px;
      position: absolute;
      top: 12px;
      transition: all 0.25s ease-in-out; }
    .inclinedArrowBlock .inclinedArrow.up:before {
      left: 0;
      transform: rotate(17deg);
      -webkit-transform: rotate(17deg); }
    .inclinedArrowBlock .inclinedArrow.up::after {
      right: 0;
      transform: rotate(-17deg);
      -webkit-transform: rotate(-17deg); }
    .inclinedArrowBlock .inclinedArrow.down:before {
      left: 0;
      transform: rotate(-17deg);
      -webkit-transform: rotate(-17deg); }
    .inclinedArrowBlock .inclinedArrow.down::after {
      right: 0;
      transform: rotate(17deg);
      -webkit-transform: rotate(17deg); }

.horizontalCloseBtn {
  position: relative;
  top: 10px;
  width: 46px;
  height: 30px;
  cursor: pointer;
  z-index: 9999; }
  .horizontalCloseBtn:before, .horizontalCloseBtn:after {
    content: '';
    background-color: #d2daf5;
    border-radius: 10px;
    width: 46px;
    height: 6px;
    position: absolute;
    top: 12px;
    transition: all 0.25s ease-in-out; }

.loanAccordianBlock {
  position: relative;
  margin-bottom: 16px; }
  .loanAccordianBlock .loanAccordianHeader {
    flex-grow: 0;
    display: flex;
    gap: 2px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border: solid 1px var(--neutral-neutral-200);
    background-color: var(--white-black-white);
    flex: 1 100%;
    transition: all 200ms linear;
    cursor: pointer; }
    .loanAccordianBlock .loanAccordianHeader .accordianHeadingBlock {
      display: flex;
      gap: 16px;
      align-items: center; }
    .loanAccordianBlock .loanAccordianHeader .icon {
      width: auto;
      height: auto;
      flex-grow: 0;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 10px;
      border-radius: 16px;
      border: solid 0 transparent; }
    .loanAccordianBlock .loanAccordianHeader .accordianHeading {
      flex-grow: 0;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 16px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-600); }
    .loanAccordianBlock .loanAccordianHeader .accordianExpander {
      position: relative; }
      .loanAccordianBlock .loanAccordianHeader .accordianExpander .customArrowBlock .customArrow.down {
        transition: all 200ms linear; }
  .loanAccordianBlock .loanAccordianBody {
    border: solid 0px transparent;
    background-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 16px;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, height 200ms linear;
    position: absolute; }
  .loanAccordianBlock.active .loanAccordianHeader {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .loanAccordianBlock.active .loanAccordianHeader .accordianExpander .customArrowBlock .customArrow.up {
      transform: rotate(0deg); }
    .loanAccordianBlock.active .loanAccordianHeader .accordianExpander .customArrowBlock .customArrow.down {
      transform: rotate(180deg); }
  .loanAccordianBlock.active .loanAccordianBody {
    border-top: solid 0 var(--neutral-neutral-200);
    border: solid 1px var(--neutral-neutral-200);
    background-color: var(--neutral-neutral-100);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    opacity: 1;
    height: auto;
    transition: all 200ms linear;
    position: relative; }

.loanModalV2 {
  background-color: var(--modal-block-bg);
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  display: table;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.1s ease-in;
  display: flex;
  align-items: center;
  justify-content: center; }
  .loanModalV2 .loanModalOverlay {
    height: 100vh;
    background: transparent;
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9996;
    bottom: -250vh; }
  .loanModalV2 .loanModalInnerBlock {
    position: fixed;
    overflow-x: hidden;
    opacity: 0;
    height: 0;
    max-width: 100%;
    bottom: -450vh;
    background: #ffffff;
    z-index: 9998;
    display: block;
    transition: bottom 0.4s ease-in;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
    margin: 0 auto 0;
    padding: 0;
    line-height: 1.5;
    border-radius: 0;
    left: 0;
    right: 0;
    max-height: 90vh;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    max-width: var(--modal-innerblock-maxwidth); }
    .loanModalV2 .loanModalInnerBlock .inclinedArrowBlock {
      padding: 0 0 16px; }

body.customModalActive {
  overflow: hidden; }
  body.customModalActive .loanModalV2 {
    opacity: 1;
    z-index: 99999; }
    body.customModalActive .loanModalV2 .loanModalOverlay {
      bottom: 0;
      transition: all; }
    body.customModalActive .loanModalV2 .loanModalInnerBlock {
      height: auto;
      opacity: 1;
      bottom: 0;
      padding: var(--modal-innerblock-padding); }
      body.customModalActive .loanModalV2 .loanModalInnerBlock .cvLoanHeaderColV1 {
        padding: 8px 0px 24px; }
      body.customModalActive .loanModalV2 .loanModalInnerBlock .cvLoanBodyV1 {
        padding: 0; }

body .cv-multiselect .loanModalV2 .loanModalInnerBlock {
  padding: 0px; }

.noteInnerBlock {
  position: relative;
  font-size: 13px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 20px;
  border: solid 1px var(--primary-primary-200);
  background-color: var(--primary-primary-50);
  color: var(--primary-primary-700); }
  .noteInnerBlock .noteIcon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 16px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: solid 0 var(--primary-primary-100);
    background-color: var(--primary-primary-400); }
  .noteInnerBlock .noteContent {
    position: relative;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    line-height: 1.54;
    width: calc(100% - 40px); }
  .noteInnerBlock.noteSuccess {
    border: solid 1px var(--success-success-300);
    background-color: var(--success-success-50);
    color: var(--success-success-800); }
    .noteInnerBlock.noteSuccess .noteIcon {
      border: solid 0 var(--success-success-100);
      background-color: var(--success-success-400); }
  .noteInnerBlock.noteError {
    border: solid 1px var(--error-error-300);
    background-color: var(--error-error-50);
    color: var(--error-error-800); }
    .noteInnerBlock.noteError .noteIcon {
      border: solid 0 var(--error-error-100);
      background-color: var(--error-error-400); }
  .noteInnerBlock.noteWarning {
    border: solid 1px var(--warning-warning-300);
    background-color: var(--warning-warning-50);
    color: var(--warning-warning-800); }
    .noteInnerBlock.noteWarning .noteIcon {
      border: solid 0 var(--warning-warning-100);
      background-color: var(--warning-warning-400); }
  .noteInnerBlock.noteFlexStart {
    justify-content: flex-start;
    align-items: flex-start; }
  .noteInnerBlock.noteNoBorderAndBg {
    border: transparent;
    background-color: transparent; }

body.newProcessingScreenBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  justify-content: center;
  padding: 0;
  object-fit: contain;
  background-color: var(--white-black-white); }

.processingScreenSection {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 16px; }

.processingScreenCotentBlock .processingScreenHeading {
  flex-grow: 0;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-600);
  padding-bottom: 18px; }

.processingScreenCotentBlock .processingScreenDescription {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-500); }

@media (max-height: 480px) {
  body.newProcessingScreenBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 0; } }

.radioBtnColors {
  --primary: var(--primary-primary-400);
  --other: var(--neutral-neutral-300);
  background: transparent; }

.radioBtn_V2 {
  height: auto;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  margin: 0 0 16px;
  position: relative;
  /* input */
  /* .design */
  /* checked state */
  /* other states */ }
  .radioBtn_V2 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  .radioBtn_V2 input[type='radio'] {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .radioBtn_V2 .design {
    width: 20px;
    height: 20px;
    border: 2px solid var(--other);
    border-radius: 100%;
    margin-right: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
  .radioBtn_V2 .design::before,
  .radioBtn_V2 .design::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: inherit;
    position: absolute;
    transform-origin: center center;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: scale(0); }
  .radioBtn_V2 .design:before {
    background: var(--other);
    opacity: 0;
    transition: 0.3s; }
  .radioBtn_V2 .design::after {
    background: var(--primary);
    opacity: 0.4;
    transition: 0.6s; }
  .radioBtn_V2 .radioBtnDesignBlock {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    border: solid 2px var(--neutral-neutral-200);
    background-color: transparent;
    transition: all 0.25s linear; }
  .radioBtn_V2 input[type='radio']:checked + .design::before {
    border: 1px solid var(--primary);
    background: var(--primary);
    opacity: 1;
    transform: scale(0.7); }
  .radioBtn_V2 input[type='radio']:checked + .design + .radioBtnDesignBlock {
    border: solid 2px var(--primary); }
  .radioBtn_V2 input[type='radio']:hover + .design,
  .radioBtn_V2 input[type='radio']:focus + .design {
    border: 2px solid var(--primary); }
  .radioBtn_V2 input[type='radio']:hover + .design:before,
  .radioBtn_V2 input[type='radio']:focus + .design:before {
    background: var(--primary); }

.radioBtn_V2 {
  height: auto;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  margin: 0 0 16px;
  position: relative;
  /* input */
  /* .design */ }
  .radioBtn_V2 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  .radioBtn_V2 input[type='radio'] {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .radioBtn_V2 .design {
    width: 20px;
    height: 20px;
    border: 2px solid var(--other);
    border-radius: 100%;
    margin-right: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
  .radioBtn_V2 .design::before,
  .radioBtn_V2 .design::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: inherit;
    position: absolute;
    transform-origin: center center;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: scale(0); }
  .radioBtn_V2 .design:before {
    background: var(--other);
    opacity: 0;
    transition: 0.3s; }
  .radioBtn_V2 .design::after {
    background: var(--primary);
    opacity: 0.4;
    transition: 0.6s; }
  .radioBtn_V2 .radioBtnDesignBlock {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    border: solid 2px var(--neutral-neutral-200);
    background-color: transparent;
    transition: all 0.25s linear; }
  .radioBtn_V2.radioBtn_active {
    /* checked state */
    /* other states */ }
    .radioBtn_V2.radioBtn_active .design {
      border: 2px solid var(--primary); }
    .radioBtn_V2.radioBtn_active .design::before {
      border: 1px solid var(--primary);
      background: var(--primary);
      opacity: 1;
      transform: scale(0.7); }
    .radioBtn_V2.radioBtn_active .design + .radioBtnDesignBlock {
      border: solid 2px var(--primary); }
    .radioBtn_V2.radioBtn_active:hover .design,
    .radioBtn_V2.radioBtn_active:focus .design {
      border: 2px solid var(--primary); }
    .radioBtn_V2.radioBtn_active:hover .design:before,
    .radioBtn_V2.radioBtn_active:focus .design:before {
      background: var(--primary); }

.offerHeader {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 24px;
  min-height: 181px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }
  .offerHeader:before {
    content: '';
    position: absolute;
    background-color: var(--primary-primary-400);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    min-height: 280px;
    z-index: -1;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px; }

.offerAmountCol {
  position: relative; }

.allocatedOfferAmount {
  flex-grow: 0;
  font-family: 'ClashDisplay-Semibold';
  font-weight: 600;
  font-size: 40px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.8px;
  text-align: left;
  color: var(--white-black-white);
  padding: 4px 8px;
  border-radius: 16px;
  border: solid 1px var(--primary-primary-300);
  margin: 16px 0;
  cursor: pointer; }
  .allocatedOfferAmount .rupee-icon {
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    color: var(--primary-primary-200);
    font-size: 22px; }

.allocatedOfferAmountInput {
  position: relative;
  margin: 16px 0;
  border-radius: 16px;
  border: solid 1px var(--primary-primary-300);
  flex-grow: 0;
  font-family: 'ClashDisplay-Semibold';
  font-weight: 600;
  font-size: 40px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.8px;
  text-align: left;
  color: var(--white-black-white);
  padding: 4px 8px; }
  .allocatedOfferAmountInput input {
    flex-grow: 0;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 40px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: 0.8px;
    text-align: left;
    color: var(--white-black-white);
    border-radius: 0;
    border: 0;
    padding: 0 0 0 15px;
    border: solid 0 transparent; }
  .allocatedOfferAmountInput .ruppeSymbol {
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    color: var(--white-black-white);
    font-size: 22px;
    position: absolute;
    bottom: 10px; }
  .allocatedOfferAmountInput.invalid-amount-input {
    background-color: var(--primary-primary-300); }
    .allocatedOfferAmountInput.invalid-amount-input input {
      color: var(--error-error-300); }
    .allocatedOfferAmountInput.invalid-amount-input .ruppeSymbol {
      color: var(--primary-primary-200); }

.offerRangeHelpText {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: var(--primary-primary-100);
  width: 100%; }

.offerRangeSlider {
  position: relative;
  width: 100%;
  padding: 0 0 8px;
  /* Slider CSS */
  /* End Range Slider */ }
  .offerRangeSlider input[type='range'] {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    margin: 16px 0;
    background: var(--primary-primary-300);
    background-image: -webkit-gradient(linear, 20% 0%, 20% 100%, color-stop(0%, var(--secondary-secondary)), color-stop(100%, var(--secondary-secondary)));
    background-image: -webkit-linear-gradient(left, 0%, var(--secondary-secondary) 100%);
    background-image: -moz-linear-gradient(left, var(--secondary-secondary) 0%, var(--secondary-secondary) 100%);
    background-image: -o-linear-gradient(to right, var(--secondary-secondary) 0%, var(--secondary-secondary) 100%);
    background-image: linear-gradient(to right, var(--secondary-secondary) 0%, var(--secondary-secondary) 100%);
    background-repeat: no-repeat; }
  .offerRangeSlider input[type='range']:focus {
    outline: none; }
  .offerRangeSlider input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    box-shadow: none;
    background: transparent;
    border-radius: 0px;
    border: none; }
  .offerRangeSlider input[type='range']::-webkit-slider-thumb {
    box-shadow: none;
    border: 0 solid transparent;
    height: 30px;
    width: 30px;
    border-radius: 2px;
    background-color: transparent;
    background-image: url("/static/img/latestUI/rangeThumb.svg");
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px; }
  .offerRangeSlider input[type='range']:focus::-webkit-slider-runnable-track {
    background: transparent; }
  .offerRangeSlider input[type='range']::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    box-shadow: none;
    background: transparent;
    border-radius: 0px;
    border: none; }
  .offerRangeSlider input[type='range']::-moz-range-thumb {
    box-shadow: none;
    border: 4px solid #add8e6;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    background: #ffffff;
    cursor: pointer; }
  .offerRangeSlider input[type='range']::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .offerRangeSlider input[type='range']::-ms-fill-lower {
    background: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none; }
  .offerRangeSlider input[type='range']::-ms-fill-upper {
    background: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none; }
  .offerRangeSlider input[type='range']::-ms-thumb {
    box-shadow: none;
    border: 4px solid #add8e6;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    background: #ffffff;
    cursor: pointer;
    height: 4px; }
  .offerRangeSlider input[type='range']:focus::-ms-fill-lower {
    background: transparent; }
  .offerRangeSlider input[type='range']:focus::-ms-fill-upper {
    background: transparent; }
  .offerRangeSlider .inputRangeLegends {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .offerRangeSlider .inputRangeLegends .inputRangeLegendsText {
      width: auto;
      height: 16px;
      flex-grow: 0;
      font-size: 11px;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.45;
      letter-spacing: normal;
      text-align: left;
      color: var(--primary-primary-200); }
      .offerRangeSlider .inputRangeLegends .inputRangeLegendsText.inputRangeLegendsMin {
        position: relative; }
      .offerRangeSlider .inputRangeLegends .inputRangeLegendsText.inputRangeLegendsMax {
        position: relative; }

.emiHelpText {
  width: 100%;
  height: auto;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-600); }

.emiListV2 {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 0 8px; }
  .emiListV2 .emiItemList {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    padding: 0; }

.eachEmiItem {
  position: relative; }
  .eachEmiItem .emiData {
    display: flex;
    flex-direction: column; }
    .eachEmiItem .emiData .emi {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 13px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.54;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }
    .eachEmiItem .emiData .tenure {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 13px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.54;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }
    .eachEmiItem .emiData .roi {
      color: var(--neutral-neutral-500);
      font-size: 11px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      line-height: 1.45; }

.recommendedHighlight {
  width: 130px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  border-radius: 32px;
  background-color: var(--primary-primary-400);
  position: absolute;
  top: 19px;
  bottom: 0;
  right: 6px; }
  .recommendedHighlight span {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    flex-grow: 0;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: left;
    color: var(--primary-primary-50); }
  .recommendedHighlight:before {
    content: '';
    position: absolute;
    background-image: url("/static/img/latestUI/star.svg");
    width: 16px;
    height: 16px;
    left: 6px; }
  .recommendedHighlight:after {
    content: '';
    position: absolute;
    background-image: url("/static/img/latestUI/star.svg");
    width: 16px;
    height: 16px;
    right: 6px; }

.disbursalAmount {
  text-align: center;
  padding: 100px 20px 24px;
  display: flex;
  align-items: center;
  flex-direction: column; }
  .disbursalAmount .amountLabel {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: var(--neutral-neutral-600);
    display: flex;
    align-items: center;
    gap: 8px; }
  .disbursalAmount .amountValue {
    background-image: linear-gradient(105deg, #00f260 2%, #0575e6 99%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; }
  .disbursalAmount.plDisbursalAmount {
    padding: 20px 20px 24px;
    flex-direction: row;
    gap: 10px;
    justify-content: center; }
    .disbursalAmount.plDisbursalAmount .amountValue {
      background-image: linear-gradient(104deg, #ff5f6d 2%, #ffc371 99%);
      font-size: 18px; }
      .disbursalAmount.plDisbursalAmount .amountValue .rupee-icon {
        font-size: 18px; }

.offerChangeBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; }

.emiHeaderText {
  padding: 24px 12px 14px;
  display: flex;
  align-items: center;
  justify-content: center; }

.emiListHelptext {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600); }

.starHighLighter {
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-500);
  position: relative; }
  .starHighLighter:before {
    content: '';
    background-image: url("/static/img/latestUI/star.svg");
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    top: 3px;
    position: relative; }
  .starHighLighter:after {
    content: '';
    background-image: url("/static/img/latestUI/star.svg");
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    top: 3px;
    position: relative;
    right: -4px; }
  .starHighLighter.starHighLighterBlue:before {
    background-image: url("/static/img/latestUI/star-blue.svg"); }
  .starHighLighter.starHighLighterBlue:after {
    background-image: url("/static/img/latestUI/star-blue.svg"); }

.amountLabel {
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-500);
  padding-bottom: 4px; }

.amountValue {
  flex-grow: 0;
  font-family: 'ClashDisplay-Semibold';
  font-weight: 600;
  font-size: 30px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.6px;
  text-align: left;
  color: var(--neutral-neutral-500); }
  .amountValue .rupee-icon {
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    color: var(--neutral-neutral-500);
    font-size: 22px; }

.emiDisbursalAmountHelpText {
  height: auto;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-500);
  padding: 8px 16px;
  justify-content: center; }

.topupOfferAmountData {
  padding: 24px 0 130px; }

.hiddenChargesText {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--neutral-neutral-500); }

.offerAmountMoreInfoBlock {
  margin: 8px auto 24px;
  padding: 16px;
  border-radius: 16px;
  background-color: var(--neutral-neutral-100); }

.disbursalAmount.disbursalAmountSum {
  padding: 0 0px 24px; }
  .disbursalAmount.disbursalAmountSum .amountLabel {
    font-size: 14px; }

.disbursalAmount.plDisbursalAmountSum {
  padding: 24px 0px 0;
  margin-bottom: 0; }
  .disbursalAmount.plDisbursalAmountSum .amountValue {
    background-image: linear-gradient(104deg, #ff5f6d 2%, #ffc371 99%);
    font-size: 24px; }

.disbursalAmount.topupDisbursalAmount {
  flex-direction: column-reverse;
  padding: 24px 20px 24px; }
  .disbursalAmount.topupDisbursalAmount .amountLabel {
    font-size: 13px; }
  .disbursalAmount.topupDisbursalAmount .amountValue {
    background-image: linear-gradient(107deg, #00f260 2%, #0575e6 99%); }

#topupDisbursalInfoModal .textContentBlock {
  gap: 3px; }
  #topupDisbursalInfoModal .textContentBlock .labelContent {
    color: var(--neutral-neutral-500);
    width: 60%;
    font-size: 13px; }
    #topupDisbursalInfoModal .textContentBlock .labelContent .labelContentLg {
      color: var(--neutral-neutral-500); }
  #topupDisbursalInfoModal .textContentBlock .valueContent {
    color: var(--neutral-neutral-500);
    width: 40%;
    font-size: 13px; }
    #topupDisbursalInfoModal .textContentBlock .valueContent .rupee-icon {
      color: var(--neutral-neutral-500); }
    #topupDisbursalInfoModal .textContentBlock .valueContent .valueContentLg {
      color: var(--neutral-neutral-500); }
  #topupDisbursalInfoModal .textContentBlock.textContentRowHeading .labelContent {
    color: var(--neutral-neutral-600);
    width: 60%;
    font-size: 13px;
    font-weight: 500; }
    #topupDisbursalInfoModal .textContentBlock.textContentRowHeading .labelContent .labelContentLg {
      color: var(--neutral-neutral-600); }
  #topupDisbursalInfoModal .textContentBlock.textContentRowHeading .valueContent {
    color: var(--neutral-neutral-600);
    width: 40%;
    font-size: 14px; }
    #topupDisbursalInfoModal .textContentBlock.textContentRowHeading .valueContent .rupee-icon {
      color: var(--neutral-neutral-600); }
    #topupDisbursalInfoModal .textContentBlock.textContentRowHeading .valueContent .valueContentLg {
      color: var(--neutral-neutral-600); }

#topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum {
  padding: 0 0px 24px; }
  #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountLabel {
    font-size: 14px;
    width: 60%; }
  #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue {
    background-image: linear-gradient(107deg, #00f260 2%, #0575e6 99%);
    font-size: 22px;
    width: 40%; }
    #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue .rupee-icon {
      font-size: 18px; }

@media only screen and (max-width: 420px) {
  #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue {
    font-size: 18px; }
    #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue .rupee-icon {
      font-size: 16px; } }

@media only screen and (max-width: 360px) {
  #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue {
    font-size: 16px; }
    #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue .rupee-icon {
      font-size: 14px; } }

@media only screen and (max-width: 362px) {
  #offerAgreement {
    padding-bottom: 180px; } }

@media only screen and (max-width: 320px) {
  #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue {
    font-size: 14px; }
    #topupDisbursalInfoModal .disbursalAmount.disbursalAmountSum .amountValue .rupee-icon {
      font-size: 12px; } }

body.customModalActive #topupDisbursalInfoModal .loanModalV2 .loanModalInnerBlock {
  padding-top: 0; }

.flex-container-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.loanAmountCol .textContentBlock {
  margin-bottom: 0;
  padding-bottom: 0; }
  .loanAmountCol .textContentBlock .labelContent {
    color: var(--neutral-neutral-600);
    font-size: 13px;
    font-weight: 500; }
  .loanAmountCol .textContentBlock .valueContent {
    color: var(--neutral-neutral-600);
    font-size: 14px;
    font-weight: 500; }

.amountInputBlock .inputInnerBlock {
  position: relative; }
  .amountInputBlock .inputInnerBlock .rupeeCode {
    position: absolute;
    left: 8px;
    top: 10px; }
  .amountInputBlock .inputInnerBlock input {
    padding-left: 20px; }

.loanDataFeedBackCheckBlock .feedbackCheck {
  padding-bottom: 24px; }

.loanDataFeedBackCheckBlock .feedbackCheckSubInput {
  padding-left: 22px; }
  .loanDataFeedBackCheckBlock .feedbackCheckSubInput .cv-input-field {
    margin-bottom: 5px; }

.loanDataFeedBackCheckBlock:last-child .feedbackCheck {
  padding-bottom: 0; }

@media only screen and (max-width: 350px) {
  .recommendedHighlight {
    width: 90px; }
    .recommendedHighlight span {
      font-size: 8px; } }

.textContentBlock.textContentColumnReverse {
  margin-bottom: unset; }

.strikeOfAmount {
  text-decoration: line-through;
  font-weight: 400;
  color: var(--neutral-neutral-500);
  font-size: 11px;
  top: 3px;
  position: relative; }

.aprConsent {
  color: var(--neutral-neutral-600);
  text-align: center;
  font-size: 11px;
  font-style: normal;
  line-height: 1.5; }

.cvLoanHeaderColV1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: var(--content-header-padding); }
  .cvLoanHeaderColV1 .cvLoanHeaderTitleV1 {
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    font-family: var(--content-heading-font-family);
    font-weight: var(--content-heading-font-weight);
    color: var(--content-heading-font-color);
    font-size: var(--content-heading-font-size); }
    .cvLoanHeaderColV1 .cvLoanHeaderTitleV1.cvloanHeaderRepaymentTitle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: var(--content-heading-font-family);
      font-weight: var(--content-heading-font-weight);
      color: var(--content-heading-font-color);
      font-size: var(--content-heading-font-size); }
    .cvLoanHeaderColV1 .cvLoanHeaderTitleV1.cvloanHeaderTitleV1Sm {
      font-family: var(--content-heading-sm-font-family);
      font-weight: var(--content-heading-sm-font-weight);
      color: var(--content-heading-sm-font-color);
      font-size: var(--content-heading-sm-font-size); }
  .cvLoanHeaderColV1 .cvLoanHeaderSubTitleV2 {
    flex-grow: 0;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    font-family: var(--content-description-font-family);
    font-weight: var(--content-description-font-weight);
    color: var(--content-description-font-color);
    font-size: var(--content-description-font-size); }
    .cvLoanHeaderColV1 .cvLoanHeaderSubTitleV2 ul,
    .cvLoanHeaderColV1 .cvLoanHeaderSubTitleV2 ol {
      margin: 0;
      padding: 0 0 0 20px; }
      .cvLoanHeaderColV1 .cvLoanHeaderSubTitleV2 ul li,
      .cvLoanHeaderColV1 .cvLoanHeaderSubTitleV2 ol li {
        flex-grow: 0;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        font-family: var(--content-description-font-family);
        font-weight: var(--content-description-font-weight);
        color: var(--content-description-font-color);
        font-size: var(--content-description-font-size); }

.defaultLoanHeader {
  padding: var(--loan-header-padding);
  position: relative;
  display: var(--loan-header-display);
  justify-content: space-between; }

.backArrowCol {
  cursor: pointer;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 50%; }

.helpIconCol {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 50%; }
  .helpIconCol .faceIconBlock {
    cursor: pointer; }
    .helpIconCol .faceIconBlock .defaultScreen {
      display: block; }
    .helpIconCol .faceIconBlock .blueBgScreen {
      display: none; }

.supportButtonBlock {
  display: flex;
  padding: 5.5px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 44px;
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  cursor: pointer; }
  .supportButtonBlock .label {
    color: #22c55e;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; }
  .supportButtonBlock .defaultScreen {
    display: block; }
  .supportButtonBlock .blueBgScreen {
    display: none; }

.helpIcon_new {
  cursor: pointer;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5.5px 0;
  border-radius: 12px; }
  .helpIcon_new .helpText {
    flex-grow: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: var(--primary-primary-400); }
  .helpIcon_new svg.helpIcon {
    fill: var(--primary-primary-400); }

.homeIcon {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer; }
  .homeIcon .homeText {
    flex-grow: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--primary-primary-400);
    display: block;
    padding-left: 18px; }
    .homeIcon .homeText:before {
      content: '';
      position: absolute;
      background-image: url(/static/img/latestUI/homeIcon.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 15px;
      height: 15px;
      left: 0;
      top: 3px; }
  .homeIcon.backIcon {
    cursor: pointer; }
    .homeIcon.backIcon .homeText {
      padding-left: 12px;
      text-transform: capitalize; }
      .homeIcon.backIcon .homeText:before {
        content: '';
        border-style: solid;
        border-color: var(--primary-primary-400);
        border-width: 0 2px 2px 0;
        padding: 3px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
        width: auto;
        height: auto;
        left: 0;
        top: 6px; }

body.topUpPreOffferBody .helpIcon_new .helpText {
  color: var(--white-black-white); }

body.topUpPreOffferBody .helpIcon_new svg.helpIcon {
  fill: var(--white-black-white); }

body .loanAmountSection .defaultLoanHeader {
  background: var(--primary-primary-400); }

body .loanAmountSection .backArrowCol {
  visibility: hidden; }

body .loanAmountSection .helpIcon_new .helpText {
  color: var(--white-black-white); }

body .loanAmountSection .helpIcon_new svg.helpIcon {
  fill: var(--white-black-white); }

body .loanAmountSection .faceIconBlock .defaultScreen {
  display: none; }

body .loanAmountSection .faceIconBlock .blueBgScreen {
  display: block; }

body .loanAmountSection .supportButtonBlock {
  border: 1px solid #7a91e3;
  background: #4d6cd9; }
  body .loanAmountSection .supportButtonBlock .label {
    color: #fff; }
  body .loanAmountSection .supportButtonBlock .defaultScreen {
    display: none; }
  body .loanAmountSection .supportButtonBlock .blueBgScreen {
    display: block; }

.blueBgSection .homeIcon .homeText {
  color: var(--white-black-white); }
  .blueBgSection .homeIcon .homeText::before {
    background-image: url(/static/img/latestUI/homeIcon_white.svg); }

.screenFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  padding: 16px 16px 0;
  border-top: solid 1px var(--neutral-neutral-200);
  border-left: solid 1px var(--neutral-neutral-200);
  border-right: solid 1px var(--neutral-neutral-200);
  border-bottom: solid 0 var(--neutral-neutral-200);
  background-color: var(--white-black-white);
  max-width: calc(var(--body-maxWidth) - 32px);
  margin: 0 auto;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  z-index: 7; }
  .screenFooter .poweredBy {
    padding: 18px 0 8px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-400); }
    .screenFooter .poweredBy img.prefrColoredLogo {
      display: inline; }
    .screenFooter .poweredBy img.prefrWhiteLogo {
      display: none; }
  .screenFooter.screenFooterNotFixed {
    position: relative; }
  .screenFooter.screenFooterNoBorder {
    border-top: solid 0 var(--neutral-neutral-200);
    border-left: solid 0 var(--neutral-neutral-200);
    border-right: solid 0 var(--neutral-neutral-200);
    border-bottom: solid 0 var(--neutral-neutral-200); }
  .screenFooter.screenFooterWithoutBtn {
    padding: 8px 16px;
    border-top: solid 0 var(--neutral-neutral-200);
    border-left: solid 0 var(--neutral-neutral-200);
    border-right: solid 0 var(--neutral-neutral-200);
    border-bottom: solid 0 var(--neutral-neutral-200);
    border-radius: 0; }
    .screenFooter.screenFooterWithoutBtn .poweredBy {
      padding: 0; }

.poweredBy img.prefrColoredLogo {
  display: inline; }

.poweredBy img.prefrWhiteLogo {
  display: none; }

.footerHelpText {
  align-self: stretch;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-500);
  padding: 0 0 10px; }

.messageTemplateVersion3 .screenFooter .poweredBy img.prefrColoredLogo {
  display: none; }

.messageTemplateVersion3 .screenFooter .poweredBy img.prefrWhiteLogo {
  display: inline; }

.blueBgSection .screenFooter .poweredBy img.prefrColoredLogo {
  display: none; }

.blueBgSection .screenFooter .poweredBy img.prefrWhiteLogo {
  display: inline; }

.blueBgSection .otpFooter .poweredBy img.prefrColoredLogo {
  display: none; }

.blueBgSection .otpFooter .poweredBy img.prefrWhiteLogo {
  display: inline; }

.disbursalTemplateV3 .poweredBy img.prefrColoredLogo {
  display: inline; }

.disbursalTemplateV3 .poweredBy img.prefrWhiteLogo {
  display: none; }

.offerLoadingScreenSection .poweredBy {
  padding: 16px 0 0;
  color: var(--primary-primary-100); }
  .offerLoadingScreenSection .poweredBy img.prefrColoredLogo {
    display: none; }
  .offerLoadingScreenSection .poweredBy img.prefrWhiteLogo {
    display: inline; }

@media (max-height: 480px) {
  .screenFooter {
    position: relative;
    border-top: solid 0 var(--neutral-neutral-200);
    border-left: solid 0 var(--neutral-neutral-200);
    border-right: solid 0 var(--neutral-neutral-200);
    border-bottom: solid 0 var(--neutral-neutral-200); } }

.topupTimelineSection {
  width: 100%;
  height: 79px;
  overflow: hidden;
  max-height: 90vh;
  transition: all 0.25s linear; }
  .topupTimelineSection.active {
    height: auto; }
    .topupTimelineSection.active .topUpTimelineBlock {
      height: auto;
      opacity: 1;
      bottom: 0; }
      .topupTimelineSection.active .topUpTimelineBlock::-webkit-scrollbar-track {
        box-shadow: inset 0 0 3px #dce1f5;
        -webkit-box-shadow: inset 0 0 3px #dce1f5;
        -moz-box-shadow: inset 0 0 3px #dce1f5;
        -o-box-shadow: inset 0 0 3px #dce1f5;
        -webkit-border-radius: 10px;
        border-radius: 10px; }
      .topupTimelineSection.active .topUpTimelineBlock::-webkit-scrollbar {
        width: 4px; }
      .topupTimelineSection.active .topUpTimelineBlock::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(77, 107, 217, 0.5);
        box-shadow: inset 0 0 3px rgba(77, 107, 217, 0.5);
        -webkit-box-shadow: inset 0 0 3px rgba(77, 107, 217, 0.5);
        -moz-box-shadow: inset 0 0 3px rgba(77, 107, 217, 0.5);
        -o-box-shadow: inset 0 0 3px rgba(77, 107, 217, 0.5); }

.timelineBlock {
  width: 100%; }

.topUpTimelineHeader {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 16px 0; }
  .topUpTimelineHeader .topUpTimelineHeading {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }
  .topUpTimelineHeader .topUpTimelinePercentage {
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }
    .topUpTimelineHeader .topUpTimelinePercentage .topUpTimelinePercentageCount {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      color: var(--success-success-500); }

.topUpTimelineBlock {
  position: relative;
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transition: all 0.25s linear; }

.eachTopUpBlock {
  position: relative;
  padding: 0 0 0 40px; }
  .eachTopUpBlock:before {
    content: '';
    width: 20px;
    height: 20px;
    flex-grow: 0;
    border: solid 2px var(--neutral-neutral-300);
    background-color: var(--white-black-white);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 2; }
  .eachTopUpBlock:after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: var(--neutral-neutral-300);
    position: absolute;
    left: 11px;
    top: 28px;
    z-index: 2; }
  .eachTopUpBlock:last-child:after {
    display: none; }
  .eachTopUpBlock:last-child .timelineContent:last-child {
    margin-bottom: 18px; }
  .eachTopUpBlock.active:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent;
    background-image: url("/static/img/latestUI/successIcon_timeline.svg");
    background-repeat: no-repeat;
    background-size: cover; }
  .eachTopUpBlock.active:after {
    background-color: var(--success-success-500); }
  .eachTopUpBlock.active .timelineContent {
    border: solid 2px var(--success-success-500);
    background-color: var(--success-success-50); }

.timelineContent {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  border: solid 1.5px transparent;
  background-color: var(--neutral-neutral-100);
  margin-bottom: 16px;
  position: relative;
  width: calc(100% - 44px); }
  .timelineContent .timelineHeading {
    flex-grow: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
  .timelineContent .timelineDescription {
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }

@media (max-height: 880px) {
  .topupTimelineSection.active .topUpTimelineBlock {
    height: 500px;
    overflow-y: scroll; } }

@media (max-height: 750px) {
  .topupTimelineSection.active .topUpTimelineBlock {
    height: 400px;
    overflow-y: scroll; } }

@media (max-height: 630px) {
  .topupTimelineSection.active .topUpTimelineBlock {
    height: 320px;
    overflow-y: scroll; } }

@media (max-height: 550px) {
  .topupTimelineSection.active .topUpTimelineBlock {
    height: 250px;
    overflow-y: scroll; } }

@media (max-height: 480px) {
  .topupPreofferSection {
    padding-bottom: 0px; } }

.mobileNumberHelpText {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  flex-grow: 0;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-500);
  position: absolute;
  bottom: 128px;
  z-index: 999;
  left: 0;
  right: 0; }

.mobileNumberInputBlock {
  padding: 40px 0; }

.mobileNewInputOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 999; }

.blueBgSection:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--primary-primary-400);
  z-index: -1; }

.blueBgSection .inputFieldv2.mobileNumberInputField input.mobileNumberInput {
  color: var(--primary-primary-100); }

.blueBgSection .inputFieldv2.mobileNumberInputField .mobileNumberPrefix {
  color: var(--primary-primary-300); }

.blueBgSection .mobileNumberHelpText {
  color: var(--primary-primary-100); }

.blueBgSection .screenFooter {
  border-top: solid 1px var(--primary-primary-300);
  border-left: solid 1px var(--primary-primary-300);
  border-right: solid 1px var(--primary-primary-300);
  border-bottom: solid 0 var(--primary-primary-300);
  background-color: transparent; }

.blueBgSection .buttonV2 {
  background-color: var(--secondary-secondary); }
  .blueBgSection .buttonV2 .buttonText {
    color: var(--primary-primary-400); }

.cibilMobileLogo {
  position: absolute;
  bottom: 128px;
  z-index: 999;
  left: 0;
  right: 0;
  max-width: 120px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  display: flex; }
  .cibilMobileLogo img {
    max-width: 100%; }

@media (max-height: 480px) {
  .mobileNumberHelpText {
    position: relative;
    bottom: 0;
    padding-bottom: 12px; }
  .cibilMobileLogo {
    position: relative;
    bottom: 0; } }

.agreementConsentText {
  align-self: stretch;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-500);
  padding-bottom: 10px; }

.messageScreenBlock {
  padding: 42px 0 130px; }

.messageScreenIconBlock {
  position: relative;
  padding-bottom: 32px; }

.messageScreenHeading {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 22px;
  color: var(--neutral-neutral-600);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left; }

.messageScreenDescription {
  padding-top: 20px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--neutral-neutral-500);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left; }

body .messageTemplateVersion3:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--primary-primary-400);
  z-index: -1; }

body .messageTemplateVersion3 .buttonV2 {
  background-color: var(--secondary-secondary); }
  body .messageTemplateVersion3 .buttonV2 .buttonText {
    color: var(--primary-primary-400); }

body .messageTemplateVersion3 .messageScreenHeading {
  color: var(--primary-primary-50); }

body .messageTemplateVersion3 .messageScreenDescription {
  color: var(--primary-primary-100);
  padding-top: 8px; }

body .messageTemplateVersion3 .screenFooter {
  border-top: solid 1px var(--primary-primary-300);
  border-left: solid 1px var(--primary-primary-300);
  border-right: solid 1px var(--primary-primary-300);
  border-bottom: solid 0 var(--primary-primary-300);
  background-color: transparent; }

body .messageTemplateVersion3 .poweredBy {
  color: var(--primary-primary-100); }

body .messageTemplateVersion3 .helpIcon_new .helpText {
  color: var(--white-black-white); }

body .messageTemplateVersion3 .helpIcon_new svg.helpIcon {
  fill: var(--white-black-white); }

body .messageTemplateVersion2 .messageScreenDescription {
  padding-top: 8px; }

.errorCodeBlock {
  padding-top: 34px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: var(--neutral-neutral-500);
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }
  .errorCodeBlock .errorCodeNumber {
    display: inline-block;
    border: solid 1px var(--error-error-500);
    background-color: var(--error-error-50);
    color: var(--error-error-500);
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    padding: 2px 16px;
    border-radius: 16px; }

.singleScreenContactBlock {
  padding-top: 24px; }
  .singleScreenContactBlock .contactInfoPhoneBlock .label {
    color: var(--neutral-neutral-500);
    font-size: 13px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    padding-bottom: 8px; }
  .singleScreenContactBlock .contactInfoPhoneBlock .contactInfoPhone .buttonV2.buttonInline {
    color: var(--primary-primary-400);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .singleScreenContactBlock .contactInfoPhoneBlock .contactInfoPhone .contactIcon {
    border-radius: 12px;
    background-color: var(--primary-primary-50);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .singleScreenContactBlock .contactInfoPhoneBlock .contactInfoPhone .contactIcon img {
      display: block; }
  .singleScreenContactBlock .contactInfoEmailBlock {
    padding-top: 36px; }
    .singleScreenContactBlock .contactInfoEmailBlock .label {
      color: var(--neutral-neutral-500);
      font-size: 13px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      padding-bottom: 8px; }
    .singleScreenContactBlock .contactInfoEmailBlock .contactInfoEmailId .buttonV2.buttonInline {
      color: var(--primary-primary-400);
      font-size: 16px;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .singleScreenContactBlock .contactInfoEmailBlock .contactInfoEmailId .contactIcon {
      border-radius: 12px;
      background-color: var(--primary-primary-50);
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .singleScreenContactBlock .contactInfoEmailBlock .contactInfoEmailId .contactIcon img {
        display: block; }

.congratsHappyText {
  flex-grow: 0;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-600); }

.finalLoanAmountTextBlock {
  padding: 16px 0 0; }
  .finalLoanAmountTextBlock .finalLoanAmount {
    padding: 0; }

.finalLoanAmount {
  padding: 8px 0 0;
  flex-grow: 0;
  font-family: 'ClashDisplay-Semibold';
  font-weight: 600;
  font-size: 40px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.8px;
  text-align: center;
  background-image: linear-gradient(103deg, #ff5f6d 1%, #ffc371 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; }
  .finalLoanAmount .rupee-icon {
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 22px;
    background-image: linear-gradient(154deg, #ff5f6d 4%, #ffc371 93%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; }

.finalLoanAmountSubText {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-500); }

.finalLoanDetailsBlock {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2px;
  padding: 16px;
  margin-top: 16px;
  position: relative;
  height: 100%; }
  .finalLoanDetailsBlock:before {
    content: '';
    position: absolute;
    background-color: var(--neutral-neutral-100);
    width: 100%;
    height: 100%;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1; }

.finalLoanDetailsInnerBlock {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  padding: 16px;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
  background-color: var(--white-black-white);
  word-break: break-word; }
  .finalLoanDetailsInnerBlock .textContentBlock {
    margin-bottom: 0;
    padding: 0 0 16px;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    gap: 0px 4px; }
    .finalLoanDetailsInnerBlock .textContentBlock .labelContent {
      width: 44%;
      font-size: 13px;
      line-height: 1.5; }
    .finalLoanDetailsInnerBlock .textContentBlock .valueContent {
      width: 56%;
      text-align: left;
      font-size: 13px; }
      .finalLoanDetailsInnerBlock .textContentBlock .valueContent .valueContentLg.finalDisbursalAmountValue {
        font-family: 'ClashDisplay-Semibold';
        font-weight: 600;
        background-image: linear-gradient(107deg, #00f260 2%, #0575e6 99%);
        font-size: 26px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }
        .finalLoanDetailsInnerBlock .textContentBlock .valueContent .valueContentLg.finalDisbursalAmountValue .rupee-icon {
          font-size: 18px; }
    .finalLoanDetailsInnerBlock .textContentBlock.finalDisbursalAmountBlock {
      padding: 16px 0 8px;
      border-top: 1px solid var(--neutral-neutral-300);
      align-items: center; }
    .finalLoanDetailsInnerBlock .textContentBlock:last-child {
      margin-bottom: 0;
      padding: 0; }

.amountDisbursalText {
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-500); }

.lenderPoweredBy {
  padding: 16px 0 6px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-400);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; }
  .lenderPoweredBy .lenderPoweredByLogo img {
    max-width: 113px; }

body.disbursalTemplateV3 {
  padding: 0; }
  body.disbursalTemplateV3 .defaultLoanHeader {
    padding: 16px; }
  body.disbursalTemplateV3 .finalLoanDetailsCongratsBlock {
    padding: 0 16px; }
    body.disbursalTemplateV3 .finalLoanDetailsCongratsBlock .discountAmountBlock {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 8px auto; }
      body.disbursalTemplateV3 .finalLoanDetailsCongratsBlock .discountAmountBlock .amountSavedBlock {
        display: flex;
        padding: 2px 6px;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        background: #f0fdf4; }
        body.disbursalTemplateV3 .finalLoanDetailsCongratsBlock .discountAmountBlock .amountSavedBlock .text {
          color: var(--Success-Success-600, #16a34a);
          text-align: center;
          font-size: 11px;
          font-style: normal;
          font-weight: 500;
          line-height: 16px;
          position: relative;
          top: 2px; }

.otpFooter {
  flex-grow: 0;
  position: absolute;
  bottom: 20px;
  z-index: 999;
  left: 0;
  right: 0; }

.resendOtpBlock {
  padding: 60px 0 0;
  align-self: stretch;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--neutral-neutral-500);
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center; }
  .resendOtpBlock .countDown {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: var(--error-error-500); }
  .resendOtpBlock .buttonV2.transparentLinkV2 .buttonText {
    font-size: 14px; }

.cibilLogo {
  padding: 24px 16px 18px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .cibilLogo img {
    max-width: 100px;
    margin: 0 auto; }

.blueBgSection:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--primary-primary-400);
  z-index: -1; }

.blueBgSection .cvLoanHeaderColV1 .cvLoanHeaderTitleV1 {
  color: var(--white-black-white); }

.blueBgSection .cvLoanHeaderColV1 .cvLoanHeaderSubTitleV2 {
  color: var(--primary-primary-100); }

.blueBgSection .resendOtpBlock {
  color: var(--primary-primary-100); }

.blueBgSection .buttonV2.transparentLinkV2 .buttonText {
  color: var(--secondary-secondary); }

.blueBgSection .poweredBy {
  color: var(--primary-primary-100); }

.blueBgSection .helpIcon_new .helpText {
  color: var(--white-black-white); }

.blueBgSection .helpIcon_new svg.helpIcon {
  fill: var(--white-black-white); }

.blueBgSection .inputFieldv2.input-autorender .input-loader {
  border-top: 3px solid var(--white-black-white); }

.blueBgSection .inputFieldv2.otpInputField input.otpInput {
  color: var(--primary-primary-100); }
  .blueBgSection .inputFieldv2.otpInputField input.otpInput:-webkit-autofill, .blueBgSection .inputFieldv2.otpInputField input.otpInput:-webkit-autofill:hover, .blueBgSection .inputFieldv2.otpInputField input.otpInput:-webkit-autofill:focus {
    background: transparent;
    border: 0px solid transparent;
    -webkit-text-fill-color: var(--primary-primary-100);
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s; }

.blueBgSection .inputFieldv2.mobileNumberInputField input.mobileNumberInput {
  color: var(--primary-primary-100); }
  .blueBgSection .inputFieldv2.mobileNumberInputField input.mobileNumberInput:-webkit-autofill, .blueBgSection .inputFieldv2.mobileNumberInputField input.mobileNumberInput:-webkit-autofill:hover, .blueBgSection .inputFieldv2.mobileNumberInputField input.mobileNumberInput:-webkit-autofill:focus {
    background: transparent;
    border: 0px solid transparent;
    -webkit-text-fill-color: var(--primary-primary-100);
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s; }

.blueBgSection .inputFieldv2.mobileNumberInputField .mobileNumberPrefix {
  color: var(--primary-primary-300); }

.otpModal .otpFooter {
  position: relative;
  bottom: 0; }

.otpModal .resendOtpBlock {
  padding: 60px 0 26px; }

.otpModal .cvLoanHeaderColV1 .cvLoanHeaderTitleV1.cvloanHeaderTitleV1Sm {
  font-size: 17px; }

.verifyOtpConsent .otpModal .resendOtpBlock {
  padding: 26px 0px 26px; }

.verifyOtpConsent .resendOtpBlock {
  justify-content: start; }

.otpSubText {
  display: flex;
  align-items: center;
  gap: 2px; }
  .otpSubText .buttonV2.transparentLinkV2 .buttonText {
    font-size: 14px; }

@media (max-height: 480px) {
  .otpFooter {
    position: relative;
    bottom: 0;
    padding-bottom: 20px; } }

.customAddressBlock {
  padding: 16px;
  border-radius: 16px;
  border: solid 2px var(--neutral-neutral-200);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch; }
  .customAddressBlock .cv-input-field#addressLine2-input {
    margin-bottom: 16px; }

.blueBgSection .card.questionnarieCard {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0 0;
  margin: 0 auto; }
  .blueBgSection .card.questionnarieCard .eachQuestion {
    padding-bottom: 20px; }
  .blueBgSection .card.questionnarieCard .question {
    align-self: stretch;
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--primary-primary-50); }
  .blueBgSection .card.questionnarieCard #radioBlock .checkboxradio_btn {
    color: var(--primary-primary-100);
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    padding-left: 32px; }
  .blueBgSection .card.questionnarieCard #radioBlock .checkboxradio_btn input:checked ~ .checkmark,
  .blueBgSection .card.questionnarieCard #radioBlock .checkmark.checkmarkActive {
    background-color: transparent;
    border: 2px solid var(--white-black-white); }
  .blueBgSection .card.questionnarieCard #radioBlock .checkboxradio_btn input:checked ~ .checkmark:after,
  .blueBgSection .card.questionnarieCard #radioBlock .checkmark.checkmarkActive:after {
    display: block;
    background-color: var(--white-black-white);
    border: var(--white-black-white); }

.blueBgSection .buttonV2.transparentLinkV2 {
  background-color: transparent; }

.blueBgSection .buttonV2.btnDisabled {
  background-color: var(--neutral-neutral-200); }
  .blueBgSection .buttonV2.btnDisabled .buttonText {
    color: var(--neutral-neutral-400); }
  .blueBgSection .buttonV2.btnDisabled.transparentLinkV2 {
    background-color: transparent; }
    .blueBgSection .buttonV2.btnDisabled.transparentLinkV2 .buttonText {
      color: var(--neutral-neutral-400); }

.blueBgSection .screenFooter {
  background-color: var(--primary-primary-400); }

.topupPreofferSection {
  padding-bottom: 190px; }
  .topupPreofferSection:before {
    content: '';
    background-color: var(--primary-primary-400);
    position: fixed;
    width: 100%;
    min-height: 100vh;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1; }
  .topupPreofferSection .helpIcon_new .helpText {
    color: var(--white-black-white); }
  .topupPreofferSection .helpIcon_new svg.helpIcon {
    fill: var(--white-black-white); }
  .topupPreofferSection .faceIconBlock .defaultScreen {
    display: none; }
  .topupPreofferSection .faceIconBlock .blueBgScreen {
    display: block; }
  .topupPreofferSection .supportButtonBlock {
    border: 1px solid #7a91e3;
    background: #4d6cd9; }
    .topupPreofferSection .supportButtonBlock .label {
      color: #fff; }
    .topupPreofferSection .supportButtonBlock .defaultScreen {
      display: none; }
    .topupPreofferSection .supportButtonBlock .blueBgScreen {
      display: block; }

.preApprovedOfferBlock .preapprovedOfferImg {
  position: relative; }
  .preApprovedOfferBlock .preapprovedOfferImg img {
    max-height: 160px; }

.preApprovedOfferBlock .preapprovedOfferTitle {
  flex-grow: 1;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--primary-primary-50);
  padding: 24px 0 0; }

.preApprovedOfferBlock .preapprovedOfferSubText {
  align-self: stretch;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--primary-primary-100);
  padding: 8px 0 0; }

.preApprovedOfferBlock .preapprovedOfferAmount {
  padding: 24px 0 16px; }
  .preApprovedOfferBlock .preapprovedOfferAmount .amountValue {
    font-size: 44px;
    background-image: linear-gradient(103deg, #fdfc47 1%, #24fe41 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.preApprovedOfferBlock .starHighLighter {
  font-size: 13px;
  color: var(--primary-primary-100); }

.preApprovedOfferBlock .checkLoanDetailsText {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--primary-primary-100);
  position: absolute;
  bottom: 216px;
  left: 0;
  right: 0; }
  .preApprovedOfferBlock .checkLoanDetailsText .loanLink {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: var(--secondary-secondary);
    cursor: pointer; }

.screenFooter.topupPreOfferFooter {
  padding: 0;
  max-width: var(--body-maxWidth);
  width: 100%; }
  .screenFooter.topupPreOfferFooter .timelineBlock {
    width: calc(100% - 32px); }
  .screenFooter.topupPreOfferFooter .getTopNowFooterBlock {
    width: calc(100% - 32px);
    border-top: solid 1px var(--neutral-neutral-200);
    border-left: solid 1px var(--neutral-neutral-200);
    border-right: solid 1px var(--neutral-neutral-200);
    border-bottom: solid 0 var(--neutral-neutral-200);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 16px 16px 0; }
    .screenFooter.topupPreOfferFooter .getTopNowFooterBlock .buttonV2 {
      margin: 0 auto;
      min-width: auto;
      max-width: 100%;
      width: 100%; }

@media only screen and (max-height: 685px) {
  .preApprovedOfferBlock .checkLoanDetailsText {
    margin-top: 20px;
    position: relative;
    bottom: 0; } }

.loanDetailsBlock .textContentBlock {
  gap: 3px; }
  .loanDetailsBlock .textContentBlock .labelContent {
    color: var(--neutral-neutral-500);
    width: 60%; }
    .loanDetailsBlock .textContentBlock .labelContent .labelContentLg {
      color: var(--neutral-neutral-500); }
  .loanDetailsBlock .textContentBlock .valueContent {
    color: var(--neutral-neutral-500);
    width: 40%; }
    .loanDetailsBlock .textContentBlock .valueContent .rupee-icon {
      color: var(--neutral-neutral-500); }
    .loanDetailsBlock .textContentBlock .valueContent .valueContentLg {
      color: var(--neutral-neutral-500); }
  .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup .valueContent {
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    background-image: linear-gradient(107deg, #f0c 2%, #339 99%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px; }
    .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup .valueContent .rupee-icon {
      font-size: 18px; }

@media only screen and (max-width: 420px) {
  .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup.verfify-details-amount .valueContent {
    font-size: 18px; }
    .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup.verfify-details-amount .valueContent .rupee-icon {
      font-size: 16px; } }

@media only screen and (max-width: 360px) {
  .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup.verfify-details-amount .valueContent {
    font-size: 16px; }
    .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup.verfify-details-amount .valueContent .rupee-icon {
      font-size: 14px; } }

@media only screen and (max-width: 320px) {
  .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup.verfify-details-amount .valueContent {
    font-size: 14px; }
    .loanDetailsBlock .textContentBlock.disbursalAmountTexBlockPopup.verfify-details-amount .valueContent .rupee-icon {
      font-size: 12px; } }

.plLandingScreenSection {
  padding: 0; }

.plLandingLogoHeader {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding: 32px 0 0;
  justify-content: center; }
  .plLandingLogoHeader .tenantLogo img {
    max-width: 120px; }
  .plLandingLogoHeader .cross {
    position: relative;
    width: 25px;
    height: 25px; }
    .plLandingLogoHeader .cross:before, .plLandingLogoHeader .cross:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      height: 100%;
      width: 2px;
      background-image: linear-gradient(132deg, #3a7bd5 3%, #3a6073 96%); }
    .plLandingLogoHeader .cross:before {
      transform: rotate(45deg); }
    .plLandingLogoHeader .cross:after {
      transform: rotate(-45deg); }
  .plLandingLogoHeader .logoSeperator {
    width: 2px;
    height: 32px;
    position: relative; }
    .plLandingLogoHeader .logoSeperator:before {
      content: '';
      width: 1px;
      height: 100%;
      background-color: var(--neutral-neutral-300);
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .plLandingLogoHeader .prefrLogo img {
    max-width: 100px; }

.plLandingHeadingText {
  flex-grow: 0;
  padding: 56px 0 32px;
  font-family: 'ClashDisplay-Regular';
  font-weight: 400;
  font-size: 40px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.8px;
  color: var(--neutral-neutral-600);
  word-break: break-word;
  position: relative;
  text-align: center; }
  .plLandingHeadingText .spanText1 {
    font-size: 40px;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    display: initial; }
    .plLandingHeadingText .spanText1 .rupeee-icon {
      font-size: 24px; }
  .plLandingHeadingText:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(120px);
    filter: blur(120px);
    opacity: 0.1; }
  .plLandingHeadingText .multipleTriangles {
    display: inline-block; }
  .plLandingHeadingText .multipleCircles {
    display: inline-block; }
  .plLandingHeadingText .loanStatCountMax {
    display: initial;
    background-image: linear-gradient(210deg, #00f260 3%, #0575e6 96%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .plLandingHeadingText .loanStatCountMin {
    display: initial;
    background-image: linear-gradient(210deg, #00f260 3%, #0575e6 96%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .plLandingHeadingText .loanStatMinutes {
    font-weight: 400;
    display: block; }

.partnershipTextSection {
  padding: 0px 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px; }
  .partnershipTextSection .partnershipHelpText {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }
  .partnershipTextSection .partnershipStar {
    position: relative; }
  .partnershipTextSection .partnershipStar {
    position: relative;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--primary-primary-400);
    border-radius: 50%; }
  .partnershipTextSection .partnershipHfcLogo {
    position: relative;
    display: flex; }
    .partnershipTextSection .partnershipHfcLogo .lenderLogosBlock .hfcLogoBlock {
      position: relative;
      z-index: 1; }
    .partnershipTextSection .partnershipHfcLogo .lenderLogosBlock .liquiLogoBlock {
      position: relative;
      left: -8px; }
    .partnershipTextSection .partnershipHfcLogo .lenderLogosBlock .abflLogoBlock {
      position: relative;
      left: -16px; }

.applyBtnBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  flex-direction: column; }
  .applyBtnBlock .buttonV2 {
    max-width: 360px;
    margin: 0 auto; }

.plInclinedArrowsBlock {
  position: relative; }
  .plInclinedArrowsBlock .inclinedArrowBlock.inclinedArrowBlockSecound {
    top: 13px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0; }

.statsBlock {
  width: 100%;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
  border: solid 1px var(--neutral-neutral-200);
  background-color: var(--white-black-white); }

.plStatsSection {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 56px 0 0; }

.plStatsHeadingIcon .whatsappIcon {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 16px;
  border: solid 1px var(--success-success-300);
  background-color: var(--success-success-50); }

.plStatsHeadingIcon .messageIcon {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 16px;
  border: solid 1px var(--warning-warning-300);
  background-color: var(--warning-warning-50); }

.plStatsHeadingText {
  flex-grow: 0;
  font-family: 'ClashDisplay-Semibold';
  font-weight: 600;
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.44px;
  text-align: right;
  color: var(--neutral-neutral-600); }
  .plStatsHeadingText .statHeadingTextSymbol {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.36px; }

.plStatsDescriptionText {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600); }
  .plStatsDescriptionText a {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    text-decoration: none;
    color: var(--primary-primary-400); }

.statSeparatorLine {
  position: relative;
  padding: 8px 0;
  width: 70px; }
  .statSeparatorLine:before {
    content: '';
    background-color: var(--gray-gray-200);
    position: absolute;
    width: 100%;
    height: 2px; }
  .statSeparatorLine:after {
    content: '';
    background-color: var(--gray-gray-400);
    position: absolute;
    width: 60%;
    height: 2px; }
  .statSeparatorLine.warningSeperator:before {
    background-color: var(--warning-warning-200); }
  .statSeparatorLine.warningSeperator:after {
    background-color: var(--warning-warning-400); }
  .statSeparatorLine.errorSeperator:before {
    background-color: var(--error-error-200); }
  .statSeparatorLine.errorSeperator:after {
    background-color: var(--error-error-400); }
  .statSeparatorLine.transparentSeperator:before {
    background-color: transparent; }
  .statSeparatorLine.transparentSeperator:after {
    background-color: transparent; }

.contactSection {
  padding: 56px 0 0; }
  .contactSection .contactHeading {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--neutral-neutral-600);
    padding-bottom: 8px; }
  .contactSection .contactDescription {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: var(--neutral-neutral-500); }
  .contactSection .plStatsSection {
    padding: 16px 0 30px; }
    .contactSection .plStatsSection .statsBlock {
      align-items: center; }
      .contactSection .plStatsSection .statsBlock .statSeparatorLine {
        padding: 6px 0; }

.plStepsSection {
  position: relative;
  padding: 56px 0 0; }
  .plStepsSection .plStepsHeading {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600);
    padding-bottom: 16px; }
  .plStepsSection .plStepsDescription {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }
  .plStepsSection .plStepsListBlock .eachStepBlock:last-child {
    margin-bottom: 12px; }

.eachStepBlock {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 5px 16px;
  border-radius: 24px;
  border: solid 1px var(--gray-gray-400);
  background-color: var(--gray-gray-50);
  min-height: 68px;
  margin-bottom: 16px; }
  .eachStepBlock .stepHeading {
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: left;
    color: var(--gray-gray-400); }
  .eachStepBlock .stepDescription {
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--gray-gray-700); }
  .eachStepBlock.stepSuccess {
    border: solid 1px var(--success-success-400);
    background-color: var(--success-success-50); }
    .eachStepBlock.stepSuccess .stepHeading {
      color: var(--success-success-400); }
    .eachStepBlock.stepSuccess .stepDescription {
      color: var(--success-success-700); }
  .eachStepBlock.stepWaring {
    border: solid 1px var(--warning-warning-400);
    background-color: var(--warning-warning-50); }
    .eachStepBlock.stepWaring .stepHeading {
      color: var(--warning-warning-400); }
    .eachStepBlock.stepWaring .stepDescription {
      color: var(--warning-warning-700); }
  .eachStepBlock.stepPrimary {
    border: solid 1px var(--primary-primary-400);
    background-color: var(--primary-primary-50); }
    .eachStepBlock.stepPrimary .stepHeading {
      color: var(--primary-primary-400); }
    .eachStepBlock.stepPrimary .stepDescription {
      color: var(--primary-primary-700); }

.poweredBySection {
  padding: 56px 0 0; }
  .poweredBySection .poweredByHeading {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--neutral-neutral-600);
    padding-bottom: 16px; }
  .poweredBySection .poweredByBlock {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center; }
    .poweredBySection .poweredByBlock .poweredByEachImage {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 16px;
      padding: 16px 16px;
      border-radius: 16px;
      box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
      border: solid 1px var(--neutral-neutral-100);
      background-color: var(--white-black-white); }
      .poweredBySection .poweredByBlock .poweredByEachImage img {
        max-height: 64px; }

.socialLinks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 180px;
  margin: 0 auto;
  padding: 56px 0 0; }
  .socialLinks .eachIcon a {
    cursor: pointer; }
  .socialLinks .eachIcon img {
    max-height: 48px; }

.plPoweredbyCopyrights {
  padding: 56px 0 0;
  max-width: 320px;
  margin: 0 auto;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-400); }
  .plPoweredbyCopyrights span {
    display: block; }

.multipleTriangles .triangle {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid var(--gray-gray-400);
  border-bottom: 5px solid transparent;
  display: block;
  margin-bottom: 1px; }
  .multipleTriangles .triangle:last-child {
    margin-bottom: 0; }
  .multipleTriangles .triangle.trianglePrimary {
    border-left-color: var(--primary-primary-400); }
  .multipleTriangles .triangle.triangleSecoundary {
    border-left-color: var(--secondary-secondary); }

.multipleCircles {
  display: flex;
  gap: 1px;
  flex-direction: column; }
  .multipleCircles .circle {
    width: 0;
    height: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: var(--gray-gray-400);
    display: block;
    margin-bottom: 3px; }
    .multipleCircles .circle:last-child {
      margin-bottom: 0; }
    .multipleCircles .circle.circlePrimary {
      background-color: var(--primary-primary-400); }
    .multipleCircles .circle.circleSecoundary {
      background-color: var(--secondary-secondary); }

.plIsoStandardSection {
  padding: 56px 0 0; }
  .plIsoStandardSection .isoStandardText {
    align-self: stretch;
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: var(--neutral-neutral-600); }
  .plIsoStandardSection .isoStandardImage {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1.5;
    text-align: center; }
    .plIsoStandardSection .isoStandardImage img {
      max-width: 220px; }
  .plIsoStandardSection .secureLottie {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 26px; }
    .plIsoStandardSection .secureLottie .secureLottieText {
      flex-grow: 0;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 13px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.54;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-600); }

.isoBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px; }
  .isoBlock .isoTitle {
    align-self: stretch;
    flex-grow: 0;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: center;
    background-image: linear-gradient(97deg, #ff5f6d 1%, #ffc371 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; }
  .isoBlock .isoSubText {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--neutral-neutral-500); }

.plTestimonialSection {
  padding: 24px 0 0;
  position: relative; }
  .plTestimonialSection .each-testimonial-slider {
    padding: 0 5px; }
  .plTestimonialSection .statsBlock {
    width: auto; }
  .plTestimonialSection .plTestimonialDescription {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
    .plTestimonialSection .plTestimonialDescription b {
      font-weight: 500; }

.plDots {
  display: flex;
  flex-direction: row;
  gap: 6px;
  list-style: none;
  align-items: center;
  justify-content: center;
  padding: 0; }
  .plDots li {
    cursor: pointer;
    position: relative;
    padding: 0 4px; }
    .plDots li button {
      display: none; }
    .plDots li:before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 4px;
      background-color: var(--neutral-neutral-200);
      position: absolute;
      transition: all 0.2s linear; }
    .plDots li.slick-active {
      padding: 0 16px 0 4px; }
      .plDots li.slick-active:before {
        border-radius: 27px;
        background-color: var(--primary-primary-400);
        width: 16px; }

.plTestimonialSectionV2 {
  padding: 24px 0 0;
  position: relative; }
  .plTestimonialSectionV2 .each-testimonial-slider {
    padding: 0 5px;
    height: 100%;
    opacity: 0;
    position: relative;
    -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    top: 0;
    z-index: -1;
    height: 0;
    overflow: hidden; }
    .plTestimonialSectionV2 .each-testimonial-slider.active {
      opacity: 1;
      display: block;
      align-items: center;
      justify-content: center;
      position: relative;
      min-height: 1px;
      height: auto;
      -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
      animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
      z-index: 1; }
  .plTestimonialSectionV2 .statsBlock {
    width: auto; }
  .plTestimonialSectionV2 .plTestimonialDescription {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
    .plTestimonialSectionV2 .plTestimonialDescription b {
      font-weight: 500; }

.sliderArrowDots {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  gap: 24px;
  padding-top: 12px;
  margin: 0 auto; }
  .sliderArrowDots .plDots {
    position: relative;
    top: -4px; }

.sliderArrows {
  position: relative;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: solid 1px var(--neutral-neutral-200);
  background-color: var(--white-black-white);
  -webkit-box-shadow: 0 2px 4px 0 rgba(77, 108, 217, 0.08);
  -moz-box-shadow: 0 2px 4px 0 rgba(77, 108, 217, 0.08);
  -o-box-shadow: 0 2px 4px 0 rgba(77, 108, 217, 0.08);
  box-shadow: 0 2px 4px 0 rgba(77, 108, 217, 0.08);
  cursor: pointer; }
  .sliderArrows:after {
    content: '';
    border-style: solid;
    border-color: var(--primary-primary-400);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 0; }
  .sliderArrows.sliderNext:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

.testimonialBlock {
  min-height: 180px;
  position: relative; }
  .testimonialBlock .testimonialProfile {
    padding: 18px 0;
    display: flex;
    gap: 10px;
    align-items: center; }
  .testimonialBlock .testimonialProfileIcon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--primary-primary-100); }
    .testimonialBlock .testimonialProfileIcon .profileIconText {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 16px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--primary-primary-400); }
  .testimonialBlock .testimonialProfileDetails {
    display: flex;
    flex-direction: column;
    gap: 2px; }
  .testimonialBlock .testimonialProfileName {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
  .testimonialBlock .testimonialDescription {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
  .testimonialBlock .testimonialQuote {
    position: absolute;
    right: 0; }

.loanCalculationSection {
  margin-top: 56px;
  font-size: 11px;
  line-height: 1.45;
  color: var(--neutral-neutral-600); }
  .loanCalculationSection ul.content {
    padding-left: 19px;
    margin: 0; }
  .loanCalculationSection .heading {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.54; }
  .loanCalculationSection .loanCalculationExample {
    margin-top: 20px;
    line-height: 1.54; }

@media only screen and (max-width: 640px) {
  .plLandingHeadingText {
    text-align: left; } }

@media only screen and (max-width: 600px) {
  .plLandingLogoHeader {
    justify-content: flex-start; }
  .plLandingHeadingText .spanText1 {
    display: block; }
  .plLandingHeadingText .loanStatCountMax {
    display: block; }
  .plLandingHeadingText .loanStatCountMin {
    display: block; }
  .plLandingHeadingText .loanStatMinutes {
    display: block; }
  .partnershipTextSection {
    justify-content: flex-start; } }

@media only screen and (max-width: 380px) {
  .landingScreenBox {
    width: 50%; }
  .applyBtnBlock .buttonV2 {
    width: 100%;
    min-width: auto; }
    .applyBtnBlock .buttonV2.buttonV3 {
      min-width: auto; } }

@media only screen and (max-width: 320px) {
  .plStatsHeadingText {
    font-size: 18px; } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.topupStep {
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
  text-align: center;
  align-items: flex-start; }
  .topupStep .eachTopupStep {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    max-width: 440px;
    margin: 0 auto; }
    .topupStep .eachTopupStep .eachTopupInnerStep {
      max-width: 100px;
      display: flex;
      align-items: center;
      flex-direction: column;
      position: relative; }
    .topupStep .eachTopupStep .imgBlock {
      width: 40px;
      height: 40px;
      background-color: transparent;
      margin-bottom: 15px; }
    .topupStep .eachTopupStep .content {
      color: var(--neutral-neutral-600);
      font-size: 11px;
      line-height: 1.5; }
  .topupStep .topupStepConnector {
    position: relative;
    top: -40px; }

#autoRepaymentForm .autoRepaymentBlock {
  display: flex;
  gap: 8px;
  flex-flow: column wrap;
  position: relative;
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  margin-bottom: 24px; }
  #autoRepaymentForm .autoRepaymentBlock .recommendationLabel {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: center;
    color: var(--primary-primary-400);
    padding: 8px 16px;
    border-radius: 16px;
    border: solid 0 var(--primary-primary-400);
    background-color: var(--primary-primary-50); }
  #autoRepaymentForm .autoRepaymentBlock .titleBlock {
    height: 24px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0; }
    #autoRepaymentForm .autoRepaymentBlock .titleBlock .title {
      font-size: 16px;
      font-weight: 500;
      text-align: left;
      color: var(--neutral-neutral-600); }
    #autoRepaymentForm .autoRepaymentBlock .titleBlock .subTitle {
      font-size: 11px;
      font-weight: 500;
      text-align: left;
      color: var(--neutral-neutral-400); }
  #autoRepaymentForm .autoRepaymentBlock .contentBlock {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 8px; }
    #autoRepaymentForm .autoRepaymentBlock .contentBlock .content {
      font-size: 13px;
      font-weight: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }
    #autoRepaymentForm .autoRepaymentBlock .contentBlock .warning {
      padding: 8px;
      border-radius: 12px;
      background-color: var(--primary-primary-50);
      font-size: 13px;
      font-weight: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }

#autoRepaymentForm .infoBlock {
  height: 32px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0; }
  #autoRepaymentForm .infoBlock .content {
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }

#autoRepaymentForm .highlightBlock {
  border-radius: 20px;
  border: solid 1.5px var(--primary-primary-400); }

#autoRepaymentForm .autoRepaymentDisableBlock {
  display: flex;
  gap: 8px;
  flex-flow: column wrap;
  position: relative;
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  margin-bottom: 24px; }
  #autoRepaymentForm .autoRepaymentDisableBlock .titleBlock {
    height: 24px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0; }
    #autoRepaymentForm .autoRepaymentDisableBlock .titleBlock .title {
      font-size: 16px;
      font-weight: 500;
      text-align: left;
      color: var(--gray-gray-400); }
    #autoRepaymentForm .autoRepaymentDisableBlock .titleBlock .subTitle {
      font-size: 11px;
      font-weight: 500;
      text-align: left;
      color: var(--gray-gray-400); }
  #autoRepaymentForm .autoRepaymentDisableBlock .disableHighlightBlock {
    border-radius: 20px;
    border: solid 1.5px var(--gray-gray-200);
    background-color: var(--gray-gray-100);
    color: var(--gray-gray-400); }

#autoRepaymentForm .disableText {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  color: var(--gray-gray-400); }

#uploadFilesCard {
  padding: 16px 0 0 0;
  position: relative; }
  #uploadFilesCard .uploadFileBlock {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
    background-color: var(--white-black-white);
    margin: 0 auto 16px;
    padding: 16px; }
    #uploadFilesCard .uploadFileBlock .uploadDocSingleBlock {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch;
      gap: 16px; }
      #uploadFilesCard .uploadFileBlock .uploadDocSingleBlock .col2 .fileName {
        font-size: 13px;
        font-weight: normal;
        color: var(--neutral-neutral-600);
        padding: 2px 0;
        word-break: break-word; }
      #uploadFilesCard .uploadFileBlock .uploadDocSingleBlock .col2 .uploadStatus {
        font-size: 11px;
        font-weight: 500;
        padding: 2px 0; }
      #uploadFilesCard .uploadFileBlock .uploadDocSingleBlock .col3 {
        margin-left: auto; }
  #uploadFilesCard .uploadDocPasswordBlock {
    margin-top: 10px; }
  #uploadFilesCard .addMoreFiles {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: var(--primary-primary-400);
    text-align: center;
    cursor: pointer; }
    #uploadFilesCard .addMoreFiles.addMoreFilesDisabled {
      cursor: not-allowed;
      color: var(--neutral-neutral-400); }

.bankProofSection .proofTypesBlock {
  position: relative;
  top: -10px; }

.bankProofSection .proofTypeLabel {
  font-size: 14px;
  color: var(--neutral-neutral-500);
  padding: 3px; }

.bankProofSection .proofTypeFormat {
  font-size: 11px;
  color: var(--neutral-neutral-400);
  padding: 3px; }

.bankProofSection hr {
  margin: 5px auto 5px; }

.bankProofSection .sizeInfo {
  color: var(--neutral-neutral-400);
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.45;
  padding: 20px 5px; }

.grayCard {
  background: red;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 27%;
  max-width: calc(var(--body-maxWidth) - 32px);
  margin: 0 auto;
  padding: 16px 16px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--neutral-neutral-100);
  height: 100%; }

.greenBox {
  padding: 10px;
  border-radius: 16px;
  border: solid 1px var(--success-success-300);
  background-color: var(--success-success-50); }

.redBox {
  padding: 10px;
  border-radius: 16px;
  border: solid 0 var(--error-error-300);
  background-color: var(--error-error-50); }
  .redBox.redBoxBorder {
    border: solid 1px var(--error-error-300); }

body.offerScreenV2 {
  padding: 0;
  background-color: var(--white-black-white); }

body.topupCustomBody {
  padding: 0 0 0px;
  background-color: var(--white-black-white); }

body.topUpBody {
  background: #fff; }

body.bodyOverlay {
  overflow: hidden; }
  body.bodyOverlay:before {
    content: '';
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999999;
    background-color: transparent; }

.textContentBlock {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 17px; }
  .textContentBlock .labelContent {
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
    .textContentBlock .labelContent .labelContentLg {
      color: var(--neutral-neutral-600);
      font-weight: 500;
      font-family: 'Rubik', sans-serif; }
    .textContentBlock .labelContent.labelContentDark {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      color: var(--neutral-neutral-600); }
  .textContentBlock .valueContent {
    flex-grow: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
    .textContentBlock .valueContent .rupee-icon {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      color: var(--neutral-neutral-600); }
    .textContentBlock .valueContent .valueContentLg {
      font-size: 17px;
      color: var(--neutral-neutral-600); }
    .textContentBlock .valueContent.valueContentFlex {
      display: flex;
      gap: 4px; }
    .textContentBlock .valueContent.valueContentDark {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      color: var(--neutral-neutral-600); }
  .textContentBlock:last-child {
    margin-bottom: 0; }
  .textContentBlock.textContentColumn {
    flex-direction: column; }
  .textContentBlock.textContentColumnReverse {
    flex-direction: column-reverse; }

.topUpEmiCard {
  padding: 16px;
  border-radius: 20px;
  background-color: #9b99ff;
  background-image: radial-gradient(at 73% 35%, #e88da5 0px, transparent 50%), radial-gradient(at 7% 73%, #a492f7 0px, transparent 50%), radial-gradient(at 35% 69%, #dd7be0 0px, transparent 50%), radial-gradient(at 7% 98%, #eab361 0px, transparent 50%), radial-gradient(at 76% 84%, #bd40f7 0px, transparent 50%), radial-gradient(at 95% 96%, #8e68de 0px, transparent 50%), radial-gradient(at 37% 9%, #5d3af8 0px, transparent 50%); }
  .topUpEmiCard .topUpDisbursalAmount .textContentBlock {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    padding-bottom: 28px; }
    .topUpEmiCard .topUpDisbursalAmount .textContentBlock .valueContent {
      font-family: 'ClashDisplay-Semibold';
      font-weight: 600;
      font-size: 30px;
      letter-spacing: 0.6px;
      color: var(--white-black-white); }
      .topUpEmiCard .topUpDisbursalAmount .textContentBlock .valueContent .rupee-icon {
        font-family: 'ClashDisplay-Semibold';
        font-weight: 600;
        color: var(--white-black-white);
        font-size: 22px; }
    .topUpEmiCard .topUpDisbursalAmount .textContentBlock .labelContent {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      color: var(--white-black-white); }
  .topUpEmiCard .textContentBlock .valueContent {
    color: var(--white-black-white); }
    .topUpEmiCard .textContentBlock .valueContent .rupee-icon {
      color: var(--white-black-white); }
  .topUpEmiCard .textContentBlock .labelContent {
    color: var(--white-black-white); }

.addressDetailsBlock {
  flex-direction: row;
  gap: 3px;
  flex-wrap: wrap; }
  .addressDetailsBlock .textContentBlock {
    flex: 1 1 calc(50% - 4px); }
    .addressDetailsBlock .textContentBlock.fullTextPrefillCol {
      flex: 1 1 100%; }

.bankDetailsBlock {
  flex-direction: row;
  gap: 3px;
  flex-wrap: wrap; }
  .bankDetailsBlock .textContentBlock {
    flex: 1 1 calc(50% - 4px); }
    .bankDetailsBlock .textContentBlock.fullTextPrefillCol {
      flex: 1 1 100%; }

.applicationDetailsBlock {
  flex-direction: row;
  gap: 3px;
  flex-wrap: wrap; }
  .applicationDetailsBlock .textContentBlock {
    flex: 1 1 calc(50% - 4px); }
    .applicationDetailsBlock .textContentBlock.fullTextPrefillCol {
      flex: 1 1 100%; }

.flexBlockCenter {
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  justify-content: center; }

.cvLoanBodyV1 {
  padding: 0 0; }

.loanTextLink {
  color: var(--primary-primary-400);
  font-size: 13px;
  font-weight: 400;
  cursor: pointer; }
  .loanTextLink.loanTextLinkWithUnderline {
    text-decoration: underline; }

body.defaultTopupLandingPage {
  padding: 0;
  background-color: #F8FAFC;
  max-width: 744px;
  overflow-y: auto; }

body.consentPageScreen {
  padding: 0;
  background-color: #F8FAFC;
  max-width: 712px; }

.full-size {
  width: 100%;
  height: 100%; }

.anchorLink {
  word-break: break-word;
  font-family: var(--anchorFontFamily);
  font-weight: var(--anchorFontWeight);
  color: var(--anchorFontColor);
  text-decoration: none;
  cursor: pointer; }

.fitContentMaxWidth {
  max-width: fit-content; }

.headingWithCardSection .policyDescriptionBlock {
  padding: 0 0 48px 0; }
  .headingWithCardSection .policyDescriptionBlock .grievanceBlock li {
    padding: 0; }

.headingWithCardSection p,
.headingWithCardSection ul,
.headingWithCardSection ul li,
.headingWithCardSection ol,
.headingWithCardSection ol li {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-500); }

.headingWithCardSection h2,
.headingWithCardSection h3,
.headingWithCardSection h4 {
  font-weight: 500;
  color: var(--neutral-neutral-500); }

.headingWithCardSection .highLight,
.headingWithCardSection a {
  color: var(--primary-primary-400); }

.headingWithCardSection .fillInBlank {
  border-bottom: 2px solid;
  width: 25%;
  position: relative;
  bottom: 4px;
  left: 2px; }

.text-transform-capitalize {
  text-transform: capitalize; }

.text-transform-uppercase {
  text-transform: uppercase; }

.text-transform-lowercase {
  text-transform: lowercase; }

.text-transform-initial {
  text-transform: initial !important; }

.font-size-0 {
  font-size: 0rem; }

.font-size-1 {
  font-size: 0.0625rem; }

.font-size-2 {
  font-size: 0.125rem; }

.font-size-3 {
  font-size: 0.1875rem; }

.font-size-4 {
  font-size: 0.25rem; }

.font-size-5 {
  font-size: 0.3125rem; }

.font-size-6 {
  font-size: 0.375rem; }

.font-size-7 {
  font-size: 0.4375rem; }

.font-size-8 {
  font-size: 0.5rem; }

.font-size-9 {
  font-size: 0.5625rem; }

.font-size-10 {
  font-size: 0.625rem; }

.font-size-11 {
  font-size: 0.6875rem; }

.font-size-12 {
  font-size: 0.75rem; }

.font-size-13 {
  font-size: 0.8125rem; }

.font-size-14 {
  font-size: 0.875rem; }

.font-size-15 {
  font-size: 0.9375rem; }

.font-size-16 {
  font-size: 1rem; }

.font-size-17 {
  font-size: 1.0625rem; }

.font-size-18 {
  font-size: 1.125rem; }

.font-size-19 {
  font-size: 1.1875rem; }

.font-size-20 {
  font-size: 1.25rem; }

.font-size-21 {
  font-size: 1.3125rem; }

.font-size-22 {
  font-size: 1.375rem; }

.font-size-23 {
  font-size: 1.4375rem; }

.font-size-24 {
  font-size: 1.5rem; }

.font-size-25 {
  font-size: 1.5625rem; }

.font-size-26 {
  font-size: 1.625rem; }

.font-size-27 {
  font-size: 1.6875rem; }

.font-size-28 {
  font-size: 1.75rem; }

.font-size-29 {
  font-size: 1.8125rem; }

.font-size-30 {
  font-size: 1.875rem; }

.font-size-31 {
  font-size: 1.9375rem; }

.font-size-32 {
  font-size: 2rem; }

.font-size-33 {
  font-size: 2.0625rem; }

.font-size-34 {
  font-size: 2.125rem; }

.font-size-35 {
  font-size: 2.1875rem; }

.font-size-36 {
  font-size: 2.25rem; }

.font-size-37 {
  font-size: 2.3125rem; }

.font-size-38 {
  font-size: 2.375rem; }

.font-size-39 {
  font-size: 2.4375rem; }

.font-size-40 {
  font-size: 2.5rem; }

.line-height-14 {
  line-height: 1.4; }

.line-height-15 {
  line-height: 1.5; }

.primary-color-400 {
  color: var(--primary-primary-400); }

body.nachHomeSection {
  padding: 0 0 16px; }
  body.nachHomeSection .nachHeaderBlock {
    padding: 0 16px; }
  body.nachHomeSection .nachGrayCard {
    padding: 0 16px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--neutral-neutral-100);
    position: relative; }
    body.nachHomeSection .nachGrayCard:before {
      content: '';
      border-top-left-radius: 24px;
      border-top-right-radius: 24px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      background-color: var(--neutral-neutral-100);
      position: absolute;
      width: 100%;
      height: auto;
      min-height: 100vh;
      left: 0;
      right: 0;
      margin: 0 auto; }
  body.nachHomeSection .nachAccountFormBlock {
    padding: 0 16px; }
  body.nachHomeSection .nachIfscFormBlock {
    padding: 0 16px; }
  body.nachHomeSection .nachBodyBlock {
    padding: 0 16px; }

.nachHeaderBlock {
  padding: 0; }

.nachGrayCard {
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--white-black-white); }

.noNachAccounts {
  max-width: 260px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 80px;
  position: relative; }
  .noNachAccounts .noNachImg img {
    max-width: 220px; }
  .noNachAccounts .noNachDescription {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--neutral-neutral-500);
    padding: 32px 0 0; }

.descriptionInBottomBlock {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-500);
  padding: 32px 0 0; }

.accountDetailsContent {
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center; }
  .accountDetailsContent.additionalDocsCard {
    gap: 22px; }
  .accountDetailsContent .accountIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 12px;
    background-color: var(--white-black-white);
    border: 0 solid var(--neutral-neutral-300);
    width: 32px;
    height: 32px; }
    .accountDetailsContent .accountIcon img {
      max-width: 100%; }
  .accountDetailsContent .accountDetails {
    display: flex;
    flex-direction: column; }
    .accountDetailsContent .accountDetails .accountNumber {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 14px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }
    .accountDetailsContent .accountDetails .accountBankName {
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 13px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }

.nachAccountList {
  padding: 16px 0; }
  .nachAccountList .eachNachAccountCard {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
    border-radius: 20px;
    background-color: var(--white-black-white); }
    .nachAccountList .eachNachAccountCard .accountStatus {
      padding-bottom: 24px; }
      .nachAccountList .eachNachAccountCard .accountStatus .accountStatusInfo {
        border-radius: 16px;
        background-color: var(--error-error-50);
        padding: 2px 16px;
        font-weight: 500;
        font-family: 'Rubik', sans-serif;
        font-size: 13px;
        display: block; }
      .nachAccountList .eachNachAccountCard .accountStatus.success .accountStatusInfo {
        background-color: var(--success-success-50);
        color: var(--success-success-500); }
      .nachAccountList .eachNachAccountCard .accountStatus.error .accountStatusInfo {
        background-color: var(--error-error-50);
        color: var(--error-error-500); }
      .nachAccountList .eachNachAccountCard .accountStatus.pending .accountStatusInfo {
        background-color: var(--warning-warning-50);
        color: var(--warning-warning-600); }
    .nachAccountList .eachNachAccountCard .accountBtnBlock {
      padding-top: 24px; }
      .nachAccountList .eachNachAccountCard .accountBtnBlock .buttonV2 {
        min-width: auto;
        padding: 10px 20px 10px 24px; }
    .nachAccountList .eachNachAccountCard .eachAccountDetailsBlock {
      display: flex;
      flex-direction: row;
      gap: 0 12px;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
    .nachAccountList .eachNachAccountCard .editIconBtn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 0;
      border-radius: 12px;
      background-color: var(--primary-primary-50);
      width: 32px;
      height: 32px;
      cursor: pointer; }
    .nachAccountList .eachNachAccountCard.accountStatusRejected .accountDetailsContent .accountIcon {
      border: 0 solid var(--neutral-neutral-200); }
      .nachAccountList .eachNachAccountCard.accountStatusRejected .accountDetailsContent .accountIcon img {
        filter: grayscale(1);
        opacity: 0.8; }
    .nachAccountList .eachNachAccountCard.accountStatusRejected .accountDetailsContent .accountDetails .accountNumber {
      color: var(--gray-gray-400); }
    .nachAccountList .eachNachAccountCard.accountStatusRejected .accountDetailsContent .accountDetails .accountBankName {
      color: var(--gray-gray-400); }
  .nachAccountList .highlyRecommendedTag {
    background-image: linear-gradient(121deg, var(--primary-primary-500) 2%, var(--primary-primary-300) 98%);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--primary-primary-100);
    padding: 8px 0 8px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 40px;
    display: none; }
    .nachAccountList .highlyRecommendedTag span {
      position: relative;
      padding: 0 0 0 16px; }
      .nachAccountList .highlyRecommendedTag span:before {
        content: '';
        background-image: url("/static/img/latestUI/star.svg");
        width: 16px;
        height: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        top: 3px;
        position: relative;
        margin-right: 8px; }
      .nachAccountList .highlyRecommendedTag span:after {
        content: '';
        background-image: url("/static/img/latestUI/star.svg");
        width: 16px;
        height: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        top: 3px;
        position: relative;
        right: 0;
        margin-left: 8px; }
  .nachAccountList .eachNachAccountBlock {
    margin-bottom: 16px;
    position: relative; }
    .nachAccountList .eachNachAccountBlock:last-child {
      margin-bottom: 0; }
    .nachAccountList .eachNachAccountBlock.recommendedAccount .highlyRecommendedTag {
      display: block; }
    .nachAccountList .eachNachAccountBlock.recommendedAccount .eachNachAccountCard {
      position: relative;
      top: 36px;
      margin-bottom: 52px; }
  .nachAccountList .accountInfoBlock {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    width: 100%; }
    .nachAccountList .accountInfoBlock .accountInfoIcon {
      width: 20px;
      height: 20px;
      cursor: pointer; }

.searchIfscBtn {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end; }

.ifscCodeBlock {
  display: flex;
  align-items: center;
  justify-self: center;
  flex-direction: column; }
  .ifscCodeBlock .ifscCodeLabel {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--neutral-neutral-600); }
  .ifscCodeBlock .ifscCodeValue {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--primary-primary-400); }

#accountNumber {
  -webkit-text-security: disc;
  -moz-text-security: disc;
  -o-text-security: disc;
  text-security: disc; }

.nachRepaymentSetupBlock {
  display: flex;
  flex-direction: column; }

.eachNachSetupOption {
  padding: 16px;
  border-radius: 20px;
  border: solid 2px var(--neutral-neutral-200);
  background-color: var(--white-black-white);
  margin-bottom: 16px;
  position: relative;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  cursor: pointer; }
  .eachNachSetupOption .nachSetupRecommended {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 16px;
    border: solid 0 var(--primary-primary-400);
    background-color: var(--primary-primary-50);
    color: var(--primary-primary-400);
    font-size: 13px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    margin: 0 0 8px; }
  .eachNachSetupOption .nachSetupHeader {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center; }
  .eachNachSetupOption .nachSetupHeading {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: var(--neutral-neutral-600); }
  .eachNachSetupOption .nachSetupTimer {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    color: var(--neutral-neutral-400);
    display: flex;
    align-items: center;
    gap: 5px; }
  .eachNachSetupOption .nachSetupDescription {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    color: var(--neutral-neutral-500);
    display: flex;
    gap: 8px;
    flex-direction: column;
    margin: 8px 0 0; }
  .eachNachSetupOption .nachSetupHighlighterText {
    padding: 8px;
    border-radius: 12px;
    background-color: var(--primary-primary-50);
    color: var(--neutral-neutral-500); }
  .eachNachSetupOption .selectedNachTick {
    position: absolute;
    top: -7px;
    right: -9px;
    width: 25px;
    height: 25px;
    display: block;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.25s ease-in;
    -webkit-transition: transform 0.25s ease-in;
    -moz-transition: transform 0.25s ease-in;
    -o-transition: transform 0.25s ease-in; }
  .eachNachSetupOption.active {
    border: solid 2px var(--primary-primary-400); }
    .eachNachSetupOption.active .selectedNachTick {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1); }
  .eachNachSetupOption.nachDisabled {
    cursor: not-allowed; }
    .eachNachSetupOption.nachDisabled .nachSetupRecommended {
      display: none; }
    .eachNachSetupOption.nachDisabled .nachSetupHeading {
      color: var(--gray-gray-400); }
    .eachNachSetupOption.nachDisabled .nachSetupTimer {
      color: var(--gray-gray-400); }
    .eachNachSetupOption.nachDisabled .nachSetupDescription {
      color: var(--gray-gray-400); }

.nachSetupInfoBlock {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-500); }

.nachDextrOpsProcessingContent .content-display-block {
  display: block; }

.nachDextrOpsProcessingContent .nachDextrBankInfo {
  padding-top: 30px; }

.nachModalHeader {
  flex-grow: 0;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600); }

.nachModalDescription {
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-500);
  padding: 16px 0; }
  .nachModalDescription .noteInnerBlock {
    align-items: flex-start; }
  .nachModalDescription .noteContent ol {
    margin: 0;
    padding: 0 0 0 20px; }
    .nachModalDescription .noteContent ol li {
      padding-bottom: 3px; }
      .nachModalDescription .noteContent ol li:last-child {
        padding-bottom: 0; }

.paraContent {
  padding-bottom: 16px; }
  .paraContent ul,
  .paraContent ol {
    margin: 0; }
    .paraContent ul li,
    .paraContent ol li {
      padding-bottom: 8px;
      position: relative; }
      .paraContent ul li:last-child,
      .paraContent ol li:last-child {
        padding-bottom: 0; }
    .paraContent ul.customListText,
    .paraContent ol.customListText {
      list-style: none; }
      .paraContent ul.customListText li:before,
      .paraContent ol.customListText li:before {
        content: '';
        background: var(--neutral-neutral-500);
        width: 4px;
        height: 4px;
        position: absolute;
        display: block;
        border-radius: 50%;
        top: 6px;
        left: -16px; }
  .paraContent.paraContentLg {
    font-size: 17px;
    font-weight: 500;
    color: var(--neutral-neutral-600); }

.nachModalIcon {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 16px;
  padding: 0;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: solid 0px var(--primary-primary-300);
  background-color: transparent;
  color: transparent;
  margin-bottom: 24px; }
  .nachModalIcon.error {
    display: flex;
    border: solid 1px var(--error-error-300);
    background-color: var(--error-error-50);
    color: var(--primary-primary-700); }
  .nachModalIcon.pending {
    display: flex;
    border: solid 1px var(--primary-primary-300);
    background-color: var(--primary-primary-50);
    color: var(--primary-primary-700); }
  .nachModalIcon.warning {
    display: flex;
    border: solid 1px var(--warning-warning-300);
    background-color: var(--warning-warning-50);
    color: var(--warning-warning-700); }
  .nachModalIcon.info {
    display: flex;
    border: solid 1px var(--primary-primary-100);
    background-color: var(--primary-primary-50);
    color: var(--primary-primary-700); }
  .nachModalIcon.success {
    display: none;
    margin-bottom: 0; }
  .nachModalIcon.infosuccess {
    display: flex;
    border: solid 1px var(--primary-primary-300);
    background-color: var(--primary-primary-50);
    color: var(--primary-primary-700); }
  .nachModalIcon img {
    max-width: 20px; }

.physicalNachSection .physicalNachCard {
  padding: 16px 0 0;
  position: relative; }
  .physicalNachSection .physicalNachCard .physicalNachContent {
    -webkit-box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
    -moz-box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
    -o-box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
    box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
    background-color: var(--white-black-white);
    padding: 16px;
    border-radius: 20px;
    position: relative; }
    .physicalNachSection .physicalNachCard .physicalNachContent ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .physicalNachSection .physicalNachCard .physicalNachContent ul li {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding-bottom: 32px; }
        .physicalNachSection .physicalNachCard .physicalNachContent ul li .physicalNachHeading {
          color: var(--neutral-neutral-600);
          font-weight: 500;
          font-family: 'Rubik', sans-serif;
          font-size: 14px; }
        .physicalNachSection .physicalNachCard .physicalNachContent ul li .physicalNachDescription {
          color: var(--neutral-neutral-600);
          font-weight: 400;
          font-family: 'Rubik', sans-serif;
          font-size: 13px; }
  .physicalNachSection .physicalNachCard .signedNachEmailBlock {
    padding: 24px 0 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center; }
    .physicalNachSection .physicalNachCard .signedNachEmailBlock .signedNachEmailContent {
      color: var(--neutral-neutral-600);
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 13px; }
    .physicalNachSection .physicalNachCard .signedNachEmailBlock .signedNachEmailContentBtn {
      position: relative; }

.physicalNachSection .nachModalDescription {
  color: var(--neutral-neutral-600); }
  .physicalNachSection .nachModalDescription .physicalNachMoreInfoPoints {
    padding: 0 0 0 16px; }
  .physicalNachSection .nachModalDescription .physicalNachSampleImage {
    padding-top: 16px; }
    .physicalNachSection .nachModalDescription .physicalNachSampleImage a {
      display: block;
      cursor: pointer; }
    .physicalNachSection .nachModalDescription .physicalNachSampleImage img {
      max-width: 280px;
      margin: 0 auto;
      display: block; }

@media only screen and (max-width: 380px) {
  .nachAccountList .accountBtnBlock .buttonV2 {
    min-width: auto;
    width: auto; } }

.bankAccountDetailsContent {
  display: flex;
  gap: 16px;
  flex-direction: row;
  padding: 0px 16px 24px;
  align-items: center; }
  .bankAccountDetailsContent .accountIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 12px;
    background-color: var(--white-black-white);
    border: 0 solid var(--neutral-neutral-300);
    width: 32px;
    height: 32px; }
    .bankAccountDetailsContent .accountIcon img {
      max-width: 100%; }
  .bankAccountDetailsContent .accountDetails {
    display: flex;
    flex-direction: column; }
    .bankAccountDetailsContent .accountDetails .accountNumber {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 14px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }
    .bankAccountDetailsContent .accountDetails .accountBankName {
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 13px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-500); }

.offerLoadingScreenSection .offerLoaderLottie {
  padding: 40px 0 30px;
  display: block; }

.offerLoadingScreenSection .offerScreenLoaderHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: column; }
  .offerLoadingScreenSection .offerScreenLoaderHeader .offerScreenLoaderHeading {
    color: var(--primary-primary-50);
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    line-height: 1.5; }
  .offerLoadingScreenSection .offerScreenLoaderHeader .offerScreenLoaderSubText {
    color: var(--primary-primary-100);
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 1.5; }

.offerLoadingScreenSection .offerChecksList {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding-top: 32px;
  position: relative; }
  .offerLoadingScreenSection .offerChecksList .eachOfferCheck {
    border: solid 2px var(--primary-primary-300);
    background-color: var(--primary-primary-400);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: all 0.25s ease-in-out; }
    .offerLoadingScreenSection .offerChecksList .eachOfferCheck .eachOfferCheckLabel {
      color: var(--primary-primary-200);
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 14px; }
    .offerLoadingScreenSection .offerChecksList .eachOfferCheck .eachOfferCheckIcon .offer-loader-icon {
      display: block; }
    .offerLoadingScreenSection .offerChecksList .eachOfferCheck .eachOfferCheckIcon .offer-checkmark-icon {
      display: none; }
    .offerLoadingScreenSection .offerChecksList .eachOfferCheck.active {
      border: solid 2px var(--secondary-secondary);
      background-color: var(--primary-primary-400); }
      .offerLoadingScreenSection .offerChecksList .eachOfferCheck.active .eachOfferCheckLabel {
        color: var(--primary-primary-50); }
      .offerLoadingScreenSection .offerChecksList .eachOfferCheck.active .eachOfferCheckIcon .offer-loader-icon {
        display: none; }
      .offerLoadingScreenSection .offerChecksList .eachOfferCheck.active .eachOfferCheckIcon .offer-checkmark-icon {
        display: block; }

.offerLoadingScreenSection .offerScreenNote {
  color: var(--primary-primary-50);
  font-size: 13px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px 0 0; }

.offerLoadingScreenSection .offer-loader-icon {
  z-index: 1;
  display: block;
  width: 17px;
  height: 17px;
  border: 2px solid transparent;
  border-radius: 50%;
  border-top: 3px solid var(--primary-primary-200);
  -webkit-animation: loaderSpin 0.5s linear infinite;
  animation: loaderSpin 0.5s linear infinite; }

body.offerLoaderScreenV3 {
  background-color: var(--primary-primary-400); }

.processingScreenSection.redirectionStartScreen {
  position: fixed;
  z-index: 9999999999;
  background: #fff;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0; }

.processingScreenSection.continueInJourneyBlock {
  position: relative;
  background: #fff;
  display: block; }
  .processingScreenSection.continueInJourneyBlock .continueInJourneyContentBlock {
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 18px; }

.tenantRedirectionImg {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px; }
  .tenantRedirectionImg .tenantRedirectionLogo img {
    position: relative;
    max-width: 120px; }
  .tenantRedirectionImg .redirectionIcon img {
    max-width: 32px; }
  .tenantRedirectionImg .prefrRedirectionLogo img {
    position: relative;
    max-width: 100px; }

body.enableRedirectHomeScreen .processingScreenSection.redirectionStartScreen {
  display: flex; }

.docTutorialList .eachDocInfoBlock {
  padding: 16px;
  border-radius: 16px;
  background-color: var(--neutral-neutral-100);
  display: flex;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  margin: 0 0 16px; }
  .docTutorialList .eachDocInfoBlock .eachDocInfoHeading {
    color: var(--neutral-neutral-600);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    padding: 0 0 0 56px; }
  .docTutorialList .eachDocInfoBlock .eachDocInfoDescription {
    color: var(--neutral-neutral-500);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    padding: 0 0 0 56px; }
  .docTutorialList .eachDocInfoBlock .eachDocInfoCount {
    color: var(--neutral-neutral-300);
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 24px;
    position: absolute; }
  .docTutorialList .eachDocInfoBlock:last-child {
    margin: 0 0 0; }

.docDataSecure {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 66px 0 0;
  gap: 8px; }
  .docDataSecure .docDataSecureImg lottie-player {
    width: 40px;
    height: 40px; }
  .docDataSecure .docDataSecureText {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600);
    display: flex;
    flex-direction: column;
    gap: 4px; }
    .docDataSecure .docDataSecureText span.regularText {
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 11px; }
    .docDataSecure .docDataSecureText span.boldText {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 13px; }

.docDataHelpTextBlock {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 68px 0 0; }
  .docDataHelpTextBlock .docHelpTextIcon {
    width: 20px;
    height: 20px; }
    .docDataHelpTextBlock .docHelpTextIcon img {
      max-height: 20px; }
  .docDataHelpTextBlock .docDataHelpText {
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .docDataHelpTextBlock .docDataHelpTextHeading {
    color: var(--neutral-neutral-600);
    font-size: 13px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif; }
  .docDataHelpTextBlock .docDataHelpTextDescription {
    color: var(--neutral-neutral-600);
    font-size: 13px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif; }

.listOptionBlock .listOptionInnerBlock .listOptionMainHeading {
  color: var(--neutral-neutral-500);
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
  padding: 8px 0; }

.listOptionBlock .listOptionInnerBlock:first-child .listOptionMainHeading {
  padding: 0 0 8px; }

.listOptionBlock .listOptionInnerBlock:last-child .listOptionMainHeading {
  padding: 8px 0 8px; }

body.docHomeSection {
  padding: 0 0 16px; }
  body.docHomeSection .docHeaderBlock {
    padding: 0 16px; }
  body.docHomeSection .docBodyBlock {
    padding: 0 0; }
  body.docHomeSection .addressListOptions {
    padding: 0 16px; }

.eachListOptionBlock {
  padding: 16px;
  border-radius: 20px;
  border: solid 2px var(--neutral-neutral-200);
  background-color: var(--white-black-white);
  margin-bottom: 16px;
  position: relative;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  cursor: pointer; }
  .eachListOptionBlock .eachListOptionRecommended {
    display: inline-block;
    padding: 2px 16px;
    border-radius: 16px;
    border: solid 0 var(--primary-primary-400);
    background-color: var(--primary-primary-50);
    color: var(--primary-primary-400);
    font-size: 13px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    margin: 0 0 8px; }
    .eachListOptionBlock .eachListOptionRecommended.negativeImpact {
      background-color: var(--error-error-50);
      color: var(--error-error-500); }
  .eachListOptionBlock .eachListOptionInfoBlock {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    gap: 12px; }
  .eachListOptionBlock .eachListOptionIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 20px;
    background-color: grey; }
  .eachListOptionBlock .eachListOptionContentBlock {
    display: flex;
    flex-direction: column;
    width: calc(100% - 60px);
    gap: 4px; }
  .eachListOptionBlock .eachListOptionHeader {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center; }
  .eachListOptionBlock .eachListOptionHeading {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    color: var(--neutral-neutral-600); }
  .eachListOptionBlock .eachListOptionTimer {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    color: var(--neutral-neutral-400);
    display: flex;
    align-items: center;
    gap: 5px; }
  .eachListOptionBlock .eachListOptionDescription {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    color: var(--neutral-neutral-500);
    display: flex;
    gap: 8px;
    flex-direction: column;
    margin: 8px 0 0; }
  .eachListOptionBlock .eachListOptionHighlighterText {
    padding: 8px;
    border-radius: 12px;
    background-color: var(--primary-primary-50);
    color: var(--neutral-neutral-500); }
  .eachListOptionBlock .eachListOptionSelectedTick {
    position: absolute;
    top: -7px;
    right: -9px;
    width: 25px;
    height: 25px;
    display: block;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.25s ease-in;
    -webkit-transition: transform 0.25s ease-in;
    -moz-transition: transform 0.25s ease-in;
    -o-transition: transform 0.25s ease-in; }
  .eachListOptionBlock.eachListOptionBlockNoIcon .eachListOptionContentBlock {
    width: 100%; }
  .eachListOptionBlock.eachListOptionBlockNoIcon .eachListOptionHeading {
    font-size: 16px; }
  .eachListOptionBlock.active {
    border: solid 2px var(--primary-primary-400); }
    .eachListOptionBlock.active .eachListOptionSelectedTick {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1); }
  .eachListOptionBlock.eachListOptionDisabled {
    cursor: not-allowed; }
    .eachListOptionBlock.eachListOptionDisabled .eachListOptionRecommended {
      display: none; }
    .eachListOptionBlock.eachListOptionDisabled .eachListOptionHeading {
      color: var(--gray-gray-400); }
    .eachListOptionBlock.eachListOptionDisabled .eachListOptionTimer {
      color: var(--gray-gray-400); }
    .eachListOptionBlock.eachListOptionDisabled .eachListOptionDescription {
      color: var(--gray-gray-400); }

.eachListOptionBlock#digilocker .eachListOptionIcon {
  background-color: #efeaff; }

.eachListOptionBlock#aadhaar .eachListOptionIcon {
  background-color: #fff1f2; }

.eachListOptionBlock#aadhaarbridge .eachListOptionIcon {
  background-color: #fff1f2; }

.eachListOptionBlock#drivingLicense .eachListOptionIcon {
  background-color: #eef1fc; }

.identityProofAddtionalContent .identityProofAddtionalContentLabel {
  color: var(--neutral-neutral-600);
  font-size: 13px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  padding: 8px 0 8px; }

.identityProofAddtionalContent .identityProofAddtionalContentLinks {
  color: var(--primary-primary-400);
  font-size: 13px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  padding-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer; }
  .identityProofAddtionalContent .identityProofAddtionalContentLinks span {
    width: 16px;
    height: 16px; }
    .identityProofAddtionalContent .identityProofAddtionalContentLinks span img {
      max-height: 16px; }

.docGrayCard {
  padding: 16px 16px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--neutral-neutral-100);
  position: relative;
  min-height: calc(100vh - 300px); }

.singleFileUploadCard {
  padding: 16px;
  border-radius: 20px;
  background-color: var(--white-black-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  position: relative; }
  .singleFileUploadCard .singleFileUploadHeader {
    border-radius: 0;
    background-color: var(--neutral-neutral-50);
    min-height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .singleFileUploadCard .singleFileUploadHeader .uploadHeaderHeading {
      text-align: left;
      color: var(--neutral-neutral-600);
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 14px; }
    .singleFileUploadCard .singleFileUploadHeader .uploadHeaderIcons {
      display: flex;
      justify-content: flex-end;
      gap: 16px; }
      .singleFileUploadCard .singleFileUploadHeader .uploadHeaderIcons .eachUploadHeaderIcon {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .singleFileUploadCard .singleFileUploadHeader .uploadHeaderIcons .eachUploadHeaderIcon.uploadInfoIcon {
          position: relative;
          border-radius: 12px;
          background-color: var(--primary-primary-50); }
        .singleFileUploadCard .singleFileUploadHeader .uploadHeaderIcons .eachUploadHeaderIcon.uploadDeleteIcon {
          position: relative;
          border-radius: 12px;
          background-color: var(--error-error-50); }
          .singleFileUploadCard .singleFileUploadHeader .uploadHeaderIcons .eachUploadHeaderIcon.uploadDeleteIcon.deleteDisable {
            filter: grayscale(1); }
  .singleFileUploadCard .singleFileUploadBody {
    position: relative;
    width: 100%; }
    .singleFileUploadCard .singleFileUploadBody .singleFileInnerBodyNoData {
      background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%234d6cd9' stroke-width='2' stroke-dasharray='8%2c 9' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
      border-radius: 16px;
      background-color: var(--neutral-neutral-50);
      min-height: 296px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
    .singleFileUploadCard .singleFileUploadBody .singleFileInnerBodyPreview {
      border-radius: 16px;
      border: dotted 1px transparent;
      background-color: var(--neutral-neutral-50);
      min-height: 296px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .singleFileUploadCard .singleFileUploadBody .singleFileInnerBodyPreview img.previewFile {
        max-width: 100%;
        margin: 0 auto; }
    .singleFileUploadCard .singleFileUploadBody .openCameraLink {
      color: var(--neutral-neutral-600);
      font-size: 13px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      cursor: pointer;
      gap: 12px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .singleFileUploadCard .singleFileUploadBody .openCameraLink .cameraIcon {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        border: solid 1px var(--primary-primary-100);
        background-color: var(--primary-primary-50); }
        .singleFileUploadCard .singleFileUploadBody .openCameraLink .cameraIcon img {
          max-height: 16px; }
    .singleFileUploadCard .singleFileUploadBody .docPreviewImage {
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 16px;
      border: dotted 1px transparent; }

.newUploadFileBlock {
  position: relative; }
  .newUploadFileBlock .newUploadFileUploadBody {
    position: relative;
    width: 100%; }
    .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyNoData {
      background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%234d6cd9' stroke-width='2' stroke-dasharray='8%2c 9' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
      border-radius: 16px;
      background-color: var(--white-black-white);
      min-height: 100px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
    .newUploadFileBlock .newUploadFileUploadBody .uploadLinkBlock {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 8px; }
      .newUploadFileBlock .newUploadFileUploadBody .uploadLinkBlock .cameraIcon {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        border: solid 1px var(--primary-primary-100);
        background-color: var(--primary-primary-50); }
        .newUploadFileBlock .newUploadFileUploadBody .uploadLinkBlock .cameraIcon img {
          max-height: 16px; }
      .newUploadFileBlock .newUploadFileUploadBody .uploadLinkBlock .uploadLinkText {
        font-size: 13px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif;
        color: var(--neutral-neutral-600); }
    .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData {
      box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08);
      background-color: var(--white-black-white);
      border-radius: 16px;
      min-height: 100px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      position: relative;
      padding: 8px;
      gap: 16px; }
      .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData .uploadImageBlock .uploadFileImageBg {
        height: 112px;
        width: 112px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 16px;
        border: solid 1px var(--primary-primary-100); }
      .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData .uploadImageBlock img.uploadFileImage {
        max-width: 112px; }
      .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData .uploadContent {
        color: var(--neutral-neutral-600);
        font-weight: 400;
        font-family: 'Rubik', sans-serif;
        font-size: 13px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: calc(100% - 144px); }
        .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData .uploadContent .uploadedText {
          color: var(--success-success-500);
          font-size: 13px;
          font-weight: 500;
          font-family: 'Rubik', sans-serif; }
      .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData .uploadDeleteBlock {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;
        border-radius: 12px;
        background-color: var(--error-error-50); }
      .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData .newUploadFileContentBlock {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        width: calc(100% - 16px); }
      .newUploadFileBlock .newUploadFileUploadBody .newUploadFileInnerBodyData .uploadCardFooter {
        width: 100%;
        margin-top: 0; }

.selfieInfoDescription {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 16px; }
  .selfieInfoDescription .selfieMainImg {
    margin: 0 auto;
    max-width: 161px; }
  .selfieInfoDescription .selfieInfoMainContent {
    color: var(--neutral-neutral-500);
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    padding-top: 24px;
    text-align: center; }
  .selfieInfoDescription .selfieUploadInfoList {
    padding: 24px 0; }
    .selfieInfoDescription .selfieUploadInfoList ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px; }
      .selfieInfoDescription .selfieUploadInfoList ul li {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 12px; }
        .selfieInfoDescription .selfieUploadInfoList ul li .selfieListIcon {
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 16px; }
          .selfieInfoDescription .selfieUploadInfoList ul li .selfieListIcon.cleanSelfieFace {
            border: solid 1px var(--error-error-300);
            background-color: var(--error-error-50); }
          .selfieInfoDescription .selfieUploadInfoList ul li .selfieListIcon.cleanSelfieBg {
            border: solid 1px var(--success-success-300);
            background-color: var(--success-success-50); }
          .selfieInfoDescription .selfieUploadInfoList ul li .selfieListIcon.cleanSelfieBattery {
            border: solid 1px var(--warning-warning-300);
            background-color: var(--warning-warning-50); }
          .selfieInfoDescription .selfieUploadInfoList ul li .selfieListIcon img {
            position: relative; }
        .selfieInfoDescription .selfieUploadInfoList ul li .selfieListDescription {
          color: var(--neutral-neutral-600);
          font-size: 14px;
          font-weight: 400;
          font-family: 'Rubik', sans-serif; }

.addressListOptions {
  margin-bottom: 16px; }
  .addressListOptions label {
    color: var(--neutral-neutral-600);
    font-size: 13px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif; }
  .addressListOptions select {
    padding: 0px;
    margin-top: 2px; }
  .addressListOptions .dropdownHelpText {
    color: var(--neutral-neutral-500);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    padding-top: 32px; }

.isAddressSameAsCurrentAddressBlock {
  padding: 0 16px 32px; }

.tentativeOfferSection .tentativeOfferBlock {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 32px;
  gap: 8px;
  position: relative; }
  .tentativeOfferSection .tentativeOfferBlock .tentativeOfferSuccess {
    position: absolute;
    top: -60px; }
  .tentativeOfferSection .tentativeOfferBlock .tentativeOfferHeading {
    color: var(--neutral-neutral-600);
    font-size: 18px;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    letter-spacing: 0.36px; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferHeading .offerMaintext {
      color: #ffc371; }
  .tentativeOfferSection .tentativeOfferBlock .tentativeOfferAmount {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(102deg, #ff5f6d 1%, #ffc371 100%);
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 40px;
    line-height: 1.23;
    letter-spacing: 0.8px; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferAmount .rupee-icon {
      font-family: 'ClashDisplay-Semibold';
      font-weight: 600;
      font-size: 22px;
      background-image: linear-gradient(154deg, #ff5f6d 4%, #ffc371 93%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      line-height: 1.5;
      letter-spacing: 0.44px;
      padding-right: 4px; }
  .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .tentativeOfferContentLabel {
    color: var(--neutral-neutral-500);
    font-size: 13px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    text-align: center; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .tentativeOfferContentLabel b {
      font-weight: 500;
      font-family: 'Rubik', sans-serif; }
  .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementTimePeriod {
    text-align: center;
    position: relative;
    margin-top: 4px; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementTimePeriod:before, .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementTimePeriod:after {
      content: '';
      width: 16px;
      height: 16px;
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      position: relative;
      background-image: url("/static/img/latestUI/star-blue.svg"); }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementTimePeriod:before {
      top: 3px;
      position: relative; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementTimePeriod:after {
      top: 3px;
      right: 0px; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementTimePeriod .statementTimePeriodValue {
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      line-height: 1.5;
      letter-spacing: 0.36px;
      font-family: 'ClashDisplay-Semibold';
      font-weight: 600;
      background-image: linear-gradient(97deg, #4e54c8 1%, #8f94fb 100%);
      font-size: 18px; }
  .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementUploadProcess {
    text-align: center;
    color: var(--neutral-neutral-500);
    font-size: 13px;
    padding-top: 32px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeOfferContentBlock .statementUploadBlock .statementUploadProcess b {
      font-weight: 500;
      font-family: 'Rubik', sans-serif; }
  .tentativeOfferSection .tentativeOfferBlock .tentativeRecommendedTag {
    position: relative;
    width: 108px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px auto 0; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeRecommendedTag .tentativeRecommendedStar {
      width: 26px;
      height: 26px;
      border: solid 1px var(--primary-primary-400);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      border-radius: 50%;
      background-color: #fff;
      z-index: 1; }
      .tentativeOfferSection .tentativeOfferBlock .tentativeRecommendedTag .tentativeRecommendedStar:before {
        content: '';
        width: 18px;
        height: 18px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        background-image: url("/static/img/latestUI/star-blue.svg"); }
    .tentativeOfferSection .tentativeOfferBlock .tentativeRecommendedTag:before {
      content: '';
      background-color: var(--primary-primary-400);
      height: 1px;
      width: 100%;
      position: absolute;
      top: auto;
      bottom: auto; }
    .tentativeOfferSection .tentativeOfferBlock .tentativeRecommendedTag:after {
      content: '';
      background-color: #fff;
      height: 36px;
      width: 36px;
      position: absolute;
      top: auto;
      bottom: auto; }

.tentativeTopPriorityBanks {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 12px;
  padding: 24px 0 0; }
  .tentativeTopPriorityBanks .eachPriorityBankBlock {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    width: calc(25% - 12px);
    box-sizing: border-box;
    cursor: pointer; }
    .tentativeTopPriorityBanks .eachPriorityBankBlock .eachPriorityBankLogo {
      display: block;
      width: 44px;
      height: 44px;
      border: 2px solid #ebebeb;
      border-radius: 16px;
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: center;
      margin: 0 auto; }
    .tentativeTopPriorityBanks .eachPriorityBankBlock .eachPriorityBankLabel {
      display: block;
      color: var(--neutral-neutral-500);
      font-size: 11px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      text-align: center;
      line-height: 1.5; }

.tentativeBankSection .banksListHelpText {
  color: var(--neutral-neutral-500);
  font-size: 14px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }
  .tentativeBankSection .banksListHelpText b {
    font-weight: 500;
    font-family: 'Rubik', sans-serif; }
  .tentativeBankSection .banksListHelpText .bankListMoreInfo {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: var(--primary-primary-400); }

.tentativeBanksList {
  position: relative; }
  .tentativeBanksList .tentativeBanksListHeading {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    padding-bottom: 16px;
    color: var(--neutral-neutral-500); }
  .tentativeBanksList .eachTentativeBank {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 16px 12px;
    padding-bottom: 16px;
    transition: all 0.25 ease-in-out;
    cursor: pointer; }
    .tentativeBanksList .eachTentativeBank .eachTentativeBankLogo {
      display: flex;
      width: 38px;
      margin: 0 auto;
      overflow: hidden; }
      .tentativeBanksList .eachTentativeBank .eachTentativeBankLogo img {
        max-width: 30px; }
    .tentativeBanksList .eachTentativeBank .eachTentativeBankLabel {
      display: flex;
      color: var(--neutral-neutral-500);
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      line-height: 1.5;
      width: 100%; }

.tentativeBanksNoList .tentativeBanksNoListDescription {
  color: var(--neutral-neutral-500);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  gap: 8px;
  padding: 120px 0 20px; }

.tentativeBanksNoList .tentativeCantFindBanks {
  color: var(--neutral-neutral-500);
  font-size: 14px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center; }
  .tentativeBanksNoList .tentativeCantFindBanks .buttonV2 {
    cursor: pointer; }
    .tentativeBanksNoList .tentativeCantFindBanks .buttonV2.buttonInline {
      padding: 0 0 0 4px; }

.tentativeBanksListSearch {
  padding-bottom: 24px; }
  .tentativeBanksListSearch #tenativeBankSearchInputField {
    padding-top: 24px; }
  .tentativeBanksListSearch .cv-input-field.cv-input-field input {
    border: solid 1.5px var(--neutral-neutral-200);
    background-color: var(--white-black-white);
    border-radius: 20px;
    height: 48px; }
    .tentativeBanksListSearch .cv-input-field.cv-input-field input:focus {
      background-color: var(--input-field-focused-bgColor);
      border-top: var(--input-field-focused-border-top);
      border-left: var(--input-field-focused-border-left);
      border-right: var(--input-field-focused-border-right);
      border-bottom: var(--input-field-focused-border-bottom);
      color: var(--input-field-filled-font-color); }
  .tentativeBanksListSearch .cv-input-field .cv-input-field-block {
    position: relative;
    display: flex;
    height: 48px;
    align-items: center; }
    .tentativeBanksListSearch .cv-input-field .cv-input-field-block .searchIcon {
      position: absolute;
      top: auto;
      right: 12px;
      bottom: auto;
      height: 20px; }
      .tentativeBanksListSearch .cv-input-field .cv-input-field-block .searchIcon img {
        max-height: 20px; }

.tentativeUploadStatementFlowSection {
  position: relative; }
  .tentativeUploadStatementFlowSection .listOptionInnerBlock {
    display: flex;
    flex-direction: column; }
  .tentativeUploadStatementFlowSection .eachListOptionMoreInfo {
    position: relative;
    padding: 0 0 16px; }
    .tentativeUploadStatementFlowSection .eachListOptionMoreInfo .infoText {
      position: relative;
      color: var(--primary-primary-400);
      font-size: 13px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      display: flex;
      align-items: center;
      padding-left: 16px; }
      .tentativeUploadStatementFlowSection .eachListOptionMoreInfo .infoText:after {
        content: '';
        border-style: solid;
        border-color: var(--primary-primary-400);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-left: 0;
        position: absolute;
        right: 0px; }
      .tentativeUploadStatementFlowSection .eachListOptionMoreInfo .infoText:before {
        content: '';
        width: 12px;
        height: 12px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        background-image: url("/static/img/latestUI/star-blue.svg");
        position: absolute;
        left: 0px; }
  .tentativeUploadStatementFlowSection .tentativeSecureLottie {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 26px;
    max-width: 266px;
    margin: 0 auto; }
    .tentativeUploadStatementFlowSection .tentativeSecureLottie .secureLottieText {
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 11px;
      line-height: 1.5;
      text-align: left;
      color: var(--neutral-neutral-500); }
      .tentativeUploadStatementFlowSection .tentativeSecureLottie .secureLottieText .poweredByTentative {
        color: var(--neutral-neutral-500);
        font-weight: 500;
        font-family: 'Rubik', sans-serif;
        font-size: 11px;
        line-height: 1.5;
        display: flex;
        align-items: center;
        gap: 4px; }

.selectedBankBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  gap: 8px; }
  .selectedBankBlock .selectedBankValue {
    display: flex;
    gap: 12px;
    align-items: center; }
    .selectedBankBlock .selectedBankValue .bankLogo .selectedBankLogo {
      display: flex;
      width: 28px;
      height: 28px;
      border: 2px solid #ebebeb;
      border-radius: 10px;
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: center;
      margin: 0 auto;
      overflow: hidden; }
    .selectedBankBlock .selectedBankValue .bankContent {
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 11px;
      color: var(--neutral-neutral-500); }
      .selectedBankBlock .selectedBankValue .bankContent .bankValue {
        color: var(--neutral-neutral-500);
        font-size: 14px;
        font-weight: 500;
        font-family: 'Rubik', sans-serif;
        display: block; }
  .selectedBankBlock .selectedBankChange {
    position: relative;
    width: 75px; }

.tentativePendingStatementSection {
  padding: 0 0 32px; }
  .tentativePendingStatementSection .tentativePendingStatementModalHeader {
    flex-grow: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 17px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
  .tentativePendingStatementSection .tentativePendingStatementModalDescription {
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500);
    padding: 24px 0; }
    .tentativePendingStatementSection .tentativePendingStatementModalDescription .missingMonths {
      padding: 0 0 24px; }
    .tentativePendingStatementSection .tentativePendingStatementModalDescription .uploadedMonths {
      padding: 0 0 24px; }
    .tentativePendingStatementSection .tentativePendingStatementModalDescription .statementInfo {
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      color: var(--neutral-neutral-500); }
      .tentativePendingStatementSection .tentativePendingStatementModalDescription .statementInfo b {
        font-weight: 500;
        font-family: 'Rubik', sans-serif; }
    .tentativePendingStatementSection .tentativePendingStatementModalDescription .statementDateList {
      display: flex;
      flex-direction: row;
      gap: 18px;
      padding: 8px 0 0; }
      .tentativePendingStatementSection .tentativePendingStatementModalDescription .statementDateList .monthInfoNote {
        border-radius: 32px;
        background-color: var(--success-success-50);
        color: var(--success-success-500);
        font-weight: 500;
        font-family: 'Rubik', sans-serif;
        font-size: 13px;
        padding: 6px 16px;
        text-align: center; }
        .tentativePendingStatementSection .tentativePendingStatementModalDescription .statementDateList .monthInfoNote.error {
          background-color: var(--error-error-50);
          color: var(--error-error-400); }
    .tentativePendingStatementSection .tentativePendingStatementModalDescription .noteInnerBlock {
      align-items: flex-start; }
    .tentativePendingStatementSection .tentativePendingStatementModalDescription .noteContent ol {
      margin: 0;
      padding: 0 0 0 20px; }
      .tentativePendingStatementSection .tentativePendingStatementModalDescription .noteContent ol li {
        padding-bottom: 3px; }
        .tentativePendingStatementSection .tentativePendingStatementModalDescription .noteContent ol li:last-child {
          padding-bottom: 0; }
  .tentativePendingStatementSection .paraContent {
    padding-bottom: 16px; }
    .tentativePendingStatementSection .paraContent ul,
    .tentativePendingStatementSection .paraContent ol {
      margin: 0; }
      .tentativePendingStatementSection .paraContent ul li,
      .tentativePendingStatementSection .paraContent ol li {
        padding-bottom: 8px;
        position: relative; }
        .tentativePendingStatementSection .paraContent ul li:last-child,
        .tentativePendingStatementSection .paraContent ol li:last-child {
          padding-bottom: 0; }
      .tentativePendingStatementSection .paraContent ul.customListText,
      .tentativePendingStatementSection .paraContent ol.customListText {
        list-style: none; }
        .tentativePendingStatementSection .paraContent ul.customListText li:before,
        .tentativePendingStatementSection .paraContent ol.customListText li:before {
          content: '';
          background: var(--neutral-neutral-500);
          width: 4px;
          height: 4px;
          position: absolute;
          display: block;
          border-radius: 50%;
          top: 6px;
          left: -16px; }
  .tentativePendingStatementSection .tentativePendingStatementModalIconBlock {
    display: flex;
    padding-bottom: 24px; }
  .tentativePendingStatementSection .tentativePendingStatementModalIcon {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 16px;
    padding: 0;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: solid 0px var(--primary-primary-300);
    background-color: transparent;
    color: transparent;
    position: relative;
    z-index: 1; }
    .tentativePendingStatementSection .tentativePendingStatementModalIcon.error {
      display: flex;
      border: solid 1px var(--error-error-300);
      background-color: var(--error-error-50);
      color: var(--primary-primary-700); }
    .tentativePendingStatementSection .tentativePendingStatementModalIcon img {
      max-width: 20px; }
  .tentativePendingStatementSection .tentativePendingStatementBankLogo {
    display: flex;
    border: solid 1px var(--error-error-300);
    background-color: transparent;
    color: var(--primary-primary-700);
    width: 38px;
    height: 38px;
    border-radius: 16px;
    padding: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: transparent;
    position: relative;
    left: -4px; }
    .tentativePendingStatementSection .tentativePendingStatementBankLogo img {
      max-width: 30px;
      display: block; }

.loanModalV2.loanModalNewBottomSheet .modalInnerBlockHeader .modalInnerBlockHeaderContent .tentativePendingStatementModalIconBlock {
  padding-bottom: 0; }

.timerScreenSection {
  position: relative; }

.cantFindBankBlock {
  position: relative;
  padding: 24px 0; }
  .cantFindBankBlock .contentIcon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 16px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-bottom: 24px; }
    .cantFindBankBlock .contentIcon.error-icon {
      border: solid 1px var(--error-error-300);
      background-color: var(--error-error-50);
      color: var(--error-error-800); }
  .cantFindBankBlock .contentHeading {
    font-size: 22px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: var(--neutral-neutral-600);
    padding: 0 0 8px;
    line-height: 1.5; }
  .cantFindBankBlock .contentDescription {
    font-size: 14px;
    color: var(--neutral-neutral-500);
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    line-height: 1.5; }
  .cantFindBankBlock .bankFeedbackInputBlock {
    padding: 24px 0 0; }

.passwordHintBlock {
  padding: 0 0 24px; }
  .passwordHintBlock .buttonV2 {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0; }
    .passwordHintBlock .buttonV2 .buttonText {
      font-size: 14px; }
      .passwordHintBlock .buttonV2 .buttonText:after {
        transform: rotate(-315deg);
        -webkit-transform: rotate(-315deg);
        top: -3px;
        position: relative; }
  .passwordHintBlock .passwordHintContent {
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    display: none; }
    .passwordHintBlock .passwordHintContent ul,
    .passwordHintBlock .passwordHintContent ol {
      padding: 0 0 0 20px;
      margin: 0; }
      .passwordHintBlock .passwordHintContent ul li,
      .passwordHintBlock .passwordHintContent ol li {
        padding: 0 0 12px; }
  .passwordHintBlock.active .buttonV2 .buttonText {
    font-size: 14px; }
    .passwordHintBlock.active .buttonV2 .buttonText:after {
      transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      top: 2px; }
  .passwordHintBlock.active .passwordHintContent {
    padding: 12px 0 0;
    display: block; }

.stepsDownloadStatementSection .stepsDownloadStatementBody .heading {
  color: var(--neutral-neutral-600);
  font-size: 16px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  padding-bottom: 16px; }

.stepsDownloadStatementSection .stepsDownloadStatementBody .stepsDownloadContent {
  font-size: 13px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  color: var(--neutral-neutral-500); }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .stepsDownloadContent b {
    font-weight: 500;
    font-family: 'Rubik', sans-serif; }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .stepsDownloadContent.stepDownloadNetBankingInfo {
    display: flex;
    align-items: flex-start;
    gap: 8px; }

.stepsDownloadStatementSection .stepsDownloadStatementBody ul.stepsDownloadContent {
  margin: 0;
  padding: 0 0 0 20px; }
  .stepsDownloadStatementSection .stepsDownloadStatementBody ul.stepsDownloadContent li {
    padding-bottom: 12px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    color: var(--neutral-neutral-500); }
    .stepsDownloadStatementSection .stepsDownloadStatementBody ul.stepsDownloadContent li:last-child {
      padding-bottom: 0; }

.stepsDownloadStatementSection .stepsDownloadStatementBody .stepsDownloadStatementLine {
  margin: 16px auto;
  border: solid 1px var(--neutral-neutral-200); }

.stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload {
  padding: 16px 0 0; }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .heading {
    color: var(--neutral-neutral-600);
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    padding: 16px 0;
    border-top: solid 1px var(--neutral-neutral-200);
    border-bottom: solid 1px var(--neutral-neutral-200);
    border-left: solid 0 var(--neutral-neutral-200);
    border-right: solid 0 var(--neutral-neutral-200);
    display: block;
    position: relative; }
    .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .heading:before {
      content: '';
      width: 16px;
      height: 2px;
      background-color: var(--primary-primary-400);
      position: absolute;
      right: 0;
      top: 23px; }
    .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .heading:after {
      content: '';
      width: 2px;
      height: 16px;
      background-color: var(--primary-primary-400);
      position: absolute;
      right: 7px;
      top: 16px;
      transition: transform 0.25s linear;
      transform: rotate(0deg); }
    .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .heading .headingInnerText {
      width: calc(100% - 30px);
      display: block; }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .content {
    padding: 0 16px;
    background-color: var(--background-background-50);
    overflow: hidden;
    height: 0;
    transition: all 0.25s linear; }
    .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .content ul,
    .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .content ol {
      padding: 0 0 0 20px;
      margin: 0; }
      .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .content ul li,
      .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .content ol li {
        color: var(--neutral-neutral-500);
        font-size: 13px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif;
        padding-bottom: 12px; }
        .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .content ul li:last-child,
        .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload .content ol li:last-child {
          padding-bottom: 0; }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload:last-child {
    padding: 0 0 0; }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload.active .heading {
    color: var(--primary-primary-400); }
    .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload.active .heading:after {
      transform: rotate(90deg); }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .accordianStepsDownload.active .content {
    padding: 12px 16px;
    height: auto; }

.stepsDownloadStatementSection .stepsDownloadStatementBody .stepsDownloadStatementVideoBlock {
  padding-bottom: 16px; }
  .stepsDownloadStatementSection .stepsDownloadStatementBody .stepsDownloadStatementVideoBlock iframe {
    width: 100%;
    height: 210px;
    border-radius: 8px; }

.stepsToDownloadStatementInfo {
  position: relative;
  padding: 8px 0 0; }
  .stepsToDownloadStatementInfo .infoText {
    position: relative;
    color: var(--primary-primary-400);
    font-size: 13px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    display: flex;
    align-items: center;
    padding-left: 16px; }
    .stepsToDownloadStatementInfo .infoText:after {
      content: '';
      border-style: solid;
      border-color: var(--primary-primary-400);
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      margin-left: 0;
      position: absolute;
      right: 0px; }
    .stepsToDownloadStatementInfo .infoText:before {
      content: '';
      width: 12px;
      height: 12px;
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      position: relative;
      background-image: url("/static/img/latestUI/star-blue.svg");
      position: absolute;
      left: 0px; }

.docHomeSection .stepsDownloadStatementSection {
  padding-left: 16px;
  padding-right: 16px; }

.tentativeRangeInErrorModal {
  border-radius: 32px;
  background-color: var(--neutral-neutral-100);
  padding: 8px 0;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  width: 163px;
  text-align: center; }
  .tentativeRangeInErrorModal b {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 13px; }

.timelineSection .eachTimelineBlock {
  position: relative;
  padding: 0 0 0 40px; }
  .timelineSection .eachTimelineBlock:before {
    content: '';
    width: 20px;
    height: 20px;
    flex-grow: 0;
    border: solid 2px var(--neutral-neutral-300);
    background-color: var(--white-black-white);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 2; }
  .timelineSection .eachTimelineBlock:after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: var(--neutral-neutral-300);
    position: absolute;
    left: 11px;
    top: 28px;
    z-index: 1; }
  .timelineSection .eachTimelineBlock:last-child:after {
    display: none; }
  .timelineSection .eachTimelineBlock:last-child .timelineContent:last-child {
    margin-bottom: 18px; }
  .timelineSection .eachTimelineBlock.active:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent;
    background-image: url("/static/img/latestUI/successIcon_timeline.svg");
    background-repeat: no-repeat;
    background-size: cover; }
  .timelineSection .eachTimelineBlock.active:after {
    background-color: var(--success-success-500); }
  .timelineSection .eachTimelineBlock.approved:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent;
    background-image: url("/static/img/latestUI/successIcon_timeline.svg");
    background-repeat: no-repeat;
    background-size: cover; }
  .timelineSection .eachTimelineBlock.approved:after {
    background-color: var(--success-success-500); }
  .timelineSection .eachTimelineBlock.pending:before, .timelineSection .eachTimelineBlock.additionalDetails:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent;
    background-image: url("/static/img/latestUI/infoIcon-warning.svg");
    background-repeat: no-repeat;
    background-size: cover; }
  .timelineSection .eachTimelineBlock.pending:after, .timelineSection .eachTimelineBlock.additionalDetails:after {
    background-color: var(--warning-warning-500); }
  .timelineSection .eachTimelineBlock.rejected:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent;
    background-image: url("/static/img/latestUI/infoIcon-error.svg");
    background-repeat: no-repeat;
    background-size: cover; }
  .timelineSection .eachTimelineBlock.rejected:after {
    background-color: var(--neutral-neutral-400); }

.eachTimelineContent {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0 8px;
  border-radius: 0;
  margin-bottom: 16px;
  position: relative; }
  .eachTimelineContent .eachTimelineHeading {
    flex-grow: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-600); }
  .eachTimelineContent .eachTimelineDescription {
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500);
    display: flex;
    justify-content: space-between;
    gap: 16px; }
    .eachTimelineContent .eachTimelineDescription .timelineStepLoader {
      position: relative; }

.applicationTimelineRejected .timelineSection .eachTimelineBlock {
  position: relative;
  padding: 0 0 0 40px; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock:before {
    content: '';
    width: 20px;
    height: 20px;
    flex-grow: 0;
    border: solid 2px var(--neutral-neutral-400);
    background-color: var(--white-black-white);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 2; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock:after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: var(--neutral-neutral-400);
    position: absolute;
    left: 11px;
    top: 28px;
    z-index: 2; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock:last-child:after {
    display: none; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock:last-child .timelineContent:last-child {
    margin-bottom: 18px; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.approved:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent;
    background-image: url("/static/img/latestUI/success_grey.svg");
    background-repeat: no-repeat;
    background-size: cover; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.approved:after {
    background-color: var(--neutral-neutral-400); }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.pending:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent;
    background-image: url("/static/img/latestUI/infoIcon-grey.svg");
    background-repeat: no-repeat;
    background-size: cover; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.pending:after {
    background-color: var(--neutral-neutral-400); }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.rejected:before {
    width: 24px;
    height: 24px;
    border: solid 0 transparent; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.rejected:after {
    background-color: var(--neutral-neutral-400); }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.rejected .eachTimelineContent .eachTimelineHeading {
    color: var(--neutral-neutral-600); }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock.rejected .eachTimelineContent .eachTimelineDescription {
    display: inherit; }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock .eachTimelineContent .eachTimelineHeading {
    color: var(--neutral-neutral-400); }
  .applicationTimelineRejected .timelineSection .eachTimelineBlock .eachTimelineContent .eachTimelineDescription {
    display: none; }

.circleLoader {
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-radius: 50%;
  border-top: 3px solid var(--primary-primary-200);
  border-left: 3px solid var(--primary-primary-200);
  -webkit-animation: loaderSpin 0.75s linear infinite;
  animation: loaderSpin 0.75s linear infinite; }

.applicationTimelineInfoText {
  color: var(--neutral-neutral-600);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  gap: 8px;
  margin-top: 32px; }

.opsJourneyActivityBody .homeIcon {
  display: none; }
  .opsJourneyActivityBody .homeIcon.backIcon {
    display: flex; }

.opsJourneyActivityBody #messageScreenBtn {
  display: none !important; }

:root {
  --primaryColor: #4d6cd9;
  --tenantLogo: url('/static/img/tenantLogos/creditvidya.png');
  --contrastColor: #ffffff;
  --secoundPrimaryColor: #4d6cd9;
  --cvTopBar: 0%;
  --boldFontFamily: 'Rubik', sans-serif;
  --boldFontWeight: 500;
  --boldFontColor: var(--neutral-neutral-500);
  --anchorFontFamily: 'Rubik', sans-serif;
  --anchorFontWeight: 500;
  --anchorFontColor: var(--primaryColor);
  --poweredByFontFamily: 'Rubik', sans-serif;
  --poweredByFontWeight: 500;
  --poweredByFontColor: var(--neutral-neutral-400);
  --paragraphFontFamily: 'Rubik', sans-serif;
  --paragraphFontWeight: 400;
  --paragraphFontColor: #2d3039;
  --listFontFamily: 'Rubik', sans-serif;
  --listFontWeight: 400;
  --listFontColor: #2d3039;
  --fontLightFontFamily: 'Rubik', sans-serif;
  --fontLightFontWeight: 400;
  --fontRegularFontFamily: 'Rubik', sans-serif;
  --fontRegularFontWeight: 400;
  --fontMediumFontFamily: 'Rubik', sans-serif;
  --fontMediumFontWeight: 500;
  --fontSemiBoldFontFamily: 'Rubik', sans-serif;
  --fontSemiBoldFontWeight: 500;
  --fontBoldFontFamily: 'Rubik', sans-serif;
  --fontBoldFontWeight: 500;
  --svgprimaryColor: var(--primaryColor);
  --svgStrokeColor: var(--primaryColor);
  --svgBgColor: var(--primaryColor);
  --svgBtnBgColor: var(--primaryColor);
  --svgBtnBgLinkColor: var(--contrastColor);
  --inputOtpTextFontFamily: 'Rubik', sans-serif;
  --inputOtpTextFontWeight: 500;
  --multiselectFontFamily: 'Rubik', sans-serif;
  --multiselectFontWeight: 500;
  --multiselectFontColor: #2d3039;
  --multiselectPlaceholderColor: '#777777';
  --multiselectBackground: #f4f7fc;
  --multiselectBorderRadius: 26px;
  --multiselectArrowColor: #999;
  --multiselectDropdownFontColor: #2d3039;
  --multiselectTagBorderLeft: 0 solid #dddddd;
  --multiselectTagBorderRight: 0 solid #dddddd;
  --multiselectTagBorderTop: 0 solid #dddddd;
  --multiselectTagBorderBottom: 0 solid #dddddd;
  --multiselectTagPadding: 8px 40px 0 9px;
  --approvedAmountFontFamily: 'Rubik', sans-serif;
  --approvedAmountFontWeight: 500;
  --approvedAmountFontSize: 2rem;
  --approvedAmountFontColor: '#2d3039';
  --amountInputPadding: 10px 15px 10px 24px;
  --amountRupeeLeft: 12px;
  --amountRupeeTop: 12px;
  --eachEmiBorder: 2px solid var(--primaryColor);
  --eachEmiBg: #dbe0f1;
  --eachEmiActiveColor: #4d6cd9;
  --eachEmiLabelFontFamily: 'Rubik', sans-serif;
  --eachEmiLabelFontWeight: 400;
  --eachEmiLabelColor: #2d3039;
  --eachEmiValueFontFamily: 'Rubik', sans-serif;
  --eachEmiValueFontWeight: 500;
  --eachEmiValueColor: #2d3039;
  --checkboxBgColor: var(--primaryColor);
  --checkboxLinkColor: var(--contrastColor);
  --toastFontFamily: 'Rubik', sans-serif;
  --toastFontWeight: 400;
  --pan_svg_indicator_opacity: 1;
  --pan_svg_rounded_corners_stroke: var(--primaryColor);
  --pan_svg_bg_fill: var(--primaryColor);
  --pan_svg_bg_opacity: 0.15;
  --pan_card_border_stroke: var(--primaryColor);
  --pan_svg_user_border_stroke: var(--primaryColor);
  --pan_svg_user_border_icon_head_stroke: var(--primaryColor);
  --pan_svg_user_border_icon_body_stroke: var(--primaryColor);
  --pan_svg_user_icon_text_lines_stroke: var(--primaryColor);
  --emblemSvgRibbonsColor: #405cbf;
  --popperTitleFontFamily: 'Rubik', sans-serif;
  --popperTitleFontWeight: 500;
  --popperTitleFontColor: #2d3039;
  --popperTitleBg: #4d6cd9;
  --popperContentFontFamily: 'Rubik', sans-serif;
  --popperContenFontWeight: 400;
  --popperContenFontColor: #2d3039;
  --popperContentBg: #fff;
  --popperContentBoxShadow: 0 6px 0 rgba(0, 0, 0, 0.08);
  --processingPieChartBg: var(--primaryColor);
  --processingPieChartBgActive: var(--primaryColor);
  --processingSvgBgColor: var(--contrastColor);
  --processingTextColor: var(--primaryColor);
  --processingSuccessfill: var(--primaryColor);
  --processingSuccessStroke: var(--contrastColor);
  --neutral-neutral-100: #f1f5f9;
  --neutral-neutral-200: #e2e8f0;
  --neutral-neutral-300: #cbd5e1;
  --neutral-neutral-400: #94a3b8;
  --neutral-neutral-500: #64748b;
  --neutral-neutral-600: #475569;
  --neutral-neutral-700: #334155;
  --neutral-neutral-800: #1e293b;
  --neutral-neutral-900: #0f172a;
  --primary-primary-50: #eef1fc;
  --primary-primary-100: #d2daf5;
  --primary-primary-200: #a7b6ed;
  --primary-primary-300: #7a91e3;
  --primary-primary-400: #4d6cd9;
  --primary-primary-500: #415cb8;
  --primary-primary-600: #3a51a3;
  --primary-primary-700: #27366d;
  --primary-primary-800: #131b36;
  --primary-primary-900: #080b16;
  --secondary-secondary: #38f4a4;
  --success-success-50: #f0fdf4;
  --success-success-100: #dcfce7;
  --success-success-200: #bbf7d0;
  --success-success-300: #86efac;
  --success-success-400: #4ade80;
  --success-success-500: #22c55e;
  --success-success-600: #16a34a;
  --success-success-700: #15803d;
  --success-success-800: #166534;
  --success-success-900: #14532d;
  --warning-warning-50: #fefce8;
  --warning-warning-100: #fef9c3;
  --warning-warning-200: #fef08a;
  --warning-warning-300: #fde047;
  --warning-warning-400: #facc15;
  --warning-warning-500: #eab308;
  --warning-warning-600: #ca8a04;
  --warning-warning-700: #a16207;
  --warning-warning-800: #854d0e;
  --warning-warning-900: #713f12;
  --error-error-50: #fef2f2;
  --error-error-100: #fee2e2;
  --error-error-200: #fecaca;
  --error-error-300: #fca5a5;
  --error-error-400: #f87171;
  --error-error-500: #ef4444;
  --error-error-600: #dc2626;
  --error-error-700: #b91c1c;
  --error-error-800: #991b1b;
  --error-error-900: #7f1d1d;
  --gray-gray-50: #fafafa;
  --gray-gray-100: #f5f5f5;
  --gray-gray-200: #e5e5e5;
  --gray-gray-300: #d4d4d4;
  --gray-gray-400: #a3a3a3;
  --gray-gray-500: #737373;
  --gray-gray-600: #525252;
  --gray-gray-700: #404040;
  --gray-gray-800: #262626;
  --gray-gray-900: #171717;
  --background-background-50: #f5f7fd;
  --white-black-white: #fff;
  --white-black-black: #000;
  --body-maxWidth: 640px;
  --body-bgColor: var(--white-black-white);
  --body-padding: 0 16px 15px;
  --body-font-family: 'Rubik', sans-serif;
  --body-font-weight: 400;
  --body-font-size: 16px;
  --body-font-color: #2d3039;
  --loan-header-padding: 14px 0 14px;
  --loan-header-display: flex;
  --content-header-padding: 8px 0 24px;
  --content-heading-margin-top: 16px;
  --content-heading-font-family: 'Rubik', sans-serif;
  --content-heading-font-weight: 500;
  --content-heading-font-size: 22px;
  --content-heading-font-color: var(--neutral-neutral-600);
  --content-heading-sm-font-family: 'Rubik', sans-serif;
  --content-heading-sm-font-weight: 500;
  --content-heading-sm-font-size: 18px;
  --content-heading-sm-font-color: var(--neutral-neutral-500);
  --content-description-font-family: 'Rubik', sans-serif;
  --content-description-font-weight: 400;
  --content-description-font-size: 14px;
  --content-description-font-color: var(--neutral-neutral-500);
  --padding-header: 15px 30px;
  --input-label-padding: 0 0 2px 0;
  --input-label-font-size: 13px;
  --input-label-font-family: 'Rubik', sans-serif;
  --input-label-font-weight: 500;
  --input-label-font-color: var(--neutral-neutral-600);
  --input-field-bgColor: var(--neutral-neutral-100);
  --input-field-padding: 0 0 0 12px;
  --input-field-border-top: 1px solid transparent;
  --input-field-border-bottom: 1px solid transparent;
  --input-field-border-left: 1px solid transparent;
  --input-field-border-right: 1px solid transparent;
  --input-field-border-radius: 14px;
  --input-field-lineheight: 1.5;
  --input-field-height: 40px;
  --input-field-filled-font-color: var(--neutral-neutral-600);
  --input-field-filled-font-size: 14px;
  --input-field-filled-font-family: 'Rubik', sans-serif;
  --input-field-filled-font-weight: 400;
  --input-field-placeholder-font-color: var(--neutral-neutral-400);
  --input-field-placeholder-font-size: 14px;
  --input-field-placeholder-font-family: 'Rubik', sans-serif;
  --input-field-placeholder-font-weight: 400;
  --input-field-focused-bgColor: var(--primary-primary-50);
  --input-field-focused-border-top: 1px solid var(--primary-primary-400);
  --input-field-focused-border-bottom: 1px solid var(--primary-primary-400);
  --input-field-focused-border-left: 1px solid var(--primary-primary-400);
  --input-field-focused-border-right: 1px solid var(--primary-primary-400);
  --input-field-focused-font-color: var(--neutral-neutral-600);
  --input-field-disabled-bgColor: var(--gray-gray-100);
  --input-field-disabled-padding: 0 0 0 9px;
  --input-field-disabled-border-top: 0 solid #dddddd;
  --input-field-disabled-border-bottom: 0 solid #dddddd;
  --input-field-disabled-border-left: 0 solid #dddddd;
  --input-field-disabled-border-right: 0 solid #dddddd;
  --input-field-disabled-border-radius: 14px;
  --input-field-disabled-opacity: 0.8;
  --input-field-disabled-lineheight: 1.5;
  --input-field-disabled-font-color: var(--gray-gray-400);
  --input-field-disabled-font-size: 14px;
  --input-field-disabled-font-family: 'Rubik', sans-serif;
  --input-field-disabled-font-weight: 400;
  --input-field-help-text-font-family: 'Rubik', sans-serif;
  --input-field-help-text-font-weight: 500;
  --input-field-help-text-font-size: 11px;
  --input-field-help-text-font-color: var(--neutral-neutral-400);
  --input-field-help-text-font-color-green: var(--success-success-600);
  --input-field-help-text-opacity: 0.8;
  --input-field-help-text-padding: 2px 0 0 0;
  --input-field-help-text-position: relative;
  --input-field-help-text-position-top: auto;
  --input-field-help-text-position-bottom: auto;
  --input-field-help-text-position-left: auto;
  --input-field-help-text-position-right: auto;
  --input-field-error-text-font-family: 'Rubik', sans-serif;
  --input-field-error-text-font-weight: 500;
  --input-field-error-text-font-size: 11px;
  --input-field-error-text-font-color: var(--error-error-400);
  --input-field-error-text-opacity: 1;
  --input-field-error-text-position: relative;
  --input-field-error-text-position-top: auto;
  --input-field-error-text-position-bottom: auto;
  --input-field-error-text-position-left: 0;
  --input-field-error-text-position-right: auto;
  --input-field-error-bgColor: var(--error-error-50);
  --input-field-error-border-top: solid 1px var(--error-error-400);
  --input-field-error-border-bottom: solid 1px var(--error-error-400);
  --input-field-error-border-left: solid 1px var(--error-error-400);
  --input-field-error-border-right: solid 1px var(--error-error-400);
  --input-field-error-filled-font-family: 'Rubik', sans-serif;
  --input-field-error-filled-font-weight: 400;
  --input-field-error-filled-font-color: var(--error-error-400);
  --input-textarea-minHeight: auto;
  --radiobtn-rounded-label-font-family: 'Rubik', sans-serif;
  --radiobtn-rounded-label-font-weight: 400;
  --radiobtn-rounded-label-font-color: var(--neutral-neutral-600);
  --radiobtn-rounded-label-font-size: 14px;
  --radiobtn-rounded-label-font-opacity: 1;
  --radiobtn-rounded-bgcolor: transparent;
  --radiobtn-rounded-width: 16px;
  --radiobtn-rounded-height: 16px;
  --radiobtn-rounded-border: 2px solid var(--neutral-neutral-300);
  --radiobtn-rounded-innerdot-bgcolor: transparent;
  --radiobtn-rounded-innerdot-width: 8px;
  --radiobtn-rounded-innerdot-height: 8px;
  --radiobtn-rounded-innerdot-border: 0px solid transparent;
  --radiobtn-rounded-active-bgcolor: transparent;
  --radiobtn-rounded-active-border: 2px solid var(--primary-primary-400);
  --radiobtn-rounded-active-innerdot-bgcolor: var(--primary-primary-400);
  --radiobtn-rounded-active-innerdot-border: 0 solid transparent;
  --radiobtn-bgcolor: '';
  --radiobtn-label-font-family: 'Rubik', sans-serif;
  --radiobtn-label-font-weight: 400;
  --radiobtn-label-font-color: var(--neutral-neutral-600);
  --radiobtn-label-font-size: 14px;
  --radiobtn-checkmark-border-top: 2px solid var(--neutral-neutral-200);
  --radiobtn-checkmark-border-bottom: 2px solid var(--neutral-neutral-200);
  --radiobtn-checkmark-border-left: 2px solid var(--neutral-neutral-200);
  --radiobtn-checkmark-border-right: 2px solid var(--neutral-neutral-200);
  --radiobtn-checkmark-border-radius: 14px;
  --radiobtn-checkmark-bgcolor: var(--neutral-neutral-100);
  --radiobtn-checkmark-active-border-top: 2px solid var(--primary-primary-400);
  --radiobtn-checkmark-active-border-bottom: 2px solid var(--primary-primary-400);
  --radiobtn-checkmark-active-border-left: 2px solid var(--primary-primary-400);
  --radiobtn-checkmark-active-border-right: 2px solid var(--primary-primary-400);
  --radiobtn-checkmark-active-bgcolor: var(--primary-primary-50);
  --radiobtn-checkmark-active-label-font-color: var(--primary-primary-400);
  --radiobtn-checkmark-error-border-top: 2px solid var(--error-error-400);
  --radiobtn-checkmark-error-border-bottom: 2px solid var(--error-error-400);
  --radiobtn-checkmark-error-border-left: 2px solid var(--error-error-400);
  --radiobtn-checkmark-error-border-right: 2px solid var(--error-error-400);
  --radiobtn-checkmark-error-bgcolor: var(--error-error-50);
  --multiselect-bgColor: var(--neutral-neutral-100);
  --multiselect-border-radius: 14px;
  --multiselect-border-top: 1px solid transparent;
  --multiselect-border-bottom: 1px solid transparent;
  --multiselect-border-left: 1px solid transparent;
  --multiselect-border-right: 1px solid transparent;
  --multiselect-padding: 0 40px 0 10px;
  --multiselect-input-font-family: 'Rubik', sans-serif;
  --multiselect-input-font-weight: 400;
  --multiselect-input-font-size: 14px;
  --multiselect-input-font-color: var(--neutral-neutral-600);
  --multiselect-input-padding: 10px 0;
  --multiselect-placeholder-font-family: 'Rubik', sans-serif;
  --multiselect-placeholder-font-weight: 400;
  --multiselect-placeholder-font-size: 14px;
  --multiselect-placeholder-font-color: var(--neutral-neutral-400);
  --multiselect-placeholder-padding: 10px 0;
  --multiselect-selected-font-family: 'Rubik', sans-serif;
  --multiselect-selected-font-weight: 400;
  --multiselect-selected-font-size: 14px;
  --multiselect-selected-font-color: var(--neutral-neutral-600);
  --multiselect-selected-padding: 10px 0;
  --multiselect-dropdown-font-family: 'Rubik', sans-serif;
  --multiselect-dropdown-font-weight: 400;
  --multiselect-dropdown-font-size: 12px;
  --multiselect-dropdown-font-color: var(--white-black-black);
  --multiselect-dropdown-selected-bgcolor: var(--primary-primary-600);
  --multiselect-dropdown-selected-font-family: 'Rubik', sans-serif;
  --multiselect-dropdown-selected-font-weight: 400;
  --multiselect-dropdown-selected-font-size: 12px;
  --multiselect-dropdown-selected-font-color: var(--white-black-white);
  --multiselect-dropdown-highlighted-bgcolor: var(--primary-primary-400);
  --multiselect-dropdown-highlighted-font-family: 'Rubik', sans-serif;
  --multiselect-dropdown-highlighted-font-weight: 400;
  --multiselect-dropdown-highlighted-font-size: 12px;
  --multiselect-dropdown-highlighted-font-color: var(--white-black-white);
  --multiselect-chevron-bgcolor: transparent;
  --multiselect-chevron-border-radius: 0 14px 14px 0;
  --multiselect-chevron-border-color: #999 transparent transparent;
  --multiselect-chevron-active-border-radius: 0 14px 0 0;
  --multiselect-error-bgColor: var(--error-error-50);
  --multiselect-error-border-radius: 14px;
  --multiselect-error-border-top: solid 1px var(--error-error-400);
  --multiselect-error-border-bottom: solid 1px var(--error-error-400);
  --multiselect-error-border-left: solid 1px var(--error-error-400);
  --multiselect-error-border-right: solid 1px var(--error-error-400);
  --multiselect-focused-bgColor: var(--primary-primary-50);
  --multiselect-focused-border-top: solid 1px var(--primary-primary-400);
  --multiselect-focused-border-bottom: solid 1px var(--primary-primary-400);
  --multiselect-focused-border-left: solid 1px var(--primary-primary-400);
  --multiselect-focused-border-right: solid 1px var(--primary-primary-400);
  --multiselect-focused-font-color: var(--neutral-neutral-600);
  --buttonBgLinkColor: var(--contrastColor);
  --buttonBgColor: var(--primaryColor);
  --buttonTransparentBgLinkColor: var(--primaryColor);
  --buttonLinkColor: var(--primaryColor);
  --buttonLinkBg: transparent;
  --buttonLabelFontFamily: 'Rubik', sans-serif;
  --buttonLabelFontWeight: 500;
  --buttonLabelTextTransform: uppercase;
  --buttonBorderRadius: 56px;
  --modal-block-bg: rgba(0, 0, 0, 0.5);
  --modal-innerblock-bg: #ffffff;
  --modal-innerblock-maxwidth: var(--body-maxWidth);
  --modal-innerblock-padding: 0 16px 16px;
  --modal-innerblock-border-top-left-radius: 24px;
  --modal-innerblock-border-top-right-radius: 24px;
  --modal-innerblock-border-bottom-left-radius: 0;
  --modal-innerblock-border-bottom-right-radius: 0;
  --modal-heading-font-family: 'Rubik', sans-serif;
  --modal-heading-font-weight: 500;
  --modal-heading-font-size: 1.25rem;
  --modal-heading-font-color: var(--neutral-neutral-600);
  --modal-heading-padding: 20px 0 0;
  --modal-description-font-family: 'Rubik', sans-serif;
  --modal-description-font-weight: 400;
  --modal-description-font-size: 1rem;
  --modal-description-font-color: var(--neutral-neutral-500);
  --popper-content-font-family: 'Rubik', sans-serif;
  --popper-content-font-weight: 400;
  --popper-content-font-size: 13px;
  --popper-content-font-color: var(--white-black-white);
  --popper-content-padding: 14px;
  --popper-content-bgcolor: var(--primary-primary-400);
  --popper-content-boxshadow: none;
  --popper-content-border: 0px solid var(--primary-primary-400);
  --popper-content-border-radius: 12px;
  --popper-content-box-shadow: none;
  --popper-content-font-alignment: left;
  --loanpolicy-link-font-family: 'Rubik', sans-serif;
  --loanpolicy-link-font-weight: 500;
  --loanpolicy-link-font-color: var(--primary-primary-400); }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -moz-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -o-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  tap-highlight-color: rgba(0, 0, 0, 0) !important; }

#offerAgreement body,
#offerAgreement #db_agreementBody {
  font-family: 'fontRegular' !important;
  color: #000 !important; }

#offerAgreement #db_agreementBody b {
  font-family: 'fontMedium' !important;
  font-weight: normal; }

#offerAgreement #db_agreementBody ol,
#offerAgreement #db_agreementBody ul {
  color: #000 !important;
  padding-left: 30px !important; }

#offerAgreement #db_agreementBody li ul,
#offerAgreement #db_agreementBody li ol {
  color: #000 !important;
  padding-left: 20px !important;
  font-family: 'fontRegular'; }

#offerAgreement #db_agreementBody #agreementCheckbox {
  display: none !important; }

#offerAgreement #bnplLoanAgreement {
  font-family: 'fontRegular' !important; }

#offerAgreement #bnplLoanAgreement #agreementCheckbox {
  display: none !important; }

body {
  background-color: var(--body-bgColor);
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--body-font-color);
  max-width: var(--body-maxWidth);
  padding: var(--body-padding);
  line-height: 22px;
  margin: 0 auto;
  overflow-x: hidden;
  overscroll-behavior-y: none; }
  body.modalShow {
    overflow: hidden; }
  body.processingScreenBody {
    background: var(--buttonBgColor); }
    body.processingScreenBody .topHeader {
      background: var(--buttonBgColor); }
  body.noTopBar .topHeader {
    display: none; }
  body.noTopBar .cvLoanHeaderTitle {
    margin-top: 30px; }
  body.remove_redirection_buttons .btn_hide {
    display: none; }
  body.remove_redirection_buttons .home {
    display: none; }
  body.remove_redirection_buttons .Home {
    display: none; }
  body.blockLoanJourney {
    position: relative; }
    body.blockLoanJourney:before {
      content: '';
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0);
      z-index: 999999; }

#contactUs {
  visibility: var(--helpBtnVisibility); }

b {
  font-family: var(--boldFontFamily);
  font-weight: var(--boldFontWeight); }

.clearfix:after {
  display: block;
  content: '';
  clear: both; }

a {
  word-break: break-word;
  font-family: var(--anchorFontFamily);
  font-weight: var(--anchorFontWeight);
  color: var(--anchorFontColor);
  text-decoration: none; }

.highLight {
  word-break: break-word;
  color: var(--primaryColor);
  font-family: var(--anchorFontFamily);
  font-weight: var(--anchorFontWeight); }

.highLight_colored {
  word-break: break-word;
  color: var(--primaryColor);
  font-family: var(--anchorFontFamily);
  font-weight: var(--anchorFontWeight); }

.marginBottom-30 {
  margin-bottom: 30px; }

.readPrivacy {
  margin-bottom: 15px; }

.policyLink {
  font-family: var(--loanpolicy-link-font-family);
  font-weight: var(--loanpolicy-link-font-weight);
  color: var(--loanpolicy-link-font-color);
  cursor: pointer; }

.policiesContent {
  word-break: break-word; }
  .policiesContent p {
    margin-top: 0; }
  .policiesContent ul,
  .policiesContent ol {
    padding-left: 18px; }
    .policiesContent ul li,
    .policiesContent ol li {
      padding-bottom: 8px; }

.mandatoryFieldsContent {
  color: var(--neutral-neutral-500);
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.45;
  padding: 16px 5px 20px; }

.cv-section-fixed-bottom-padding {
  padding-bottom: 130px; }

.cv-section-fixed-bottom-padding-new {
  padding-bottom: 200px; }

.cvLoanFooter.cvLoanFooterFixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0; }

.poweredBy {
  font-family: var(--poweredByFontFamily);
  font-weight: var(--poweredByFontWeight);
  color: var(--poweredByFontColor);
  font-size: 0.7em;
  text-align: center;
  padding: 8px 0 0; }
  .poweredBy span {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px; }
  .poweredBy img {
    max-height: 30px; }
  .poweredBy.poweredBySplit {
    margin-bottom: 15px;
    padding: 0 0 0; }
    .poweredBy.poweredBySplit span {
      flex-direction: column;
      height: auto; }
    .poweredBy.poweredBySplit img {
      max-height: 54px; }

.multiple-input-fields-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2px 16px; }
  .multiple-input-fields-3.input-fields-2 {
    grid-template-columns: 1fr 1fr; }

.multiple-input-fields-dob-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: auto;
  grid-gap: 2px 16px; }
  .multiple-input-fields-dob-3.input-fields-2 {
    grid-template-columns: 1fr 1fr; }

.disburseGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  padding-bottom: 20px; }
  .disburseGrid .final-loan-value {
    font-size: 1.15em;
    text-align: right; }

.sanctionContent {
  text-align: center;
  padding-bottom: 24px; }
  .sanctionContent .sanctionHeading {
    font-size: 1.3em;
    font-family: 'fontBold';
    padding-bottom: 12px;
    color: #233a8c; }
  .sanctionContent .sanctionDescription {
    font-size: 1em;
    color: #626a83; }

.sanctionDetails span.value {
  font-family: 'fontBold';
  color: #233a8c; }
  .sanctionDetails span.value.value-lg {
    font-size: 1.75em; }
  .sanctionDetails span.value.value-md {
    font-size: 1.2em; }
  .sanctionDetails span.value.value-sm {
    font-size: 1em; }
  .sanctionDetails span.value span {
    display: inline-block;
    font-size: 0.85em; }

.sanctionDetails span.label {
  font-size: 0.9em;
  font-family: 'fontRegular';
  color: #626a83; }

.sanctionDetails.sanction-center {
  text-align: center; }

.sanctionDetails.sanction-left {
  text-align: left; }

.sanctionDetails.sanction-right {
  text-align: right; }

.sanctionDetails.span-block span {
  display: block; }

.displayBlock {
  display: block; }

.flexCenter {
  display: flex;
  align-items: center;
  gap: 12px; }

.bulbIcon {
  border-radius: 15px;
  max-height: 60px;
  -webkit-box-shadow: 0 0 19px 3px rgba(255, 197, 39, 0.15);
  -moz-box-shadow: 0 0 19px 3px rgba(255, 197, 39, 0.15);
  -o-box-shadow: 0 0 19px 3px rgba(255, 197, 39, 0.15);
  box-shadow: 0 0 19px 3px rgba(255, 197, 39, 0.15);
  background: transparent; }

.repaymentContent ul li {
  padding-bottom: 12px; }
  .repaymentContent ul li:last-child {
    padding-bottom: 0; }

.logoSeperator {
  width: 2px;
  height: 32px;
  position: relative; }
  .logoSeperator:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--neutral-neutral-300);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto; }

@media (max-height: 480px) {
  .cv-section-fixed-bottom-padding {
    padding-bottom: 16px; }
  .cv-section-fixed-bottom-padding-new {
    padding-bottom: 26px; } }

@media screen and (max-width: 360px) {
  .multiple-input-fields-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 2px 16px; }
  .multiple-input-fields-dob-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: auto;
    grid-gap: 2px 16px; } }

.lottieIcon {
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 auto; }

.lottieBgLayerCircle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  z-index: 0; }

.mainSection {
  background-color: #fff; }
  .mainSection.availableSection {
    background: var(--neutral-neutral-100, #f1f5f9);
    padding: 40px 16px; }
    .mainSection.availableSection .innerContentSection {
      padding: 0; }
      .mainSection.availableSection .innerContentSection .headingBlock {
        margin-bottom: 16px; }
      .mainSection.availableSection .innerContentSection .sectionBody .roundCircleBlock::after {
        content: '';
        display: inline-block;
        background: #cbd5e1;
        width: 156px;
        height: 1px;
        margin: 12px 0;
        vertical-align: middle; }
      .mainSection.availableSection .innerContentSection .sectionBody .roundCircleBlock .roundCircle {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background-color: var(--primary-primary-400, #4d6cd9);
        display: flex;
        justify-content: center;
        align-items: center; }
      .mainSection.availableSection .innerContentSection .sectionBody .eachContactDetailBlock {
        display: flex;
        flex-direction: column;
        gap: 8px; }
        .mainSection.availableSection .innerContentSection .sectionBody .eachContactDetailBlock .callIconLabel {
          color: var(--neutral-neutral-500, #64748b);
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px; }
        .mainSection.availableSection .innerContentSection .sectionBody .eachContactDetailBlock .callIconValue {
          color: var(--primary-primary-400, #4d6cd9);
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 21px;
          cursor: pointer;
          display: flex;
          align-items: center;
          gap: 8px; }
          .mainSection.availableSection .innerContentSection .sectionBody .eachContactDetailBlock .callIconValue .contactInfoValue {
            color: #4d6cd9;
            position: relative;
            top: 1px; }
  .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    max-width: 784px;
    margin: auto; }
    .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock {
      display: flex;
      padding: 12px;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      flex: 1 0 0;
      border-radius: 12px;
      background: #fcf2f2;
      min-width: 148px;
      max-height: 114px; }
      .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .imageCenter {
        display: flex;
        width: 40px;
        height: 40px;
        padding: 1px;
        justify-content: center;
        align-items: center; }
      .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .count {
        color: #ef4444;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; }
      .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .label {
        color: var(--neutral-neutral-600, #475569);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; }
  .mainSection.docsRequiredSection {
    background: var(--neutral-neutral-50, #f8fafc); }
    .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      place-items: center;
      max-width: 784px;
      margin: auto;
      gap: 16px; }
      .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock {
        display: flex;
        padding: 12px 0 12px 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
        border-radius: 12px;
        border: 1px solid var(--neutral-neutral-200, #e2e8f0);
        background: var(--white-black-white, #fff);
        min-width: 165px;
        height: 100px; }
        .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .imageCenter {
          display: flex;
          padding: 8px;
          justify-content: center;
          align-items: center;
          gap: 8px;
          border-radius: 40px;
          background: #effcf5;
          width: 32px;
          height: 32px; }
        .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .heading {
          color: var(--neutral-neutral-800, #1e293b);
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px; }
        .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .description {
          color: var(--neutral-neutral-500, #64748b);
          font-size: 11px;
          font-style: normal;
          font-weight: 400;
          line-height: 16px; }
        .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .optionalTextBlock {
          position: absolute;
          right: 0;
          display: flex;
          padding: var(--gap-spacing-2-xs, 2px) 6px var(--gap-spacing-2-xs, 2px) var(--padding-vertical-padding-vertical-sm, 8px);
          justify-content: center;
          align-items: center;
          gap: var(--padding-vertical-padding-vertical-sm, 8px);
          border-radius: 99px 0px 0px 99px;
          border-top: 1px solid var(--gradients-sweet-morning, #ff5f6d);
          border-bottom: 1px solid var(--gradients-sweet-morning, #ff5f6d);
          border-left: 1px solid var(--gradients-sweet-morning, #ff5f6d);
          background: var(--warning-warning-50, #fefce8); }
          .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .optionalTextBlock .optionalText {
            background: var(--gradients-sweet-morning, linear-gradient(102deg, #ff5f6d 1.82%, #ffc371 98.57%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px; }
        .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock .iconTextBlock {
          position: relative;
          display: flex;
          align-items: center;
          width: 100%; }
  .mainSection.footerSection .innerContentSection {
    padding: 0; }
    .mainSection.footerSection .innerContentSection .sectionBody .individualFooterSection {
      padding: 24px 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mainSection.footerSection .innerContentSection .sectionBody .individualFooterSection .socialLinksBlock {
        display: flex;
        gap: 24px; }
        .mainSection.footerSection .innerContentSection .sectionBody .individualFooterSection .socialLinksBlock .imageCenter {
          width: 42px;
          height: 42px;
          flex-shrink: 0;
          border-radius: 16px;
          border: 1px solid var(--neutral-neutral-200, #e2e8f0);
          background: var(--white-black-white, #fff);
          display: flex;
          justify-content: center;
          align-items: center; }
      .mainSection.footerSection .innerContentSection .sectionBody .individualFooterSection .plCopyRightText {
        color: var(--neutral-neutral-400, #94a3b8);
        text-align: center;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; }
  .mainSection.isoStandardSection .innerContentSection .sectionBody .isoStandardSectionContentBlock {
    display: flex;
    gap: 96px; }
  .mainSection.isoStandardSection .innerContentSection .sectionBody .heading {
    color: #5ec269;
    text-align: center;
    font-family: 'ClashDisplay-Semibold';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0.36px; }
  .mainSection.isoStandardSection .innerContentSection .sectionBody .description {
    text-align: center; }
  .mainSection.isoStandardSection .innerContentSection .sectionBody .imageCenter {
    display: flex;
    justify-content: center;
    align-items: center; }
    .mainSection.isoStandardSection .innerContentSection .sectionBody .imageCenter img {
      width: 104px;
      height: 100px; }
  .mainSection .innerContentSection {
    padding: 40px; }
    .mainSection .innerContentSection .headingBlock {
      margin-bottom: 24px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mainSection .innerContentSection .headingBlock .highlightText {
        color: #4d6cd9;
        font-weight: 500; }
      .mainSection .innerContentSection .headingBlock .headingText {
        color: var(--neutral-neutral-800, #1e293b);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        display: inline-block;
        vertical-align: middle; }
        .mainSection .innerContentSection .headingBlock .headingText::before {
          content: '';
          display: inline-block;
          background-color: var(--neutral-neutral-300, #cbd5e1);
          width: 30px;
          height: 1px;
          margin-right: 16px;
          vertical-align: middle; }
        .mainSection .innerContentSection .headingBlock .headingText::after {
          content: '';
          display: inline-block;
          background-color: var(--neutral-neutral-300, #cbd5e1);
          width: 30px;
          height: 1px;
          margin-left: 16px;
          vertical-align: middle; }
    .mainSection .innerContentSection .sectionBody .description {
      color: var(--neutral-neutral-500, #64748b);
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; }
    .mainSection .innerContentSection .sectionBody .whyPrefrListContainer {
      display: grid;
      gap: 27px 24px;
      grid-template-columns: repeat(3, 1fr); }
      .mainSection .innerContentSection .sectionBody .whyPrefrListContainer .eachBlock {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .mainSection .innerContentSection .sectionBody .whyPrefrListContainer .eachBlock .contentBlock {
          gap: 8px; }
      .mainSection .innerContentSection .sectionBody .whyPrefrListContainer .label {
        color: var(--neutral-neutral-800, #1e293b);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; }

@media only screen and (max-width: 840px) {
  .mainSection.outStorySection .innerContentSection {
    padding: 24px 16px; }
    .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer {
      gap: 16px;
      grid-template-columns: repeat(2, 1fr); }
      .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock {
        min-width: calc(100% - 24px);
        height: 113px; }
  .mainSection.docsRequiredSection .innerContentSection {
    padding: 24px 16px; }
    .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer {
      gap: 16px;
      grid-template-columns: repeat(2, 1fr); }
      .mainSection.docsRequiredSection .innerContentSection .sectionBody .ourStoryListContainer .eachBlock {
        height: 100px;
        min-width: calc(100% - 14px); } }

@media only screen and (max-width: 640px) {
  .mainSection.whyPrefrSection {
    background: var(--neutral-neutral-50, #f8fafc); }
  .mainSection.availableSection {
    padding: 24px 16px; }
    .mainSection.availableSection .innerContentSection .headingBlock {
      margin-bottom: 16px; }
  .mainSection.outStorySection .innerContentSection .sectionBody .ourStoryListContainer {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr); }
  .mainSection.isoStandardSection .innerContentSection .sectionBody .imageCenter img {
    width: 92px;
    height: 88px; }
  .mainSection.isoStandardSection .innerContentSection .sectionBody .isoStandardSectionContentBlock {
    gap: 72px; }
  .mainSection .innerContentSection {
    padding: 24px 16px; }
    .mainSection .innerContentSection .headingBlock {
      margin-bottom: 32px; }
    .mainSection .innerContentSection .sectionBody .whyPrefrListContainer {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px 16px; }
      .mainSection .innerContentSection .sectionBody .whyPrefrListContainer .label {
        font-size: 14px; }
      .mainSection .innerContentSection .sectionBody .whyPrefrListContainer .eachBlock {
        gap: 12px; }
        .mainSection .innerContentSection .sectionBody .whyPrefrListContainer .eachBlock .contentBlock {
          gap: 12px; } }

.alignItemsCenter {
  display: flex;
  justify-content: center;
  align-items: center; }

.panCheckBox {
  position: relative;
  border-radius: 16px;
  border: 2px solid var(--neutral-neutral-200, #e2e8f0);
  background: #fff;
  padding: 12px;
  gap: 8px; }
  .panCheckBox .checkmark {
    position: absolute !important;
    top: 13px !important;
    left: 10px !important; }
  .panCheckBox.active {
    border: solid 2px var(--primary-primary-400); }

.panCheckBlock {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 8px;
  gap: 2px;
  align-items: flex-start; }
  .panCheckBlock .panCheckLabel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch; }
  .panCheckBlock .panNumber {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 8px; }
    .panCheckBlock .panNumber .panNumberDisplay {
      font-size: 18px;
      font-weight: 600;
      line-height: 27px;
      /* 150% */
      letter-spacing: 0.36px;
      background: var(--gradients-rainbow-blue, linear-gradient(132deg, #00f260 0%, #0575e6 100%));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .panCheckBlock .panNumber .panNumberDisplayV2 {
      color: var(--neutral-neutral-600, #475569);
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      /* 150% */ }
    .panCheckBlock .panNumber .recommendation_content {
      display: flex;
      padding: 4px 8px;
      align-items: center;
      gap: 8px;
      border-radius: 24px;
      background: #fefce8;
      border: 1px solid #ffe7d1; }
      .panCheckBlock .panNumber .recommendation_content .recommendation_text {
        background: var(--gradients-sweet-morning, linear-gradient(132deg, #ff5f6d 0%, #ffc371 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }

#radioBlock {
  padding-top: 0; }

.additional_docs_cards .reference_details_cards .card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border-radius: 20px;
  border: solid 2px var(--neutral-neutral-200);
  background-color: var(--white-black-white);
  margin: 0 0 16px;
  position: relative;
  cursor: pointer; }
  .additional_docs_cards .reference_details_cards .card .header {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    color: var(--neutral-neutral-600); }
  .additional_docs_cards .reference_details_cards .card .info_text,
  .additional_docs_cards .reference_details_cards .card .doc_meta_info {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-500); }
  .additional_docs_cards .reference_details_cards .card .card_footer_2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 19px; }
    .additional_docs_cards .reference_details_cards .card .card_footer_2 .doc_activity_display {
      display: flex;
      flex-direction: column;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.45;
      color: var(--neutral-neutral-600);
      gap: 4px;
      width: calc(100% - 185px); }
  .additional_docs_cards .reference_details_cards .card.pending_card {
    border-radius: 20px;
    border: solid 1.5px var(--primary-primary-400); }
  .additional_docs_cards .reference_details_cards .card.error_card {
    border-radius: 20px;
    border: solid 1.5px var(--error-error-400); }
  .additional_docs_cards .reference_details_cards .card.success_card {
    border-radius: 20px;
    border: solid 1.5px var(--success-success-500); }
  .additional_docs_cards .reference_details_cards .card.ops_todo_card {
    border-radius: 20px;
    border: solid 1.5px var(--warning-warning-500); }
  .additional_docs_cards .reference_details_cards .card .bold_text {
    font-weight: 500; }

.searchInputSubmitButton {
  display: flex;
  height: 32px;
  padding: 5.5px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: var(--Neutral-Neutral-200, #e2e8f0);
  cursor: not-allowed;
  min-width: 84px; }
  .searchInputSubmitButton .buttonText {
    color: var(--Neutral-Neutral-400, var(--Neutral-400, #94a3b8));
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; }
  .searchInputSubmitButton.enabled {
    background: var(--Primary-Primary-400, #4d6cd9);
    cursor: pointer; }
    .searchInputSubmitButton.enabled .buttonText {
      color: var(--bw-white, #fff); }

.appliedCouponOffText {
  color: var(--Success-Success-500, #22c55e);
  font-weight: 500; }

.notAppliedCouponOffText {
  color: var(--Primary-Primary-400, #4d6cd9);
  font-weight: 500; }

.couponAppliedBlock .couponAppliedInnerBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px; }
  .couponAppliedBlock .couponAppliedInnerBlock .couponAppliedText {
    color: var(--neutral-neutral-500);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; }
  .couponAppliedBlock .couponAppliedInnerBlock .couponSavedTextBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px; }
    .couponAppliedBlock .couponAppliedInnerBlock .couponSavedTextBlock .amountSavedText {
      color: var(--neutral-neutral-700);
      font-size: 19px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px; }
    .couponAppliedBlock .couponAppliedInnerBlock .couponSavedTextBlock .couponAppliedOnText {
      color: var(--neutral-neutral-700);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 21px; }

.yayText {
  display: flex;
  width: 140px;
  height: 40px;
  padding: 11.5px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: var(--Primary-Primary-400, #4d6cd9);
  color: var(--bw-white, #fff);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  cursor: pointer; }

.applyCouponCodeOuterLayer {
  border-radius: 16px;
  border: 1px solid var(--Neutral-300, #cbd5e1);
  background: var(--bw-white, #fff); }

.viewMoreOptionsBlock {
  border-radius: 0 0 16px 16px;
  display: flex;
  padding: 12px 16px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-top: 1px solid var(--Neutral-200, #e2e8f0);
  background: var(--Neutral-50, #f8fafc);
  justify-content: space-between;
  cursor: pointer; }
  .viewMoreOptionsBlock .text {
    color: var(--Neutral-Neutral-600, #475569);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; }

.recommendedCouponBlock {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px; }
  .recommendedCouponBlock .appliedCoupon {
    display: flex;
    align-items: flex-start;
    gap: 12px; }
    .recommendedCouponBlock .appliedCoupon .line1 {
      color: var(--Neutral-Neutral-800, #1e293b);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 21px;
      word-break: break-all; }
    .recommendedCouponBlock .appliedCoupon .line2 {
      color: var(--Neutral-Neutral-500, #64748b);
      font-size: 11px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px; }
  .recommendedCouponBlock .removeText {
    color: var(--Primary-Primary-400, #4d6cd9);
    text-align: right;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer; }

.noValidCoupon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px; }
  .noValidCoupon .line1 {
    color: var(--Primary-Primary-400, #4d6cd9);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; }
  .noValidCoupon .line2 {
    color: var(--Neutral-Neutral-500, var(--Neutral-400, #64748b));
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */ }

body.couponListPage {
  padding: 0;
  overflow: auto; }
  body.couponListPage .rewardsListBlock {
    padding: 16px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #e2e8f0;
    position: relative;
    width: auto;
    min-height: calc(100vh - 151px); }

.noRewardsBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  padding: 48px 16px 16px; }
  .noRewardsBlock .descriptionInBottomBlock {
    padding: 0; }