/*!

 =========================================================
 * 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; }

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

/* Track */
/* Handle */
body {
  font-family: 'Rubik', sans-serif; }

@font-face {
  font-family: 'ClashDisplay-Variable';
  src: url("/static/fonts/ClashDisplay/ClashDisplay-Variable.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Variable.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'ClashDisplay-Extralight';
  src: url("/static/fonts/ClashDisplay/ClashDisplay-Extralight.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Extralight.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'ClashDisplay-Light';
  src: url("/static/fonts/ClashDisplay/ClashDisplay-Light.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Light.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal; }

@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-Medium';
  src: url("/static/fonts/ClashDisplay/ClashDisplay-Medium.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Medium.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  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: 'ClashDisplay-Bold';
  src: url("/static/fonts/ClashDisplay/ClashDisplay-Bold.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Bold.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal; }

.font-regular {
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }

.font-medium {
  font-weight: 500;
  font-family: 'Rubik', sans-serif; }

.font-ClashDisplay-Semibold {
  font-family: 'ClashDisplay-Semibold';
  font-weight: 600; }

.font-ClashDisplay-Bold {
  font-family: 'ClashDisplay-Bold';
  font-weight: 700; }

h1,
h2,
h3,
h4 {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  margin: 0; }

h5,
h6 {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  margin: 0; }

p {
  font-size: 95%;
  line-height: 22px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }

a {
  text-decoration: none; }

b,
strong {
  font-weight: inherit; }

ul.dotted-list {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  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-weight: 500;
  font-family: 'Rubik', sans-serif; }

.fontType1 {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  color: #99a1c5; }

.fontType2 {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  color: #233a8c; }

.fontType3 {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  color: #4d6cd9; }

.fontType1_Regular {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  color: #99a1c5; }

.fontType2_Regular {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  color: #233a8c; }

.fontType3_Regular {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  color: #4d6cd9; }

.chevronText {
  position: relative;
  display: inline-block;
  padding-left: 20px; }
  .chevronText::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid #233a8c;
    border-left: 2px solid #233a8c;
    transform: rotate(-45deg);
    transition: all 0.25s ease-in;
    right: auto;
    top: 8px;
    left: 4px; }

.hyperLink {
  text-decoration: underline;
  color: #4d6cd9;
  cursor: pointer; }

.cursor-pointer {
  cursor: pointer; }

.hreflink {
  color: #4d6cd9;
  cursor: pointer; }

.successAmountGradient {
  background-image: linear-gradient(94deg, #f0c 1%, #339 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.36px;
  line-height: 1.22; }
  .successAmountGradient .rupee-icon {
    font-size: 18px; }

.fontMedium {
  font-weight: 500;
  font-family: 'Rubik', sans-serif; }

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

.font-size-41 {
  font-size: 2.5625rem; }

.font-size-42 {
  font-size: 2.625rem; }

.font-size-43 {
  font-size: 2.6875rem; }

.font-size-44 {
  font-size: 2.75rem; }

.font-size-45 {
  font-size: 2.8125rem; }

.font-size-46 {
  font-size: 2.875rem; }

.font-size-47 {
  font-size: 2.9375rem; }

.font-size-48 {
  font-size: 3rem; }

.font-size-49 {
  font-size: 3.0625rem; }

.font-size-50 {
  font-size: 3.125rem; }

.color-blue {
  color: #4d6cd9; }

.color-blue-100 {
  color: rgba(77, 108, 217, 0.1); }

.color-233a8c {
  color: #233a8c; }

.color-29355d {
  color: #29355d; }

.color-green {
  color: #5beeba; }

.color-5beeba {
  color: #5beeba; }

.color-white {
  color: white; }

.color-white-700 {
  color: rgba(255, 255, 255, 0.7); }

.color-07c100 {
  color: #07c100 !important; }

.color-grey {
  color: #99a1c5; }

.color-red {
  color: #f23535; }

.color-ef9e1c {
  color: #ef9e1c; }

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

.color-primary-primary-400 {
  color: #4d6cd9; }

.color-neutral-neutral-800 {
  color: #1e293b; }

.color-neutral-neutral-600 {
  color: #475569; }

.color-475569 {
  color: #475569; }

.color-65758b {
  color: #64748b; }

.color-neutral-neutral-300 {
  color: #cbd5e1; }

.color-neutral-neutral-500 {
  color: #64748b; }

.color-neutral-neutral-400 {
  color: #94a3b8; }

.bg-primary-400 {
  background-color: #4d6cd9; }

.bg-white {
  background-color: #ffffff; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.serviceCard {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  padding: 1.5em;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14);
  -moz-box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14);
  -o-box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14);
  box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14); }
  .serviceCard.innerServiceCard {
    padding: 1.5em 0em 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }

.innerCard {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  padding: 1.25em;
  -webkit-box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14);
  -moz-box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14);
  -o-box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14);
  box-shadow: 0 0 14px 0 rgba(77, 108, 217, 0.14); }

.prefr-card {
  padding: 16px;
  border-radius: 12px;
  -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: #fff;
  margin-bottom: 24px; }

.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-t-51 {
  margin-top: 51px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-b-51 {
  margin-bottom: 51px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mar-l-51 {
  margin-left: 51px; }

.mar-l-52 {
  margin-left: 52px; }

.mar-l-53 {
  margin-left: 53px; }

.mar-l-54 {
  margin-left: 54px; }

.mar-l-55 {
  margin-left: 55px; }

.mar-l-56 {
  margin-left: 56px; }

.mar-l-57 {
  margin-left: 57px; }

.mar-l-58 {
  margin-left: 58px; }

.mar-l-59 {
  margin-left: 59px; }

.mar-l-60 {
  margin-left: 60px; }

.mar-l-61 {
  margin-left: 61px; }

.mar-l-62 {
  margin-left: 62px; }

.mar-l-63 {
  margin-left: 63px; }

.mar-l-64 {
  margin-left: 64px; }

.mar-l-65 {
  margin-left: 65px; }

.mar-l-66 {
  margin-left: 66px; }

.mar-l-67 {
  margin-left: 67px; }

.mar-l-68 {
  margin-left: 68px; }

.mar-l-69 {
  margin-left: 69px; }

.mar-l-70 {
  margin-left: 70px; }

.mar-l-71 {
  margin-left: 71px; }

.mar-l-72 {
  margin-left: 72px; }

.mar-l-73 {
  margin-left: 73px; }

.mar-l-74 {
  margin-left: 74px; }

.mar-l-75 {
  margin-left: 75px; }

.mar-l-76 {
  margin-left: 76px; }

.mar-l-77 {
  margin-left: 77px; }

.mar-l-78 {
  margin-left: 78px; }

.mar-l-79 {
  margin-left: 79px; }

.mar-l-80 {
  margin-left: 80px; }

.mar-l-81 {
  margin-left: 81px; }

.mar-l-82 {
  margin-left: 82px; }

.mar-l-83 {
  margin-left: 83px; }

.mar-l-84 {
  margin-left: 84px; }

.mar-l-85 {
  margin-left: 85px; }

.mar-l-86 {
  margin-left: 86px; }

.mar-l-87 {
  margin-left: 87px; }

.mar-l-88 {
  margin-left: 88px; }

.mar-l-89 {
  margin-left: 89px; }

.mar-l-90 {
  margin-left: 90px; }

.mar-l-91 {
  margin-left: 91px; }

.mar-l-92 {
  margin-left: 92px; }

.mar-l-93 {
  margin-left: 93px; }

.mar-l-94 {
  margin-left: 94px; }

.mar-l-95 {
  margin-left: 95px; }

.mar-l-96 {
  margin-left: 96px; }

.mar-l-97 {
  margin-left: 97px; }

.mar-l-98 {
  margin-left: 98px; }

.mar-l-99 {
  margin-left: 99px; }

.mar-l-100 {
  margin-left: 100px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mar-r-51 {
  margin-right: 51px; }

.mar-r-52 {
  margin-right: 52px; }

.mar-r-53 {
  margin-right: 53px; }

.mar-r-54 {
  margin-right: 54px; }

.mar-r-55 {
  margin-right: 55px; }

.mar-r-56 {
  margin-right: 56px; }

.mar-r-57 {
  margin-right: 57px; }

.mar-r-58 {
  margin-right: 58px; }

.mar-r-59 {
  margin-right: 59px; }

.mar-r-60 {
  margin-right: 60px; }

.mar-r-61 {
  margin-right: 61px; }

.mar-r-62 {
  margin-right: 62px; }

.mar-r-63 {
  margin-right: 63px; }

.mar-r-64 {
  margin-right: 64px; }

.mar-r-65 {
  margin-right: 65px; }

.mar-r-66 {
  margin-right: 66px; }

.mar-r-67 {
  margin-right: 67px; }

.mar-r-68 {
  margin-right: 68px; }

.mar-r-69 {
  margin-right: 69px; }

.mar-r-70 {
  margin-right: 70px; }

.mar-r-71 {
  margin-right: 71px; }

.mar-r-72 {
  margin-right: 72px; }

.mar-r-73 {
  margin-right: 73px; }

.mar-r-74 {
  margin-right: 74px; }

.mar-r-75 {
  margin-right: 75px; }

.mar-r-76 {
  margin-right: 76px; }

.mar-r-77 {
  margin-right: 77px; }

.mar-r-78 {
  margin-right: 78px; }

.mar-r-79 {
  margin-right: 79px; }

.mar-r-80 {
  margin-right: 80px; }

.mar-r-81 {
  margin-right: 81px; }

.mar-r-82 {
  margin-right: 82px; }

.mar-r-83 {
  margin-right: 83px; }

.mar-r-84 {
  margin-right: 84px; }

.mar-r-85 {
  margin-right: 85px; }

.mar-r-86 {
  margin-right: 86px; }

.mar-r-87 {
  margin-right: 87px; }

.mar-r-88 {
  margin-right: 88px; }

.mar-r-89 {
  margin-right: 89px; }

.mar-r-90 {
  margin-right: 90px; }

.mar-r-91 {
  margin-right: 91px; }

.mar-r-92 {
  margin-right: 92px; }

.mar-r-93 {
  margin-right: 93px; }

.mar-r-94 {
  margin-right: 94px; }

.mar-r-95 {
  margin-right: 95px; }

.mar-r-96 {
  margin-right: 96px; }

.mar-r-97 {
  margin-right: 97px; }

.mar-r-98 {
  margin-right: 98px; }

.mar-r-99 {
  margin-right: 99px; }

.mar-r-100 {
  margin-right: 100px; }

.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-t-51 {
  padding-top: 51px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-b-51 {
  padding-bottom: 51px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-l-51 {
  padding-left: 51px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pad-r-51 {
  padding-right: 51px; }

.pad-r-52 {
  padding-right: 52px; }

.pad-r-53 {
  padding-right: 53px; }

.pad-r-54 {
  padding-right: 54px; }

.pad-r-55 {
  padding-right: 55px; }

.pad-r-56 {
  padding-right: 56px; }

.pad-r-57 {
  padding-right: 57px; }

.pad-r-58 {
  padding-right: 58px; }

.pad-r-59 {
  padding-right: 59px; }

.pad-r-60 {
  padding-right: 60px; }

.pad-r-61 {
  padding-right: 61px; }

.pad-r-62 {
  padding-right: 62px; }

.pad-r-63 {
  padding-right: 63px; }

.pad-r-64 {
  padding-right: 64px; }

.pad-r-65 {
  padding-right: 65px; }

.pad-r-66 {
  padding-right: 66px; }

.pad-r-67 {
  padding-right: 67px; }

.pad-r-68 {
  padding-right: 68px; }

.pad-r-69 {
  padding-right: 69px; }

.pad-r-70 {
  padding-right: 70px; }

.pad-r-71 {
  padding-right: 71px; }

.pad-r-72 {
  padding-right: 72px; }

.pad-r-73 {
  padding-right: 73px; }

.pad-r-74 {
  padding-right: 74px; }

.pad-r-75 {
  padding-right: 75px; }

.pad-r-76 {
  padding-right: 76px; }

.pad-r-77 {
  padding-right: 77px; }

.pad-r-78 {
  padding-right: 78px; }

.pad-r-79 {
  padding-right: 79px; }

.pad-r-80 {
  padding-right: 80px; }

.pad-r-81 {
  padding-right: 81px; }

.pad-r-82 {
  padding-right: 82px; }

.pad-r-83 {
  padding-right: 83px; }

.pad-r-84 {
  padding-right: 84px; }

.pad-r-85 {
  padding-right: 85px; }

.pad-r-86 {
  padding-right: 86px; }

.pad-r-87 {
  padding-right: 87px; }

.pad-r-88 {
  padding-right: 88px; }

.pad-r-89 {
  padding-right: 89px; }

.pad-r-90 {
  padding-right: 90px; }

.pad-r-91 {
  padding-right: 91px; }

.pad-r-92 {
  padding-right: 92px; }

.pad-r-93 {
  padding-right: 93px; }

.pad-r-94 {
  padding-right: 94px; }

.pad-r-95 {
  padding-right: 95px; }

.pad-r-96 {
  padding-right: 96px; }

.pad-r-97 {
  padding-right: 97px; }

.pad-r-98 {
  padding-right: 98px; }

.pad-r-99 {
  padding-right: 99px; }

.pad-r-100 {
  padding-right: 100px; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.display-block {
  display: block; }

.display-inline {
  display: inline; }

.line-height-15 {
  line-height: 15px; }

.line-height-16 {
  line-height: 16px; }

.line-height-17 {
  line-height: 17px; }

.line-height-18 {
  line-height: 18px; }

.line-height-19 {
  line-height: 19px; }

.line-height-20 {
  line-height: 20px; }

.line-height-21 {
  line-height: 21px; }

.line-height-22 {
  line-height: 22px; }

.line-height-23 {
  line-height: 23px; }

.line-height-24 {
  line-height: 24px; }

.line-height-25 {
  line-height: 25px; }

.line-height-26 {
  line-height: 26px; }

.line-height-27 {
  line-height: 27px; }

.line-height-28 {
  line-height: 28px; }

.line-height-29 {
  line-height: 29px; }

.line-height-30 {
  line-height: 30px; }

.line-height-31 {
  line-height: 31px; }

.line-height-32 {
  line-height: 32px; }

.line-height-33 {
  line-height: 33px; }

.line-height-34 {
  line-height: 34px; }

.line-height-35 {
  line-height: 35px; }

.line-height-36 {
  line-height: 36px; }

.line-height-37 {
  line-height: 37px; }

.line-height-38 {
  line-height: 38px; }

.line-height-39 {
  line-height: 39px; }

.line-height-40 {
  line-height: 40px; }

.line-height-41 {
  line-height: 41px; }

.line-height-42 {
  line-height: 42px; }

.line-height-43 {
  line-height: 43px; }

.line-height-44 {
  line-height: 44px; }

.line-height-45 {
  line-height: 45px; }

.line-height-46 {
  line-height: 46px; }

.line-height-47 {
  line-height: 47px; }

.line-height-48 {
  line-height: 48px; }

.line-height-49 {
  line-height: 49px; }

.line-height-50 {
  line-height: 50px; }

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

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

.mobile-display {
  display: none; }

@media (max-width: 800px) {
  .mobile-display {
    display: block; } }

.inputBlock {
  position: relative; }
  .inputBlock label {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: #99a1c5;
    font-size: 0.85rem;
    line-height: 1.21;
    padding-bottom: 10px;
    display: block; }
  .inputBlock .input-area-col {
    position: relative;
    padding-bottom: 10px; }
    .inputBlock .input-area-col.input-area-col-symbol .input-area {
      padding: 12px 5px 12px 24px;
      width: calc(100% - 40px); }
  .inputBlock .input-area {
    position: relative;
    border-radius: 12px;
    border: solid 2px #aab0cb;
    background-color: rgba(77, 108, 217, 0.1);
    padding: 12px 5px 12px 12px;
    width: calc(100% - 24px);
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    color: #010759; }
    .inputBlock .input-area:focus {
      border: 2px solid #4d6cd9; }
      .inputBlock .input-area:focus::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        display: none; }
      .inputBlock .input-area:focus::-moz-placeholder {
        /* Firefox 19+ */
        display: none; }
      .inputBlock .input-area:focus:-ms-input-placeholder {
        /* IE 10+ */
        display: none; }
      .inputBlock .input-area:focus:-moz-placeholder {
        /* Firefox 18- */
        display: none; }
    .inputBlock .input-area::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .inputBlock .input-area::-moz-placeholder {
      /* Firefox 19+ */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .inputBlock .input-area:-ms-input-placeholder {
      /* IE 10+ */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .inputBlock .input-area:-moz-placeholder {
      /* Firefox 18- */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .inputBlock .input-area:disabled {
      opacity: 0.8;
      background: #ededed;
      color: #35495e; }
    .inputBlock .input-area.input-area-mobilenumber-symbol {
      padding: 12px 5px 12px 40px;
      width: calc(100% - 56px); }
      .inputBlock .input-area.input-area-mobilenumber-symbol ~ .input-rupee-symbol {
        display: block; }
    .inputBlock .input-area ~ .input-rupee-symbol {
      display: none; }
  .inputBlock .input-error-message {
    position: absolute;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 0.85rem;
    bottom: -12px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .inputBlock .input-rupee-symbol {
    position: absolute;
    top: 14px;
    left: 12px;
    z-index: 1; }
  .inputBlock.inputInvalid .input-area {
    border: solid 2px #f23535;
    background-color: #fff; }
  .inputBlock.inputInvalid .input-error-message {
    color: #f23535;
    opacity: 1; }

.inputBlock {
  position: relative; }
  .inputBlock .input-select {
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    border: solid 2px #c8cde3;
    background-color: #ffffff;
    padding: 7px 12px;
    width: 100%;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 0.9rem;
    color: #233a8c;
    outline: none;
    max-width: 230px; }
    .inputBlock .input-select::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .inputBlock .input-select::-moz-placeholder {
      /* Firefox 19+ */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .inputBlock .input-select:-ms-input-placeholder {
      /* IE 10+ */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .inputBlock .input-select:-moz-placeholder {
      /* Firefox 18- */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .inputBlock .input-select option {
      position: relative;
      padding: 10px; }

.customAmountBlock .inputBlock {
  position: relative; }
  .customAmountBlock .inputBlock .input-area-col {
    position: relative;
    padding-bottom: 0; }
  .customAmountBlock .inputBlock .input-error-message {
    position: relative;
    display: none;
    bottom: 0; }
  .customAmountBlock .inputBlock.inputInvalid .input-error-message {
    display: block; }

.inputBlock .input-area-col .otp-input-area-col {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
  max-width: 280px; }
  .inputBlock .input-area-col .otp-input-area-col .input-area {
    max-width: 40px;
    height: auto;
    padding: 10px;
    text-align: center; }
    .inputBlock .input-area-col .otp-input-area-col .input-area::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      display: none;
      visibility: hidden; }
    .inputBlock .input-area-col .otp-input-area-col .input-area::-moz-placeholder {
      /* Firefox 19+ */
      display: none;
      visibility: hidden; }
    .inputBlock .input-area-col .otp-input-area-col .input-area:-ms-input-placeholder {
      /* IE 10+ */
      display: none;
      visibility: hidden; }
    .inputBlock .input-area-col .otp-input-area-col .input-area:-moz-placeholder {
      /* Firefox 18- */
      display: none;
      visibility: hidden; }

.grid-container {
  display: grid; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid-c-1 {
  grid-template-columns: repeat(1, 1fr); }

.grid-c-2 {
  grid-template-columns: repeat(2, 1fr); }

.grid-c-3 {
  grid-template-columns: repeat(3, 1fr); }

.grid-c-4 {
  grid-template-columns: repeat(4, 1fr); }

.grid-c-5 {
  grid-template-columns: repeat(5, 1fr); }

.grid-c-6 {
  grid-template-columns: repeat(6, 1fr); }

.grid-c-7 {
  grid-template-columns: repeat(7, 1fr); }

.grid-c-8 {
  grid-template-columns: repeat(8, 1fr); }

.grid-c-9 {
  grid-template-columns: repeat(9, 1fr); }

.grid-c-10 {
  grid-template-columns: repeat(10, 1fr); }

.grid-c-8-4 {
  grid-template-columns: 8fr 4fr; }

.item-justify-flex-end {
  justify-self: flex-end; }

table {
  padding: 0 15px;
  width: 100%;
  border-spacing: 0;
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
  -moz-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
  -o-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
  box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14); }
  table th {
    position: relative;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: #99a1c5;
    font-size: 0.9rem;
    text-align: left;
    border-top: solid 0px rgba(153, 161, 197, 0.48);
    border-bottom: solid 1px rgba(153, 161, 197, 0.48);
    border-left: solid 0px rgba(153, 161, 197, 0.48);
    border-right: solid 0px rgba(153, 161, 197, 0.48);
    padding: 15px 10px; }
  table td {
    position: relative;
    font-size: 0.9rem;
    border: 0px solid #000;
    padding: 15px 10px;
    word-break: break-word; }
    table td .eachCell {
      display: flex;
      align-items: center;
      flex: 1;
      gap: 6px; }

.border-t-r-radius-1 {
  border-top-right-radius: 1px; }

.border-t-l-radius-1 {
  border-top-left-radius: 1px; }

.border-b-r-radius-1 {
  border-bottom-right-radius: 1px; }

.border-b-l-radius-1 {
  border-bottom-left-radius: 1px; }

.border-radius-1 {
  border-radius: 1px; }

.border-t-r-radius-2 {
  border-top-right-radius: 2px; }

.border-t-l-radius-2 {
  border-top-left-radius: 2px; }

.border-b-r-radius-2 {
  border-bottom-right-radius: 2px; }

.border-b-l-radius-2 {
  border-bottom-left-radius: 2px; }

.border-radius-2 {
  border-radius: 2px; }

.border-t-r-radius-3 {
  border-top-right-radius: 3px; }

.border-t-l-radius-3 {
  border-top-left-radius: 3px; }

.border-b-r-radius-3 {
  border-bottom-right-radius: 3px; }

.border-b-l-radius-3 {
  border-bottom-left-radius: 3px; }

.border-radius-3 {
  border-radius: 3px; }

.border-t-r-radius-4 {
  border-top-right-radius: 4px; }

.border-t-l-radius-4 {
  border-top-left-radius: 4px; }

.border-b-r-radius-4 {
  border-bottom-right-radius: 4px; }

.border-b-l-radius-4 {
  border-bottom-left-radius: 4px; }

.border-radius-4 {
  border-radius: 4px; }

.border-t-r-radius-5 {
  border-top-right-radius: 5px; }

.border-t-l-radius-5 {
  border-top-left-radius: 5px; }

.border-b-r-radius-5 {
  border-bottom-right-radius: 5px; }

.border-b-l-radius-5 {
  border-bottom-left-radius: 5px; }

.border-radius-5 {
  border-radius: 5px; }

.border-t-r-radius-6 {
  border-top-right-radius: 6px; }

.border-t-l-radius-6 {
  border-top-left-radius: 6px; }

.border-b-r-radius-6 {
  border-bottom-right-radius: 6px; }

.border-b-l-radius-6 {
  border-bottom-left-radius: 6px; }

.border-radius-6 {
  border-radius: 6px; }

.border-t-r-radius-7 {
  border-top-right-radius: 7px; }

.border-t-l-radius-7 {
  border-top-left-radius: 7px; }

.border-b-r-radius-7 {
  border-bottom-right-radius: 7px; }

.border-b-l-radius-7 {
  border-bottom-left-radius: 7px; }

.border-radius-7 {
  border-radius: 7px; }

.border-t-r-radius-8 {
  border-top-right-radius: 8px; }

.border-t-l-radius-8 {
  border-top-left-radius: 8px; }

.border-b-r-radius-8 {
  border-bottom-right-radius: 8px; }

.border-b-l-radius-8 {
  border-bottom-left-radius: 8px; }

.border-radius-8 {
  border-radius: 8px; }

.border-t-r-radius-9 {
  border-top-right-radius: 9px; }

.border-t-l-radius-9 {
  border-top-left-radius: 9px; }

.border-b-r-radius-9 {
  border-bottom-right-radius: 9px; }

.border-b-l-radius-9 {
  border-bottom-left-radius: 9px; }

.border-radius-9 {
  border-radius: 9px; }

.border-t-r-radius-10 {
  border-top-right-radius: 10px; }

.border-t-l-radius-10 {
  border-top-left-radius: 10px; }

.border-b-r-radius-10 {
  border-bottom-right-radius: 10px; }

.border-b-l-radius-10 {
  border-bottom-left-radius: 10px; }

.border-radius-10 {
  border-radius: 10px; }

.border-t-r-radius-11 {
  border-top-right-radius: 11px; }

.border-t-l-radius-11 {
  border-top-left-radius: 11px; }

.border-b-r-radius-11 {
  border-bottom-right-radius: 11px; }

.border-b-l-radius-11 {
  border-bottom-left-radius: 11px; }

.border-radius-11 {
  border-radius: 11px; }

.border-t-r-radius-12 {
  border-top-right-radius: 12px; }

.border-t-l-radius-12 {
  border-top-left-radius: 12px; }

.border-b-r-radius-12 {
  border-bottom-right-radius: 12px; }

.border-b-l-radius-12 {
  border-bottom-left-radius: 12px; }

.border-radius-12 {
  border-radius: 12px; }

.border-t-r-radius-13 {
  border-top-right-radius: 13px; }

.border-t-l-radius-13 {
  border-top-left-radius: 13px; }

.border-b-r-radius-13 {
  border-bottom-right-radius: 13px; }

.border-b-l-radius-13 {
  border-bottom-left-radius: 13px; }

.border-radius-13 {
  border-radius: 13px; }

.border-t-r-radius-14 {
  border-top-right-radius: 14px; }

.border-t-l-radius-14 {
  border-top-left-radius: 14px; }

.border-b-r-radius-14 {
  border-bottom-right-radius: 14px; }

.border-b-l-radius-14 {
  border-bottom-left-radius: 14px; }

.border-radius-14 {
  border-radius: 14px; }

.border-t-r-radius-15 {
  border-top-right-radius: 15px; }

.border-t-l-radius-15 {
  border-top-left-radius: 15px; }

.border-b-r-radius-15 {
  border-bottom-right-radius: 15px; }

.border-b-l-radius-15 {
  border-bottom-left-radius: 15px; }

.border-radius-15 {
  border-radius: 15px; }

.border-t-r-radius-16 {
  border-top-right-radius: 16px; }

.border-t-l-radius-16 {
  border-top-left-radius: 16px; }

.border-b-r-radius-16 {
  border-bottom-right-radius: 16px; }

.border-b-l-radius-16 {
  border-bottom-left-radius: 16px; }

.border-radius-16 {
  border-radius: 16px; }

.border-t-r-radius-17 {
  border-top-right-radius: 17px; }

.border-t-l-radius-17 {
  border-top-left-radius: 17px; }

.border-b-r-radius-17 {
  border-bottom-right-radius: 17px; }

.border-b-l-radius-17 {
  border-bottom-left-radius: 17px; }

.border-radius-17 {
  border-radius: 17px; }

.border-t-r-radius-18 {
  border-top-right-radius: 18px; }

.border-t-l-radius-18 {
  border-top-left-radius: 18px; }

.border-b-r-radius-18 {
  border-bottom-right-radius: 18px; }

.border-b-l-radius-18 {
  border-bottom-left-radius: 18px; }

.border-radius-18 {
  border-radius: 18px; }

.border-t-r-radius-19 {
  border-top-right-radius: 19px; }

.border-t-l-radius-19 {
  border-top-left-radius: 19px; }

.border-b-r-radius-19 {
  border-bottom-right-radius: 19px; }

.border-b-l-radius-19 {
  border-bottom-left-radius: 19px; }

.border-radius-19 {
  border-radius: 19px; }

.border-t-r-radius-20 {
  border-top-right-radius: 20px; }

.border-t-l-radius-20 {
  border-top-left-radius: 20px; }

.border-b-r-radius-20 {
  border-bottom-right-radius: 20px; }

.border-b-l-radius-20 {
  border-bottom-left-radius: 20px; }

.border-radius-20 {
  border-radius: 20px; }

.border-t-r-radius-21 {
  border-top-right-radius: 21px; }

.border-t-l-radius-21 {
  border-top-left-radius: 21px; }

.border-b-r-radius-21 {
  border-bottom-right-radius: 21px; }

.border-b-l-radius-21 {
  border-bottom-left-radius: 21px; }

.border-radius-21 {
  border-radius: 21px; }

.border-t-r-radius-22 {
  border-top-right-radius: 22px; }

.border-t-l-radius-22 {
  border-top-left-radius: 22px; }

.border-b-r-radius-22 {
  border-bottom-right-radius: 22px; }

.border-b-l-radius-22 {
  border-bottom-left-radius: 22px; }

.border-radius-22 {
  border-radius: 22px; }

.border-t-r-radius-23 {
  border-top-right-radius: 23px; }

.border-t-l-radius-23 {
  border-top-left-radius: 23px; }

.border-b-r-radius-23 {
  border-bottom-right-radius: 23px; }

.border-b-l-radius-23 {
  border-bottom-left-radius: 23px; }

.border-radius-23 {
  border-radius: 23px; }

.border-t-r-radius-24 {
  border-top-right-radius: 24px; }

.border-t-l-radius-24 {
  border-top-left-radius: 24px; }

.border-b-r-radius-24 {
  border-bottom-right-radius: 24px; }

.border-b-l-radius-24 {
  border-bottom-left-radius: 24px; }

.border-radius-24 {
  border-radius: 24px; }

.border-t-r-radius-25 {
  border-top-right-radius: 25px; }

.border-t-l-radius-25 {
  border-top-left-radius: 25px; }

.border-b-r-radius-25 {
  border-bottom-right-radius: 25px; }

.border-b-l-radius-25 {
  border-bottom-left-radius: 25px; }

.border-radius-25 {
  border-radius: 25px; }

.border-t-r-radius-26 {
  border-top-right-radius: 26px; }

.border-t-l-radius-26 {
  border-top-left-radius: 26px; }

.border-b-r-radius-26 {
  border-bottom-right-radius: 26px; }

.border-b-l-radius-26 {
  border-bottom-left-radius: 26px; }

.border-radius-26 {
  border-radius: 26px; }

.border-t-r-radius-27 {
  border-top-right-radius: 27px; }

.border-t-l-radius-27 {
  border-top-left-radius: 27px; }

.border-b-r-radius-27 {
  border-bottom-right-radius: 27px; }

.border-b-l-radius-27 {
  border-bottom-left-radius: 27px; }

.border-radius-27 {
  border-radius: 27px; }

.border-t-r-radius-28 {
  border-top-right-radius: 28px; }

.border-t-l-radius-28 {
  border-top-left-radius: 28px; }

.border-b-r-radius-28 {
  border-bottom-right-radius: 28px; }

.border-b-l-radius-28 {
  border-bottom-left-radius: 28px; }

.border-radius-28 {
  border-radius: 28px; }

.border-t-r-radius-29 {
  border-top-right-radius: 29px; }

.border-t-l-radius-29 {
  border-top-left-radius: 29px; }

.border-b-r-radius-29 {
  border-bottom-right-radius: 29px; }

.border-b-l-radius-29 {
  border-bottom-left-radius: 29px; }

.border-radius-29 {
  border-radius: 29px; }

.border-t-r-radius-30 {
  border-top-right-radius: 30px; }

.border-t-l-radius-30 {
  border-top-left-radius: 30px; }

.border-b-r-radius-30 {
  border-bottom-right-radius: 30px; }

.border-b-l-radius-30 {
  border-bottom-left-radius: 30px; }

.border-radius-30 {
  border-radius: 30px; }

.border-t-r-radius-31 {
  border-top-right-radius: 31px; }

.border-t-l-radius-31 {
  border-top-left-radius: 31px; }

.border-b-r-radius-31 {
  border-bottom-right-radius: 31px; }

.border-b-l-radius-31 {
  border-bottom-left-radius: 31px; }

.border-radius-31 {
  border-radius: 31px; }

.border-t-r-radius-32 {
  border-top-right-radius: 32px; }

.border-t-l-radius-32 {
  border-top-left-radius: 32px; }

.border-b-r-radius-32 {
  border-bottom-right-radius: 32px; }

.border-b-l-radius-32 {
  border-bottom-left-radius: 32px; }

.border-radius-32 {
  border-radius: 32px; }

.border-t-r-radius-33 {
  border-top-right-radius: 33px; }

.border-t-l-radius-33 {
  border-top-left-radius: 33px; }

.border-b-r-radius-33 {
  border-bottom-right-radius: 33px; }

.border-b-l-radius-33 {
  border-bottom-left-radius: 33px; }

.border-radius-33 {
  border-radius: 33px; }

.border-t-r-radius-34 {
  border-top-right-radius: 34px; }

.border-t-l-radius-34 {
  border-top-left-radius: 34px; }

.border-b-r-radius-34 {
  border-bottom-right-radius: 34px; }

.border-b-l-radius-34 {
  border-bottom-left-radius: 34px; }

.border-radius-34 {
  border-radius: 34px; }

.border-t-r-radius-35 {
  border-top-right-radius: 35px; }

.border-t-l-radius-35 {
  border-top-left-radius: 35px; }

.border-b-r-radius-35 {
  border-bottom-right-radius: 35px; }

.border-b-l-radius-35 {
  border-bottom-left-radius: 35px; }

.border-radius-35 {
  border-radius: 35px; }

.border-t-r-radius-36 {
  border-top-right-radius: 36px; }

.border-t-l-radius-36 {
  border-top-left-radius: 36px; }

.border-b-r-radius-36 {
  border-bottom-right-radius: 36px; }

.border-b-l-radius-36 {
  border-bottom-left-radius: 36px; }

.border-radius-36 {
  border-radius: 36px; }

.border-t-r-radius-37 {
  border-top-right-radius: 37px; }

.border-t-l-radius-37 {
  border-top-left-radius: 37px; }

.border-b-r-radius-37 {
  border-bottom-right-radius: 37px; }

.border-b-l-radius-37 {
  border-bottom-left-radius: 37px; }

.border-radius-37 {
  border-radius: 37px; }

.border-t-r-radius-38 {
  border-top-right-radius: 38px; }

.border-t-l-radius-38 {
  border-top-left-radius: 38px; }

.border-b-r-radius-38 {
  border-bottom-right-radius: 38px; }

.border-b-l-radius-38 {
  border-bottom-left-radius: 38px; }

.border-radius-38 {
  border-radius: 38px; }

.border-t-r-radius-39 {
  border-top-right-radius: 39px; }

.border-t-l-radius-39 {
  border-top-left-radius: 39px; }

.border-b-r-radius-39 {
  border-bottom-right-radius: 39px; }

.border-b-l-radius-39 {
  border-bottom-left-radius: 39px; }

.border-radius-39 {
  border-radius: 39px; }

.border-t-r-radius-40 {
  border-top-right-radius: 40px; }

.border-t-l-radius-40 {
  border-top-left-radius: 40px; }

.border-b-r-radius-40 {
  border-bottom-right-radius: 40px; }

.border-b-l-radius-40 {
  border-bottom-left-radius: 40px; }

.border-radius-40 {
  border-radius: 40px; }

.border-t-r-radius-41 {
  border-top-right-radius: 41px; }

.border-t-l-radius-41 {
  border-top-left-radius: 41px; }

.border-b-r-radius-41 {
  border-bottom-right-radius: 41px; }

.border-b-l-radius-41 {
  border-bottom-left-radius: 41px; }

.border-radius-41 {
  border-radius: 41px; }

.border-t-r-radius-42 {
  border-top-right-radius: 42px; }

.border-t-l-radius-42 {
  border-top-left-radius: 42px; }

.border-b-r-radius-42 {
  border-bottom-right-radius: 42px; }

.border-b-l-radius-42 {
  border-bottom-left-radius: 42px; }

.border-radius-42 {
  border-radius: 42px; }

.border-t-r-radius-43 {
  border-top-right-radius: 43px; }

.border-t-l-radius-43 {
  border-top-left-radius: 43px; }

.border-b-r-radius-43 {
  border-bottom-right-radius: 43px; }

.border-b-l-radius-43 {
  border-bottom-left-radius: 43px; }

.border-radius-43 {
  border-radius: 43px; }

.border-t-r-radius-44 {
  border-top-right-radius: 44px; }

.border-t-l-radius-44 {
  border-top-left-radius: 44px; }

.border-b-r-radius-44 {
  border-bottom-right-radius: 44px; }

.border-b-l-radius-44 {
  border-bottom-left-radius: 44px; }

.border-radius-44 {
  border-radius: 44px; }

.border-t-r-radius-45 {
  border-top-right-radius: 45px; }

.border-t-l-radius-45 {
  border-top-left-radius: 45px; }

.border-b-r-radius-45 {
  border-bottom-right-radius: 45px; }

.border-b-l-radius-45 {
  border-bottom-left-radius: 45px; }

.border-radius-45 {
  border-radius: 45px; }

.border-t-r-radius-46 {
  border-top-right-radius: 46px; }

.border-t-l-radius-46 {
  border-top-left-radius: 46px; }

.border-b-r-radius-46 {
  border-bottom-right-radius: 46px; }

.border-b-l-radius-46 {
  border-bottom-left-radius: 46px; }

.border-radius-46 {
  border-radius: 46px; }

.border-t-r-radius-47 {
  border-top-right-radius: 47px; }

.border-t-l-radius-47 {
  border-top-left-radius: 47px; }

.border-b-r-radius-47 {
  border-bottom-right-radius: 47px; }

.border-b-l-radius-47 {
  border-bottom-left-radius: 47px; }

.border-radius-47 {
  border-radius: 47px; }

.border-t-r-radius-48 {
  border-top-right-radius: 48px; }

.border-t-l-radius-48 {
  border-top-left-radius: 48px; }

.border-b-r-radius-48 {
  border-bottom-right-radius: 48px; }

.border-b-l-radius-48 {
  border-bottom-left-radius: 48px; }

.border-radius-48 {
  border-radius: 48px; }

.border-t-r-radius-49 {
  border-top-right-radius: 49px; }

.border-t-l-radius-49 {
  border-top-left-radius: 49px; }

.border-b-r-radius-49 {
  border-bottom-right-radius: 49px; }

.border-b-l-radius-49 {
  border-bottom-left-radius: 49px; }

.border-radius-49 {
  border-radius: 49px; }

.border-t-r-radius-50 {
  border-top-right-radius: 50px; }

.border-t-l-radius-50 {
  border-top-left-radius: 50px; }

.border-b-r-radius-50 {
  border-bottom-right-radius: 50px; }

.border-b-l-radius-50 {
  border-bottom-left-radius: 50px; }

.border-radius-50 {
  border-radius: 50px; }

.column-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 16px; }

.column-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px; }

.column-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px; }

button.btn {
  background-color: #dee4f8;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 0.875rem;
  color: #4d6cd9;
  min-width: 200px;
  min-height: 36px;
  margin: 0;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  line-height: 1.5; }
  button.btn.btnFont14 {
    font-size: 0.85rem; }
  button.btn.btnFont16 {
    font-size: 1rem; }
  button.btn.btn_dark {
    background-color: #4d6cd9;
    color: #fff; }
    button.btn.btn_dark.btnChevron span:after {
      border-top: 2px solid #fff;
      border-left: 2px solid #fff; }
  button.btn.btn-primary-primary-400 {
    background-color: #4d6cd9;
    color: #fff;
    width: 320px;
    padding: 13.5px 0;
    border-radius: 20px; }
    button.btn.btn-primary-primary-400.btnChevron span:after {
      border-top: 2px solid #fff;
      border-left: 2px solid #fff; }
  button.btn.btnLg {
    padding: 8px 40px; }
  button.btn.btnMd {
    padding: 8px 28px 8px 14px; }
  button.btn.btnChevron {
    position: relative; }
    button.btn.btnChevron span {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      button.btn.btnChevron span:after {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        border-top: 2px solid #4d6cd9;
        border-left: 2px solid #4d6cd9;
        transform: rotate(135deg);
        transition: all 0.25s ease-in;
        right: -14px;
        top: auto; }
    button.btn.btnChevron:disabled {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgba(255, 255, 255, 0.7);
      cursor: not-allowed; }
      button.btn.btnChevron:disabled span:after {
        border-top: 2px solid rgba(255, 255, 255, 0.7);
        border-left: 2px solid rgba(255, 255, 255, 0.7); }
  button.btn.btnDownload {
    position: relative; }
  button.btn.paynowBtn {
    width: 100px;
    min-width: 100px; }
  button.btn.btnWidthAuto {
    min-width: auto;
    width: auto; }
  button.btn.btnOverlay {
    position: relative;
    overflow: hidden; }
    button.btn.btnOverlay:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      background: transparent; }
  button.btn.btnPay {
    font-size: 0.75rem; }
  button.btn:disabled {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.7);
    cursor: not-allowed; }

.loanStatusBtn {
  border-radius: 16px;
  font-size: 13px;
  padding: 2px 16px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif; }
  .loanStatusBtn.overdue {
    border: solid 1px var(--error-error-500);
    background-color: var(--error-error-50);
    color: var(--error-error-500); }
  .loanStatusBtn.active, .loanStatusBtn.foreclosureinprogress {
    border: solid 1px var(--warning-warning-500);
    background-color: var(--warning-warning-50);
    color: var(--warning-warning-600); }
  .loanStatusBtn.closed, .loanStatusBtn.foreclosed {
    border: solid 1px var(--success-success-500);
    background-color: var(--success-success-50);
    color: var(--success-success-600); }
  .loanStatusBtn.settled {
    border: solid 1px var(--gray-gray-400);
    background-color: var(--gray-gray-100);
    color: var(--gray-gray-400); }

@media screen and (max-width: 400px) {
  button.btn.btn-primary-primary-400 {
    width: 280px;
    padding: 13.5px; } }

@media screen and (max-width: 360px) {
  button.btn.btn-primary-primary-400 {
    width: 220px; } }

@media screen and (max-width: 300px) {
  button.btn.btn-primary-primary-400 {
    width: 100%;
    min-width: 100%; } }

.accordian-ui {
  position: relative; }
  .accordian-ui .panelSection {
    position: relative; }
  .accordian-ui .panelBlockHead {
    position: relative;
    padding: 0 12px;
    border-radius: 15px;
    cursor: pointer;
    background: rgba(77, 108, 217, 0);
    transition: all 0.25s linear;
    max-width: calc(100% - 0px);
    word-break: break-word; }
    .accordian-ui .panelBlockHead:before {
      content: '';
      background: #d2d7eb;
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: -20px;
      left: 0;
      right: 0;
      display: none; }
    .accordian-ui .panelBlockHead.active {
      position: relative;
      background: rgba(77, 108, 217, 0);
      padding: 0 12px 12px;
      margin-bottom: 5px; }
      .accordian-ui .panelBlockHead.active:before {
        display: none; }
    .accordian-ui .panelBlockHead .innerHeadContent {
      position: relative;
      word-break: break-word; }
  .accordian-ui .panelBlockContent {
    height: auto;
    width: auto;
    overflow: hidden; }
    .accordian-ui .panelBlockContent .panelInnerContent {
      border: 1px solid #d2d7eb;
      background: rgba(77, 108, 217, 0.04);
      border-radius: 15px;
      position: relative;
      padding: 20px; }
    .accordian-ui .panelBlockContent.active {
      position: relative;
      margin-bottom: 20px; }
  .accordian-ui .panelBlockButtons {
    display: flex;
    flex-direction: row;
    gap: 12px; }
    .accordian-ui .panelBlockButtons .panelOpenIcon {
      padding: 8px 30px 8px 18px;
      position: relative;
      font-size: 0.75rem; }
      .accordian-ui .panelBlockButtons .panelOpenIcon:before {
        content: 'More Info'; }
      .accordian-ui .panelBlockButtons .panelOpenIcon:after {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        border-top: 2px solid #4d6cd9;
        border-left: 2px solid #4d6cd9;
        transform: rotate(135deg);
        transition: all 0.25s ease-in;
        right: 14px;
        top: auto; }
      .accordian-ui .panelBlockButtons .panelOpenIcon.active {
        position: relative;
        background-color: #4d6cd9;
        color: #fff;
        display: none; }
        .accordian-ui .panelBlockButtons .panelOpenIcon.active:before {
          content: 'Close Info'; }
        .accordian-ui .panelBlockButtons .panelOpenIcon.active:after {
          border-top: 2px solid #fff;
          border-left: 2px solid #fff;
          transform: rotate(225deg);
          top: auto;
          bottom: 17px; }
    .accordian-ui .panelBlockButtons.panelBlockButtonsAbsolute {
      position: absolute;
      bottom: 0;
      right: 0; }

@media (max-width: 640px) {
  .accordian-ui .panelBlockButtons .panelOpenIcon {
    padding: 8px 18px 8px; }
    .accordian-ui .panelBlockButtons .panelOpenIcon:before {
      display: none; }
    .accordian-ui .panelBlockButtons .panelOpenIcon.active:before {
      display: none; } }

/* The checkboxradio_btn */
.checkboxradio_btn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 6px;
  height: auto;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  position: relative;
  top: 0; }
  .checkboxradio_btn.checkboxradio_btn_disabled {
    cursor: default;
    opacity: 1; }
  .checkboxradio_btn.checkboxradio_disabled {
    cursor: default; }

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

/* checkbox */
.checkmark {
  position: absolute;
  top: auto;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 6px;
  border: solid 2px #bbc2c6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .checkmark:after {
    content: '';
    position: absolute;
    display: none;
    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); }
  .checkmark.checkmark_circle {
    border-radius: 50%; }
    .checkmark.checkmark_circle:after {
      border-radius: 50%;
      left: auto;
      top: auto;
      width: 10px;
      height: 10px;
      border-width: 0 0 0 0; }
  .checkmark.checkmark_disabled {
    border-radius: 50%;
    background-color: #d4d4d4;
    border: solid 2px transparent;
    cursor: default; }
    .checkmark.checkmark_disabled:after {
      display: block;
      background-color: #fff;
      border-radius: 0%;
      left: auto;
      top: auto;
      width: 10px;
      height: 2px;
      border-width: 0 0 0 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(0); }

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

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

.checkboxradio_btn.checkboxradio_btn_disabled input:checked ~ .checkmark,
.checkboxradio_btn.checkboxradio_btn_disabled .checkmark.checkmarkActive {
  background-color: #d4d4d4;
  border: 2px solid #d4d4d4; }

.checkboxradio_btn input:checked ~ .checkmark:after,
.checkboxradio_btn .checkmark.checkmarkActive:after {
  display: block;
  background: var(--checkboxBgColor); }

.checkboxradio_btn.checkboxradio_btn_disabled input:checked ~ .checkmark:after,
.checkboxradio_btn.checkboxradio_btn_disabled .checkmark.checkmarkActive:after {
  background: #d4d4d4; }

.checkboxradio_btn input:disabled ~ .checkmark {
  opacity: 0.4; }

.lock {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border-radius: 0;
  border: 0; }
  .lock svg {
    width: 25px;
    height: 25px; }

.closeIcon svg {
  width: 14px;
  height: 14px; }

.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: 40px;
  height: 40px; }
  .cameraSvg svg {
    width: 40px;
    height: 40px; }
  .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; }
  .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: 33vw;
  height: 15vh; }

.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: 65px;
  height: 30px; }
  .addFileSvg svg {
    width: 65px;
    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 svg {
  padding-left: 5px;
  height: 13px;
  width: 13px;
  padding-top: 1px; }

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

.noteIcon .cls-2 {
  fill: none;
  stroke: #5beeba;
  stroke-linecap: round; }

#snackbar {
  visibility: hidden;
  max-width: 250px;
  background-color: #a31919;
  border-color: #a31919;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  padding: 16px;
  position: fixed;
  z-index: 999999;
  top: 30px;
  font-size: 0.9em;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-weight: 500;
  font-family: 'Rubik', sans-serif; }

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

.modal {
  background: rgba(0, 0, 0, 0.541176);
  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;
  padding: 0; }
  .modal .modalCard {
    position: fixed;
    top: auto;
    bottom: auto;
    left: 20px;
    right: 20px;
    height: auto;
    max-width: 640px;
    overflow-x: hidden;
    z-index: 9998;
    display: block;
    transition: bottom 0.4s ease-in;
    -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;
    border-radius: 24px;
    max-height: 90vh; }
    .modal .modalCard.innerModalCard {
      background-color: #fff;
      position: relative; }
    .modal .modalCard .modalFooter {
      text-align: center;
      margin-top: 15px; }
      .modal .modalCard .modalFooter .btn {
        margin-bottom: 15px;
        max-width: 200px; }
        .modal .modalCard .modalFooter .btn:last-child {
          margin-bottom: 0; }
  .modal .modaloverlay {
    height: 100vh;
    background: transparent;
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9996;
    bottom: 0; }
  .modal.modalInactive {
    opacity: 0;
    height: 0; }
    .modal.modalInactive .modalCard {
      bottom: -250vh; }
    .modal.modalInactive .modaloverlay {
      bottom: -450vh; }

.modalHead {
  padding: 0 0 20px;
  text-transform: capitalize; }

body.modalShow {
  overflow: hidden; }

.notificationIconBlock img {
  max-width: 320px;
  margin: 0 auto;
  display: block; }

.notification-card-content {
  padding: 42px 72px; }

.modal .modalCard.innerModalCard {
  overflow-y: scroll;
  /* Track */
  /* Handle */ }
  .modal .modalCard.innerModalCard::-webkit-scrollbar {
    width: 6px; }
  .modal .modalCard.innerModalCard::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px; }
  .modal .modalCard.innerModalCard::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: red;
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6); }
  .modal .modalCard.innerModalCard::-webkit-scrollbar-thumb:window-inactive {
    background: red; }

@media screen and (max-width: 480px) {
  .notification-card-content {
    padding: 42px 24px; } }

@media screen and (max-width: 360px) {
  .notificationIconBlock img {
    max-width: 100%;
    width: calc(100% - 30px); } }

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

.loanModalV2.loanModalNewBottomSheet .loanModalInnerBlock {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.loanModalV2.loanModalNewBottomSheet .loanModalInnerContentBlock {
  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);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

body.customModalActive .loanModalV2.loanModalNewBottomSheet .loanModalInnerBlock {
  padding: 0; }

body.customModalActive .loanModalV2.loanModalNewBottomSheet .loanModalInnerContentBlock {
  padding: 16px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px; }

body.customModalActive .loanModalV2.loanModalAtCenter .loanModalInnerBlock {
  padding: 0 32px;
  top: 20%;
  bottom: 0; }

body.customModalActive .loanModalV2.loanModalAtCenter .loanModalInnerContentBlock {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }

.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: 700px; }

body.customModalActive {
  overflow: hidden; }
  body.customModalActive .loanModalV2 {
    opacity: 1;
    z-index: 99999; }
    body.customModalActive .loanModalV2 .loanModalOverlay {
      bottom: 0; }
    body.customModalActive .loanModalV2 .loanModalInnerBlock {
      height: auto;
      opacity: 1;
      bottom: 0;
      padding: var(--modal-innerblock-padding); }

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

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

.noteInnerBlock {
  position: relative;
  padding: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  border-radius: 20px;
  border: solid 1px #a7b6ed;
  background-color: #eef1fc;
  color: #27366d; }
  .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 #d2daf5;
    background-color: #4d6cd9; }
  .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 #86efac;
    background-color: #f0fdf4;
    color: #166534; }
    .noteInnerBlock.noteSuccess .noteIcon {
      border: solid 0 #dcfce7;
      background-color: #4ade80; }
  .noteInnerBlock.noteError {
    border: solid 1px #fca5a5;
    background-color: #fef2f2;
    color: #991b1b; }
    .noteInnerBlock.noteError .noteIcon {
      border: solid 0 #fee2e2;
      background-color: #f87171; }
  .noteInnerBlock.noteWarning {
    border: solid 1px #fde047;
    background-color: #fefce8;
    color: #854d0e; }
    .noteInnerBlock.noteWarning .noteIcon {
      border: solid 0 #fef9c3;
      background-color: #facc15; }

.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px; }

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.arrowRight {
  border: solid var(--primary-primary-400);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
  margin-left: 5px; }

.foreclosureBlock {
  padding: 0 16px; }

.foreClosureInnerBlock {
  width: calc(100% - 32px);
  border-radius: 12px;
  background-color: #f1f5f9;
  padding: 16px; }
  .foreClosureInnerBlock .otherDetailsContentBlock {
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.5s; }
    .foreClosureInnerBlock .otherDetailsContentBlock.active {
      transform: scaleY(1);
      height: auto; }

.forecloseNoteDetailsBlock.insideScroll {
  max-height: 460px;
  overflow: auto;
  padding-right: 5px;
  border-radius: inherit; }

.foreclosureDetailsFooter {
  box-shadow: 0 -4px 8px 0 rgba(77, 108, 217, 0.08); }

.foreclosureDetailsHeader {
  box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08); }

@media screen and (min-height: 900px) {
  .forecloseNoteDetailsBlock.insideScroll {
    overflow: initial;
    max-height: fit-content; }
  .foreclosureDetailsFooter,
  .foreclosureDetailsHeader {
    box-shadow: none; } }

.foreclosure-each-content {
  display: grid;
  grid-template-columns: 5fr 7fr;
  grid-gap: 0 10px; }
  .foreclosure-each-content .foreclosure-label {
    position: relative;
    font-size: 14px; }
  .foreclosure-each-content .foreclosure-value {
    position: relative;
    font-size: 14px; }
  .foreclosure-each-content.foreclosure-total {
    position: relative;
    padding: 16px 0 0; }
    .foreclosure-each-content.foreclosure-total:before {
      content: '';
      position: absolute;
      height: 1px;
      width: 100%;
      align-self: stretch;
      flex-grow: 0;
      background-color: #cbd5e1; }
    .foreclosure-each-content.foreclosure-total .foreclosure-label {
      font-size: 14px; }
  .foreclosure-each-content .other-details {
    font-weight: 500;
    cursor: pointer; }
    .foreclosure-each-content .other-details .arrowDown {
      border: solid var(--primary-primary-400);
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      -webkit-transform: rotate(45deg);
      margin-left: 5px; }
  .foreclosure-each-content.foreclosure-total-amount .foreclosure-value {
    font-size: 16px; }

.modalCloseIcon {
  width: 40px;
  height: 40px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 16px;
  background-color: #eef1fc;
  cursor: pointer; }

@media screen and (min-height: 715px) and (max-width: 540px) {
  .modalCloseIcon.contactDetailsCloseIcon {
    display: none; } }

.foreClosureKnowMore {
  position: absolute;
  cursor: pointer;
  right: 6px;
  color: #4d6cd9;
  top: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center; }
  .foreClosureKnowMore .arrow {
    border-color: #4d6cd9; }

.foreClosureLoader {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: #4d6cd9;
  display: flex;
  gap: 5px;
  cursor: default; }

.retryForeclosure {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: #ef4444;
  display: flex;
  gap: 5px; }

.simpleLoader {
  display: block;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #4d6cd9;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media (max-width: 540px) {
  .foreclosureBlock {
    padding: 16px; }
  .foreclosure-each-content {
    grid-template-columns: 8fr 4fr; }
    .foreclosure-each-content .foreclosure-label {
      font-size: 13px; }
    .foreclosure-each-content .foreclosure-value {
      font-size: 13px; }
    .foreclosure-each-content.foreclosure-total .foreclosure-label {
      font-size: 14px; }
    .foreclosure-each-content.foreclosure-total .foreclosure-value {
      font-size: 14px; } }

body.loaderShow {
  overflow: hidden; }
  body.loaderShow .loading {
    display: flex; }

.loading {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  display: none;
  z-index: 999999;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 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; } }

.loader {
  position: relative;
  margin: 0 auto;
  width: 50px;
  border-radius: 5px;
  background: #fff;
  -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); }
  .loader:before {
    content: '';
    display: block;
    padding-top: 100%; }

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

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 75%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

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

body.loginLayout {
  background: #4d6cd9;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100vh; }
  body.loginLayout:after {
    content: '';
    background-image: url("/static/img/dotsGrid.svg");
    background-position: right;
    width: 300px;
    height: 400px;
    position: absolute;
    right: 0;
    background-size: contain;
    opacity: 0.2;
    top: 0; }

.loginSection {
  min-width: 1000px;
  min-height: 550px;
  margin: 0px auto;
  position: relative;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 28, 126, 0.5);
  border-radius: 20px;
  overflow: hidden; }
  .loginSection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://prefr.com/static/img/v3/banners/home/home_banner_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    border-radius: 20px 0 0 20px; }
  .loginSection .loginContent {
    position: absolute;
    background: #fff;
    height: 100%;
    width: 450px;
    right: 0;
    z-index: 8;
    border-radius: 0 20px 20px 0;
    padding: 0; }

.loginComponentBlock {
  width: calc(100% - 75px);
  margin: 0 auto; }

.loginHeader {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 1.5rem;
  color: #233a8c;
  line-height: 1.29;
  text-transform: uppercase; }

.loginDescription {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
  color: #233a8c;
  line-height: 1.29; }

.btnBlock {
  position: relative; }
  .btnBlock .btn {
    background-color: #4d6cd9;
    color: #fff;
    width: 100%;
    padding: 12px 15px;
    box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14); }

.loginActiveContent {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  cursor: pointer; }

.loginLogoBlock_desktop {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 450px);
  flex-direction: column; }
  .loginLogoBlock_desktop img {
    max-width: 180px; }
  .loginLogoBlock_desktop .logoDescription {
    padding: 20px 5px;
    color: #e6e7eb;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-top: 26px; }

.loginLogoBlock_mobile {
  display: none; }

.prefrUrl {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px; }

@media (max-width: 1100px) {
  body.loginLayout:after {
    width: 300px; }
  .loginSection {
    min-width: calc(100% - 100px); }
    .loginSection .loginContent {
      width: 400px; }
  .loginLogoBlock {
    width: calc(100% - 400px); }
    .loginLogoBlock img {
      max-width: 180px; } }

@media (max-width: 800px) {
  body.loginLayout {
    background: #fff;
    padding: 0;
    height: 100%; }
    body.loginLayout:after {
      width: 200px;
      height: 400px;
      right: 0;
      background-size: auto;
      opacity: 0.3;
      top: 0;
      background-repeat: no-repeat;
      background-position: right; }
  .loginSection {
    min-width: calc(100%);
    min-height: 100%;
    margin: 0 auto 0;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: initial;
    border-radius: 0; }
    .loginSection:before {
      background-image: none;
      background-color: #4d6cd9;
      height: 150px;
      top: 0px;
      border-radius: 0; }
    .loginSection .loginContent {
      position: relative;
      width: 100%;
      margin: 120px auto 0;
      padding: 30px 0;
      border-radius: 20px 20px 0 0; }
  .loginLogoBlock_desktop {
    display: none; }
  .loginLogoBlock_mobile {
    display: block; }
  .prefrUrl {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 30px; } }

@media (max-height: 560px) {
  body.loginLayout {
    padding: 30px 0;
    height: 100%; } }

.bannerColumn {
  min-height: 100px;
  border-radius: 15px;
  background: #4d6cd9;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  padding: 18px 22px;
  display: flex;
  align-items: center; }

.bannerbgCircle1 {
  position: absolute;
  background: #053d7a;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: -67px;
  right: -18px;
  z-index: 1; }

.bannerbgCircle2 {
  position: absolute;
  background: transparent;
  border: 4px solid #5beeba;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  top: 30px;
  right: 45px;
  z-index: 2;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.bannerbgCircle3 {
  position: absolute;
  background: transparent;
  border: 2px solid #6d93e8;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  top: 45px;
  right: 20px;
  z-index: 3;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.bannerContent {
  width: calc(100% - 130px);
  position: relative;
  z-index: 4;
  line-height: 24px; }
  .bannerContent .bannerHeading {
    position: relative;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    padding-bottom: 10px;
    font-size: 1rem; }
  .bannerContent .bannerDescription {
    position: relative;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 0.9rem; }

@media (max-width: 500px) {
  .bannerbgCircle2 {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    top: 33px;
    right: 30px; }
  .bannerbgCircle3 {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    right: 10px; }
  .bannerContent {
    width: calc(100% - 20px); } }

.donutChartBlock {
  position: relative; }
  .donutChartBlock:nth-child(1):before {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    right: -5px;
    background: #d2d7eb;
    opacity: 0.6; }
  .donutChartBlock .donutChartInnerBlock {
    max-width: 300px;
    position: relative;
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-gap: 12px; }
  .donutChartBlock svg {
    height: 160px;
    width: 160px;
    z-index: 5; }
  .donutChartBlock text {
    fill: #333; }
  .donutChartBlock .pieChartCenterContent {
    text-align: center;
    position: absolute;
    top: 10px;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 12; }
    .donutChartBlock .pieChartCenterContent span {
      display: block;
      font-weight: 500;
      font-family: 'Rubik', sans-serif; }
      .donutChartBlock .pieChartCenterContent span:first-child {
        position: relative;
        color: #233a8c;
        font-size: 1rem; }
      .donutChartBlock .pieChartCenterContent span:last-child {
        position: relative;
        font-size: 0.75rem;
        color: #99a1c5;
        text-transform: uppercase; }
  .donutChartBlock .donutChartCol {
    max-width: 180px;
    z-index: 5;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column; }
  .donutChartBlock .donutChartInfo {
    position: relative;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 20px; }
  .donutChartBlock .chartInfoValue {
    display: flex;
    gap: 8px; }
  .donutChartBlock .chartInfoIndicator {
    width: 18px;
    height: 18px;
    margin: 0 0;
    border-radius: 5px;
    display: block; }
  .donutChartBlock .eachLegendCol {
    padding-bottom: 30px; }
    .donutChartBlock .eachLegendCol:last-child {
      padding-bottom: 0; }

.chartHeading {
  max-width: 180px;
  text-align: center; }

.plRepaymentChart {
  margin-top: 30px;
  padding: 30px 0 0;
  position: relative; }
  .plRepaymentChart:before {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #d2d7eb;
    opacity: 0.6; }
  .plRepaymentChart.plRepaymentChart_desktop {
    display: block; }
  .plRepaymentChart.plRepaymentChart_mobile {
    display: none; }
    .plRepaymentChart.plRepaymentChart_mobile:before {
      display: none; }
    .plRepaymentChart.plRepaymentChart_mobile .donutChartBlock {
      position: relative; }
      .plRepaymentChart.plRepaymentChart_mobile .donutChartBlock:nth-child(1):before {
        display: none; }

@media (max-width: 1050px) {
  .donutChartBlock {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px; }
    .donutChartBlock .donutChartInnerBlock {
      grid-template-columns: 1fr; }
    .donutChartBlock .donutChartCol {
      margin: 0 auto; }
    .donutChartBlock .donutChartInfo {
      padding-top: 22px;
      justify-content: center;
      flex-direction: row;
      gap: 26px; }
    .donutChartBlock .eachLegendCol {
      padding-bottom: 0; }
  .chartHeading {
    margin: 0 auto 0; } }

@media (max-width: 930px) {
  .donutChartBlock {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px; }
    .donutChartBlock .donutChartInnerBlock {
      grid-template-columns: 1fr; }
    .donutChartBlock .donutChartCol {
      margin: 0 auto; }
    .donutChartBlock .donutChartInfo {
      flex-direction: column;
      max-width: 200px;
      margin: 0 auto; }
    .donutChartBlock .eachLegendCol {
      padding-bottom: 0; }
  .chartHeading {
    margin: 0 auto 0; } }

@media (max-width: 800px) {
  .donutChartBlock {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .donutChartBlock .donutChartInnerBlock {
      grid-template-columns: 7fr 5fr; }
    .donutChartBlock .donutChartCol {
      margin: 0 auto; }
    .donutChartBlock .donutChartInfo {
      padding-top: 22px;
      justify-content: center;
      flex-direction: column;
      gap: 26px; }
    .donutChartBlock .eachLegendCol {
      padding-bottom: 0; }
  .chartHeading {
    margin: 0 0 0; } }

@media (max-width: 600px) {
  .plRepaymentChart.plRepaymentChart_desktop {
    display: none; }
  .plRepaymentChart.plRepaymentChart_mobile {
    margin-top: 0;
    padding: 0 0 0;
    display: block; }
  .donutChartBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center; }
    .donutChartBlock .donutChartInnerBlock {
      grid-template-columns: 7fr 5fr;
      margin: 0 0; }
    .donutChartBlock .donutChartCol {
      margin: 0 auto; }
    .donutChartBlock .donutChartInfo {
      padding-top: 22px;
      justify-content: center;
      flex-direction: column;
      gap: 26px;
      max-width: 100%;
      width: 100%; }
    .donutChartBlock .eachLegendCol {
      padding-bottom: 0; }
  .chartHeading {
    margin: 0 0 0; } }

@media (max-width: 360px) {
  .donutChartBlock {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px; }
    .donutChartBlock .donutChartInnerBlock {
      grid-template-columns: 1fr;
      margin: 0 0; }
    .donutChartBlock .donutChartCol {
      margin: 0 auto; }
    .donutChartBlock .donutChartInfo {
      flex-direction: row;
      max-width: 100%;
      width: auto;
      margin: 0 auto; }
    .donutChartBlock .eachLegendCol {
      padding-bottom: 0; }
  .chartHeading {
    margin: 0 auto 0; } }

@media (max-width: 310px) {
  .donutChartBlock .donutChartInfo {
    flex-direction: column;
    max-width: 100%;
    width: auto;
    margin: 0 auto; }
  .chartHeading {
    margin: 0 auto 0; } }

.sidebarColumn {
  position: fixed;
  top: 24px;
  left: 24px;
  transition: all 0.3s ease-in;
  width: 80px;
  height: calc(100% - 78px);
  background-color: #fff;
  -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);
  z-index: 92;
  padding: 32px 0 0;
  border-radius: 16px; }
  .sidebarColumn#rightSidebar {
    left: auto;
    right: 24px; }
  .sidebarColumn:before {
    content: '';
    background-image: url(/static/img/dotsGrid.svg);
    background-position: right;
    width: 300px;
    height: 300px;
    position: absolute;
    right: 0;
    background-size: contain;
    opacity: 0.2;
    bottom: 0;
    background-repeat: no-repeat;
    display: none; }

.popper__arrow {
  display: none; }

.sidebarInnerColumn {
  height: calc(100% - 16px);
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  /* Track */
  /* Handle */ }
  .sidebarInnerColumn::-webkit-scrollbar {
    width: 4px; }
  .sidebarInnerColumn::-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; }
  .sidebarInnerColumn::-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); }
  .sidebarInnerColumn::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(77, 107, 217, 0.5); }

body.enableSidebarColumn .popoverBackground {
  background: rgba(0, 0, 0, 0.75);
  z-index: 75;
  opacity: 1;
  z-index: 94; }

body.enableSidebarColumn .mainLayout .sidebarColumn {
  display: block;
  max-width: 480px;
  width: calc(100%);
  z-index: 95; }

body.enableSidebarColumn .mainLayout .sidebarCloseIcon {
  display: block; }

.mainLayout.LMR .sidebarColumn {
  display: block; }

.mainLayout.LM .sidebarColumn {
  display: block; }

.sidebarCloseIcon {
  position: absolute;
  top: 1.5rem;
  width: 20px;
  height: 20px;
  right: 15px;
  cursor: pointer;
  display: none; }
  .sidebarCloseIcon svg {
    fill: #e2ecff;
    width: 20px;
    height: 20px; }

.sidebarDesktopLogo {
  padding: 0 0;
  display: block; }

.profileBlock {
  position: relative;
  padding: 80px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 8px; }
  .profileBlock .profileIcon {
    cursor: pointer;
    width: 40px;
    height: 40px; }
    .profileBlock .profileIcon img {
      max-height: 40px; }

.profileDetails {
  display: none; }
  .profileDetails .customerName {
    color: var(--neutral-neutral-800);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif; }
  .profileDetails .customerMobileNumber {
    font-size: 13px;
    color: var(--neutral-neutral-500);
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    width: max-content; }
  .profileDetails .customerEmailId {
    font-size: 13px;
    color: var(--neutral-neutral-500);
    font-weight: 400;
    font-family: 'Rubik', sans-serif; }

.profileDetails.toolTip {
  display: block; }

.hamburgerMenu {
  background: #238c64;
  width: 3em;
  height: 3em;
  border-radius: 8px;
  color: #fefefe;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.25em; }

.prefrMenuBar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }

.serviceMenuList {
  list-style: none;
  padding: 40px 0 0 0;
  margin: 0; }
  .serviceMenuList li {
    position: relative;
    display: block;
    padding: 0 0 24px 0;
    cursor: pointer; }
    .serviceMenuList li .eachLink {
      width: 48px;
      height: 48px;
      flex-grow: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 20px;
      background-color: #fff; }
      .serviceMenuList li .eachLink .linkIcon {
        height: 20px; }
        .serviceMenuList li .eachLink .linkIcon img {
          max-height: 20px; }
      .serviceMenuList li .eachLink .linkText {
        display: none; }
      .serviceMenuList li .eachLink:before {
        content: '';
        border-style: solid;
        border-color: var(--neutral-neutral-400);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        position: absolute;
        right: 16px;
        display: none; }
      .serviceMenuList li .eachLink.active {
        background-color: var(--primary-primary-50); }
    .serviceMenuList li:last-child {
      padding: 0 0 0 0; }

.topbarColumn {
  position: relative;
  display: none; }
  .topbarColumn .topbarBlock {
    align-items: center; }
  .topbarColumn .topbarMenu {
    display: flex;
    flex-direction: column;
    justify-self: flex-end;
    cursor: pointer;
    width: 24px;
    height: 24px; }
    .topbarColumn .topbarMenu img {
      max-height: 24px; }

.mobileMenuHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: none; }
  .mobileMenuHeader .mobileLogo {
    position: relative;
    height: 24px; }
  .mobileMenuHeader .mobileMenuCloseIcon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .mobileMenuHeader .mobileMenuCloseIcon img {
      max-height: 20px; }

@media (max-width: 1100px) {
  .mainLayout.LMR .sidebarColumn {
    display: none; }
  .mainLayout.LM .sidebarColumn {
    display: none; }
  .topbarColumn {
    display: block;
    width: 100%; }
  body.enableSidebarColumn .mainLayout .sidebarColumn {
    display: block;
    max-width: 480px;
    height: calc(100% - 16px); }
  .sidebarColumn {
    background: #fff;
    padding: 16px 0 0;
    right: 0;
    top: 0;
    left: auto;
    border-radius: 24px 0 0 24px; }
    .sidebarColumn:before {
      display: none; }
  .sidebarCloseIcon {
    top: 3rem;
    right: 3rem; }
  .sidebarDesktopLogo {
    padding: 0 0;
    display: none; }
  .mobileMenuHeader {
    display: flex; }
  .profileBlock {
    justify-content: flex-start; }
    .profileBlock .profileDetails {
      display: block; }
  .serviceMenuList {
    list-style: none;
    padding: 40px 0 0 0; }
    .serviceMenuList li {
      padding: 0 0 24px 8px; }
      .serviceMenuList li .eachLink {
        flex-direction: row;
        width: 100%;
        height: 48px;
        justify-content: flex-start; }
        .serviceMenuList li .eachLink .linkIcon {
          height: 20px; }
          .serviceMenuList li .eachLink .linkIcon img {
            max-height: 20px; }
        .serviceMenuList li .eachLink .linkText {
          display: block;
          color: var(--neutral-neutral-400);
          font-size: 14px;
          font-weight: 400;
          font-family: 'Rubik', sans-serif; }
        .serviceMenuList li .eachLink:before {
          display: block; }
        .serviceMenuList li .eachLink.active {
          background-color: #fff; }
      .serviceMenuList li:last-child {
        padding: 0 0 0 8px; } }

@media (max-width: 640px) {
  body.enableSidebarColumn .mainLayout .sidebarColumn {
    display: block;
    max-width: 288px;
    width: 100%; }
  .profileDetails .customerName {
    word-break: break-word; }
  .profileDetails .customerEmailId {
    word-break: break-word; } }

.paymentColumn {
  display: none;
  position: fixed;
  bottom: auto;
  top: 24px;
  right: 24px;
  overflow: hidden;
  transition: all 0.5s ease-in;
  width: inherit;
  height: calc(100% - 78px);
  background-color: #fff;
  -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);
  z-index: 92;
  padding: 30px 0 0;
  border-radius: 12px; }

body.enablePaymentColumn {
  overflow: hidden; }
  body.enablePaymentColumn .popoverBackground {
    background: rgba(0, 0, 0, 0.75);
    z-index: 75;
    opacity: 1;
    z-index: 94; }
  body.enablePaymentColumn .mainLayout .paymentColumn {
    display: block;
    z-index: 95; }
  body.enablePaymentColumn .mainLayout .paymentHeader .closeIcon {
    display: block; }
  body.enablePaymentColumn .mainLayout .sidebarColumn {
    z-index: 0; }

.mainLayout.LMR .paymentColumn {
  display: block; }

.mainLayout.MR .paymentColumn {
  display: none; }

.paymentContent {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 30px);
  padding: 0 20px;
  /* Let's get this party started */
  /* Track */
  /* Handle */ }
  .paymentContent::-webkit-scrollbar {
    width: 6px; }
  .paymentContent::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px; }
  .paymentContent::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(153, 161, 197, 0.5);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6); }
  .paymentContent::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(153, 161, 197, 0.5); }

.paymentHeader {
  position: relative;
  padding: 0 0 0; }
  .paymentHeader h3 {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 115%;
    color: #233a8c; }
  .paymentHeader .closeIcon {
    position: absolute;
    top: 15px;
    width: 30px;
    height: 30px;
    right: 0;
    cursor: pointer;
    display: none; }

.repaymentType {
  display: table;
  font-size: 12px;
  background: transparent;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #fff;
  padding: 6px 16px;
  border-radius: 20px;
  position: relative;
  margin-top: 7px;
  text-transform: uppercase;
  overflow: hidden; }
  .repaymentType:before {
    content: '';
    opacity: 0.2;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 15px;
    z-index: -1; }
  .repaymentType.paid {
    color: #07c100; }
    .repaymentType.paid:before {
      background: #07c100; }
  .repaymentType.overdue {
    color: #f23535; }
    .repaymentType.overdue:before {
      background: #f23535; }
  .repaymentType.due {
    color: #e6b719; }
    .repaymentType.due:before {
      background: #e6b719; }

.paymentBody {
  position: relative;
  background: rgba(77, 108, 217, 0.05);
  border-radius: 12px;
  margin: 30px auto 30px;
  padding: 40px 30px 0; }

.eachPaymentDetail {
  display: grid;
  grid-template-columns: 6fr 4fr;
  padding-bottom: 10px;
  color: #233a8c;
  font-size: 0.9rem;
  font-weight: 500;
  font-family: 'Rubik', sans-serif; }
  .eachPaymentDetail .label {
    position: relative; }
  .eachPaymentDetail .value {
    justify-self: flex-end; }
  .eachPaymentDetail.eachPaymentDetail_Sub {
    padding-left: 18px;
    color: #99a1c5;
    font-size: 80%; }
  .eachPaymentDetail.eachPaymentDetail_total {
    margin-top: 30px;
    padding: 20px 0 20px;
    border-top: 2px solid #d2d7eb; }
  .eachPaymentDetail.surplusAmountDetail {
    padding-top: 15px; }

.paymentFooter {
  padding-bottom: 20px; }

.paymentTypeBlock label {
  position: relative; }

.confirmPayBtn {
  position: relative;
  padding-left: 36px; }
  .confirmPayBtn .btn {
    padding: 8px 42px 8px 30px; }

.paymentContent.closedPaymentContent .paymentBody {
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  max-width: calc(100% - 80px);
  top: 40px;
  bottom: 40px;
  background: #fff; }

.paymentTransactionDetails {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  margin: 0 auto 73px;
  padding: 24px 32px;
  border-radius: 24px;
  width: calc(100% - 128px);
  background-color: #f1f5f9; }
  .paymentTransactionDetails .value {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: #475569;
    font-size: 14px; }
  .paymentTransactionDetails .label {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    color: #475569; }

.horizontal-line {
  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' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
  width: 100%;
  height: 1px; }

@media (max-width: 1100px) {
  .paymentColumn {
    top: auto;
    bottom: -115px; }
  .paymentContent {
    height: calc(100% - 100px); } }

@media (max-width: 800px) {
  .paymentColumn {
    right: 0;
    left: 0;
    margin: 0 auto;
    top: auto;
    bottom: -80px;
    transition: all 0.2s ease-in;
    max-width: calc(100% - 60px);
    border-radius: 12px;
    display: none; }
  .paymentContent {
    padding: 0 1em; }
  .mainLayout.LMR .paymentColumn {
    display: none; } }

@media (max-width: 540px) {
  .paymentTransactionDetails {
    flex-direction: column; } }

.loanInfoColumn h2 {
  padding-bottom: 24px; }

.detailBlock {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .detailBlock .label {
    position: relative;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 0.9rem;
    color: #99a1c5; }
  .detailBlock .value {
    position: relative;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 0.9rem;
    color: #233a8c; }
  .detailBlock.detailBlock_column_reverse {
    flex-direction: column-reverse; }
  .detailBlock.detailBlock_row {
    flex-direction: row; }
  .detailBlock.detailBlock_row_reverse {
    flex-direction: row-reverse; }
  .detailBlock.logoDetailBlock {
    align-items: flex-start; }
    .detailBlock.logoDetailBlock .detailLogo {
      position: absolute;
      top: 0;
      left: 0;
      width: 36px;
      height: 36px;
      background: transparent;
      border-radius: 0; }
      .detailBlock.logoDetailBlock .detailLogo img {
        border: 2px solid rgba(235, 235, 235, 0.5);
        border-radius: 5px; }
    .detailBlock.logoDetailBlock .label {
      margin-left: 40px; }
    .detailBlock.logoDetailBlock .value {
      margin-left: 40px; }
    .detailBlock.logoDetailBlock.noLogo .detailLogo {
      display: none; }
    .detailBlock.logoDetailBlock.noLogo .label {
      margin-left: 0px; }
    .detailBlock.logoDetailBlock.noLogo .value {
      margin-left: 0px; }

.downloadInfo {
  border-top: solid 1px #e4e8f8; }

.downloadCheckboxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 640px;
  grid-gap: 18px;
  padding: 20px 0; }

.repaymentTimelineBlock {
  max-width: 800px;
  margin: 0;
  position: relative; }

.repaymentTimelineContent {
  max-width: 800px;
  margin: 0; }

.overdueDot {
  position: relative;
  padding-left: 15px; }
  .overdueDot::before {
    content: '';
    background-image: linear-gradient(to bottom, #f07e7e, #f23535);
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    -moz-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    -o-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    left: -1px;
    position: absolute;
    top: 6px; }
  .overdueDot .offerApplied {
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--Success-Success-100, #DCFCE7);
    color: var(--Success-Success-600, #16A34A);
    font-family: Rubik;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 70px; }

.activeDot {
  position: relative;
  padding-left: 15px; }
  .activeDot::before {
    content: '';
    background-image: linear-gradient(to bottom, #5bff55, #07c100);
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    -moz-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    -o-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    left: -1px;
    position: absolute;
    top: 6px; }

.closedDot {
  position: relative;
  padding-left: 15px; }
  .closedDot::before {
    content: '';
    background-image: linear-gradient(to bottom, #99a1c5, #393939);
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    -moz-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    -o-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
    left: -1px;
    position: absolute;
    top: 6px; }

.productTabs {
  position: relative;
  padding: 5px;
  margin: 0 0 8px;
  border-radius: 16px;
  -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: #fff;
  display: grid;
  grid-gap: 12px;
  max-width: 360px; }
  .productTabs li {
    position: relative;
    display: block;
    padding: 10px;
    max-width: 100%;
    text-align: center;
    color: #99a1c5;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    cursor: pointer;
    color: var(--neutral-neutral-500); }
    .productTabs li.active {
      background: #4d6cd9;
      color: #fff;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      border-radius: 12px; }

.disbursalEmilistContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px; }

@media (max-width: 640px) {
  .disbursalEmilistContainer {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px; } }

.plBasicInfo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 26px 6px; }
  .plBasicInfo .detailBlock {
    width: 32%;
    word-break: break-word; }
    .plBasicInfo .detailBlock:nth-child(1) {
      order: 1; }
    .plBasicInfo .detailBlock:nth-child(2) {
      order: 2; }
    .plBasicInfo .detailBlock:nth-child(3) {
      order: 3; }
    .plBasicInfo .detailBlock:nth-child(4) {
      order: 4; }
    .plBasicInfo .detailBlock:nth-child(5) {
      order: 5; }
    .plBasicInfo .detailBlock:nth-child(6) {
      order: 6; }

.plemiRepresentation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px; }

.repaymentTimelineContent.plTimeline {
  position: relative;
  padding: 0 0 0 5em; }
  .repaymentTimelineContent.plTimeline .accordian-ui .panelSection {
    margin-bottom: 0;
    padding-bottom: 20px;
    transition: padding-bottom 0.2s ease-in; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: white;
      border: 3px solid grey;
      top: 7px;
      left: -41px;
      z-index: 9; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection:after {
      content: '';
      position: absolute;
      width: 4px;
      height: 100%;
      background: grey;
      top: 7px;
      left: -30px;
      z-index: 8; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='overdue']:before {
      background-image: url("/static/img/overdueSvg.svg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-color: var(--overdueEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='overdue']:after {
      background: var(--overdueEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='paid']:before {
      background-image: url("/static/img/paidSvg.svg");
      background-size: auto;
      background-position: center;
      background-repeat: no-repeat;
      border-color: var(--paidEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='paid']:after {
      background: var(--paidEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='foreclosed']:before {
      background-image: url("/static/img/paidSvg.svg");
      background-size: auto;
      background-position: center;
      background-repeat: no-repeat;
      border-color: var(--paidEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='foreclosed']:after {
      background: var(--paidEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='due']:before {
      background-image: none;
      background-size: auto;
      background-position: center;
      border-color: var(--activeEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='due']:after {
      background: var(--activeEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='deferred']:before {
      background-image: url("/static/img/deferredSvg.svg");
      background-size: auto;
      background-position: center;
      background-repeat: no-repeat;
      border-color: var(--deferredEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection[dataEmitype='deferred']:after {
      background: var(--deferredEmiColor); }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection:last-child {
      margin-bottom: 0; }
      .repaymentTimelineContent.plTimeline .accordian-ui .panelSection:last-child:after {
        display: none; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection.hidePanelSection {
      overflow: hidden;
      position: relative;
      padding-bottom: 0; }
      .repaymentTimelineContent.plTimeline .accordian-ui .panelSection.hidePanelSection .panelBlockHead {
        height: 0;
        overflow: hidden; }
        .repaymentTimelineContent.plTimeline .accordian-ui .panelSection.hidePanelSection .panelBlockHead.active {
          padding: 0;
          margin-bottom: 0; }
      .repaymentTimelineContent.plTimeline .accordian-ui .panelSection.hidePanelSection .panelBlockContent {
        overflow: hidden;
        display: none; }
        .repaymentTimelineContent.plTimeline .accordian-ui .panelSection.hidePanelSection .panelBlockContent.active {
          height: 0;
          overflow: hidden; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelSection.minPanelLastSection {
      margin-bottom: 0; }
      .repaymentTimelineContent.plTimeline .accordian-ui .panelSection.minPanelLastSection:after {
        display: none; }
  .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockHead {
    transition: height 0.2s ease-in; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockHead .innerHeadContent {
      position: relative;
      display: flex;
      flex-direction: row;
      gap: 20px; }
      .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockHead .innerHeadContent .repaymentDate {
        width: 33%; }
      .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockHead .innerHeadContent .repaymentAmount {
        width: 33%; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockHead.active .innerHeadContent .repaymentAmount {
      display: none; }
  .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockContent {
    transition: height 0.2s ease-in; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockContent .panelInnerContent {
      display: flex;
      gap: 15px 5px;
      flex-wrap: wrap; }
      .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockContent .panelInnerContent .eachDetail {
        width: 49%; }
  .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockButtons {
    position: absolute;
    right: 0; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockButtons .panelOpenIcon.active {
      display: block; }

@media (max-width: 640px) {
  .plBasicInfo .detailBlock {
    width: 48%;
    word-break: break-word; }
    .plBasicInfo .detailBlock:nth-child(1) {
      order: 1; }
    .plBasicInfo .detailBlock:nth-child(2) {
      order: 2; }
    .plBasicInfo .detailBlock:nth-child(3) {
      order: 4; }
    .plBasicInfo .detailBlock:nth-child(4) {
      order: 3; }
    .plBasicInfo .detailBlock:nth-child(5) {
      order: 5; }
    .plBasicInfo .detailBlock:nth-child(6) {
      order: 6; }
  .repaymentTimelineContent.plTimeline {
    padding: 0 0 0 2em; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockHead .innerHeadContent .repaymentDate {
      width: 50%; }
    .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockHead .innerHeadContent .repaymentAmount {
      display: none; } }

@media (max-width: 335px) {
  .plBasicInfo .detailBlock {
    width: 100%;
    word-break: break-word; }
    .plBasicInfo .detailBlock:nth-child(1) {
      order: 1; }
    .plBasicInfo .detailBlock:nth-child(2) {
      order: 2; }
    .plBasicInfo .detailBlock:nth-child(3) {
      order: 3; }
    .plBasicInfo .detailBlock:nth-child(4) {
      order: 4; }
    .plBasicInfo .detailBlock:nth-child(5) {
      order: 5; }
    .plBasicInfo .detailBlock:nth-child(6) {
      order: 6; }
  .repaymentTimelineContent.plTimeline .accordian-ui .panelBlockContent .panelInnerContent .eachDetail {
    width: 100%; } }

.pl-block1 {
  display: flex;
  gap: 16px;
  flex-direction: row; }
  .pl-block1 .moreDetailsBlock {
    display: none; }

.pl-amount-details {
  display: flex;
  flex-direction: column;
  width: 50%;
  justify-content: center;
  gap: 16px; }

.pl-amount-card {
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 20px 44px 0 rgba(77, 108, 217, 0.12);
  background-color: var(--primary-primary-400); }
  .pl-amount-card .pl-amount-card-title {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: var(--primary-primary-100); }
  .pl-amount-card .pl-amount-card-asOndate {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    color: var(--primary-primary-100); }
    .pl-amount-card .pl-amount-card-asOndate b {
      font-weight: 500;
      font-family: 'Rubik', sans-serif; }
  .pl-amount-card .pl-amount-card-block1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .pl-amount-card .pl-amount-card-block2 {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .pl-amount-card .pl-amount-card-block3 {
    position: relative;
    padding: 4px 0 0;
    display: flex;
    justify-content: space-between; }
  .pl-amount-card .pl-amount-card-amount {
    background-image: linear-gradient(110deg, #00c9ff 2%, #92fe9d 99%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 30px; }
    .pl-amount-card .pl-amount-card-amount .rupee-icon {
      font-size: 22px; }

.pl-info-content {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 12px; }
  .pl-info-content .pl-info-content-block {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: calc(33.3% - 12px);
    gap: 2px; }
  .pl-info-content .pl-info-content-value {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: var(--neutral-neutral-500); }
  .pl-info-content .pl-info-content-label {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: var(--neutral-neutral-500); }

.pl-details-more-info {
  border-radius: 16px;
  background-color: var(--neutral-neutral-100);
  display: flex;
  width: 50%; }
  .pl-details-more-info .displayBlock {
    display: block; }
  .pl-details-more-info .pl-details-more-info-col {
    padding: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px; }
  .pl-details-more-info .pl-info-content-block-row {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: 2px;
    justify-content: space-between;
    align-items: center; }
    .pl-details-more-info .pl-info-content-block-row:last-child {
      padding: 0 0 0; }
    .pl-details-more-info .pl-info-content-block-row .pl-info-content-value {
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 16px;
      color: var(--neutral-neutral-500); }
    .pl-details-more-info .pl-info-content-block-row .pl-info-content-label {
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 14px;
      color: var(--neutral-neutral-500); }

.pl-block2 {
  display: flex;
  gap: 16px;
  flex-direction: row;
  padding-top: 16px; }
  .pl-block2 .pl-block2-bar-col1 {
    border-radius: 16px;
    background-color: var(--neutral-neutral-100);
    display: flex;
    flex-direction: column;
    width: 50%; }
  .pl-block2 .pl-block2-bar-col2 {
    border-radius: 16px;
    background-color: var(--neutral-neutral-100);
    display: flex;
    flex-direction: column;
    width: 50%; }
  .pl-block2 .pl-block2-bar-innercol {
    padding: 16px; }

.pl-block3 {
  display: flex;
  gap: 16px;
  flex-direction: row;
  padding-top: 16px; }
  .pl-block3 .pl-block3-bar-col1 {
    border-radius: 16px;
    background-color: var(--neutral-neutral-100);
    display: flex;
    flex-direction: column;
    width: 50%; }
  .pl-block3 .pl-block3-bar-col2 {
    border-radius: 16px;
    background-color: var(--primary-primary-50);
    display: flex;
    flex-direction: column;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .pl-block3 .pl-block3-bar-col2 .pl-block3-bar-innercol {
      cursor: pointer; }
      .pl-block3 .pl-block3-bar-col2 .pl-block3-bar-innercol span {
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: var(--primary-primary-400);
        font-size: 14px;
        font-weight: 500;
        font-family: 'Rubik', sans-serif; }
  .pl-block3 .pl-block3-bar-innercol {
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    color: var(--neutral-neutral-500); }
    .pl-block3 .pl-block3-bar-innercol .charges-left-col {
      font-size: 13px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 28px;
      gap: 2px; }
      .pl-block3 .pl-block3-bar-innercol .charges-left-col:before {
        content: '';
        width: 24px;
        height: 24px;
        border-radius: 6px;
        position: absolute;
        left: 0; }
      .pl-block3 .pl-block3-bar-innercol .charges-left-col:after {
        content: '';
        width: 13px;
        height: 13px;
        -webkit-box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
        -moz-box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
        -o-box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
        box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
        border: solid 1px #fff;
        background-color: var(--gray-gray-400);
        border-radius: 50%;
        position: absolute;
        left: 6px; }
      .pl-block3 .pl-block3-bar-innercol .charges-left-col.chargesLeftActive:after {
        background-color: var(--error-error-400); }
      .pl-block3 .pl-block3-bar-innercol .charges-left-col .label {
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }
      .pl-block3 .pl-block3-bar-innercol .charges-left-col .value {
        font-weight: 500;
        font-family: 'Rubik', sans-serif; }
    .pl-block3 .pl-block3-bar-innercol .charges-paid-col {
      font-size: 13px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2px; }
      .pl-block3 .pl-block3-bar-innercol .charges-paid-col .label {
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }
      .pl-block3 .pl-block3-bar-innercol .charges-paid-col .value {
        font-weight: 500;
        font-family: 'Rubik', sans-serif; }

.amountBar-block .amountBar-block-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  .amountBar-block .amountBar-block-header .amountBar-block-header-label {
    color: var(--neutral-neutral-500);
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 14px; }
  .amountBar-block .amountBar-block-header .amountBar-block-header-amount {
    color: var(--neutral-neutral-500);
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 16px; }

.amountBar-block .amountBar-block-body {
  padding: 16px 0 24px; }

.amountBar-block .amountBar-rangeBar {
  position: relative;
  border-radius: 4px;
  background-color: var(--primary-primary-100);
  height: 8px; }
  .amountBar-block .amountBar-rangeBar .amountBar-rangeBar-active-block {
    position: absolute;
    border-radius: 4px;
    background-color: var(--primary-primary-400);
    width: 50%;
    height: 100%; }

.amountBar-block .amountBar-legends-block .amountBar-legends-block-value {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center; }
  .amountBar-block .amountBar-legends-block .amountBar-legends-block-value .amountBar-legends-block-value-box {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: var(--primary-primary-100); }
  .amountBar-block .amountBar-legends-block .amountBar-legends-block-value .amountBar-legends-block-value-amount {
    color: var(--neutral-neutral-500);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif; }

.amountBar-block .amountBar-legends-block .amountBar-legends-block-label {
  color: var(--neutral-neutral-500);
  font-size: 14px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }

.amountBar-block .amountBar-block-footer {
  display: flex;
  flex-direction: row;
  gap: 46px; }

.repaymentTimeline-block .each-pl-timeline-block {
  padding: 0 16px 16px;
  position: relative; }
  .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-due-date {
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      font-size: 14px;
      display: flex;
      flex-grow: row; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-due-date .each-pl-timeline-due-date-label {
        color: var(--neutral-neutral-400); }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-due-date .each-pl-timeline-due-date-value {
        color: var(--neutral-neutral-600); }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-status {
      display: flex;
      align-items: center;
      gap: 8px; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-status .each-pl-timeline-count {
        color: var(--neutral-neutral-400);
        font-size: 13px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }
  .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding: 16px 0 0; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body.foreclosurerepayment-block-col {
      align-items: flex-end; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo {
      display: flex;
      flex-wrap: wrap;
      gap: 32px 12px;
      width: 100%; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo .pl-info-content-block {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: calc(33.3% - 12px);
        gap: 2px; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo .pl-info-content-block .pl-info-content-value {
          font-weight: 500;
          font-family: 'Rubik', sans-serif;
          font-size: 16px;
          color: var(--neutral-neutral-500); }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo .pl-info-content-block .pl-info-content-label {
          font-weight: 400;
          font-family: 'Rubik', sans-serif;
          font-size: 14px;
          color: var(--neutral-neutral-500); }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments {
      min-width: 144px;
      display: flex;
      justify-content: flex-end; }
  .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding: 16px 0 0; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo {
      color: var(--neutral-neutral-600);
      font-size: 14px;
      position: relative;
      padding: 0;
      align-items: center;
      display: flex;
      gap: 2px; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo:before {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: transparent;
        background-size: contain;
        background-repeat: no-repeat;
        top: auto;
        left: 0;
        z-index: 9;
        display: none; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='paid'] {
        padding: 0 0 0 36px; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='paid']:before {
          display: block;
          background-image: url("/static/img/latestUI/successIconV2.svg"); }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='overdue'] {
        padding: 0 0 0 36px; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='overdue']:before {
          display: block;
          background-image: url("/static/img/toast/error_icon.svg"); }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo .each-pl-timeline-chargesinfo-label {
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo .each-pl-timeline-chargesinfo-value {
        font-weight: 500;
        font-family: 'Rubik', sans-serif; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-charges-moreinfo-btn {
      min-width: 144px;
      display: flex;
      justify-content: flex-end; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer.desktopVersion {
      display: flex; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer.mobileVersion {
      display: none; }
  .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-inner-block {
    position: relative;
    background-color: var(--white-black-white);
    border: solid 1px var(--neutral-neutral-300);
    border-radius: 16px;
    margin: 0 0 0 16px; }
  .repaymentTimeline-block .each-pl-timeline-block:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid var(--neutral-neutral-400);
    background-size: contain;
    background-repeat: no-repeat;
    top: 16px;
    left: 0;
    z-index: 9; }
  .repaymentTimeline-block .each-pl-timeline-block:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: var(--neutral-neutral-400);
    top: 16px;
    left: 11px;
    z-index: 8; }
  .repaymentTimeline-block .each-pl-timeline-block:last-child:after {
    display: none; }
  .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='overdue']:before {
    width: 24px;
    height: 24px;
    background-image: url("/static/img/latestUI/errorIcon.svg");
    border: 0 solid var(--error-error-400); }
  .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='overdue']:after {
    background-color: var(--error-error-500); }
  .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='paid']:before, .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='foreclosed']:before, .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='closed']:before {
    width: 24px;
    height: 24px;
    background-image: url("/static/img/latestUI/successIcon.svg");
    border: 0 solid var(--success-success-400); }
  .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='paid']:after, .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='foreclosed']:after, .repaymentTimeline-block .each-pl-timeline-block[data-plemistatus='closed']:after {
    background-color: var(--success-success-500); }
  .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block {
    padding: 0;
    border-radius: 16px;
    background-color: var(--neutral-neutral-100);
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.5s; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block .pl-payments-table-v2,
    .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block .pl-payment-table-details-mobile {
      opacity: 0; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.active {
      transform: scaleY(1);
      height: auto;
      margin-top: 16px; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.active .pl-payments-table-v2,
      .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.active .pl-payment-table-details-mobile {
        opacity: 1;
        padding: 16px; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.desktopVersion {
      display: block; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.mobileVersion {
      display: none; }
  .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr {
      position: relative; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr th {
        color: var(--neutral-neutral-400);
        font-size: 14px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif;
        border: 0;
        padding: 0 0 16px; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr td {
        color: var(--neutral-neutral-600);
        font-size: 14px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif;
        padding: 0 0 16px; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr:last-child th {
        padding: 0 0 0; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr:last-child td {
        padding: 0 0 0; }
  .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile {
    position: relative; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .each-pl-payment-table-details-mobile {
      position: relative;
      padding: 16px;
      border-bottom: 1px solid var(--neutral-neutral-200); }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .each-pl-payment-table-details-mobile:last-child {
        border-bottom: 0 solid var(--neutral-neutral-200); }
    .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .pl-payment-transactionDate {
      display: flex;
      flex-direction: column;
      gap: 3px; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .pl-payment-transactionDate .pl-payment-transaction-date-value {
        color: var(--neutral-neutral-500);
        font-size: 14px;
        font-weight: 500;
        font-family: 'Rubik', sans-serif; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .pl-payment-transactionDate .pl-payment-transaction-date-label {
        color: var(--neutral-neutral-500);
        font-size: 13px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .pl-payment-transactionDetails {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 4px;
      padding: 16px 0 0; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .pl-payment-transactionDetails .pl-payment-transaction-paymentid {
        color: var(--neutral-neutral-600);
        font-size: 14px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payment-table-details-mobile .pl-payment-transactionDetails .pl-payment-transaction-amount {
        color: var(--neutral-neutral-600);
        font-size: 14px;
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }

.plv2-primary-arrow-btn {
  position: relative;
  background-color: transparent;
  cursor: pointer;
  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;
  color: var(--primary-primary-400);
  font-size: 14px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif; }
  .plv2-primary-arrow-btn .buttonText {
    position: relative; }
    .plv2-primary-arrow-btn .buttonText: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: 7px; }
    .plv2-primary-arrow-btn .buttonText: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);
      margin-right: 4px;
      display: none; }
  .plv2-primary-arrow-btn.disabledText {
    color: var(--neutral-neutral-400);
    cursor: not-allowed; }
    .plv2-primary-arrow-btn.disabledText .buttonText:after {
      border-color: var(--neutral-neutral-400); }

.transactionListDesktopVersion table {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0; }
  .transactionListDesktopVersion table th {
    color: var(--neutral-neutral-400);
    font-size: 13px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    border: 0;
    padding: 0 21px 14px; }
  .transactionListDesktopVersion table td {
    color: var(--neutral-neutral-600);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    padding: 14px 21px; }

.transactionListMobileVersion .eachTransaction {
  border-bottom: solid 1px var(--primary-primary-100);
  padding: 16px 0; }
  .transactionListMobileVersion .eachTransaction:nth-child(1) {
    padding: 0 0 16px; }
  .transactionListMobileVersion .eachTransaction:last-child {
    border-bottom: solid 0 var(--primary-primary-100);
    padding: 16px 0 0; }
  .transactionListMobileVersion .eachTransaction .eachTransactionContent {
    position: relative; }
    .transactionListMobileVersion .eachTransaction .eachTransactionContent.transactionDate {
      width: 100%;
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      padding-bottom: 4px; }
    .transactionListMobileVersion .eachTransaction .eachTransactionContent.transactionParticular {
      width: 100%;
      font-size: 13px;
      color: var(--neutral-neutral-400);
      padding-bottom: 16px; }
    .transactionListMobileVersion .eachTransaction .eachTransactionContent.transactionId {
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      color: var(--neutral-neutral-700); }
      .transactionListMobileVersion .eachTransaction .eachTransactionContent.transactionId .transactionIdValue {
        word-break: break-all;
        display: inline-block; }
    .transactionListMobileVersion .eachTransaction .eachTransactionContent.transactionAmount {
      color: var(--neutral-neutral-700);
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      text-align: right; }

.transactionListMobileVersion .transactionBlock {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 10px; }

@media (max-width: 1024px) {
  .pl-block3 .pl-block3-bar-innercol {
    padding: 10px 16px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px; }
    .pl-block3 .pl-block3-bar-innercol .charges-left-col {
      font-size: 13px;
      position: relative;
      display: flex;
      align-items: center;
      gap: 2px;
      padding-left: 32px;
      justify-content: flex-start; }
    .pl-block3 .pl-block3-bar-innercol .charges-paid-col {
      font-size: 13px;
      position: relative;
      display: flex;
      gap: 2px;
      padding-left: 32px;
      align-items: flex-start;
      justify-content: flex-start; }
      .pl-block3 .pl-block3-bar-innercol .charges-paid-col .label {
        font-weight: 400;
        font-family: 'Rubik', sans-serif; }
      .pl-block3 .pl-block3-bar-innercol .charges-paid-col .value {
        font-weight: 500;
        font-family: 'Rubik', sans-serif; } }

@media (max-width: 700px) {
  .pl-block1 {
    flex-direction: column; }
  .pl-amount-details {
    width: 100%; }
  .pl-details-more-info {
    width: 100%; }
  .pl-info-content {
    gap: 32px 4px; }
    .pl-info-content .pl-info-content-block {
      width: calc(33.3% - 4px); }
      .pl-info-content .pl-info-content-block .displayImage {
        display: none; }
    .pl-info-content .pl-info-content-value {
      font-size: 14px; }
    .pl-info-content .pl-info-content-label {
      font-size: 13px; }
  .pl-details-more-info {
    width: 100%; }
    .pl-details-more-info .displayBlock {
      display: none; }
    .pl-details-more-info .pl-info-content-block-row:last-child {
      padding: 0 0 0; }
    .pl-details-more-info .pl-info-content-block-row .pl-info-content-value {
      font-size: 14px; }
    .pl-details-more-info .pl-info-content-block-row .pl-info-content-label {
      font-size: 13px; }
  .pl-block2 {
    flex-direction: column;
    padding-bottom: 16px;
    border-bottom: 1px solid #cbd5e1; }
    .pl-block2 .pl-block2-bar-col1 {
      width: 100%; }
    .pl-block2 .pl-block2-bar-col2 {
      width: 100%; }
  .repaymentTimeline-block .each-pl-timeline-block {
    padding: 0 0 16px; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header {
      align-items: center; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-due-date {
        font-size: 13px;
        flex-direction: column; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-due-date .each-pl-timeline-due-date-label {
          color: var(--neutral-neutral-400); }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-due-date .each-pl-timeline-due-date-value {
          color: var(--neutral-neutral-600); }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-header .each-pl-timeline-status .each-pl-timeline-count {
        font-size: 13px; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body {
      flex-direction: column; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo {
        flex-direction: column;
        gap: 8px; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo .pl-info-content-block {
          flex-direction: row-reverse;
          justify-content: space-between;
          width: 100%; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo .pl-info-content-block .pl-info-content-value {
            font-size: 14px; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-basicinfo .pl-info-content-block .pl-info-content-label {
            font-size: 13px; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments {
        min-width: auto;
        width: 100%;
        justify-content: flex-start;
        border-top: 1px solid var(--neutral-neutral-200);
        margin-top: 15px; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments .plv2-primary-arrow-btn {
          font-size: 14px;
          padding: 16px 0 0;
          width: 100%;
          justify-content: flex-start;
          min-width: auto; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments .plv2-primary-arrow-btn .buttonText {
            position: absolute;
            right: 0;
            width: 100%; }
            .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments .plv2-primary-arrow-btn .buttonText:after {
              margin-left: 0;
              position: absolute;
              right: 0;
              top: 7px; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments .plv2-primary-arrow-btn.disabledText {
            color: var(--neutral-neutral-400);
            cursor: not-allowed; }
            .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments .plv2-primary-arrow-btn.disabledText .buttonText:after {
              border-color: var(--neutral-neutral-400); }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-body .each-pl-timeline-payments .plv2-primary-arrow-btn.pad-b-0 {
            padding-bottom: 0; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer {
      border-top: 1px solid var(--neutral-neutral-200);
      align-items: center;
      position: relative; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo {
        color: var(--neutral-neutral-600);
        font-size: 14px;
        position: relative;
        padding: 0;
        align-items: center;
        display: flex;
        gap: 2px; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo:before {
          content: '';
          position: absolute;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          background-color: transparent;
          background-size: contain;
          background-repeat: no-repeat;
          top: auto;
          left: 0;
          z-index: 9;
          display: none; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='paid'] {
          padding: 0 0 0 36px; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='paid']:before {
            display: block;
            background-image: url("/static/img/latestUI/successIconV2.svg"); }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='overdue'] {
          padding: 0 0 0 36px; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo[data-pl-chargesInfo='overdue']:before {
            display: block;
            background-image: url("/static/img/toast/error_icon.svg"); }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo .each-pl-timeline-chargesinfo-label {
          font-weight: 400;
          font-family: 'Rubik', sans-serif; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-chargesinfo .each-pl-timeline-chargesinfo-value {
          font-weight: 500;
          font-family: 'Rubik', sans-serif; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-charges-moreinfo-btn {
        min-width: auto;
        width: 100%;
        position: absolute; }
        .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-charges-moreinfo-btn .plv2-primary-arrow-btn {
          position: relative;
          padding: 0; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-charges-moreinfo-btn .plv2-primary-arrow-btn .buttonText {
            display: none; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-charges-moreinfo-btn .plv2-primary-arrow-btn: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: 7px;
            position: relative;
            bottom: 16px;
            right: 0px; }
          .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-charges-moreinfo-btn .plv2-primary-arrow-btn.disabledText {
            color: var(--neutral-neutral-400);
            cursor: not-allowed; }
            .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer .each-pl-timeline-charges-moreinfo-btn .plv2-primary-arrow-btn.disabledText .buttonText:after {
              border-color: var(--neutral-neutral-400); }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer.desktopVersion {
        display: none; }
      .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-block-footer.mobileVersion {
        display: block;
        padding-bottom: 16px; }
    .repaymentTimeline-block .each-pl-timeline-block .each-pl-timeline-inner-block {
      margin: 0 0 0 0; }
    .repaymentTimeline-block .each-pl-timeline-block:before {
      display: none; }
    .repaymentTimeline-block .each-pl-timeline-block:after {
      display: none; }
    .repaymentTimeline-block .each-pl-timeline-block:last-child:after {
      display: none; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block {
      border-radius: 0; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.active {
        margin: 0 0; }
        .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.active .pl-payment-table-details-mobile {
          padding: 0; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.desktopVersion {
        display: none; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.mobileVersion {
        display: block; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-info-payment-block.border-radius-16 {
        border-radius: 0 0 16px 16px; }
    .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none;
      background-color: transparent;
      padding: 0; }
      .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr {
        position: relative; }
        .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr th {
          color: var(--neutral-neutral-400);
          font-size: 14px;
          font-weight: 400;
          font-family: 'Rubik', sans-serif;
          border: 0;
          padding: 0 0 16px; }
        .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr td {
          color: var(--neutral-neutral-600);
          font-size: 14px;
          font-weight: 400;
          font-family: 'Rubik', sans-serif;
          padding: 0 0 16px; }
        .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr:last-child th {
          padding: 0 0 0; }
        .repaymentTimeline-block .each-pl-timeline-block .pl-payments-table-v2 tr:last-child td {
          padding: 0 0 0; }
    .repaymentTimeline-block .each-pl-timeline-block .pad-b-0 {
      padding-bottom: 0; }
  .pl-block3 {
    flex-direction: column; }
  .pl-block3 .pl-block3-bar-col1,
  .pl-block3 .pl-block3-bar-col2 {
    width: 100%; }
  .downloadBtn .downloadText {
    display: none; }
  .pl-block1 .moreDetailsBlock {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #cbd5e1; }
    .pl-block1 .moreDetailsBlock .moreDetailsText {
      font-size: 14px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: var(--neutral-neutral-600);
      font-weight: 500;
      font-family: 'Rubik', sans-serif; } }

.downloadStatementHeading {
  font-size: 19px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600);
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  margin-bottom: 16px; }

.statementBLock {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.eachStatementBlock {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 13px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }
  .eachStatementBlock .title {
    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);
    display: flex;
    align-items: center;
    margin: 0; }
  .eachStatementBlock .showLongLan {
    display: flex; }
  .eachStatementBlock .showSmallLan {
    display: none; }

.downloadText {
  display: inline-block; }

@media screen and (max-width: 460px) {
  .eachStatementBlock .title {
    font-size: 12px; } }

@media screen and (max-width: 400px) {
  .eachStatementBlock .showLongLan {
    display: none; }
  .eachStatementBlock .showSmallLan {
    display: flex; } }

.buttonText: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: 7px;
  position: relative;
  right: 7px; }

.buttonText.upArrow:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  position: relative;
  bottom: 2px; }

.repaymentV2TimelineHeader {
  position: relative;
  padding: 0 0 16px;
  display: none;
  justify-content: space-between;
  align-items: center; }
  .repaymentV2TimelineHeader .repaymentV2TimelineHeading {
    color: var(--neutral-neutral-600);
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif; }
  .repaymentV2TimelineHeader .repaymentV2TimelinePayEmiBtn .buttonV2 {
    min-width: 97px;
    padding: 6px;
    border-radius: 12px; }
    .repaymentV2TimelineHeader .repaymentV2TimelinePayEmiBtn .buttonV2 .buttonText {
      font-size: 13px;
      line-height: 20px; }

.banner-card {
  display: none; }

@media screen and (max-width: 700px) {
  .repaymentV2TimelineHeader {
    display: flex; }
  .banner-card {
    display: flex; }
  .each-pl-timeline-inner-block .surplusAmtBlock-repaymentTimeline {
    border-top: 1px solid var(--neutral-neutral-200); }
    .each-pl-timeline-inner-block .surplusAmtBlock-repaymentTimeline .displayImage {
      display: none; } }

.plv2-primary-arrow-btn .buttonText.downArrow:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: relative;
  bottom: 2px; }

.surplusAmtBlock-repaymentTimeline {
  display: flex;
  padding: 16px;
  gap: 2px;
  align-items: start; }
  .surplusAmtBlock-repaymentTimeline .surplusAmtHelpText {
    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-400);
    font-weight: 400;
    font-family: 'Rubik', sans-serif; }
  .surplusAmtBlock-repaymentTimeline .displayImage {
    display: inline-block; }

.emptyDataBlock {
  height: 254px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral-neutral-600);
  gap: 16px;
  background-color: #fff;
  border-radius: 12px; }

.downloadStatementHeading {
  font-size: 19px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600);
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  margin-bottom: 16px; }

.statementBLock {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.eachStatementBlock {
  display: grid;
  grid-template-columns: 6fr 1fr;
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }
  .eachStatementBlock .title {
    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); }

.bannerColumnV2 {
  border-radius: 12px;
  background-color: var(--primary-primary-400);
  margin-bottom: 16px; }
  .bannerColumnV2 .each-pl-banner-block {
    padding: 16px 0 16px 80px; }
    .bannerColumnV2 .each-pl-banner-block .each-pl-banner-text {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 124px; }
  .bannerColumnV2 .bannerHeading {
    color: var(--secondary-secondary);
    font-size: 17px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    display: flex;
    gap: 12px;
    padding-bottom: 24px; }
  .bannerColumnV2 .bannerDescription .paraContent.paraContent_dark {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: #fff; }
  .bannerColumnV2 .bannerDescription .paraContent.paraContent_light {
    color: var(--primary-primary-50);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif; }
  .bannerColumnV2 .each-pl-banner-slider {
    position: relative;
    z-index: -1;
    opacity: 0;
    -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;
    height: 0;
    overflow: hidden; }
    .bannerColumnV2 .each-pl-banner-slider.active {
      opacity: 1;
      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; }
    .bannerColumnV2 .each-pl-banner-slider .bannerDesktopView {
      display: grid;
      grid-template-columns: 4fr 1fr; }

.plDots {
  display: flex;
  flex-direction: row;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  right: 10px;
  bottom: 10px; }
  .plDots li {
    cursor: pointer;
    position: relative;
    padding: 0 9px;
    z-index: 1; }
    .plDots li button {
      display: none; }
    .plDots li:before {
      content: '';
      width: 16px;
      height: 2px;
      border-radius: 4px;
      background-color: var(--primary-primary-200);
      position: absolute;
      transition: all 0.2s linear;
      opacity: 0.6; }
    .plDots li.banner-active:before {
      background-color: var(--white-black-white);
      opacity: 1; }

@media screen and (max-width: 700px) {
  .displayImg {
    display: none; }
  .bannerColumnV2 .bannerHeading {
    padding-bottom: 16px; }
  .bannerColumnV2 .each-pl-banner-block {
    padding: 16px; }
  .bannerColumnV2 .bannerDescription .paraContent.paraContent_light {
    font-size: 13px; }
  .bannerColumnV2 .each-pl-banner-slider .bannerDesktopView {
    grid-template-columns: 1fr; }
  .plDots {
    bottom: 3px; } }

.bnplListDesktop {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 12px; }
  .bnplListDesktop .panelHeadContainer {
    width: 240px;
    overflow-x: hidden; }
    .bnplListDesktop .panelHeadContainer.panelHeadContainerScroller {
      overflow-y: scroll;
      /* Track */
      /* Handle */ }
      .bnplListDesktop .panelHeadContainer.panelHeadContainerScroller::-webkit-scrollbar {
        width: 4px; }
      .bnplListDesktop .panelHeadContainer.panelHeadContainerScroller::-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; }
      .bnplListDesktop .panelHeadContainer.panelHeadContainerScroller::-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); }
      .bnplListDesktop .panelHeadContainer.panelHeadContainerScroller::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(77, 107, 217, 0.5); }
    .bnplListDesktop .panelHeadContainer .panelBlockHead {
      position: relative;
      padding: 0 12px;
      border-radius: 15px;
      margin-bottom: 40px;
      cursor: pointer;
      background: rgba(77, 108, 217, 0);
      transition: all 0.25s linear;
      max-width: calc(100% - 30px);
      word-break: break-word; }
      .bnplListDesktop .panelHeadContainer .panelBlockHead.active {
        position: relative;
        background: rgba(77, 108, 217, 0.1);
        padding: 12px; }
      .bnplListDesktop .panelHeadContainer .panelBlockHead:before {
        content: '';
        background: #d2d7eb;
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0; }
      .bnplListDesktop .panelHeadContainer .panelBlockHead:last-child {
        margin-bottom: 0; }
        .bnplListDesktop .panelHeadContainer .panelBlockHead:last-child:before {
          display: none; }
      .bnplListDesktop .panelHeadContainer .panelBlockHead .innerHeadContent {
        position: relative;
        word-break: break-word; }
  .bnplListDesktop .panelBlockContent {
    height: auto;
    width: calc(100% - 280px);
    border: 1px solid #d2d7eb;
    background: rgba(77, 108, 217, 0.04);
    padding: 20px;
    border-radius: 15px; }
    .bnplListDesktop .panelBlockContent .panelInnerContent {
      position: relative; }

.bnplList {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .bnplList .panelSection {
    position: relative;
    margin-bottom: 40px; }
    .bnplList .panelSection:before {
      content: '';
      background: #d2d7eb;
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: -20px;
      left: 0;
      right: 0; }
    .bnplList .panelSection:last-child {
      margin-bottom: 0; }
      .bnplList .panelSection:last-child:before {
        display: none; }

.panelContentBtn {
  position: absolute;
  top: 15px;
  right: 15px; }

.bnplBasicInfo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 27px 6px; }
  .bnplBasicInfo .detailBlock {
    width: 50%; }

.creditUsage {
  padding: 50px 0 50px;
  position: relative; }
  .creditUsage .creditUsageProgressBar {
    position: relative;
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 22px; }
    .creditUsage .creditUsageProgressBar:before {
      content: '';
      width: 100%;
      height: 100%;
      background: #dce1f5;
      position: absolute;
      z-index: 1; }
    .creditUsage .creditUsageProgressBar .activeCreditProgress {
      position: absolute;
      height: 100%;
      background: #4d6cd9;
      display: block;
      z-index: 2;
      transition: all 0.25s ease-in-out; }
  .creditUsage .creditLimitData {
    position: absolute;
    left: 0;
    right: auto;
    padding-top: 6px; }
    .creditUsage .creditLimitData .label {
      position: relative;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 0.85rem; }
    .creditUsage .creditLimitData .value {
      position: relative;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      font-size: 0.85rem; }
    .creditUsage .creditLimitData.creditRemaining {
      left: auto;
      right: 0; }

.orderPanelBlockHeader {
  position: relative; }
  .orderPanelBlockHeader .purchaseBlock {
    border-bottom: solid 1px #d2d7eb;
    padding-bottom: 18px;
    margin-bottom: 18px; }
    .orderPanelBlockHeader .purchaseBlock h4 {
      color: #29355d;
      font-size: 100%; }
    .orderPanelBlockHeader .purchaseBlock .detailBlock {
      font-size: 90%; }

.orderPanelBlockBody {
  position: relative;
  margin: 30px 0;
  padding: 30px 0; }
  .orderPanelBlockBody:before {
    content: '';
    background: #d2d7eb;
    position: absolute;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    top: 0; }
  .orderPanelBlockBody:after {
    content: '';
    background: #d2d7eb;
    position: absolute;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    bottom: 0; }

.orderPanelBlockFooter {
  position: relative; }

.orderTransactionTimeline {
  position: relative; }
  .orderTransactionTimeline ul {
    list-style: none;
    margin: 0;
    padding-top: 5px; }
    .orderTransactionTimeline ul li {
      position: relative;
      padding: 12px 0; }
      .orderTransactionTimeline ul li:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: white;
        border: 3px solid grey;
        top: 14px;
        left: -41px;
        z-index: 9; }
      .orderTransactionTimeline ul li:after {
        content: '';
        position: absolute;
        width: 4px;
        height: 100%;
        background: grey;
        top: 14px;
        left: -30px;
        z-index: 8; }
      .orderTransactionTimeline ul li[dataOrderType='overdue']:before {
        background-image: url("/static/img/overdueSvg.svg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-color: var(--overdueEmiColor); }
      .orderTransactionTimeline ul li[dataOrderType='overdue']:after {
        background: var(--overdueEmiColor); }
      .orderTransactionTimeline ul li[dataOrderType='paid']:before {
        background-image: url("/static/img/paidSvg.svg");
        background-size: auto;
        background-position: center;
        background-repeat: no-repeat;
        border-color: var(--paidEmiColor); }
      .orderTransactionTimeline ul li[dataOrderType='paid']:after {
        background: var(--paidEmiColor); }
      .orderTransactionTimeline ul li[dataOrderType='active']:before {
        background-image: none;
        background-size: auto;
        background-position: center;
        border-color: var(--activeEmiColor); }
      .orderTransactionTimeline ul li[dataOrderType='active']:after {
        background: var(--activeEmiColor); }
      .orderTransactionTimeline ul li[dataOrderType='returned']:before {
        background-image: url("/static/img/orderReturnedSvg.svg");
        background-size: auto;
        background-position: center;
        background-repeat: no-repeat;
        border-color: var(--returnedEmiColor); }
      .orderTransactionTimeline ul li[dataOrderType='returned']:after {
        background: var(--returnedEmiColor); }
  .orderTransactionTimeline ul .eachOrderTimeline:last-child li:last-child {
    padding: 12px 0 0; }
    .orderTransactionTimeline ul .eachOrderTimeline:last-child li:last-child:after {
      display: none; }

.orderDownloadBlock {
  position: relative; }

.paylaterTransactionLegends {
  display: flex;
  gap: 30px;
  font-size: 0.85rem;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  color: #99a1c5; }

.orderSelectBlock {
  position: relative;
  margin-bottom: 20px; }

.repaymentTimelineHead.bnplRepaymentTimelineHead {
  margin-bottom: 0; }

@media (max-width: 960px) {
  .repaymentTimelineHead.bnplRepaymentTimelineHead {
    margin-bottom: 40px; }
  .paylaterTransactionLegends {
    display: none; }
  .orderSelectBlock {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0; } }

@media (max-width: 800px) {
  .creditUsage .creditLimitData {
    position: absolute;
    left: 0;
    right: auto;
    padding-top: 6px;
    width: 50%; }
    .creditUsage .creditLimitData.creditRemaining {
      left: auto;
      right: 0;
      text-align: right; } }

@media (max-width: 640px) {
  .bnplBasicInfo {
    flex-wrap: wrap; }
    .bnplBasicInfo .detailBlock {
      width: 48%; }
      .bnplBasicInfo .detailBlock.approvedLimit {
        width: 100%;
        order: 3; }
  .creditUsage {
    padding: 40px 0; }
    .creditUsage .creditLimitData {
      display: flex;
      flex-direction: column-reverse;
      gap: 3px; }
      .creditUsage .creditLimitData .creditOutOflabel {
        display: none; }
  .bnplList .panelBlockButtons .panelOpenIcon {
    padding: 8px 18px 8px; }
    .bnplList .panelBlockButtons .panelOpenIcon:before {
      display: none; }
    .bnplList .panelBlockButtons .panelOpenIcon.active:before {
      display: none; } }

@media (max-width: 400px) {
  .repaymentTimelineHead.bnplRepaymentTimelineHead {
    margin-bottom: 0px; }
  .orderSelectBlock {
    position: relative;
    margin-bottom: 10px;
    top: -14px;
    max-width: 170px; } }

.staticScreen {
  position: relative; }

#staticScreen {
  background-color: var(--white-black-white);
  height: calc(100vh - 44px);
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  border-radius: 12px;
  box-shadow: 0 4px 8px 0 rgba(77, 108, 217, 0.08); }

.staticScreenLayout {
  position: relative; }
  .staticScreenLayout.version4 button.btn {
    min-height: 45px;
    font-size: 0.9rem; }
    .staticScreenLayout.version4 button.btn.btnNew {
      min-width: 328px; }
  .staticScreenLayout.version4 .errorScreenHeading {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 19px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: center;
    color: var(--neutral-neutral-800);
    padding-bottom: 8px; }
  .staticScreenLayout.version4 .errorScreenDescription {
    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-600); }

.floatingButton .arrow {
  border-color: transparent; }

@media screen and (max-width: 800px) {
  .staticScreenLayout {
    padding: 0 8px;
    height: calc(100% - 25px); }
    .staticScreenLayout.version4 .errorScreenDescription {
      padding: 0 35px; }
  #staticScreen {
    padding: 40px 0;
    height: calc(100vh - 188px);
    max-width: calc(100% - 40px); }
    #staticScreen .displayImage {
      max-height: 160px; }
  .staticScreenLayout.version4 button.btn.btnNew {
    min-width: 302px;
    width: auto; }
  .floatingButton {
    transition: bottom 0.5s ease-in-out;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0 0 16px 0 rgba(8, 11, 22, 0.16);
    background-color: var(--primary-primary-400);
    margin: 0 0 16px 0;
    right: 18px;
    bottom: -100%;
    position: fixed; }
    .floatingButton .up {
      width: 1px;
      height: 1px;
      border-color: #fff;
      position: relative;
      top: 3px; }
    .floatingButton.showScrollUp {
      bottom: 0; } }

@media screen and (max-width: 375px) {
  .staticScreenLayout.version4 button.btn.btnNew {
    min-width: 255px;
    width: auto; } }

@media screen and (max-width: 1024px) and (min-width: 800px) {
  #staticScreen {
    height: calc(100vh - 120px); } }

* {
  -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; }

:root {
  --primaryColor: #233a8c;
  --tenantLogo: url('https://prefr.com/static/img/v3/prefr.svg');
  --contrastColor: #ffffff;
  --buttonBgLinkColor: var(--contrastColor);
  --buttonBgColor: var(--primaryColor);
  --buttonTransparentBgLinkColor: var(--primaryColor);
  --buttonLinkColor: var(--primaryColor);
  --buttonLinkBg: transparent;
  --svgprimaryColor: var(--primaryColor);
  --svgStrokeColor: var(--primaryColor);
  --svgBgColor: var(--primaryColor);
  --svgBtnBgColor: var(--primaryColor);
  --svgBtnBgLinkColor: var(--contrastColor);
  --checkboxBgColor: var(--primaryColor);
  --checkboxLinkColor: var(--contrastColor);
  --processingPieChartBg: var(--primaryColor);
  --processingPieChartBgActive: var(--primaryColor);
  --processingSvgBgColor: var(--contrastColor);
  --processingTextColor: var(--primaryColor);
  --processingSuccessfill: var(--primaryColor);
  --processingSuccessStroke: var(--contrastColor);
  --chargesBtnBgColor: rgba(0, 0, 0, 0.3);
  --anchorTagColor: var(--primaryColor);
  --overdueEmiColor: #ffd6d6;
  --activeEmiColor: #d9d9d9;
  --paidEmiColor: #cdf5cc;
  --deferredEmiColor: #d9d9d9;
  --returnedEmiColor: #ffedd0;
  --neutral-neutral-50: #f8fafc;
  --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;
  --backgrounds-background-100: #eef1fc;
  --white-black-white: #fff;
  --white-black-black: #000;
  --modal-block-bg: rgba(0, 0, 0, 0.5);
  --modal-innerblock-bg: #ffffff;
  --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); }

body {
  background-color: #f2f8ff;
  font-size: 16px;
  padding: 24px 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  line-height: 1.5;
  color: #2d3039;
  margin: 0 auto;
  overflow-x: hidden;
  overscroll-behavior-y: none; }
  body.modalShow {
    overflow: hidden; }

a {
  color: #4d6cd9; }
  a.text-decoration-undeline {
    text-decoration: underline; }

.mainLayout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative; }
  .mainLayout.isLoginPage .sidebarColumn {
    width: 3em;
    padding: 1.5em 0.75em; }
  .mainLayout.isLoginPage .profileBlock .profileDetails {
    visibility: hidden;
    word-break: inherit; }
  .mainLayout.isLoginPage .serviceMenuList li .eachLink .linkText {
    visibility: hidden;
    word-break: inherit; }
  .mainLayout.isLoginPage .mainLayoutContent {
    margin-left: 4em; }

.mainLayoutContent {
  position: relative;
  transition: all 0.3s ease-in; }
  .mainLayoutContent h2 {
    color: #233a8c;
    font-size: 1.15em; }

hr {
  border: 1px solid #d2d7eb;
  margin: 0;
  padding: 0; }

.popoverBackground {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  z-index: -2;
  opacity: 0; }

.fullWidth {
  width: 100%; }

@media (max-width: 1200px) {
  body {
    padding: 16px 24px; }
    body.v2 {
      padding: 16px 24px; }
    body .profileBlock .input_popover .popper-content {
      display: none; } }

@media (max-width: 640px) {
  body {
    padding: 15px 18px; } }

* {
  -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; }

:root {
  --primaryColor: #233a8c;
  --tenantLogo: url('https://prefr.com/static/img/v3/prefr.svg');
  --contrastColor: #ffffff;
  --buttonBgLinkColor: var(--contrastColor);
  --buttonBgColor: var(--primaryColor);
  --buttonTransparentBgLinkColor: var(--primaryColor);
  --buttonLinkColor: var(--primaryColor);
  --buttonLinkBg: transparent;
  --svgprimaryColor: var(--primaryColor);
  --svgStrokeColor: var(--primaryColor);
  --svgBgColor: var(--primaryColor);
  --svgBtnBgColor: var(--primaryColor);
  --svgBtnBgLinkColor: var(--contrastColor);
  --checkboxBgColor: var(--primaryColor);
  --checkboxLinkColor: var(--contrastColor);
  --processingPieChartBg: var(--primaryColor);
  --processingPieChartBgActive: var(--primaryColor);
  --processingSvgBgColor: var(--contrastColor);
  --processingTextColor: var(--primaryColor);
  --processingSuccessfill: var(--primaryColor);
  --processingSuccessStroke: var(--contrastColor);
  --chargesBtnBgColor: rgba(0, 0, 0, 0.3);
  --anchorTagColor: var(--primaryColor);
  --overdueEmiColor: #ffd6d6;
  --activeEmiColor: #d9d9d9;
  --paidEmiColor: #cdf5cc;
  --deferredEmiColor: #d9d9d9;
  --returnedEmiColor: #ffedd0;
  --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: 2px solid var(--neutral-neutral-200);
  --popper-content-border-radius: 12px;
  --popper-content-box-shadow: none;
  --popper-content-font-alignment: left; }

body {
  background-color: var(--primary-primary-50);
  font-size: 16px;
  padding: 24px 24px 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  line-height: 1.5;
  color: #2d3039;
  margin: 0 auto;
  overflow-x: hidden;
  overscroll-behavior-y: none; }
  body.modalShow {
    overflow: hidden; }

a {
  color: #4d6cd9; }
  a.text-decoration-undeline {
    text-decoration: underline; }

b,
strong {
  font-weight: 500; }

.mainLayout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative; }
  .mainLayout.isLoginPage .sidebarColumn {
    width: 3em;
    padding: 1.5em 0.75em; }
  .mainLayout.isLoginPage .profileBlock .profileDetails {
    visibility: hidden;
    word-break: inherit; }
  .mainLayout.isLoginPage .serviceMenuList li .eachLink .linkText {
    visibility: hidden;
    word-break: inherit; }
  .mainLayout.isLoginPage .mainLayoutContent {
    margin-left: 4em; }

.mainLayoutContent {
  position: relative;
  transition: all 0.3s ease-in; }
  .mainLayoutContent h2 {
    color: #233a8c;
    font-size: 1.15em; }

hr {
  border: 1px solid #d2d7eb;
  margin: 0;
  padding: 0; }

.popoverBackground {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  z-index: -2;
  opacity: 0; }

.fullWidth {
  width: 100%; }

@media (max-width: 640px) {
  body {
    padding: 15px 18px; } }

.loginHeadingText {
  flex-grow: 0;
  font-family: 'ClashDisplay-SemiBold';
  font-weight: 600;
  word-break: break-word;
  position: relative;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.8px;
  text-align: left; }

.multipleTriangles {
  display: inline-block; }
  .multipleTriangles .triangle {
    border-top: 6px solid transparent;
    border-left: 10px solid black;
    border-bottom: 6px solid transparent;
    margin-bottom: 2px;
    display: block; }
    .multipleTriangles .triangle:last-child {
      margin-bottom: 0; }
    .multipleTriangles .triangle.trianglePrimary {
      border-left-color: #4d6cd9; }
    .multipleTriangles .triangle.triangleSecoundary {
      border-left-color: #38f4a4; }

.cvLoanBodyV1 {
  padding: 0 0; }

.mobileNumberPrefix {
  flex-grow: 0;
  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; }

.mobileNumberInput {
  flex-grow: 0;
  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; }

.cvLoanBodyV1 {
  padding: 0 0; }

.mobileNumberPrefix {
  flex-grow: 0;
  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; }

.mobileNumberInput {
  flex-grow: 0;
  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; }

.mobileInput {
  color: #64748b; }

.insideScroll {
  overflow-x: hidden;
  background-color: white;
  border-radius: 24px;
  /* Track */
  /* Handle */ }
  .insideScroll::-webkit-scrollbar {
    width: 6px; }
  .insideScroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px; }
  .insideScroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(153, 161, 197, 0.5);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6); }
  .insideScroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(153, 161, 197, 0.5); }

.loanProgress {
  display: block;
  background-image: linear-gradient(98deg, #4e54c8 1%, #8f94fb 100%);
  font-family: 'ClashDisplay-SemiBold';
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.8px;
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; }

@media screen and (max-width: 700px) {
  .displayMobileImage {
    max-height: 160px; } }

.version4 .toPay {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #475569;
  font-size: 0.85rem;
  line-height: 1.21;
  padding-bottom: 10px;
  display: block; }

.version4 .paymentColumn {
  display: none;
  position: fixed;
  bottom: auto;
  top: 24px;
  right: 24px;
  overflow: hidden;
  transition: all 0.5s ease-in;
  width: inherit;
  height: calc(100% - 78px);
  z-index: 92;
  padding: 32px 0 0;
  border-radius: 16px; }
  .version4 .paymentColumn .banner-card {
    display: flex; }

.version4 .paymentContent {
  position: relative;
  height: calc(100% - 60px);
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 16px;
  background: white;
  border-radius: 12px; }

.version4 .paymentHeader {
  position: relative;
  padding: 0 0 0; }
  .version4 .paymentHeader h3 {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 115%;
    color: var(--neutral-neutral-800); }
  .version4 .paymentHeader .closeIcon {
    position: absolute;
    top: 4px;
    width: 30px;
    height: 30px;
    right: 0;
    cursor: pointer;
    display: none; }

.version4 .repaymentType {
  display: table;
  font-size: 12px;
  background: #fefce8;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #fff;
  padding: 6px 16px;
  border-radius: 20px;
  position: relative;
  margin-top: 7px;
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid #ca8a04; }
  .version4 .repaymentType:before {
    content: '';
    opacity: 0.2;
    background: #fefce8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 15px;
    z-index: -1; }
  .version4 .repaymentType.overdue {
    color: var(--error-error-500);
    background: var(--error-error-50);
    border: 1px solid var(--error-error-500); }
  .version4 .repaymentType.active {
    color: var(--warning-warning-600);
    background: var(--warning-warning-50);
    border: 1px solid var(--warning-warning-500); }

.version4 .paymentBody {
  position: relative;
  background: #f5f7fd;
  border-radius: 12px;
  margin: 30px auto 30px;
  padding: 16px;
  border: solid 1.6px #d2daf5; }

.version4 .eachPaymentDetail {
  display: grid;
  grid-template-columns: 7fr 4fr;
  padding-bottom: 12px;
  color: #475569;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif; }
  .version4 .eachPaymentDetail .label {
    position: relative; }
  .version4 .eachPaymentDetail .value {
    justify-self: flex-end; }
  .version4 .eachPaymentDetail.eachPaymentDetail_Sub {
    font-size: 14px;
    padding-left: 0;
    color: var(--neutral-neutral-500); }
    .version4 .eachPaymentDetail.eachPaymentDetail_Sub .strikeOff {
      color: var(--Neutral-Neutral-400, #94A3B8);
      font-family: Rubik;
      font-size: 11px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-decoration: line-through;
      padding: 0 7px 0 0; }
  .version4 .eachPaymentDetail.forDueDate {
    grid-template-columns: 69px 1fr; }
    .version4 .eachPaymentDetail.forDueDate .label {
      font-weight: 500; }
    .version4 .eachPaymentDetail.forDueDate .value {
      justify-self: auto; }
  .version4 .eachPaymentDetail.eachPaymentDetail_total {
    margin-top: 3px;
    padding: 20px 0 20px;
    border-top: 2px solid #d2daf5; }
  .version4 .eachPaymentDetail.eachPaymentDetail_heading {
    font-weight: 500;
    padding-bottom: 8px; }
    .version4 .eachPaymentDetail.eachPaymentDetail_heading .bannerBlock {
      width: 300px; }
      .version4 .eachPaymentDetail.eachPaymentDetail_heading .bannerBlock .rewardsOffer {
        padding: 2px 6px;
        align-items: center;
        gap: 4px;
        border-radius: 999px;
        border: 1px solid var(--Success-Success-200, #BBF7D0);
        background: linear-gradient(191deg, #E9FFF0 8.16%, #C7FFDB 91.87%);
        color: var(--Success-Success-600, #16A34A);
        font-family: Rubik;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
  .version4 .eachPaymentDetail.eachPaymentDetail_lastChild {
    padding: 16px 0 0; }
  .version4 .eachPaymentDetail.surplusAmountDetail {
    padding-top: 15px; }

.version4 .paymentFooter {
  padding-bottom: 20px; }

.version4 .paymentTypeBlock label {
  position: relative; }

.version4 .confirmPayBtn {
  position: relative;
  text-transform: none;
  padding-left: 0; }
  .version4 .confirmPayBtn .btn {
    padding: 10px 42px 10px 30px;
    width: 100%; }

.version4 .paymentContent.closedPaymentContent .paymentBody {
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  max-width: calc(100% - 80px);
  top: 40px;
  bottom: 40px;
  background: #fff;
  border: none; }

.version4 .paymentTransactionDetails {
  display: block;
  gap: 24px;
  margin: 0 auto 40px;
  border-radius: 24px;
  width: auto;
  background-color: #f1f5f9; }
  .version4 .paymentTransactionDetails .value {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: #475569;
    font-size: 14px; }
  .version4 .paymentTransactionDetails .label {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    color: #475569; }

.version4 .horizontal-line {
  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' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
  width: 100%;
  height: 1px; }

.version4 .displayNone {
  display: none; }

.version4 .displayBlock {
  display: block; }

.version4 .surplusText {
  border-radius: 12px;
  background: #4d6cd9;
  padding: 16px;
  font-size: 14px;
  color: #ffffff;
  flex-grow: 1;
  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;
  display: flex;
  gap: 8px;
  margin: 24px 0; }

@media screen and (max-width: 1100px) {
  .version4 .paymentColumn {
    top: auto;
    bottom: 22px;
    height: calc(100% - 96px);
    padding-top: 16px; } }

@media screen and (max-width: 800px) {
  .version4 .paymentColumn {
    right: 0;
    left: 0;
    margin: 0 auto; } }

.version4 .contactUsTextInPaymentSection {
  padding: 16px;
  color: var(--neutral-neutral-800); }

.forecloseNoteToolTip:hover .forecloseNoteToolTipText {
  display: block;
  position: absolute;
  right: -70%;
  font-size: 14px;
  width: 242px;
  background: #4d6cd9;
  padding: 14px 16px;
  border-radius: 12px;
  color: white; }

.forecloseNoteToolTip .forecloseNoteToolTipText::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 89%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #4d6cd9 transparent; }

.forecloseNoteToolTip {
  position: relative; }

.forecloseNoteToolTip .forecloseNoteToolTipText {
  display: none; }

body.enablePaymentColumn {
  overflow: hidden; }
  body.enablePaymentColumn .popoverBackground {
    background: rgba(0, 0, 0, 0.75);
    z-index: 75;
    opacity: 1;
    z-index: 94; }
  body.enablePaymentColumn .mainLayout .paymentColumn {
    display: block;
    z-index: 95; }
  body.enablePaymentColumn .mainLayout .paymentHeader .closeIcon {
    display: block; }
  body.enablePaymentColumn .mainLayout .sidebarColumn {
    z-index: 0; }

.mainLayout.LMR .paymentColumn {
  display: block; }

.mainLayout.MR .paymentColumn {
  display: none; }

.successScreenBlock {
  padding: 24px; }

@media (max-width: 800px) {
  .paymentColumn {
    right: 0;
    left: 0;
    margin: 0 auto;
    top: auto;
    bottom: -80px;
    transition: all 0.2s ease-in;
    max-width: calc(100% - 60px);
    border-radius: 12px;
    display: none; }
  .paymentContent {
    padding: 0 1em; }
  .mainLayout.LMR .paymentColumn {
    display: none; } }

@media (max-width: 800px) {
  .version4 .paymentTransactionDetails {
    width: auto; }
    .version4 .paymentTransactionDetails .transactionIdBlock {
      padding: 0 32px;
      text-align: center; }
      .version4 .paymentTransactionDetails .transactionIdBlock .value {
        font-size: 16px; }
    .version4 .paymentTransactionDetails .transactionDateBlock {
      padding: 0 16px;
      display: flex;
      gap: 5px; }
      .version4 .paymentTransactionDetails .transactionDateBlock .label {
        position: relative;
        top: 1px; }
      .version4 .paymentTransactionDetails .transactionDateBlock .value {
        font-weight: 400; }
  .version4.successScreenBlock {
    padding: 16px; } }

@media screen and (max-width: 320px) {
  .version4 .paymentTransactionDetails {
    padding: 16px 0;
    width: auto; } }

.version4 .inputFieldv2 {
  font-size: 30px; }
  .version4 .inputFieldv2 .input-errorIcon {
    display: none; }
  .version4 .inputFieldv2.otpInputField {
    position: relative; }
    .version4 .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;
      left: 44%; }
      .version4 .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; }
      .version4 .inputFieldv2.otpInputField input.otpInput::-moz-placeholder {
        /* Firefox 19+ */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none;
        letter-spacing: 8px; }
      .version4 .inputFieldv2.otpInputField input.otpInput:-ms-input-placeholder {
        /* IE 10+ */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none;
        letter-spacing: 8px; }
      .version4 .inputFieldv2.otpInputField input.otpInput:-moz-placeholder {
        /* Firefox 18- */
        color: var(--neutral-neutral-300);
        font-size: 30px !important;
        text-transform: none;
        letter-spacing: 8px; }
    .version4 .inputFieldv2.otpInputField.error-inputFieldV2 input {
      color: var(--error-error-500); }
  .version4 .inputFieldv2.error-inputFieldV2 input {
    color: red; }
  .version4 .inputFieldv2.error-inputFieldV2 .input-errorIcon {
    display: inline-block;
    position: relative;
    top: 2px; }
  .version4 .inputFieldv2.notError input {
    color: #475569; }
  .version4 .inputFieldv2.notError .input-errorIcon {
    display: none; }

.version4 .inputBlock {
  position: relative; }
  .version4 .inputBlock.lanInputBlock .input-area {
    padding: 11px 12px;
    font-weight: 400;
    font-size: 14px; }
  .version4 .inputBlock.payOtherAmtInput .input-area-col.input-area-col-symbol .input-area {
    width: calc(100% - 30px); }
  .version4 .inputBlock label {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: #475569;
    font-size: 0.85rem;
    line-height: 1.21;
    padding-bottom: 2px;
    display: block; }
  .version4 .inputBlock .input-area-col {
    position: relative;
    padding-bottom: 0px; }
    .version4 .inputBlock .input-area-col.input-area-col-symbol .input-area {
      padding: 12px 5px 12px 24px;
      width: calc(100% - 40px); }
  .version4 .inputBlock .otpInputFlex {
    display: flex;
    flex-grow: 0;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left; }
  .version4 .inputBlock .input-area {
    position: relative;
    border: none;
    background-color: #f1f5f9;
    padding: 8px 12px;
    border-radius: 12px;
    width: calc(100% - 24px);
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    color: #475569; }
    .version4 .inputBlock .input-area .otp-input-area-col:focus {
      border: 2px solid #4d6cd9; }
      .version4 .inputBlock .input-area .otp-input-area-col:focus::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        display: none; }
      .version4 .inputBlock .input-area .otp-input-area-col:focus::-moz-placeholder {
        /* Firefox 19+ */
        display: none; }
      .version4 .inputBlock .input-area .otp-input-area-col:focus:-ms-input-placeholder {
        /* IE 10+ */
        display: none; }
      .version4 .inputBlock .input-area .otp-input-area-col:focus:-moz-placeholder {
        /* Firefox 18- */
        display: none; }
    .version4 .inputBlock .input-area:focus {
      border: none; }
      .version4 .inputBlock .input-area:focus::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        display: none; }
      .version4 .inputBlock .input-area:focus::-moz-placeholder {
        /* Firefox 19+ */
        display: none; }
      .version4 .inputBlock .input-area:focus:-ms-input-placeholder {
        /* IE 10+ */
        display: none; }
      .version4 .inputBlock .input-area:focus:-moz-placeholder {
        /* Firefox 18- */
        display: none; }
    .version4 .inputBlock .input-area::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-area::-moz-placeholder {
      /* Firefox 19+ */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-area:-ms-input-placeholder {
      /* IE 10+ */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-area:-moz-placeholder {
      /* Firefox 18- */
      color: #aab0cb;
      font-size: 1rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-area:disabled {
      opacity: 0.8;
      background: #ededed;
      color: #35495e; }
    .version4 .inputBlock .input-area.input-area-mobilenumber-symbol {
      padding: 12px 20px;
      width: calc(100% - 56px); }
      .version4 .inputBlock .input-area.input-area-mobilenumber-symbol ~ .input-rupee-symbol {
        display: block; }
    .version4 .inputBlock .input-area ~ .input-rupee-symbol {
      display: none; }
  .version4 .inputBlock .invalidLanMessage {
    display: none; }
  .version4 .inputBlock .input-error-message {
    position: absolute;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 0.85rem;
    bottom: -12px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .version4 .inputBlock .input-rupee-symbol {
    position: absolute;
    top: 11px;
    left: 12px;
    z-index: 1; }
  .version4 .inputBlock.inputInvalid .input-area {
    border: solid 2px #f23535;
    background-color: #fff; }
  .version4 .inputBlock.inputInvalid .invalidLanInput {
    border: 1px solid #f87171;
    background-color: var(--error-error-50); }
  .version4 .inputBlock.inputInvalid .input-error-message {
    color: #f23535;
    opacity: 1; }
  .version4 .inputBlock.inputInvalid .invalidLanMessage {
    display: block;
    margin-top: 5px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: left;
    color: var(--error-error-400); }

.version4 .inputBlock {
  position: relative; }
  .version4 .inputBlock .input-select {
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    border: solid 2px #c8cde3;
    background-color: #ffffff;
    padding: 7px 12px;
    width: 100%;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 0.9rem;
    color: #233a8c;
    outline: none;
    max-width: 230px; }
    .version4 .inputBlock .input-select::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-select::-moz-placeholder {
      /* Firefox 19+ */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-select:-ms-input-placeholder {
      /* IE 10+ */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-select:-moz-placeholder {
      /* Firefox 18- */
      color: #c7c7c7;
      font-size: 0.85rem !important;
      text-transform: inherit; }
    .version4 .inputBlock .input-select option {
      position: relative;
      padding: 10px; }

.version4 .customAmountBlock .inputBlock {
  position: relative; }
  .version4 .customAmountBlock .inputBlock .input-area-col {
    position: relative;
    padding-bottom: 0; }
  .version4 .customAmountBlock .inputBlock .input-error-message {
    position: relative;
    display: none;
    bottom: 0; }
  .version4 .customAmountBlock .inputBlock.inputInvalid .input-error-message {
    display: block; }

.version4 .inputBlock .input-area-col .otp-input-area-col {
  position: relative;
  display: block;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
  max-width: 280px; }
  .version4 .inputBlock .input-area-col .otp-input-area-col .input-area {
    max-width: 40px;
    height: auto;
    padding: 10px;
    text-align: center;
    border: solid 2px #aab0cb; }
    .version4 .inputBlock .input-area-col .otp-input-area-col .input-area::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      display: none;
      visibility: hidden; }
    .version4 .inputBlock .input-area-col .otp-input-area-col .input-area::-moz-placeholder {
      /* Firefox 19+ */
      display: none;
      visibility: hidden; }
    .version4 .inputBlock .input-area-col .otp-input-area-col .input-area:-ms-input-placeholder {
      /* IE 10+ */
      display: none;
      visibility: hidden; }
    .version4 .inputBlock .input-area-col .otp-input-area-col .input-area:-moz-placeholder {
      /* Firefox 18- */
      display: none;
      visibility: hidden; }

.version4 .mobileNumberInputV2 {
  display: inline-block;
  font-size: 25px;
  width: 150px;
  position: relative;
  top: -2px;
  color: var(--neutral-neutral-600);
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  width: 165px; }

.version4 .errortext {
  color: red; }

.version4 .customAmountToPay {
  padding: 16px;
  border-radius: 12px;
  border: 1.6px solid #4d6cd9;
  margin-bottom: 24px;
  width: calc(100% - 40px); }

.version4 .colorBlack {
  color: #1e293b; }

.version4 .colorPlaceholder::-webkit-input-placeholder {
  color: var(--neutral-neutral-300); }

.version4 .colorPlaceholder::-moz-placeholder {
  color: var(--neutral-neutral-300); }

.version4 .colorPlaceholder::-ms-placeholder {
  color: var(--neutral-neutral-300); }

.version4 .colorPlaceholder::placeholder {
  color: var(--neutral-neutral-300); }

.version4 button.btn {
  background-color: #dee4f8;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 0.875rem;
  color: #4d6cd9;
  min-width: 200px;
  min-height: 36px;
  margin: 0;
  text-align: center;
  border-radius: 16px;
  text-transform: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  line-height: 1.5; }
  .version4 button.btn.btnNew {
    min-width: 47%;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    border-radius: 20px;
    padding: 13.5px 24px; }
    .version4 button.btn.btnNew.btnDisable {
      background-color: var(--neutral-neutral-200);
      color: var(--neutral-neutral-400); }
    .version4 button.btn.btnNew.submitButtonEnable {
      background-color: var(--primary-primary-400);
      color: var(--white-black-white); }
    .version4 button.btn.btnNew.backButtonEnable {
      background-color: var(--primary-primary-50);
      color: var(--primary-primary-400); }
  .version4 button.btn.btnFont14 {
    font-size: 0.85rem; }
  .version4 button.btn.btnFont16 {
    font-size: 1rem; }
  .version4 button.btn.btn_dark {
    background-color: #4d6cd9;
    color: #fff; }
    .version4 button.btn.btn_dark.btnChevron span:after {
      border-top: 2px solid #fff;
      border-left: 2px solid #fff; }
  .version4 button.btn.btn-primary-primary-400 {
    background-color: #4d6cd9;
    color: #fff;
    width: 320px;
    padding: 13.5px 0;
    border-radius: 20px; }
    .version4 button.btn.btn-primary-primary-400.btnChevron span:after {
      border-top: 2px solid #fff;
      border-left: 2px solid #fff; }
  .version4 button.btn.btnLg {
    padding: 8px 40px; }
  .version4 button.btn.btnMd {
    padding: 8px 28px 8px 14px; }
  .version4 button.btn.btnChevron {
    position: relative; }
    .version4 button.btn.btnChevron span {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .version4 button.btn.btnChevron span:after {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        border-top: 2px solid #4d6cd9;
        border-left: 2px solid #4d6cd9;
        transform: rotate(135deg);
        transition: all 0.25s ease-in;
        right: -14px;
        top: auto; }
    .version4 button.btn.btnChevron:disabled {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgba(255, 255, 255, 0.7);
      cursor: not-allowed; }
      .version4 button.btn.btnChevron:disabled span:after {
        border-top: 2px solid rgba(255, 255, 255, 0.7);
        border-left: 2px solid rgba(255, 255, 255, 0.7); }
  .version4 button.btn.btnDownload {
    position: relative; }
  .version4 button.btn.paynowBtn {
    width: 100px;
    min-width: 100px; }
  .version4 button.btn.btnWidthAuto {
    min-width: auto;
    width: 100%; }
  .version4 button.btn.btnOverlay {
    position: relative;
    overflow: hidden; }
    .version4 button.btn.btnOverlay:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      background: transparent; }
  .version4 button.btn.btnPay {
    font-size: 0.75rem; }
  .version4 button.btn:disabled {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.7);
    cursor: not-allowed; }

@media screen and (max-width: 400px) {
  .version4 button.btn.btn-primary-primary-400 {
    width: 280px;
    padding: 13.5px; }
  .version4 button.btn.btnNew {
    min-width: 34%; } }

@media screen and (max-width: 360px) {
  .version4 button.btn.btn-primary-primary-400 {
    width: 34%; } }

@media screen and (max-width: 800px) {
  .version4 button.btn.btnNew {
    width: 100%; } }

.plv2-primary-arrow-btn.disabledText {
  color: var(--neutral-neutral-400);
  cursor: not-allowed; }
  .plv2-primary-arrow-btn.disabledText .buttonText:after {
    border-color: var(--neutral-neutral-400); }

.downloadBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 11.5px 24px 11.5px 20px;
  border-radius: 16px;
  background-color: var(--primary-primary-50);
  font-family: Rubik;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--primary-primary-400);
  cursor: pointer; }
  .downloadBtn img {
    position: relative;
    top: 3px; }

.secondary-button {
  border-radius: 12px;
  background: var(--primary-primary-50, #eef1fc);
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: var(--primary-primary-400, #4d6cd9);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  /* 153.846% */
  cursor: pointer; }
  .secondary-button.warning-text {
    color: var(--error-error-500, #ef4444);
    background: transparent; }
  .secondary-button.disabled {
    color: #94a3b8;
    cursor: not-allowed; }

.insuranceStatus {
  border-radius: 16px;
  display: flex;
  padding: 2px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px; }
  .insuranceStatus .statusText {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */ }
  .insuranceStatus.inprogress {
    color: var(--primary-primary-400, #4d6cd9);
    border: 1px solid var(--primary-primary-400, #4d6cd9);
    background: var(--primary-primary-50, #eef1fc); }
  .insuranceStatus.active {
    color: var(--success-500, #22c55e);
    border: 1px solid var(--success-500, #22c55e);
    background: var(--success-50, #f0fdf4); }
  .insuranceStatus.cancellationinprogress {
    color: var(--warning-warning-600, #ca8a04);
    border: 1px solid var(--warning-warning-500, #eab308);
    background: var(--warning-warning-50, #fefce8); }
  .insuranceStatus.cancelled {
    color: var(--error-error-500, #ef4444);
    border: 1px solid var(--error-error-500, #ef4444);
    background: var(--error-error-50, #fef2f2); }
  .insuranceStatus.inactive {
    color: var(--gray-gray-400, #a3a3a3);
    border: 1px solid var(--gray-gray-400, #a3a3a3);
    background: var(--gray-gray-100, #f5f5f5); }

.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.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: 328px;
    width: 100%;
    margin: 0 auto; }
  .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.btnDisabled .buttonText:after, .buttonV2.btnPlus.btnDisabled .buttonText:before {
      background-image: url("/static/img/latestUI/plus/plusDisabled.svg"); }
    .buttonV2.btnPlus.buttonV2Light .buttonText:after, .buttonV2.btnPlus.buttonV2Light .buttonText:before {
      background-image: url("/static/img/latestUI/plus/plusBlue.svg"); }

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

.cvPrefrBtnV2.cvPrefrBtnV2Flex {
  display: flex;
  gap: 16px;
  width: 100%;
  flex-direction: row; }
  .cvPrefrBtnV2.cvPrefrBtnV2Flex .buttonV2 {
    min-width: auto;
    width: 100%;
    padding: 14px 24px; }

@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%; }
  .cvPrefrBtnV2.cvPrefrBtnV2Flex .buttonV2 {
    min-width: auto;
    width: 100%;
    padding: 14px 19px; } }

.firstEnquiryNo {
  background-image: linear-gradient(98deg, #4e54c8 1%, #8f94fb 100%);
  font-family: 'ClashDisplay-Semibold';
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.48px;
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; }

.secondEnquiryNo {
  background-image: linear-gradient(98deg, #8e2de2 1%, #4a00e0 100%);
  font-family: 'ClashDisplay-Semibold';
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.48px;
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; }

.enquiryNoBlock {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 56px;
  padding: 0; }

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

.contactUsHeading {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: normal; }

.contactUsBlock {
  display: flex;
  flex-direction: column;
  padding: 40px 24px;
  border-radius: 24px;
  background-color: #ffffff; }

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

.verticalLine {
  width: 1px;
  height: 48px;
  transform: rotate(-180deg);
  background-color: #cbd5e1; }

.note {
  border: 1px solid var(--primary-primary-200);
  padding: 8px;
  display: flex;
  gap: 12px;
  background-color: var(--primary-primary-50);
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start; }

.noteIcon {
  background: #4d6cd9;
  border-radius: 16px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.timingsBlock {
  background: #eef1fc;
  border-radius: 20px;
  padding: 16px;
  font-size: 14px; }

.timingsFlex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 19px; }

.flexCommon {
  display: flex;
  gap: 10px; }

.newBtn {
  margin: auto;
  padding: 13.5px 24px;
  border-radius: 20px;
  background-color: #4d6cd9;
  width: 100%;
  max-width: 328px;
  cursor: pointer; }
  .newBtn .BtnText {
    font-weight: 400;
    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: center;
    color: #fff; }

.grayBtn {
  margin: auto;
  padding: 13.5px 24px;
  border-radius: 20px;
  background-color: #dee4f8;
  width: 100%;
  max-width: 328px;
  cursor: pointer; }
  .grayBtn .BtnText {
    font-weight: 400;
    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: center;
    color: #4d6cd9; }

.ourTimingsHeading {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left; }

.displayNone {
  display: none; }

@media only screen and (max-width: 640px) {
  .contactUsBlock {
    padding: 40px 16px; }
  .enquiryNoBlock {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px; }
  .verticalLine {
    display: none; } }

.contactUsBlock .noteBlock {
  margin: 24px 0; }

.noteInnerBlock {
  position: relative;
  font-size: 13px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: start;
  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;
    top: 2px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    line-height: 1.54;
    width: calc(100% - 40px); }
  .noteInnerBlock.noteContactUsInfo {
    border: solid 1px var(--primary-primary-200);
    background-color: var(--primary-primary-50);
    color: var(--primary-primary-700); }
    .noteInnerBlock.noteContactUsInfo .noteIcon {
      border: solid 0 var(--primary-primary-100);
      background-color: var(--primary-primary-400); }

#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; }
  #snackbar p {
    margin: 0;
    padding: 0; }
    #snackbar p.p_lg {
      font-size: 1.15em; }

#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; }
  #newSnackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s; }
  #newSnackbar .noteInnerBlock {
    position: relative;
    padding: 16px;
    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-500);
    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);
      margin: 0 12px; }
      #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);
      margin: 0 12px; }
      #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; }

.invalidOtpSnackBar {
  width: 328px;
  max-width: 100%; }

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

body.loginLayoutNew {
  background: #4d6cd9;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100vh; }
  body.loginLayoutNew:after {
    content: '';
    background-position: right;
    width: 300px;
    height: 400px;
    position: absolute;
    right: 0;
    background-size: contain;
    opacity: 0.2;
    top: 0; }

.loginSectionNew {
  width: 1086px;
  min-height: 615px;
  margin: 0px auto;
  position: relative;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  overflow: hidden; }
  .loginSectionNew:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/static/img/Login_Image.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    border-radius: 20px 0 0 20px; }
  .loginSectionNew .loginContent {
    position: absolute;
    background: #fff;
    height: 100%;
    width: calc(100% - 48%);
    right: 0;
    z-index: 8;
    border-radius: 0 20px 20px 0;
    padding: 0; }

.loginComponentBlock {
  width: auto;
  padding: 123px 64px; }

.loginHeader {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600);
  text-transform: none;
  display: block; }

.lanHelpText {
  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); }

.loginDescription {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
  color: #233a8c;
  line-height: 1.29; }

.btnBlock {
  position: relative; }
  .btnBlock .btn {
    background-color: #4d6cd9;
    color: #fff;
    width: 100%;
    padding: 12px 15px;
    box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14); }

.loginActiveContent {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  cursor: pointer; }

.loginLogoBlock_desktopNew {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 51%);
  flex-direction: column; }
  .loginLogoBlock_desktopNew img {
    width: 222px;
    height: 80px; }
  .loginLogoBlock_desktopNew .logoDescription {
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff; }

.loginLogoBlock_mobile {
  display: none; }

.prefrUrl {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px; }

.formattedNumber {
  background-image: linear-gradient(99deg, #4e54c8 1%, #8f94fb 100%);
  font-family: 'ClashDisplay-SemiBold';
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.44px;
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; }

.lanLabel {
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600); }

@media (max-width: 1100px) {
  .loginSectionNew {
    width: calc(100% - 100px);
    min-width: auto; }
    .loginSectionNew .loginContent {
      width: calc(100% - 45%); }
    .loginSectionNew .loginLogoBlock_desktopNew {
      width: calc(100% - 54%); }
  .loginLogoBlock {
    width: calc(100% - 400px); }
    .loginLogoBlock img {
      max-width: 180px; } }

@media (max-width: 800px) {
  .prefrUrl {
    display: none; }
  body.loginLayoutNew {
    background: #fff;
    padding: 0;
    height: 100%; }
    body.loginLayoutNew:after {
      width: 200px;
      height: 400px;
      right: 0;
      background-size: auto;
      opacity: 0.3;
      top: 0;
      background-repeat: no-repeat;
      background-position: right; }
  .mobileMarT60 {
    margin-top: 60px; }
  .prefrLogo {
    width: 69px;
    height: 21px;
    margin-bottom: 12px; }
  .loginComponentBlock {
    padding: 12px 16px 16px; }
  .loginSectionNew {
    min-width: calc(100%);
    width: auto;
    min-height: 100%;
    margin: 0 auto 0;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: initial;
    border-radius: 0;
    background-color: white; }
    .loginSectionNew:before {
      background-image: none;
      height: 150px;
      top: 0px;
      border-radius: 0; }
    .loginSectionNew .loginContent {
      position: unset;
      width: auto;
      border-radius: 20px 20px 0 0; }
  .loginLogoBlock_desktopNew {
    display: none; }
  .loginLogoBlock_mobile {
    display: block; }
  .prefrUrl {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 30px; } }

.privacyPolicyHelpText {
  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;
  color: var(--neutral-neutral-400);
  margin-bottom: 16px; }

.privacyPolicyTndCAuthorize {
  color: #4d6cd9;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  cursor: pointer; }

@media (max-height: 670px) {
  body.loginLayoutNew {
    padding: 50px 0;
    height: 100%; }
  body .loginSectionNew {
    height: calc(100% - 100px); } }

.plsVerifyNoText {
  align-self: stretch;
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left; }

.otpHelpText {
  flex-grow: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left; }

.loginBtns {
  display: flex;
  gap: 28px;
  padding: 0;
  width: 100%; }

.singleLoginBtn {
  justify-content: start; }

.alignItemCenter {
  display: flex;
  align-items: center;
  justify-content: center; }

.policyDescriptionBlock {
  position: relative;
  padding: 32px 16px;
  border-radius: 16px;
  background-color: var(--background-background-50);
  font-family: 'Rubik', sans-serif; }
  .policyDescriptionBlock p,
  .policyDescriptionBlock ul,
  .policyDescriptionBlock ul li,
  .policyDescriptionBlock ol,
  .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); }
  .policyDescriptionBlock h2,
  .policyDescriptionBlock h3,
  .policyDescriptionBlock h4 {
    font-weight: 500;
    color: var(--neutral-neutral-500); }
  .policyDescriptionBlock .highLight,
  .policyDescriptionBlock a {
    color: var(--primary-primary-400);
    font-weight: 500; }
  .policyDescriptionBlock .fillInBlank {
    border-bottom: 2px solid;
    width: 25%;
    position: relative;
    bottom: 4px;
    left: 2px; }

.loanModalHead {
  padding: 20px 16px;
  margin: 0;
  color: var(--neutral-neutral-600);
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 1.25rem;
  line-height: 1.5; }

.loanModalSubText {
  padding: 0 0 0;
  color: var(--neutral-neutral-600);
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
  border-radius: 16px;
  background-color: var(--background-background-50); }
  .loanModalSubText p {
    font-size: 13px; }
  .loanModalSubText h3 {
    font-size: 1.05em; }
  .loanModalSubText ul {
    text-align: left;
    padding-left: 30px;
    margin: 0; }
    .loanModalSubText ul li {
      padding-bottom: 10px; }
  .loanModalSubText .grievanceBlock li {
    padding: 0; }

.loanModalCard {
  z-index: 9998;
  display: block;
  transition: bottom 0.4s ease-in;
  -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;
  background: #fff; }

.loanModalClose {
  position: absolute;
  top: 34px;
  right: 30px; }
  .loanModalClose svg {
    width: 15px;
    height: 15px;
    background: rgba(0, 0, 0, 0.8);
    border: #fff;
    padding: 6px;
    border-radius: 50%; }
    .loanModalClose svg .cls-1 {
      fill: #fff; }

.version4 .otpFormattedMobileNo {
  font-weight: 500;
  display: inline-block; }

.version4 .otpHelpText {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left; }

.version4 .inputBlock label {
  color: #64748b; }

.version4 .didntReceiveOtp {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center; }

.version4 .resendOtp {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer; }

@media screen and (max-width: 360px) {
  .version4 .loginAgreementHelpText {
    bottom: 144px; } }

@media screen and (min-width: 361px) {
  .version4 .loginAgreementHelpText {
    bottom: 122px; } }

@media screen and (max-width: 266px) {
  .version4 .resendOtpBlock {
    bottom: 143px; } }

@media screen and (min-width: 267px) {
  .version4 .resendOtpBlock {
    bottom: 122px; } }

@media screen and (max-width: 331px) {
  .version4 .otpFormattedMobileNo {
    margin-top: 5px; } }

@media screen and (max-width: 600px) {
  .version4 .inputBlock {
    position: unset; }
  .version4 .version4 .inputFieldv2.otpInputField input.otpInput {
    left: 0%; }
  .version4 .otpHelpText {
    position: absolute;
    bottom: 128px;
    left: 0;
    right: 0;
    z-index: 999;
    text-align: center;
    margin-bottom: 0; }
  .version4 .resendOtpBlock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 122px;
    z-index: 999;
    margin-bottom: 8px;
    text-align: center;
    padding: 0 16px; }
  .version4 .loginAgreementHelpText {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    margin-bottom: 8px;
    text-align: center;
    padding: 0 16px; }
  .version4 .invalidOtpSnackBar {
    width: 100%; } }

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

@media (max-height: 480px) {
  .mobileNumberHelpText {
    position: relative;
    bottom: 0;
    padding-bottom: 12px; } }

@media screen and (max-width: 600px) {
  .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; }
    .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.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); }
  .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; } }

@media screen and (max-width: 600px) and (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); } }

@media screen and (max-width: 600px) {
  .poweredBy {
    font-family: 'fontMedium';
    color: #525557;
    font-size: 0.7em;
    text-align: center;
    padding: 12px 0 0; }
    .poweredBy span {
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .poweredBy img {
      max-height: 30px; } }

@media screen and (min-width: 600px) {
  .poweredBy {
    display: none; } }

.version4 .signOutText {
  align-self: stretch;
  flex-grow: 0;
  font-family: Rubik;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral-neutral-600); }

.version4 .areYouSureText {
  align-self: stretch;
  flex-grow: 0;
  font-family: Rubik;
  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); }

.version4 .signOutImg {
  width: 20px;
  height: 20px;
  padding: 10px;
  border-radius: 16px;
  border: solid 1px var(--error-error-300);
  background-color: var(--error-error-50); }

.chargesMoreInfoBlock {
  padding: 40px 24px; }
  .chargesMoreInfoBlock .chargesIconBlock {
    width: 40px;
    height: 40px;
    margin: 0 0 24px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: solid 1px var(--nuetral-nuetral-300);
    background-color: var(--nuetral-nuetral-50);
    display: none; }
    .chargesMoreInfoBlock .chargesIconBlock img {
      max-width: 20px; }
    .chargesMoreInfoBlock .chargesIconBlock[data-chargesInfoIcon='overdue'] {
      display: flex;
      border: solid 1px var(--error-error-300);
      background-color: var(--error-error-50); }
    .chargesMoreInfoBlock .chargesIconBlock[data-chargesInfoIcon='paid'] {
      display: flex;
      border: solid 1px var(--success-success-300);
      background-color: var(--success-success-50); }
  .chargesMoreInfoBlock .chargesMoreInfoHeading {
    position: relative;
    color: var(--neutral-neutral-600);
    text-align: left;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 19px;
    line-height: 1.5;
    padding: 0 0 16px; }
  .chargesMoreInfoBlock .chargesInfo-col1 {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 4px;
    padding: 0 0 8px; }
    .chargesMoreInfoBlock .chargesInfo-col1 .emi-date {
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      color: var(--neutral-neutral-500); }
    .chargesMoreInfoBlock .chargesInfo-col1 .emi-cycle {
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      color: var(--neutral-neutral-500); }
  .chargesMoreInfoBlock .chargesInfoInnerCol {
    padding: 16px;
    border-radius: 16px;
    border: solid 1px var(--neutral-neutral-300); }
    .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody {
      display: flex;
      flex-direction: row;
      width: 100%;
      justify-content: space-between;
      padding: 16px 0; }
      .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-basicinfo {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        width: 100%; }
        .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-basicinfo .chargesInfo-content-block {
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          width: calc(33.3% - 12px);
          gap: 2px; }
          .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-basicinfo .chargesInfo-content-block .chargesInfo-content-value {
            font-weight: 500;
            font-family: 'Rubik', sans-serif;
            font-size: 16px;
            color: var(--neutral-neutral-500); }
          .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-basicinfo .chargesInfo-content-block .chargesInfo-content-label {
            font-weight: 400;
            font-family: 'Rubik', sans-serif;
            font-size: 14px;
            color: var(--neutral-neutral-500); }
      .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-payments {
        min-width: 144px;
        display: flex;
        justify-content: flex-end; }
  .chargesMoreInfoBlock .cvPrefrBtnV2 {
    margin-top: 24px; }

.chargesInfo-payment-block {
  padding: 0;
  border-radius: 16px;
  background-color: var(--neutral-neutral-100);
  height: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.5s; }
  .chargesInfo-payment-block .chargesInfo-payments-table-v2,
  .chargesInfo-payment-block .charges-table-details-mobile {
    opacity: 0; }
  .chargesInfo-payment-block.active {
    transform: scaleY(1);
    padding: 16px;
    height: auto; }
    .chargesInfo-payment-block.active .chargesInfo-payments-table-v2,
    .chargesInfo-payment-block.active .charges-table-details-mobile {
      opacity: 1; }
  .chargesInfo-payment-block .desktopVersion {
    display: block; }
  .chargesInfo-payment-block .mobileVersion {
    display: none; }

.chargesInfo-payments-table-v2 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0; }
  .chargesInfo-payments-table-v2 tr {
    position: relative; }
    .chargesInfo-payments-table-v2 tr th {
      color: var(--neutral-neutral-400);
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      border: 0;
      padding: 0 0 16px; }
    .chargesInfo-payments-table-v2 tr td {
      color: var(--neutral-neutral-600);
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif;
      padding: 0 0 16px; }
    .chargesInfo-payments-table-v2 tr:last-child th {
      padding: 0 0 0; }
    .chargesInfo-payments-table-v2 tr:last-child td {
      padding: 0 0 0; }

.charges-table-details-mobile {
  position: relative; }
  .charges-table-details-mobile .each-pl-charges-table-details-mobile {
    position: relative;
    padding: 16px 0 16px;
    border-bottom: 1px solid var(--neutral-neutral-200); }
    .charges-table-details-mobile .each-pl-charges-table-details-mobile:first-child {
      padding: 0 0 16px; }
    .charges-table-details-mobile .each-pl-charges-table-details-mobile:last-child {
      padding: 16px 0 0;
      border-bottom: 0 solid var(--neutral-neutral-200); }
  .charges-table-details-mobile .pl-charges-transactionDate {
    display: flex;
    flex-direction: column;
    gap: 3px; }
    .charges-table-details-mobile .pl-charges-transactionDate .pl-charges-transaction-date-value {
      color: var(--neutral-neutral-500);
      font-size: 14px;
      font-weight: 500;
      font-family: 'Rubik', sans-serif; }
    .charges-table-details-mobile .pl-charges-transactionDate .pl-charges-transaction-date-label {
      color: var(--neutral-neutral-500);
      font-size: 13px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif; }
  .charges-table-details-mobile .pl-charges-transactionDetails {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 4px;
    padding: 16px 0 0; }
    .charges-table-details-mobile .pl-charges-transactionDetails .pl-charges-transaction-paymentid {
      color: var(--neutral-neutral-600);
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif; }
    .charges-table-details-mobile .pl-charges-transactionDetails .pl-charges-transaction-amount {
      color: var(--neutral-neutral-600);
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif; }

@media (max-width: 700px) {
  .chargesMoreInfoBlock .chargesInfoInnerCol {
    padding: 16px 0 0; }
    .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody {
      flex-direction: column;
      padding: 0 16px;
      width: auto; }
      .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-basicinfo .chargesInfo-content-block {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between; }
        .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-basicinfo .chargesInfo-content-block .chargesInfo-content-value {
          font-size: 14px; }
        .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-basicinfo .chargesInfo-content-block .chargesInfo-content-label {
          font-size: 13px; }
      .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-payments {
        min-width: auto;
        width: 100%;
        justify-content: flex-start;
        border-top: 1px solid var(--neutral-neutral-200);
        margin-top: 16px;
        padding: 0 0 16px; }
        .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-payments .plv2-primary-arrow-btn {
          font-size: 14px;
          padding: 16px 0 0;
          width: 100%;
          justify-content: flex-start;
          min-width: auto;
          position: relative; }
          .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-payments .plv2-primary-arrow-btn .buttonText {
            position: absolute;
            right: 0;
            width: 100%; }
            .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-payments .plv2-primary-arrow-btn .buttonText:after {
              margin-left: 0;
              position: absolute;
              right: 0;
              top: 7px; }
          .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-payments .plv2-primary-arrow-btn.disabledText {
            color: var(--neutral-neutral-400);
            cursor: not-allowed; }
            .chargesMoreInfoBlock .chargesInfoInnerCol .chargesInfoInnerBody .chargesInfo-pl-timeline-payments .plv2-primary-arrow-btn.disabledText .buttonText:after {
              border-color: var(--neutral-neutral-400); }
  .chargesInfo-payment-block {
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; }
    .chargesInfo-payment-block .desktopVersion {
      display: none; }
    .chargesInfo-payment-block .mobileVersion {
      display: block; } }

.version4 .innerCard {
  padding: 16px;
  margin: 0 0 16px; }

.version4 .detailBlock.logoDetailBlock .detailLogo img {
  border: none; }

.version4 .eachBlockValue {
  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-500);
  left: 30%;
  position: relative; }

.version4 button.btn {
  padding: 0; }
  .version4 button.btn.paynowMobileBtn {
    padding: 9.5px 16px 9.5px 24px;
    background-color: var(--primary-primary-50); }
  .version4 button.btn.newGetAllLoansBtn {
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: var(--primary-primary-400);
    background-color: white;
    text-transform: none; }

.version4 .noDataText {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #64748b; }

.version4 .productTabs li {
  color: var(--neutral-neutral-500);
  border-radius: 12px;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }
  .version4 .productTabs li.active {
    background-color: var(--primary-primary-400);
    color: #fff;
    font-weight: 500; }

.version4 .overdueDot {
  position: relative;
  padding-left: 20px; }
  .version4 .overdueDot::before {
    content: '';
    background-color: #f87171;
    background-image: none;
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
    -o-box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
    box-shadow: 0 0 4px 0 rgba(255, 59, 45, 0.3);
    left: -1px;
    position: absolute;
    top: 4px;
    border: 1px solid #fff; }
  .version4 .overdueDot span {
    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-700); }

.version4 .activeDot {
  position: relative;
  padding-left: 20px; }
  .version4 .activeDot::before {
    content: '';
    background-color: #facc15;
    background-image: none;
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 rgba(245, 188, 47, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(245, 188, 47, 0.3);
    -o-box-shadow: 0 0 4px 0 rgba(245, 188, 47, 0.3);
    box-shadow: 0 0 4px 0 rgba(245, 188, 47, 0.3);
    left: -1px;
    position: absolute;
    top: 4px;
    border: 1px solid #fff; }
  .version4 .activeDot span {
    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-700); }

.version4 .closedDot,
.version4 .foreclosedDot,
.version4 .settledDot {
  position: relative;
  padding-left: 20px; }
  .version4 .closedDot::before,
  .version4 .foreclosedDot::before,
  .version4 .settledDot::before {
    content: '';
    background-color: #a3a3a3;
    background-image: none;
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    left: -1px;
    position: absolute;
    top: 4px;
    border: 1px solid #fff; }
  .version4 .closedDot span,
  .version4 .foreclosedDot span,
  .version4 .settledDot span {
    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-700); }

@media screen and (max-width: 600px) {
  .version4 .disbursalEmilistContainer {
    display: block; }
  .version4 .overdueDot::before {
    top: 7px; }
  .version4 .activeDot::before {
    top: 6px; }
  .version4 .closedDot::before {
    top: 6px; } }

.version4 .eachBlockLabel {
  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-600); }

.version4 .productTabStyle {
  grid-template-columns: repeat(2, 1fr);
  max-width: 428px; }

.textTransformUppercase {
  text-transform: uppercase; }

.version4 table {
  width: 100%;
  border-spacing: 0;
  border-radius: 12px;
  background-color: #fff;
  padding: 0px;
  -webkit-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
  -moz-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
  -o-box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14);
  box-shadow: 0 0 7px 0 rgba(77, 108, 217, 0.14); }
  .version4 table th {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral-neutral-400);
    border-bottom: none;
    padding: 15px 16px; }
  .version4 table td {
    font-size: 14px;
    padding: 15px 10px; }
    .version4 table td .eachCell {
      position: relative;
      left: 8px;
      color: var(--neutral-neutral-600);
      gap: 8px; }
      .version4 table td .eachCell.rupeeGap {
        gap: 1px; }

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

.popoverblock.hideIicon {
  position: absolute;
  top: 148px;
  left: -39px;
  z-index: 99; }
  .popoverblock.hideIicon .popper-title .popper-text {
    display: none; }

.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: black;
  font-size: var(--popper-content-font-size);
  background: white;
  -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);
  position: relative; }
  .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: black;
    font-size: var(--popper-content-font-size); }
  .popper.popper-content::before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 21%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-width: 10px;
    border-top-color: var(--neutral-neutral-200); }
  .popper.popper-content::after {
    content: '';
    position: absolute;
    top: 98%;
    left: 23.8%;
    margin-left: -5px;
    border: 8px solid transparent;
    border-top-color: white; }

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

.bannerColumnProd {
  border-radius: 12px;
  background-color: var(--primary-primary-400);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 16px; }
  .bannerColumnProd .bannerHeading {
    color: #38e9a2;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    padding: 0 0 24px; }
  .bannerColumnProd .bannerDescription .paraContent {
    padding-bottom: 16px; }
    .bannerColumnProd .bannerDescription .paraContent.paraContent_dark {
      font-size: 16px;
      font-weight: 500;
      font-family: 'Rubik', sans-serif;
      color: #fff; }
    .bannerColumnProd .bannerDescription .paraContent.paraContent_light {
      color: var(--primary-primary-100);
      font-size: 14px;
      font-weight: 400;
      font-family: 'Rubik', sans-serif; }
    .bannerColumnProd .bannerDescription .paraContent:last-child {
      padding-bottom: 0; }

.insurance-container {
  margin: 16px 0 0;
  border-top: 1px solid #e2e8f0;
  padding: 16px 0 0; }
  .insurance-container .insurance-block {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .insurance-container .insurance-block .heading-block {
      display: flex;
      justify-content: space-between; }
      .insurance-container .insurance-block .heading-block .heading {
        display: flex;
        gap: 6px;
        align-items: center; }
        .insurance-container .insurance-block .heading-block .heading .text {
          color: var(--neutral-neutral-600, #475569);
          font-size: 14px;
          font-weight: 500;
          line-height: 21px; }
    .insurance-container .insurance-block.mobile-version {
      display: none; }
      .insurance-container .insurance-block.mobile-version .heading-block {
        cursor: pointer; }
      .insurance-container .insurance-block.mobile-version .details-claim-cancel-block {
        display: flex;
        flex-direction: column;
        opacity: 0;
        height: 0;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.5s; }
        .insurance-container .insurance-block.mobile-version .details-claim-cancel-block.active {
          transform: scaleY(1);
          height: auto;
          opacity: 1; }
      .insurance-container .insurance-block.mobile-version .details-block {
        display: flex;
        padding: 12px;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        align-self: stretch; }
        .insurance-container .insurance-block.mobile-version .details-block .each-detail-block {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          width: 100%;
          gap: 6px; }
          .insurance-container .insurance-block.mobile-version .details-block .each-detail-block .each-detail-label {
            font-size: 13px;
            line-height: 20px; }
          .insurance-container .insurance-block.mobile-version .details-block .each-detail-block .each-detail-value {
            font-size: 13px;
            line-height: 20px;
            word-break: break-all; }
      .insurance-container .insurance-block.mobile-version .claim-cancel-button-block-mobile {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch; }
  .insurance-container .details-block {
    padding: 16px;
    gap: 30px;
    border-radius: 16px;
    background: var(--neutral-100, #f1f5f9);
    display: grid; }
    .insurance-container .details-block .primary-details {
      display: grid;
      align-items: center;
      gap: 30px; }
    .insurance-container .details-block .each-detail-label {
      color: var(--neutral-neutral-500, #64748b);
      font-size: 14px;
      font-weight: 400;
      line-height: 21px; }
    .insurance-container .details-block .each-detail-value {
      color: var(--neutral-neutral-500, #64748b);
      font-size: 16px;
      font-weight: 500;
      line-height: 24px; }
    .insurance-container .details-block.no-data-available {
      color: #475569;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 13px; }
    .insurance-container .details-block .claim-cancel-button-block {
      display: flex;
      padding: 5.5px 8px 5.5px 12px;
      justify-content: center;
      align-items: center;
      gap: 4px;
      word-break: break-all;
      position: relative; }
      .insurance-container .details-block .claim-cancel-button-block .text-arrow {
        color: var(--primary-primary-400, #4d6cd9);
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px; }
        .insurance-container .details-block .claim-cancel-button-block .text-arrow[disabled] {
          color: var(--neutral-neutral-400, #94a3b8);
          cursor: not-allowed; }
          .insurance-container .details-block .claim-cancel-button-block .text-arrow[disabled] .buttonText:after {
            border-color: #94a3b8; }
      .insurance-container .details-block .claim-cancel-button-block .claim-cancel-options-block {
        width: 160px;
        border-radius: 16px;
        background: var(--bw-white, #fff);
        box-shadow: 0px 4px 8px 0px rgba(77, 108, 217, 0.08);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        z-index: 9999;
        right: 0;
        bottom: 0;
        transform: translateY(100%); }
        .insurance-container .details-block .claim-cancel-button-block .claim-cancel-options-block .each-option {
          cursor: pointer;
          display: flex;
          padding: 12px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          align-self: stretch;
          border-bottom: 1px solid #e2e8f0;
          color: var(--primary-primary-400, #4d6cd9);
          text-align: center;
          font-size: 13px;
          font-weight: 500;
          line-height: 20px;
          font-weight: 600; }
          .insurance-container .details-block .claim-cancel-button-block .claim-cancel-options-block .each-option.warning-text {
            color: var(--error-error-500, #ef4444); }
          .insurance-container .details-block .claim-cancel-button-block .claim-cancel-options-block .each-option[disabled] {
            color: var(--neutral-neutral-400, #94a3b8);
            cursor: not-allowed; }
          .insurance-container .details-block .claim-cancel-button-block .claim-cancel-options-block .each-option:last-child {
            border-bottom: none; }

.insurance-claim-details-block {
  display: flex;
  padding: 40px 24px;
  flex-direction: column; }
  .insurance-claim-details-block .modal-main-content {
    margin: 24px 0; }
    .insurance-claim-details-block .modal-main-content .description-block {
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin: 0 0 24px;
      color: var(--Neutral-Neutral-500, #64748b);
      font-size: 14px;
      font-weight: 400;
      line-height: 21px; }
    .insurance-claim-details-block .modal-main-content .powered-by-block {
      display: flex;
      padding-bottom: 16px;
      align-items: center;
      gap: var(--Padding-Vertical-padding-vertical-sm, 8px);
      align-self: stretch; }
      .insurance-claim-details-block .modal-main-content .powered-by-block .text {
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        background: linear-gradient(90deg, #7c47e1 9.61%, #44cb86 99.71%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
  .insurance-claim-details-block .heading-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch; }
    .insurance-claim-details-block .heading-block .heading-with-icon {
      display: flex;
      align-items: center;
      gap: 12px;
      flex: 1 0 0; }
      .insurance-claim-details-block .heading-block .heading-with-icon .heading {
        color: var(--Neutral-Neutral-600, #475569);
        font-size: 19px;
        font-weight: 500;
        line-height: 28px; }
  .insurance-claim-details-block.insurance-cancel-details-block {
    align-items: flex-start; }
    .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content {
      margin-top: 12px;
      width: 100%; }
      .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .tag-block {
        color: var(--Neutral-Neutral-600, #475569);
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin: 0 0 20px; }
      .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .benefits-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch; }
        .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .benefits-block .benefits-heading {
          color: var(--Neutral-Neutral-600, #475569);
          font-size: 13px;
          font-weight: 500;
          line-height: 20px;
          margin-bottom: 16px; }
        .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .benefits-block .benefits-list-block {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 16px;
          align-self: stretch; }
          .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .benefits-block .benefits-list-block .each-benefit-block {
            display: flex;
            align-items: center;
            gap: 12px; }
            .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .benefits-block .benefits-list-block .each-benefit-block .description {
              color: var(--Neutral-Neutral-600, #475569);
              font-size: 13px;
              font-weight: 400;
              line-height: 20px; }
      .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .insuranceCancelNote.noteInnerBlock {
        display: flex;
        padding: 8px;
        gap: 12px;
        align-self: stretch;
        align-items: center; }
        .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .insuranceCancelNote.noteInnerBlock .noteContent {
          color: var(--Primary-Primary-800, #131b36);
          font-size: 11px;
          font-weight: 400;
          line-height: 16px; }
        .insurance-claim-details-block.insurance-cancel-details-block .modal-main-content .insuranceCancelNote.noteInnerBlock .noteIcon {
          display: flex;
          width: 12px;
          height: 12px;
          padding: 10px;
          justify-content: center;
          align-items: center;
          border-radius: 12px;
          border: 0px solid var(--Primary-Primary-100, #d2daf5);
          background: var(--Primary-Primary-400, #4d6cd9); }

.each-contact-icon {
  display: flex;
  width: 21px;
  height: 21px;
  padding: 5.5px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #effcf5; }
  .each-contact-icon.contactMail {
    border-radius: 12px;
    background: #effdff; }
  .each-contact-icon.heading-icon {
    border: 1px solid var(--Primary-Primary-100, #d2daf5);
    background: var(--Primary-Primary-50, #eef1fc);
    width: 20px;
    height: 20px; }
  .each-contact-icon.warning-icon {
    border: 1px solid var(--Error-Error-300, #fca5a5);
    background: var(--Error-Error-50, #fef2f2);
    width: 20px;
    height: 20px; }

.modal-submit-buttons {
  display: grid;
  gap: 16px;
  width: 100%; }

@media (max-width: 1022px) {
  .insurance-container .insurance-block {
    gap: 0; }
    .insurance-container .insurance-block.mobile-version {
      display: flex; }
  .insurance-container .web-version {
    display: none; }
  .insurance-claim-details-block {
    padding: 24px 16px; } }

@media (max-width: 700px) {
  .modal-submit-buttons {
    display: flex;
    flex-direction: column; } }

body.quickPaymentActive {
  padding: 0;
  max-width: 740px;
  margin: 0 auto;
  overflow-x: hidden;
  overscroll-behavior-y: none; }
  body.quickPaymentActive .mainLayout {
    display: block; }

.headerSection {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 12px; }

.quickPaymentMainSection {
  padding: 16px 16px 0;
  word-break: break-all; }
  .quickPaymentMainSection .headerMainSection {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 12px; }

.mainSection {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  background: var(--bw-white, #FFF);
  margin: 0 0 16px; }

.footerSection {
  padding: 4px 8px 8px; }
  .footerSection .poweredBySection {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; }
    .footerSection .poweredBySection .poweredByText {
      color: var(--Neutral-Neutral-400, #94A3B8);
      font-size: 11px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
      /* 145.455% */ }

.paymentDetailsSection {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-bottom: 1px dashed var(--Neutral-Neutral-300, #CBD5E1); }
  .paymentDetailsSection .banner-card {
    display: flex; }
  .paymentDetailsSection .headingSection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Padding-Vertical-padding-vertical-sm, 8px);
    align-self: stretch; }
  .paymentDetailsSection .heading {
    color: var(--Neutral-Neutral-800, #1E293B);
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 147.368% */ }
  .paymentDetailsSection .detailsBlock {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    border: 1.5px solid var(--Primary-Primary-100, #D2DAF5);
    background: var(--Background-Background-50, #F5F7FD); }
    .paymentDetailsSection .detailsBlock .eachPaymentDetail {
      color: var(--Neutral-Neutral-600, #475569);
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      /* 150% */
      display: flex;
      justify-content: space-between;
      font-family: 'Rubik', sans-serif;
      width: 100%;
      padding-bottom: 0;
      font-weight: 500;
      font-family: 'Rubik', sans-serif; }
      .paymentDetailsSection .detailsBlock .eachPaymentDetail .label {
        position: relative; }
      .paymentDetailsSection .detailsBlock .eachPaymentDetail .value {
        justify-self: flex-end; }
      .paymentDetailsSection .detailsBlock .eachPaymentDetail.chargesHeading {
        font-size: 13px; }
      .paymentDetailsSection .detailsBlock .eachPaymentDetail.eachPaymentDetail_Sub {
        color: var(--Neutral-Neutral-500, #64748B);
        padding-left: 0;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        /* 150% */ }
        .paymentDetailsSection .detailsBlock .eachPaymentDetail.eachPaymentDetail_Sub .strikeOff {
          color: var(--Neutral-Neutral-400, #94A3B8);
          font-family: Rubik;
          font-size: 11px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          text-decoration: line-through;
          padding: 0 7px 0 0; }
      .paymentDetailsSection .detailsBlock .eachPaymentDetail.eachPaymentDetail_total {
        margin-top: 16px;
        padding: 16px 0 0;
        border-top: 2px solid #d2d7eb; }

.payAmountSection {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px; }
  .payAmountSection .descriptionBlock {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch; }
    .payAmountSection .descriptionBlock .amountTextBlock {
      display: flex;
      width: 188px;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px; }
      .payAmountSection .descriptionBlock .amountTextBlock .text {
        color: var(--Neutral-Neutral-800, #1E293B);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        /* 150% */ }
      .payAmountSection .descriptionBlock .amountTextBlock .amount {
        color: var(--Neutral-Neutral-600, #475569);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        /* 150% */ }
    .payAmountSection .descriptionBlock .editAmountBlock {
      display: flex;
      width: 12px;
      height: 12px;
      padding: 10px;
      justify-content: center;
      align-items: center;
      border-radius: 12px;
      border: 1px solid var(--Primary-Primary-100, #D2DAF5);
      background: var(--Primary-Primary-50, #EEF1FC);
      cursor: pointer; }
  .payAmountSection .buttonBlock {
    display: flex;
    padding: 13.5px 20px 13.5px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--colour-bg-btn-primary-default, #4D6CD9);
    font-family: inherit;
    cursor: pointer; }
    .payAmountSection .buttonBlock .text {
      color: var(--bw-white, #FFF);
      text-align: center;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 21px;
      /* 150% */ }
    .payAmountSection .buttonBlock .frontArrow {
      border-top: 2px solid #fff;
      border-left: 2px solid #fff;
      width: 7px;
      height: 7px;
      transform: rotate(135deg);
      transition: all 0.25s ease-in; }

.paymentFailedSection {
  display: flex;
  padding: 40px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 24px; }
  .paymentFailedSection .headingBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch; }
    .paymentFailedSection .headingBlock .heading {
      color: var(--Neutral-Neutral-600, #475569);
      text-align: center;
      font-size: 17px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px;
      /* 152.941% */ }
    .paymentFailedSection .headingBlock .description {
      color: var(--Neutral-Neutral-500, #64748B);
      text-align: center;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 21px;
      /* 150% */ }
    .paymentFailedSection .headingBlock .amount {
      color: var(--Neutral-Neutral-600, #475569);
      font-size: 19px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      /* 147.368% */ }

.paymentSuccessSection {
  display: flex;
  padding: 40px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 24px; }
  .paymentSuccessSection .headingBlock {
    margin-bottom: 18px; }
  .paymentSuccessSection .heading {
    color: var(--Neutral-Neutral-600, #475569);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 152.941% */ }
  .paymentSuccessSection .amountTextBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 28px; }
    .paymentSuccessSection .amountTextBlock .amount {
      text-align: center;
      font-style: normal;
      line-height: 27px;
      /* 150% */
      letter-spacing: 0.36px; }
    .paymentSuccessSection .amountTextBlock .label {
      color: var(--Neutral-Neutral-600, #475569);
      text-align: center;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      /* 153.846% */ }
  .paymentSuccessSection .transactionDetailsBlock {
    margin: 0 0 28px; }
  .paymentSuccessSection .descriptionText {
    margin: 0 0 12px; }

.errorScreenSection {
  display: flex;
  padding: 40px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px; }
  .errorScreenSection .descriptionBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px; }
    .errorScreenSection .descriptionBlock .line1 {
      color: var(--Neutral-Neutral-800, #1E293B);
      text-align: center;
      font-size: 19px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      /* 147.368% */
      align-self: stretch; }
    .errorScreenSection .descriptionBlock .line2 {
      color: var(--Neutral-Neutral-600, #475569);
      text-align: center;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 21px;
      /* 150% */
      width: 280px; }

.customerDetailsSection {
  display: flex;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 48px;
  border-bottom: 1px dashed var(--Neutral-Neutral-300, #CBD5E1); }
  .customerDetailsSection .customerNameSection {
    color: var(--Neutral-Neutral-800, #1E293B);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    /* 150% */
    min-width: 60px; }
  .customerDetailsSection .lanIdSection {
    display: flex;
    gap: 2px;
    color: var(--Neutral-Neutral-800, #1E293B);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    /* 150% */ }
    .customerDetailsSection .lanIdSection .label {
      min-width: 32px; }

.transactionDetailsBlock {
  display: flex;
  padding: 12px;
  flex-direction: column;
  align-items: center;
  gap: var(--Padding-Vertical-padding-vertical-sm, 8px);
  border-radius: 16px;
  background: var(--Neutral-Neutral-100, #F1F5F9);
  width: 304px; }
  .transactionDetailsBlock .transactionIdBlock {
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .transactionDetailsBlock .transactionIdBlock .value {
      color: var(--Neutral-Neutral-600, #475569);
      text-align: center;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      /* 150% */ }
    .transactionDetailsBlock .transactionIdBlock .label {
      color: var(--Neutral-Neutral-600, #475569);
      text-align: center;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      /* 153.846% */ }
  .transactionDetailsBlock .transactionTime .text {
    color: var(--Neutral-Neutral-600, #475569);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */ }

.descriptionText {
  color: var(--Neutral-Neutral-500, #64748B);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 150% */
  max-width: 308px; }

.loginToDashboard {
  display: flex;
  width: 328px;
  height: 48px;
  padding: 13.5px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--colour-bg-btn-primary-default, #4D6CD9);
  font-family: inherit;
  cursor: pointer; }
  .loginToDashboard .text {
    color: var(--colour-txt-btn-primary, #FFF);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    /* 150% */ }

.errorIcon {
  display: flex;
  justify-content: center;
  align-items: center; }
  .errorIcon img {
    width: 220px;
    height: 220px; }

.customAmountSection {
  position: relative; }
  .customAmountSection .headingBlock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }
    .customAmountSection .headingBlock .headingIconBlock {
      display: flex;
      align-items: center;
      gap: 12px;
      flex: 1 0 0; }
    .customAmountSection .headingBlock .heading {
      color: var(--Neutral-Neutral-600, #475569);
      font-size: 17px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px;
      /* 152.941% */ }
  .customAmountSection .totalAmountTextBlock {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 16px 0;
    border-bottom: 1px solid #E2E8F0; }
    .customAmountSection .totalAmountTextBlock .text {
      color: var(--Neutral-Neutral-600, #475569);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 21px;
      /* 150% */ }

.inputTextBlock {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--Gap-spacing-2xs, 2px);
  align-self: stretch;
  margin: 12px 0 20px; }
  .inputTextBlock .labelBlock {
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 0 0 2px; }
    .inputTextBlock .labelBlock label {
      color: var(--Neutral-Neutral-600, #475569);
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      /* 153.846% */
      margin: 0 0 2px; }
    .inputTextBlock .labelBlock .requiredChar {
      color: var(--Error-Error-600, #DC2626);
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      /* 153.846% */ }
  .inputTextBlock .input-area {
    display: flex;
    height: 24px;
    padding: var(--Padding-Vertical-padding-vertical-sm, 8px) var(--Padding-Horizontal-padding-horizontal-md, 12px);
    align-items: center;
    gap: var(--Gap-spacing-2xs, 2px);
    align-self: stretch;
    border-radius: var(--Padding-Radius-padding-radius-m, 12px);
    background: var(--Neutral-Neutral-100, #F1F5F9); }
  .inputTextBlock .inputBox {
    position: relative;
    width: calc(100% - 30px); }
    .inputTextBlock .inputBox .input-rupee-symbol {
      position: absolute;
      top: 9px;
      left: 8px;
      z-index: 1;
      color: var(--Neutral-Neutral-500, #64748B); }
    .inputTextBlock .inputBox input {
      padding: 8px 12px 8px 20px;
      width: 100%;
      font-weight: 500;
      font-size: 16px;
      color: #475569;
      font-family: inherit; }
      .inputTextBlock .inputBox input::placeholder {
        color: var(--Neutral-Neutral-400, #94A3B8);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        position: absolute;
        top: 13px; }
    .inputTextBlock .inputBox .input-error-message {
      color: #f23535;
      font-size: 0.85rem;
      display: none;
      -webkit-transition: all 0.25s ease-in;
      -moz-transition: all 0.25s ease-in;
      -o-transition: all 0.25s ease-in;
      transition: all 0.25s ease-in; }
  .inputTextBlock.inputInvalid .input-rupee-symbol {
    top: 10px; }
  .inputTextBlock.inputInvalid .input-area {
    border: solid 2px #f23535;
    background-color: #fff; }
  .inputTextBlock.inputInvalid .input-error-message {
    display: inline-block; }

.continueButton {
  display: flex;
  padding: 13.5px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 20px;
  background: var(--colour-bg-btn-primary-default, #4D6CD9);
  width: 100%;
  margin: 0 0 40px 0;
  font-family: inherit; }
  .continueButton .text {
    color: var(--colour-txt-btn-primary, #FFF);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    /* 150% */ }

@media screen and (max-width: 740px) {
  .quickPaymentMainSection .mainSection .paymentSuccessSection {
    padding: 16px; }
    .quickPaymentMainSection .mainSection .paymentSuccessSection .transactionDetailsBlock {
      width: 273px; }
    .quickPaymentMainSection .mainSection .paymentSuccessSection .descriptionText {
      width: 280px; }
    .quickPaymentMainSection .mainSection .paymentSuccessSection .loginToDashboard {
      width: 280px; }
  .quickPaymentMainSection .mainSection .paymentFailedSection {
    padding: 16px; }
  .quickPaymentMainSection .mainSection .errorScreenSection {
    padding: 16px; }
  body.quickPaymentActive {
    padding: 0; }
  .loginToDashboard {
    width: 296px; }
  .loanModalV2 .loanModalInnerBlock {
    max-width: none; }
  .errorIcon img {
    width: 160px;
    height: 160px; } }