/*! sanitize.css v7.0.3 | CC0 License | github.com/csstools/sanitize.css */

/* Document
 * ========================================================================== */

/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add border box sizing in all browsers (opinionated).
 */

*,
::before,
::after {
  background-repeat: no-repeat; /* 1 */
  box-sizing: border-box; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Use the default user interface font in all browsers (opinionated).
 * 3. Correct the line height in all browsers.
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  font-family:
    system-ui,
    /* macOS 10.11-10.12 */ -apple-system,
    /* Windows 6+ */ Segoe UI,
    /* Android 4+ */ Roboto,
    /* Ubuntu 10.10+ */ Ubuntu,
    /* Gnome 3+ */ Cantarell,
    /* KDE Plasma 5+ */ Noto Sans,
    /* fallback */ sans-serif,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji"; /* 2 */

  line-height: 1.15; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
}

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family:
    /* macOS 10.10+ */ Menlo,
    /* Windows 6+ */ Consolas,
    /* Android 4+ */ Roboto Mono,
    /* Ubuntu 10.10+ */ Ubuntu Monospace,
    /* KDE Plasma 5+ */ Noto Mono,
    /* KDE Plasma 4+ */ Oxygen Mono,
    /* Linux/OpenOffice fallback */ Liberation Mono,
    /* fallback */ monospace; /* 1 */

  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family:
    /* macOS 10.10+ */ Menlo,
    /* Windows 6+ */ Consolas,
    /* Android 4+ */ Roboto Mono,
    /* Ubuntu 10.10+ */ Ubuntu Monospace,
    /* KDE Plasma 5+ */ Noto Mono,
    /* KDE Plasma 4+ */ Oxygen Mono,
    /* Linux/OpenOffice fallback */ Liberation Mono,
    /* fallback */ monospace; /* 1 */

  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/*
 * Remove the text shadow on text selections in Firefox 61- (opinionated).
 * 1. Restore the coloring undone by defining the text shadow
 *    in all browsers (opinionated).
 */

::-moz-selection {
  background-color: #b3d4fc; /* 1 */
  color: #000; /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* 1 */
  color: #000; /* 1 */
  text-shadow: none;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Inherit styling in all browsers (opinionated).
 */

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Remove the margin in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Show the overflow in Edge and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge and IE.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction on textareas in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@1,700&display=swap'); */

* {
  font-family: 'Mulish' !important;
  font-style: normal;
  font-weight: 400;
}

html,
body {
  width: 100%;
  line-height: 1.5;
}

@media (min-width: 769px) {
  html,
  body {
    height: 100%;
  }
}

body {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
}

.display-start-btn {
  display: inline-flex !important;
}

.hide-start-btn {
  display: none !important;
}

.select-search__option.is-highlighted,
.select-search__option:not(.is-selected):hover {
  background-color: #f3831d !important;
  color: #ffffff !important;
}

/* // thank-you page */

.additonal-btn-thank {
  justify-content: space-around !important;
}

/* // search bar */

.loan-left .sf-search-wrapper .sf-search-input-text {
  width: auto;
}

.loan-left .sf-ucj-search-wrapper .sf-search-input-text {
  width: auto;
}

.loan-left .whole-overlay {
  width: auto;
}

/* // search */

.select-search:not(.select-search--multiple) .select-search__select {
  width: 330px !important;
  top: 75px !important;
  /* left: 40px !important; */
}

.select-search__options {
  padding: 0px !important;
}
/* // button.select-select__options */
.select-search__option {
  height: 45px !important;
}

.select-search__options .select-search__option.is-selected {
  background-color: #faa232;
  color: #ffffff;
}

.select-search__options .select-search__option.is-selected:hover {
  background-color: #faa232;
  color: #ffffff;
}

.select-search__value::after {
  display: none !important;
}

/* // FD Amount Btn Start */
.fd-amount-btn-div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px !important;
}

.fd-amt-btn:hover {
  color: #ffffff;
  background: #fef3e8;
}

.fd-amt-btn-selected {
  border: none;
  text-align: center;
  border-radius: 5px;
  padding: 10px !important;
  color: #ffffff;
  background: #fef3e8;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
  cursor: pointer;
  caret-color: transparent;
}

.fd-amt-btn {
  border: none;
  text-align: center;
  border-radius: 5px;
  padding: 10px !important;
  cursor: pointer;
  caret-color: transparent;

  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
}

/* // FD Amount Btn End */

.react-datepicker__day--selected {
  background-color: #faa232;
}

.react-datepicker__day--keyboard-selected {
  background-color: #faa232;
}

/* // Slider Page Tooltip */

.range-slider-div .rc-slider-tooltip-inner {
  min-width: 55px;
}

.rightLoanData {
  margin-top: -90px !important;
}

/* // Slider Page Tooltip end */
.half-circle {
  width: 400px;
  height: 400px;
  background-color: #ffddd2;
  border-bottom-right-radius: 250px;
  border-top-right-radius: 250px;
  border-left: 0;
  margin-top: -30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}
body.fontLoaded {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
}

#app {
  background-color: white;
  min-height: 100%;
  min-width: 100%;
}

p,
label {
  font-family: 'Roboto';
  line-height: 1.5em;
}

.spl ul {
  list-style-type: none;
}

.spl ul li:before {
  content: '✓ ';
}

.btn-primary:hover {
  background-color: red !important;
}

.btn-secondary {
  border-color: #faa232 !important;
}

.btn-secondary:hover {
  border-color: #faa232 !important;
}

.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 3px 3px 5px 6px #ccc; /* Firefox 3.5 - 3.6 */
  box-shadow: 3px 3px 5px 6px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}

.headerWithBlueBackground {
  max-width: 300px;
}
.m-l-0 {
  margin-left: 0 !important;
}
m-r-0 {
  margin-right: 0 !important;
}
m-0 {
  margin: 0 !important;
}
p-l-0 {
  padding-left: 0 !important;
}
p-r-0 {
  padding-right: 0 !important;
}
.pulldown {
  margin-top: -100px;
}

.hideinmobile {
  display: block;
  justify-content: center;
}

.hideinlaptopview {
  display: block;
}

.mobileview {
  display: none !important;
}

.laptopview {
  display: none !important;
}

.btn-dark:hover {
  color: white;
}

.btn:hover {
}

.feature-page .custom-button {
  background-color: #faa232 !important;
}
.feature-page .btn-outline-primary {
  color: #414141 !important;
  border-color: #faa232 !important;
}
.feature-page .btn-outline-primary:hover {
  color: #fff !important;
  background-color: #faa232 !important;
  border-color: #faa232 !important;
}

.select-search {
  position: relative;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  box-sizing: border-box;
}

.select-search *,
.select-search *::after,
.select-search *::before {
  box-sizing: inherit;
}

/**
 * Value wrapper
 */
.select-search__value {
  position: relative;
  z-index: 1;
}

.select-search__value::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 9px);
  right: 19px;
  width: 11px;
  height: 11px;
}

/**
 * Input
 */
.select-search__input {
  display: block;
  height: 36px;
  width: 100%;
  padding: 0 16px;
  background: #fff;
  border: 1px solid transparent;
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  outline: none;
  font-size: 14px;
  text-align: left;
  text-overflow: ellipsis;
  line-height: 36px;
  -webkit-appearance: none;
}

.select-search__input::-webkit-search-decoration,
.select-search__input::-webkit-search-cancel-button,
.select-search__input::-webkit-search-results-button,
.select-search__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.select-search__input:not([readonly]):focus {
  cursor: initial;
}

/**
 * Options wrapper
 */
.select-search__select {
  background: #fff;
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15);
  /* margin-left: -40px; */
}

/**
 * Options
 */
.select-search__options {
  list-style: none;
}

/**
 * Option row
 */
.select-search__row:not(:first-child) {
  border-top: 1px solid #eee;
}

/**
 * Option
 */
.select-search__option {
  display: block;
  height: 36px;
  width: 100%;
  padding: 0 16px;
  background: #fff;
  border: none;
  outline: none;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

.select-search--multiple .select-search__option {
  height: 48px;
}

.select-search__option.is-selected {
  background: #003b6e;
  color: #fff;
}

.select-search__option.is-highlighted,
.select-search__option:not(.is-selected):hover {
  background: rgba(47, 204, 139, 0.1);
}

.select-search__option.is-highlighted.is-selected,
.select-search__option.is-selected:hover {
  background: #003b6e;
  color: #fff;
}

/**
 * Group
 */
.select-search__group-header {
  font-size: 10px;
  text-transform: uppercase;
  background: #eee;
  padding: 8px 16px;
}

/**
 * States
 */
.select-search.is-disabled {
  opacity: 0.5;
}

.select-search.is-loading .select-search__value::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath fill='%232F2D37' d='M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
  background-size: 11px;
}

.select-search:not(.is-disabled) .select-search__input {
  cursor: pointer;
}

/**
 * Modifiers
 */
.select-search--multiple {
  border-radius: 3px;
  overflow: hidden;
}

.progress {
  height: 24px !important;
}

.select-search:not(.is-loading):not(.select-search--multiple)
  .select-search__value::after {
  transform: rotate(45deg);
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  pointer-events: none;
}

.badge-info {
  color: #fff;
  background-color: rgb(0, 59, 110) !important;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
input:focus {
  outline: none !important;
}

*:focus {
  outline: none !important;
}

:active {
  outline: none !important;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.select-search--multiple .select-search__input {
  cursor: initial;
}

.select-search--multiple .select-search__input {
  border-radius: 3px 3px 0 0;
}

.select-search--multiple:not(.select-search--search) .select-search__input {
  cursor: default;
}

.select-search:not(.select-search--multiple) .select-search__input:hover {
  border-color: #fff;
}
.header-text {
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  display: inline;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font: 14px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Ubuntu, 'Helvetica Neue', Mulish;
}

.select-search:not(.select-search--multiple) .select-search__select {
  position: absolute;
  z-index: 2;
  top: 44px;
  right: 0;
  left: 0;
  border-radius: 3px;
  overflow: auto;
  max-height: 360px;
}
.select-search--multiple .select-search__select {
  position: relative;
  overflow: auto;
  max-height: 260px;
  border-top: 1px solid #eee;
  border-radius: 0 0 3px 3px;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.coupleImage {
  position: absolute;
  width: 400px;
  opacity: 0.2;
}
.bold {
  font-weight: bold;
}
.feature-page .btn {
  min-width: 229px;
  /* // min-width: 190px; */
}
.feature-page .mobile-input .btn {
  min-width: 50px;
}
.input-area-btn,
.preview-submit-btn {
  background-color: transparent !important;
  color: #414141 !important;
  border-color: #faa232 !important;
}
.input-area-btn:hover,
.preview-submit-btn:hover {
  background-color: #faa232 !important;
  color: white !important;
  border-color: #faa232 !important;
}
.aadhar-number-input {
  width: 35px !important;
  margin: 5px 0px 5px 2px;
  float: left;
}
.other-countries .form-group {
  display: flex;
  justify-content: center;
}
.capitalize {
  text-transform: capitalize !important;
}
.aadhar-number-input-last {
  width: 35px !important;
  margin: 5px 6px 5px 2px;
  float: left;
}
#scroller * {
  /* don't allow the children of the scrollable element to be selected as an anchor node */
  overflow-anchor: none;
}
.home-wrapper .card.card-body {
  margin-top: 0 !important;
}
.header-container {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  width: 100%;
  margin: 0 !important;
  min-width: 100%;
  z-index: 9999;
  position: fixed;
  transition: all 0.3s ease;
}
#anchor {
  /* allow the final child to be selected as an anchor node */
  overflow-anchor: auto;

  /* anchor nodes are required to have non-zero area */
  height: 1px;
}

/**
 * FundInput
 */

.fua-amount-input {
  border-bottom: 1.5px solid #f46739;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0 !important;
  width: 100%;
  height: 42px;
  padding-top: 10px;
  font-size: 16px;
  padding-left: 10px;
}

.fua-button-amt {
  background-color: #fcfaf9;
  border: 1px solid #f46739;
  color: rgb(0, 0, 0);
  border-radius: 5px;
  padding: 8px 25px;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
}

.fua-button-amt:hover {
  background-color: #f46739;
  border: 1px solid #ffffff;
  color: #fff;
}

.fua-button-skip {
  background-color: #b72e28;
  border: 1px solid #b72e28;
  color: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 8px 30px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 15px;
  cursor: pointer;
}
.fua-button-skip:hover,
.fua-button-skip:focus,
.fua-button-skip:active {
  background-color: #d43229 !important;
}

.input-group .fua-amount-input:focus {
  box-shadow: none;
  border-color: 1.5px solid #f46739 !important;
}

/* // Custom Date */
.calender-main {
  align-items: center;
}

.left-icon {
  background-color: rgb(226, 226, 226);
  border-radius: 5px;
  padding: 5px 5px;
  text-align: center;
  color: #0a3b6e;
}

.right-icon {
  background-color: rgb(226, 226, 226);
  border-radius: 5px;
  padding: 5px 5px;
  text-align: center;
  color: #0a3b6e;
}

.left-section {
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

.middle-section {
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}

.right-section {
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

.middle-section-data {
  display: -ms-flexbox;
  /* display: flex; */
  -ms-flex-direction: row;
  /* flex-direction: row; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.date-header.day-item:hover {
  background-color: rgb(10 59 110);
  color: #fff;
  cursor: pointer;
}

.date-header {
  box-shadow: rgba(0, 0, 0, 0.27) 0px 3px 4.65px;
  text-align: center;
  border-radius: 5px;
}
.left-icon {
  cursor: pointer;
}

.right-icon {
  cursor: pointer;
}

.day-item {
  padding: 12px 0px;
  margin: 5px;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.main-card {
  box-shadow: 0 2px 3.84px rgba(0, 32, 96, 0.25);
  border-radius: 10px !important;
}

.main-card-title {
  font-size: 25px;
  border-bottom: 3px solid #ececec;
  padding-bottom: 5px;
}

.card-body {
  padding: 10px !important;
}
@media only screen and (max-width: 1200px) {
  .hideinlaptopview {
    display: none !important;
  }
  .laptopview {
    display: block !important;
  }
  .coupleImage {
    position: absolute;
    right: 0;
    width: 295px;
    margin-top: 0px;
    opacity: 0.2;
  }
}

@media only screen and (max-width: 1024px) {
  .sf-ucj-search-wrapper .whole-overlay {
    widht: 100%;
  }
}

@media (min-width: 766px) and (max-width: 1024px) {
  .loan-left .sf-search-wrapper .sf-search-input-text {
    width: 90vw;
  }

  .loan-left .sf-ucj-search-wrapper .sf-search-input-text {
    width: 90vw;
  }
}

@media (min-width: 766px) and (max-width: 1023px) {
  .rightLoanData {
    margin-top: 0px !important;
  }
}

@media only screen and (max-width: 765px) {
  .sf-ucj-search-wrapper .whole-overlay {
    top: 10px;
    position: inherit;
    widht: 100%;
  }

  .rightLoanData {
    margin-top: 0px !important;
  }
  .loan-left .sf-search-wrapper .sf-search-input-text {
    width: 90vw;
  }

  .loan-left .sf-ucj-search-wrapper .sf-search-input-text {
    width: 90vw;
  }

  .headerWithBlueBackground {
    max-width: 200px;
  }
  .hideinmobile {
    display: none !important;
  }
  .hideinlaptopview {
    display: none !important;
  }
  #otpcomponent1 {
  }

  .coupleImage {
    position: absolute;
    right: 0;
    width: 100px;
    margin-top: 0px;
  }
  #otpcomponent2 {
  }
  #otpcomponent3 {
  }
  #otpcomponent4 {
    margin-top: 20px;
  }
  #otpcomponent5 {
  }
  #otpcomponent6 {
  }
  .pulldown {
    margin-top: 20px !important;
  }
  .mobileview {
    display: block !important;
  }
  .laptopview {
    display: block !important;
  }
  .aadhar-number-input,
  .aadhar-number-input-last {
    width: 35px !important;
    margin: 5px 5px 5px 20px;
    float: left;
  }
  .feature-page .preview-submit-btn.btn {
    min-width: auto;
    max-width: auto;
  }

  .fua-button-amt {
    margin-top: 15px;
  }

  .app-btn .application-btn {
    text-align: center !important;
  }
}

@media (min-width: 320px) and (max-width: 550px) {
  .additonal-btn-thank {
    flex-direction: column;
  }
  .vkyc-thank {
    margin-top: 10px;
  }
  .user-details-thank {
    flex-direction: column;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .organisationName {
    width: 264px !important;
  }

  .select-search:not(.select-search--multiple) .select-search__select {
    width: 325px !important;
  }
}

.mainDiv {
  background-image: url(/ucj/media/couple.cb12c7af.png);
}

.selectCountryCode {
  display: block;
  width: 20%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.anchorStyle {
  color: #003b6e;
}

.default-focus:focus {
  color: #495057 !important;
  background-color: #fff !important;
  border-color: #80bdff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.nv_searchBox {
  /* // border-color: #80bdff !important; */
  background-color: #f9f9f9 !important;
  width: 100% !important;
}

.nv_searchBox::placeholder {
  color: #2b2a2a !important;
}

.nv_searchBox:active {
  outline: none !important;
  border-color: #f9f9f9 !important;
}

.nv_searchBox:focus {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
}

.myhas-search .form-control {
  padding-right: 3rem;
  padding-left: 1rem !important;
}

.myhas-search .myform-control-feedback {
  position: absolute;
  z-index: 2;
  width: 1.375rem;
  height: 1.375rem;
  top: 20%;
  right: 1rem;
  pointer-events: none;
  color: #aaa;
}
.myListView {
}

.zindexstyle-1 {
  z-index: -1;
  overflowy: 'auto';
  width: 'calc(100% - 20px)';
  position: 'absolute';
}
.zindexstyle99 {
  z-index: 99;
  overflowy: 'auto';
  width: 'calc(100% - 20px)';
  position: 'absolute';
}
@media (min-width:768px) {
  .mr-md-0, .mx-md-0 {
    margin-right: 0!important
}
}
body {
  overflow-y: auto !important;
}
body.modal-open {
  overflow-y: auto !important;
}

body:not(.modal-open) {
  overflow-y: auto !important;
}

.twl-loading-style {
  background-color: rgb(247 245 245 / 50%) !important;
}



body {
  font-family: $font-open;
  margin: 0;
  padding: 0;
}

.wrapper {
  visibility: hidden;
}

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

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

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

.w-100 {
  width: 100%;
}

.dark-blue {
  text-decoration: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #176abe !important;
  transition: all 0.3s ease-in;
}

.dark-blue:hover {
  color: #004981;
  transition: all 0.3s ease-in;
}

a.dark-blue img {
  transition: all 0.3s ease-in;
}

a.dark-blue:hover img {
  transform: translate(5px);
  transition: all 0.3s ease-in;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label {

  &::first-letter {
    text-transform: uppercase;
    display: none;
  }
}

.d-flex {
  display: flex;
}

.m-l-10 {
  margin-left: 5px !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999999;
}

//loader
#status {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  font-weight: 400;
  width: 100px;
  height: 100px;

  img {
    width: 100px;
    height: 100px;
  }
}

select {
  cursor: pointer;
}

a,
button {
  transition: all 0.3s ease-in;
  cursor: pointer;

  img {
    display: inline-block !important;
  }
}

.link {
  transition: all 0.3s ease-in;

  &:hover {
    transition: all 0.3s ease-in;

    img {
      transition: all 0.3s ease-in;
      transform: translate(5px);
    }
  }

  img {
    transition: all 0.3s ease-in;
  }
}

.step {
  .btn-org {
    letter-spacing: 1px;
    font-size: 14px;

    img {
      display: inline-block;
    }
  }
}

.orange-link {
  &:hover {
    color: #b55b09 !important;

    svg {
      path {
        fill: #b55b09;
      }
    }
  }
}

.position-relative {
  position: relative;
}

.more-cards {
  display: none;
}

.more-cards.show {
  display: block;
}

.upload-items {
  .submit-btn1 {
    pointer-events: all !important;
    background: #f27b1a !important;
  }
}

.input-content.date input {
  background: url(/ucj/media/date.f49d3d94.svg) no-repeat;
  background-position: 96% 50%;
}

.input-content select,
.input-content input,
textarea {
  width: 78%;
  line-height: 0.875rem;
  letter-spacing: 0.43px;
  font-size: 12px;
  font-weight: normal;
  outline: none;
  background-color: #fff;
  border: 1px solid #6e8ca6;
  border-radius: 2.27px;
  padding: 11px 1.375rem 11px 9px;
}

.ml-auto {
  margin-left: auto;
}

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

.space-around {
  justify-content: space-around;
}

input:disabled {
  background-color: transparent;
  border-color: rgba(118, 118, 118, 0.3);
}

#bank-statement2,
#form262,
#salary-slip2,
#Itr2 {
  padding: 0.5rem 2rem 0.5rem 0.7rem;
}

.good img {
  width: 15px;
  height: 19px;
}

a {
  text-decoration: none;
}

.jFiler-items-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.d-flex-form {
  @media screen and (max-width: 570px) {

    position: relative;
  }

  #ver2 {
    @media screen and (max-width: 570px) {

      position: absolute !important;
      bottom: 18px;
      right: 20px !important;
      top: auto !important;

    }
  }
}


.contnew {
  display: flex;
  align-self: center;

  @media screen and (max-width: 570px) {
    margin-bottom: 1rem !important;
  }
}

.align-correction {
  @media screen and (max-width: 570px) {
    display: flex !important;
    margin: 2rem 0rem 0rem !important;
  }
}

.green-tick{
  width: 18px;
  height: 18px;
}
.btn-white {
  text-decoration: none;
  background: white;
  color: #f27b1a;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  padding: 15px 35px;
  &:hover{
      background: #f27b1a;
        color: white;
  }
}


button.add {
  display: flex;
  border: 1px solid #f27b1a;
  border-radius: 4px;
  color: #f27b1a;
  background: #fff;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  &:hover, &.active{
    background: #f27b1a;
      color: white;
      svg{
      path{
        stroke: white;
      }
      }
}
}

.btn-org {
  text-decoration: none;
  text-transform: uppercase;
  background: #f27b1a;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  padding: 17px 67px;
  display: inline-block;
  color: #ffffff;
  img {
    transition: transform 0.3s ease;
    margin-left: 0.3rem;
    display: inline-block;
  }
  &:hover{
    opacity: 0.8;

    img {
      transform: translateX(0.4rem);
    }
  }
}

.btn-org-invert{
  @extend .btn-org ;
  background-color: white !important;
  color: #f27b1a !important;
}

.popup{
  .d-flex-popup2{
    img{

        top: 0;

    }
  }
}
.main-page {
  background: #F6F6F6;

  body {
    -webkit-font-smoothing: antialiased;
    font-family: Open Sans, sans-serif;
    margin: 0;
    padding: 0;
    background: #fafafa;
    letter-spacing: 0.43px;
    font-size: 10px;

  }

  *,
  *::after,
  *::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
  }

  img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .container {
    max-width: 1260px;
    padding-bottom: 4rem;
    margin: auto;
    margin-top: 5rem;
  }

  .main-header {
    background: #ffff;
  }

  .logo-container {
    display: block;
    padding: 0 0.95rem 0.55rem;
  }

  .logo-container img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .main-header .orange-strip {
    height: 50px;
    width: 100%;
    background: #f27b1a;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .column-3 {
    flex: 0 0 27%;
    max-width: 27%;
  }

  .column-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 30px;
  }

  .column-9 {
    flex: 0 0 74%;
    max-width: 74%;
  }

  .column-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .column-3,
  .column-9 {
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    margin-right: 10px;
    box-sizing: border-box;
  }

  .page-heading-container {
    margin-top: 1.75rem;
    margin-bottom: 1.375rem;
  }

  .center {
    justify-content: center;
  }

  .nav {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(/ucj/media/line.35b771da.png) 13px 14px no-repeat;
    width: 96%;
    margin: 2rem auto 5.6rem auto;
    background-size: contain;
  }

  .nav-2 {
    background: url(/ucj/media/line2.dcfcb0e1.png) 13px 14px no-repeat;
    background-size: contain;
  }

  .nav-3 {
    background: url(/ucj/media/line3.5d69c0f1.png) 13px 14px no-repeat;
    background-size: contain;
  }

  .nav-4 {
    background: url(/ucj/media/line4.1d9f8d77.png) 13px 14px no-repeat;
    background-size: contain;
  }

  .nav-5 {
    background: url(/ucj/media/line5.6f064cc0.png) 13px 14px no-repeat;
    background-size: contain;
  }

  .nav .nav-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .nav .nav-item .nav-item-sub {
    border-radius: 50%;
    background: #fff;
    border: 1px solid #c4c4c4;
    position: relative;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .nav .nav-item .nav-item-sub .nav-link {
    position: relative;
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    background: #c4c4c4;
  }

  .nav .nav-item .nav-link span {
    position: absolute;
    top: 2rem;
    left: -3.5rem;
    color: #c4c4c4;
    font-size: 14px;
    line-height: 19px;
    width: 8rem;
    text-align: center;
  }

  .nav .nav-item .active {
    background: #d4e3ee;
    border: none;
  }

  .nav .nav-item .nav-item-sub .active {
    background: #3c8ec9;
  }

  .nav .nav-item .nav-item-sub .nav-link.done {
    background: url(/ucj/media/tick.54df0784.png);
    background-repeat: no-repeat;
    background-position: center;
  }

  .nav .nav-item .active span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #414141;
  }


  .linknone {
    text-decoration: none;
    color: unset;
  }


  .radio-txt {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: #414141;
  }

  .font-18 {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #414141;
  }

  .font-16 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
  }

  .font-14 {
    font-size: 14px;
    line-height: 21px;
  }

  .font-12 {
    font-size: 12px;
    line-height: 19px;
  }

  .font-10 {
    font-size: 10px;
    line-height: 11px;
  }

  .mb-0 {
    margin-bottom: 0px !important;
  }

  .mb-10 {
    margin-bottom: 10px;
  }

  .mb-15 {
    margin-bottom: 15px;
  }

  .mb-20 {
    margin-bottom: 20px;
  }

  .mb-80 {
    margin-bottom: 80px;
  }

  .mt-20 {
    margin-top: 20px;
  }

  .mt-40 {
    margin-top: 40px;
  }

  .mt-12 {
    margin-top: 12px;
  }

  .mt-10 {
    margin-top: 10px;
  }

  .mt-5 {
    margin-top: 5px;
    display: inline-block;
  }

  .mb-25 {
    margin-bottom: 25px;
  }

  .mb-30 {
    margin-bottom: 30px;
  }

  .m-20 {
    margin-top: 20px;
    margin-bottom: 10px;
  }


  .mr-10 {
    margin-right: 10px;
  }

  .mr-20 {
    margin-right: 20px;
  }


  .mr-15 {
    margin-right: 15px;
  }

 .me-15 {
    margin-inline-end: 15px;
  }

  .mr-30 {
    margin-right: 30px;
  }

  .norm {
    font-weight: 400;
  }

  .light-blue {
    color: #3c8ec9;
    font-weight: bold;
    cursor: pointer;
  }

  .blue {
    color: #004a7f;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
  }

  .brown {
    color: #944104;
  }

  .grey-blue {
    color: #176abe;

    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
  }

  .bold {
    font-weight: bold;
  }

  .thin {
    font-weight: normal;
  }

  .col-side {
    width: 70px;
    position: relative;
  }

  .line-vertical {
    position: absolute;
    left: 48%;
    top: -21px;
  }

  .col-main {
    width: calc(100% - 100px);
  }

  .accordian-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #c4c4c4;
    background: #fff;
    outline: none;
    transform: rotate(180deg);
    transition: all 1s;
    margin-right: 10px;
  }

  .accordian-btn-2 {
    transform: rotate(0deg);
    transition: all 1s;
  }

  .accordian-btn-3 {
    transform: rotate(0deg);
    transition: all 1s;
  }

  .accordian-btn img {
    transition: all 0.5s ease;
  }

  .col-main.active .accordian-btn img {
    transform: rotate(-180deg);
  }

  .flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .align {
    align-items: center;
  }



  .page-content-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;

    .font-10 {
      text-transform: capitalize;
      letter-spacing: 0.25px;
    }
  }

  .page-content-sub {
    display: flex;
    padding: 20px 0;
    border: 0.5px solid #cfd7ed;
    box-shadow: 0px 2px 8px rgba(222, 227, 242, 0.4);
    border-radius: 5px;
    margin-bottom: 25px;
    background-color: white;
  }

  .reference {
    display: flex;
    border: 0.5px solid #cfd7ed;
    box-shadow: 0px 2px 8px rgba(222, 227, 242, 0.4);
    border-radius: 5px;
    padding: 7px 0;
    width: 93%;
  }

  .ref-open,
  .ref-open1 {
    display: none;
  }

  .content {
    width: 100%;
    margin: 2rem 0 1rem 2rem;
  }

  .ref-width {
    width: 95%;
  }

  .num {
    width: 29px;
    height: 29px;
    border-radius: 20%;
    color: #3c8ec9;
    background: #d4e3ee;
    margin: 0 auto;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    position: relative;
  }

  .num.active {
    color: #fff;
    background: #f27b1a;
  }

  label {
    display: inline-block;
  }

  .label-text {
    color: #414141;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }

 

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

    border: 1px solid #f27b1a;
  }

  .select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/ucj/media/dropdown_black.e6737be2.png);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 11px;
    cursor: pointer;
  }

  .select::-ms-expand {
    display: none;
  }

  .save-btn,
  .save-btn2,
  .save-btn3 {
    padding: 15px 60px;
    text-transform: uppercase;
    background: #c4c4c4;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.5px;
    margin-right: 2rem;
    pointer-events: none;
    outline: none;
    text-decoration: none;
  }

  .save-btn.active,
  .save-btn2.active,
  .save-btn3.active {
    pointer-events: all;
    background: #f27b1a;
    color: #fff;
  }

  .next {
    pointer-events: all;
    background: #f27b1a;
    color: #fff;
  }

  .save-btn:focus {
    outline: none;
  }

  .cancel-btn {
    background: none;
    border: none;
    padding: 0.8rem 0;
    outline: none;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.5px;
    color: #f27b1a;
    text-transform: uppercase;
    text-decoration: none;
  }

  .next-btn,
  .next-btn2 {
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
    background: #c4c4c4;
    padding: 15px 10px;
    min-width: 150px;
    text-align: center;
    border-radius: 30px;
    margin-right: 3rem;
    pointer-events: none;
  }

  .next-btn.active,
  .next-btn2.active {
    pointer-events: all;
    background: #f27b1a;
  }

  .prev-btn {
    color: #f27b1a;

    text-decoration: none;
    display: inline-block;

    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    padding: 15px 0;

    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

  .link {
    color: #004a7f;
    font-weight: bold;
    text-decoration: none;
  }

  .initiate {
    overflow: hidden;
    transition: max-height 0.5s ease;
    transform-origin: top;

  }

  .col-main.active .initiate {
    max-height: 0;
    transition: max-height 0.5s ease;
    margin-bottom: 9px;
  }

  #jointAcc {
    margin-bottom: 15px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in;
  }

  .documents {
    padding-top: 10px;
  }

  .term {
    max-height: 150px;
    opacity: 1;
  }

  .term.active {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
  }

  .accordion {
    width: 100%;
    display: flex;
    padding: 10px 0;
    justify-content: space-between;
    background: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;
    color: #414141;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    outline: none;
  }

  .panel {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease;
    margin-top: 5px;
    margin-bottom: 15px;
  }

  .panel p {
    font-size: 12px;
    line-height: 13px;
    color: #414141;
    margin-top: 10px;
  }

  .panel ul {
    color: #4a4c4c;
    font-size: 12px;
    margin-top: 8px;
  }

  .panel li {
    padding: 0;
    color: #4a4c4c;
    font-size: 12px;
  }

  .panel .types {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .panel .types .doc_type {
    width: 33.3%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.8rem;
  }

  .panel .types .doc_type p {
    margin-right: 1rem;
    line-height: 16px;
  }

  .panel .types .doc_type .sub_text {
    display: block;
    font-size: 12px;
  }

  .panel .types .doc_type img {
    margin-top: 10px;
    margin-right: 5px;
    width: 15px;
    min-width: 15px;
  }

  .edit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    display: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #414141;
    cursor: pointer;
  }

  .edit.active {
    display: block;
  }

  #popup {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 800px;
    visibility: hidden;
    background: #ffffff;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: 0.5s;
  }

  #popup.active {
    visibility: visible;
    top: 50%;
    opacity: 1;
    transition: 0.5s;
  }

  .popup-heading {
    margin-left: 90px;
    padding-top: 1.5rem;
  }

  .head {
    margin-left: -90px;
    text-align: center;
  }

  .popup-heading h3 {
    margin-bottom: 1.5rem;
  }

  .popup-content {
    margin: 0 90px;
    margin-right: 80px;
  }

  .grid-card-details {
    display: flex;
    margin-top: 10px;
    margin-bottom: 23px;
  }

  .img-desc {
    margin-left: 25px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }

  .labels {
    display: flex;
  }

  .labels>div {
    margin-right: 20px;
  }

  .labels label {
    display: block;
    text-align: center;
    margin-bottom: 4px;
  }

  .labels input {
    width: 55px;
    height: 30px;
    outline: none;
    text-align: center;
    background: #ffffff;
    border: 1px solid #6e8ca6;
    border-radius: 7px;
  }

  .otp-input {
    background: #ffffff;
    border: 1px solid #6e8ca6;
    border-radius: 7px;
    width: 180px;
    height: 28px;
    padding-left: 10px;
    outline: none;
  }

  .otp-info {
    transform: translate(209px, -24px);
  }

  .popup-submit-button {
    display: inline-block;
    text-decoration: none;
    min-width: 150px;
    text-align: center;
    padding: 0.8rem 0;
    background: #c4c4c4;
    border: 1px solid #c4c4c4;
    border-radius: 30px;
    margin-top: 2rem;
    font-size: 12px;
    color: white;
    font-family: Helvetica;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1.5rem;
    outline: none;
    pointer-events: none;
  }

  .popup-submit-button.active {
    pointer-events: all;
    background: #f27b1a;
    border: 1px solid #f27b1a;
  }

  .close,
  .close1 {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ffffff;
    border: 0.5px solid #c4c4c4;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
  }

  .orange {
    color: #f27b1a;
    display: inline-block;
  }

  .background-blur {
    -webkit-filter: blur(6px);
    filter: blur(6px);
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .grey {
    color: #414141;
  }

  .disabled {
    color: #91a0b7;
  }

  .light-grey {
    background-color: #f6f6f6;
  }

  .black {
    color: #646363;
  }

  .timer {
    transform: translate(34px, -19px);
  }

  .hide {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease-in;
    transform-origin: top;
  }

  .hide.active {
    max-height: 300px;
    opacity: 1;
    transition: all 0.5s ease-in;
  }

  /* // .input-content.date {
  //   position: relative;
  // } */


  /* 
  // .input-content.date:after,
  // .input-content.date:before {
  //   content: "";
  //   position: absolute;
  //   right: 4%;
  //   top: 30%;
  // }
  
  // .input-content.date:after {
  //   background: #ebebeb;
  //   border-radius: 3.2px;
  //   width: 1rem;
  //   height: 0.875rem;
  // }
  // .input-content.date:before {
  //   z-index: 10;
  //   border-radius: 3.2px 3.2px 0 0;
  //   height: 0.3rem;
  //   background: #004981;
  //   width: 1rem;
  // } */

  /*RADIO BUTTONS*/

  .radio-flex {
    display: flex;
    align-items: center;
    padding: 5px 0;
  }

  .radio-content {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    margin-right: 2rem;
  }

  .radio-content input {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 5px;
  }

  #pan {
    width: 60px;
  }

  #form-60 {
    width: 80px;
  }

  .radio-content input:checked~.checkmark:after,
  .checkbox-label input:checked~.checkmark:after {
    display: block;
  }

  .radio-content input[type="radio"]+label {
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    margin-left: 2rem;
    letter-spacing: 0.43px;
  }

  .radio-content .checkmark {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    height: 17.5px;
    width: 17.5px;
    border-radius: 50%;
    background: #eaeaea;

    border: none;
  }

  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .radio-content .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #f27b1a;
  }

  .radio-inp,
  .radio-inp1 {
    margin-top: 10px;
    display: flex;
  }

  .radio-inp input {
    border-radius: 7px 0 0 7px;
    width: 55%;
    border-right: none;
  }

  .browse {
    border-radius: 0 7px 7px 0;
    width: 45%;
    background: #fff;
    border: 0.75px solid #f27b1a;
    outline: none;
    color: #f27b1a;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .browse-img {
    margin-right: 10px;
  }

  .info {
    margin-left: 5px;
  }

  /*form*/

  .form60-container {
    position: fixed;
    width: 770px;
    left: 402px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    box-sizing: border-box;
    border-radius: 10px;
    visibility: hidden;
    opacity: 0;
    padding: 30px 42px;
    transition: all 0.5s;
  }

  .form60-container.active {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
  }

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

  .form60-content {
    text-align: center;
    height: 60px;
    background: #f7f7f7;
    padding: 20px;
    margin: 20px;
    display: flex;
    justify-content: center;
  }

  .form60-content img {
    margin-right: 15px;
  }

  .form60-box-container {
    width: 636px;
    display: flex;
    margin: 12px 41px;
  }

  .form60-leftbox {
    width: 44%;
    border: 3px dashed #c4c4c4;
    border-radius: 5px;
    padding: 20px 52px;
    text-align: center;
  }

  .form60-rightbox {
    width: 57%;
    display: flex;
    flex-direction: column;
    padding-left: 29px;
    padding-top: 18px;
  }

  .upload-btn {
    padding: 4px 12px;
    background: #f27b1a;
    border: none;
    border-radius: 6.55492e8px;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    color: #ffffff;
    outline: none;
  }

  .form60-documents {
    display: flex;
    justify-content: space-between;
    margin: 12px 0px 35px;
    align-items: center;
    visibility: hidden;
  }

  .btn-delete {
    width: 87px;
    height: 22px;
    border-radius: 25px;
    background-color: white;
    outline: none;
    border: 2px solid #f27b1a;
    color: #f27b1a;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
  }

  .btn-continue {
    width: 225px;
    height: 40px;
    background: #c4c4c4;
    border-radius: 30px;
    border: none;
    outline: none;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 7px;
    pointer-events: none;
  }

  .btn-continue.active {
    pointer-events: all;
    background: #f27b1a;
  }

  .ml-5 {
    margin-left: 5px;
  }

  .ml-80 {
    margin-left: 25px;
  }

  input[type="file"] {
    display: none;
  }

  #circlebar,
  #circlebar2,
  #circlebar3,
  #circlebar4 {
    width: 20px;
    height: 20px;
    margin-right: 4px;
  }

  #fname,
  #fname2,
  #fname3,
  #fname4 {
    width: 90px;
  }

  .flex-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .flex-1 img {
    margin-right: 5px;
  }

  .progressbar-text {
    position: absolute;
    left: unset !important;
    top: unset !important;
    margin-left: 39px !important;
    margin-top: -9px !important;
    transform: translate(-50%, -50%);
    color: rgb(122, 120, 120) !important;
    font-size: 0.7rem !important;
    font-weight: 600;
  }

  .placehere {
    display: none;
  }

  /*FATCA PAGE*/

  .page-sub {
    padding: 20px 10px 20px 25px;

    border: 0.5px solid #cfd7ed;
    box-shadow: 0px 2px 8px rgba(222, 227, 242, 0.4);
    border-radius: 10px;
  }

  .fatca-desc {
    padding-right: 10px;
  }

  .tin {
    margin-bottom: 30px;
  }

  /*check,arl*/

  .checkbox-container {
    flex-direction: row;
    -webkit-box-align: center;
  }

  .checkbox-container label {
    display: flex;
    display: block;
    position: relative;
    cursor: pointer;

    font-size: 14px;
    line-height: 18px;

    color: #4a4a4a;

    padding-left: 37px;
    padding-right: 10px;
  }

  .checkbox-container input {
    position: absolute;
    opacity: 0;
    width: 0;
    cursor: pointer;
    height: 0;
  }

  .checkbox-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    border-radius: 1px;
    background-color: #ffffff;
    border: 0.5px solid #cfd7ed;
    margin-left: 3px;
  }

  .checkbox-label input:checked~.checkmark {
    background: #f27b1a;
    border-color: transparent;
  }

  .checkbox-label .checkmark:after {
    top: 9%;
    left: 32%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }


  .checkbox-container1 {
    flex-direction: row;
    -webkit-box-align: center;
    display: inline-block;
  }

  .checkbox-container1 label {
    display: flex;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    line-height: 18px;
    color: #894302;
  }

  .checkbox-container1 input {
    position: absolute;
    opacity: 0;
    width: 0;
    cursor: pointer;
    height: 0;
  }

  .checkbox-label1 .checkmark1 {
    position: absolute;
    top: 2px;
    right: -17px;
    height: 13px;
    width: 13px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #FC983C;
    margin-left: 4px;

  }

  .checkbox-label1 input:checked~.checkmark1 {
    background: #4BC7A2;
    border: none;
  }

  .checkbox-label1 .checkmark1:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 4px;
    height: 10px;
    border: solid #fff8f8;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .checkbox-container2 {
    flex-direction: row;
    -webkit-box-align: center;
    display: inline-block;
  }

  .checkbox-container2 label {
    display: flex;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    line-height: 18px;
    color: #894302;
  }

  .checkbox-container2 input {
    position: absolute;
    opacity: 0;
    width: 0;
    cursor: pointer;
    height: 0;
  }

  .checkbox-label2 .checkmark2 {
    position: absolute;
    top: 2px;
    right: -17px;
    height: 13px;
    width: 13px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #FC983C;
    margin-left: 4px;

  }

  .checkbox-label2 input:checked~.checkmark2 {
    background: #4BC7A2;
    border: none;
  }

  .checkbox-label2 .checkmark2:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 4px;
    height: 10px;
    border: solid #fff8f8;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }



  .multi,
  .multi1 {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in;
  }

  .multi.active {
    max-height: 300px;
    transition: max-height 0.5s ease-in;
    transform-origin: top;
    margin-bottom: 15px;
  }

  .multi1.active {
    max-height: 100px;
    transition: max-height 0.15s ease-in;
    transform-origin: top;
  }

  .multi3,
  .multi2 {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in;
  }

  .multi2.active {
    max-height: 200px;
    transition: max-height 0.5s ease-in;
    transform-origin: top;
    margin-bottom: 15px;
  }

  .multi3.active {
    max-height: 100px;
    transition: max-height 0.15s ease-in;
    transform-origin: top;
  }

  .font-term {
    font-size: 11px;
    line-height: 18px;

    color: #4a4a4a;

    padding-left: 25px;
    padding-right: 10px;
  }

  .mt-30 {
    margin-top: 30px;
  }

  .more {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in;
  }

  .more.active {
    max-height: 200px;
    transition: max-height 0.5s ease-in;
  }

  .more-btn {
    font-size: 11px;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    text-decoration: underline;
  }

  .more-btn.active {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
  }

  .greentick {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    padding-right: 7px;
    background-color: #fcf8f8;
    display: none;
  }

  button {
    cursor: pointer;
  }

  /********preview link**********/

  .preview {
    display: none;
    margin-top: 8px;
  }

  .preview.active {
    display: block;
  }

  .image-preview,
  .image-preview1,
  .image-preview2,
  .image-preview3,
  .image-preview4 {
    min-width: 200px;
    min-height: 200px;
    max-width: 375px;
    max-height: 375px;
  }

  .image-popup {
    width: 500px;
    height: 500px;
    background: #fff;
    border-radius: 10px;

    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.5px solid #cfd7ed;
  }

  .image-popup.active {
    visibility: visible;
    opacity: 1;
    top: 50%;
    transition: all 0.5s ease-in;
  }

  .otp-img {
    margin-left: 5px;
    padding-bottom: 2px;
    transform: rotate(180deg);

    transition: all 0.3s ease-in;
  }

  .card {
    min-width: 220px;
    width: 220px;
    height: 120px;
  }

  .otp-img.active {
    transform: rotate(0deg);
    transition: all 0.3s ease-in;
  }

  .tooltip {
    position: relative;
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    width: 12vw;
    background-color: #eeeeee;
    color: #414141;
    border-radius: 6px;
    padding: 10px 21px;
    position: absolute;
    z-index: 1;
    top: -21px;
    left: 100%;
  }

  .triangle-left {
    visibility: hidden;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 18px solid #eeeeee;
    border-bottom: 8px solid transparent;
    display: inline-block;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .tooltip:hover .triangle-left {
    visibility: visible;
  }

  #pan-number {
    margin-top: 8px;
  }

  .img-arr {
    width: 12px;
    height: 6px;
  }

  .img-arr.active {
    transform: rotate(180deg);
  }

  input[type="text"]:disabled {
    background: rgba(110, 140, 166, 0.1);
    color: #414141;
  }

  /*Joint account holders*/

  .account-holders {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
  }

  .users {
    height: 105px;
    width: 190px;
    border: 0.3px solid #868686;
    border-radius: 5px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }

  .users.active {
    border: 0.3px solid #3c8ec9;
    box-shadow: 0px 4px 8px rgba(185, 187, 190, 0.35);
    background: #e6f1f9;
  }

  .user-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;

    color: #868686;
  }

  .user-name.active {
    color: #3c8ec9;
  }

  .account-type {
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;

    color: #868686;
  }

  .account-type.active {
    color: #3c8ec9;
  }

  .img-up {
    min-width: 20px;
    min-height: 25px;
  }

  .form60-rightbox img {
    width: 19px;
    height: 25px;
  }

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

  .abs-line1 {
    position: absolute;
    right: 356px;
    top: -17px;
  }

  .abs-line2 {
    position: absolute;
    right: 95px;
    top: -17px;
  }

  .timer {
    position: absolute;
    right: 99px;
    padding: 9px 25px 12px 25px;
    background: #fef3e8;
    border: 1px solid rgba(137, 67, 2, 0.1);
    border-radius: 5px;
    width: 270px;
    top: 45px;
  }

  .circle {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border: 1px solid #fcd7b1;
    border-radius: 5px;
  }

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

  .tick-button {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    color: #894302;
    padding: 7px 25px 7px 15px;
    font-size: 18px;
    border: 1px solid #fc983c;
    box-sizing: border-box;
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.08));
    border-radius: 5px;
    cursor: pointer;

    img {
      margin-left: 0.5rem;
    }
  }

  .tick-hide {
    display: none;
  }

  .marriagestatus,
  .relationstatus,
  .employeestatus,
  .permanent-add {
    display: none;
  }

  .orange-line {
    width: 1px;
    height: 99.6%;
    display: flex;
    margin-left: 34px;
    border-left: 2px dashed #f27b1a;
  }

  .tick-green {
    width: 15px;
    height: 14.06px;
    background: #4bc7a2;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 22px 0px;
  }

  .green-line {
    position: absolute;
    right: 35px;
    top: 32px;
  }

  .the-datepicker__main {
    width: 18.4%;
  }

  .uploaded {
    background: #ffecdb;
    border: 0.5px solid #faa232;
    border-radius: 10px;
    padding: 24px 14px;
    display: flex;
    align-items: center;
    position: relative;
    left: -50px;
    width: 80%;
  }

  @media screen and (max-width:767px) {

    .column-6,
    .column-9,
    .column-3,
    .column-12,
    .radio-flex {
      flex: 0 0 100%;
      max-width: 100%;
      flex-wrap: wrap;
    }

    .radio-content {
      margin-bottom: 1rem;
    }

    .page-content-head .flex-col {
      display: none;
    }

    .tick-button {
      margin-bottom: 1rem;
      display: block;
    }

    .input-container {
      margin-top: 1rem;
    }

    .reference {
      padding: 7px 5px;
    }


    .timer {
      display: none;
    }

    .initiate {
      overflow: initial;
      transform-origin: top;
      margin-right: auto;
    }
  }

  /* for ie */
  select::-ms-expand {
    display: none;
  }

  /* for ie */
  @media screen and (-ms-high-contrast: active),
  (-ms-high-contrast: none) {
    .progressbar-text {
      position: absolute;
      left: unset !important;
      top: unset !important;
      margin-left: 220px !important;
      margin-top: 19px !important;
      transform: translate(-50%, -50%);
      color: rgb(122, 120, 120) !important;
      font-size: 0.7rem !important;
      font-weight: 600;
    }
  }

  /* for ie */

}
.custom-style {
  @media only screen and (max-width: 1200px) {
    .blc {
      display: block;
    }

    .express {
      margin-top: 20px;
    }

    .details-pop {
      width: 100%;
    }

    .width {
      width: 100%;
    }

    .mb-23 {
      margin-bottom: 10px;
    }
  }

  @media only screen and (max-width: 1100px) {
    .mob-hide {
      display: none;
    }

    .popup {
      overflow-y: scroll;
    }
  }

  @media only screen and (max-width: 900px) {
    .flex {
      display: block;
    }

    .m-flex {
      display: flex;
    }

    .mob-mt-25 {
      margin-top: 25px;
    }

    .col-3 {
      max-width: 50%;
    }

    .hide-inputbox {
      display: none;
    }
  }

  @media only screen and (max-width: 768px) {
    #ver {
      bottom: unset;
      transform: translate(0, -65%) !important;
    }
    .col-9 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .sec-custom {
      padding: 40px 0px !important;
    }

    /*CUSTOMISATION MOBILE*/
    .mr-310 {
      margin-right: 0;
    }

    .width-500 {
      min-width: 10px;
    }

    .sliderContainer {
      min-width: 20px;
      width: 100%;
    }

    .num {
      margin: 0 14.5px;
    }

    .mob-blc {
      display: block;
    }

    #additional-btn {
      margin-top: 70px;
    }

    .slider::after {
      left: 77%;
    }

    .slider2::after {
      left: 75%;
    }

    .ml-30 {
      margin-left: 0;
    }

    .mr-30 {
      margin-right: 0;
    }

    .cards {
      display: block;
    }

    .card-6 {
      margin-top: 20px;
    }

    .col-3 {
      max-width: 100%;
    }

    .modal {
      padding: 20px;
    }

    .details-pop {
      padding: 20px;
    }

    .mr-50 {
      margin-right: 0;
    }

    .label-cont {
      margin-top: 10px;
    }

    .radio-content {
      margin-top: 10px;
    }

    .or {
      margin: 30px;
      text-align: center;
    }

    .col2 {
      padding-right: 10px;
    }

    .personal {
      padding: 10px;
    }

    .num {
      margin: 0 5px;
    }

    .thank-cont {
      display: none;
    }

    .pop-btn {
      display: block;
    }

    .ver3 {
      top: 150%;
      right: -5%;
    }

    .ver {
      top: 140%;
      right: -10%;
    }

    #remove-txt {
      width: calc(100% + 30px);
    }

    .popup {
      width: 100%;
    }

    .browse-cont {
      width: 100%;
    }

    .browse-txt {
      padding-top: 10px;
    }

    .close {
      top: 10px;
      right: 10px;
    }

    .browse-btn {
      display: inline-block;
    }

    .ml-45 {
      margin-left: 0;
    }

    .browse-txt {
      padding-left: 5px;
    }

    .width-450 {
      width: 100%;
    }

    .uploaded {
      width: 100%;
    }

    .login-cont {
      width: 100%;
    }

    .cont-btn {
      display: inline-flex;
    }
  }
  .express{
    hr{
      width: 100%;
    }
  }
  #ver{
    top: 50%;
    right: 0;
    position: absolute;
    transform: translate(140%, -65%);
  }
  #thankyou{
    display: none;
  }
  .view-details-link{
    display: flex;
    align-items: center;
    img{
      width: auto;
      height: 7px;
    }
  }

  .month-variable, .amount-variable{
    position: relative;
    p{
      position: absolute;
      top: 11px;
      left: 36px;
    }
    input::-webkit-outer-spin-button,

  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;

  }
  input[type=number] {
    -moz-appearance: textfield;
  
    }
  }
  .amount-variable{
    p{
      left: 14px;
    }
  }
  .sliderContainer{
    .width-500{
      min-width: 600px;
    }
  }
  #monthly-salary{
    display: none;
  }
  #verifymail, .gray-box-2{
    margin-left: 0px !important;
  }

  .month-variable{
    display: flex !important;
    align-items: center !important;
    #tenureRangeValue{
      width: 5rem !important;
      padding: 10px 20px 10px 20px !important;
      margin-right: 10px !important;
  
    }
    p{
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
    }
  
  }
  
  .cards .card-list{
    width: 100%;
  }  

#btn5{
    display: none;
  }
  .form .after-upload{
    background: #ffecdb;
    border: 0.5px solid #faa232;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 30px;
    width: 410px;
    margin-left: -50px;
    display: none;
    h6{
      width: 297px;
      font-family: Open Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      letter-spacing: 0em;
      text-align: left;
      margin: 15px 0px;
    }
    a{
      margin: 19px 5px;
    }
  }
  #upload-doc2{
    .d-flex{
      position: relative;
      .uploaded-salary, .outsideItr, .uploaded-bank2, .uploaded-form{
        position: absolute;
        left: 154px;
      }
    }
    h6{
      font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 19px;
    }
  }

  #browseForm{
    h6{
      font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 19px;
    }
  }
}



 input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  z-index: 10;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 5px 0 rgba(113, 113, 113, 0.39);
  -moz-box-shadow: 0 2px 5px 0 rgba(113, 113, 113, 0.39);
  box-shadow: 0 2px 5px 0 rgba(113, 113, 113, 0.39);
}

input[type=range]::-ms-track {
  background-color: transparent;
  color: transparent;
}



input[type="range"]::-ms-fill-upper {
  background-color: #d4d4d4;

}

input[type="range"]::-ms-fill-lower {
  background-color: #f17c3a;
}



.mobile {

    /*mobile screen for ntd1 */
    .input-lb-popup {
        width: 246px;
        height: 32px;
        border: 0.5px solid #6e8ca6;
        box-sizing: border-box;
        border-radius: 4px;
        outline: none;
        padding: 10px;
    }

    .d-flex-popup2 {
        display: flex;
    }

    .all-center-popup {
        margin: auto;
        width: 100%;
        padding: 10px;
    }

    .d-flex-popup {
        display: flex;
    }

    .m-l-40-popup {
        margin-left: 40px;
    }

    .all-center-popup2 {
        margin: auto;
        width: 97%;
        padding: 10px;
    }

    .m-tb-35-mob {
        margin: 35px 0px;
    }

    .m-side-20-mobile {
        margin: 0px 20px;
    }

    .big-line {
        width: 40vw;
        height: 14px;
        border-bottom: 2px dashed orange;
    }

    .small-line {
        width: 5vw;
        height: 14px;
        border-bottom: 2px dashed orange;
    }

    .num-deactive-aadhar {
        color: rgba(252, 153, 60, 0.5);
        background: #ffffff;
        font-size: 12px;
        padding: 3px 10px;
        border: 1px solid rgba(252, 152, 60, 0.5);
        border-radius: 5px;

        z-index: 10;
    }

    @media only screen and (max-width:1122px) {
        .browse-cont1 {
            flex-wrap: wrap;
        }

        .popup {
            overflow-y: scroll;
            height: 85vh;
        }

        .details-sub h4 {
            margin: 22px 0px 12px 0px;
        }

        .m-tb-35-mob {
            margin: 15px 0px
        }

        .browse-cont1 {
            flex-wrap: wrap;
        }

        .browse-cont2 {
            flex-wrap: wrap;
        }

        .browse-cont3 {
            flex-wrap: wrap;
        }

        .browse-cont4 {
            flex-wrap: wrap;
        }

        .popup {
            overflow-y: scroll;
        }

    }

    @media only screen and (max-width: 700px) {
        .input-lb-popup {
            width: 100%;
        }

        .d-flex-popup2 {
            display: block;
        }

        .w-200 {
            width: 34%;
        }

        .m-side-30-down {
            margin: 0% 5% 0% 47%;
        }

        .gray-box-2 {
            width: 316.57px;
        }

        .gray-box-2 h4 {
            font-weight: bold;
            font-size: 16px;
        }

        .d-flex-aadhar {
            display: block;
        }
    }

    @media only screen and (min-width: 700px) {
        .desktop-hide {
            display: none;
        }
    }

    @media only screen and (max-width: 550px) {
        .modal label {
            font-size: 10px;
        }

        .popup {
            width: 77%;
        }

        .m-side-30-down {
            margin: 0% 5% 0% 37%;
        }
    }

    @media only screen and (max-width: 525px) {
        .popup {
            width: 88%;
        }
    }

    @media only screen and (max-width: 490px) {
        .m-l-40-popup {
            margin-left: 0px;
        }

        .d-flex-popup {
            display: block;
        }

        .input-lb-popup {
            width: 86%;
        }

        .close-popup2 {
            top: 38px;
        }

    }

    @media only screen and (max-width: 440px) {
        .m-side-30-down {
            margin: 0% 5% 0% 28%;
        }

        .w-200 {
            width: 44%;
        }


    }

    @media only screen and (max-width:377) {
        .m-side-30-down {
            margin: 0% 5% 0% 17%;
        }

        .details-sub h3 {
            line-height: 27px;
        }


        .popup {
            overflow-y: scroll;
        }
    }

    @media only screen and (max-width:370px) {
        .rate {
            margin: 0px 23px;
        }

        .details-sub-orange {
            width: 298.5px;
        }
    }

    @media only screen and (max-width:356px) {

        .details-sub h3 {
            line-height: 27px;
        }

        .bg-line-long {
            width: 16%;
        }

        .details-sub-orange {
            width: 282.5px;
        }

        .rate {
            margin: 0px 19px;
        }


    }

    @media only screen and (max-width:330px) {
        .green h5 {
            font-size: 13px;
        }

        .btn-white {
            font-size: 13px;
        }

        .details-sub h3 {
            line-height: 27px;
        }

        .bg-line-long {
            width: 16%;
        }

        .rate {
            margin: 0px 14px;
        }

        .details-sub-orange {
            width: 256.5px;
        }

    }

}
.detail {
.section-nav2{
    h4{
        flex: 1;
    }
    .details{
        margin-left: auto;
        margin-right: 8%;
    }
}
    .benefit-card {
        width: 20%;
        align-items: start;
        margin-right: 2rem;
    }

    .benefit-card h6 {
        margin: 0;
    }

    .wrap {
        flex-wrap: wrap;
    }

    .documents {
        width: 80%;
        flex-wrap: wrap;
    }

    .documents .documents-card {
        margin-right: 2rem;
        margin-bottom: 1.5rem;
    }

    .documents .documents-card img {
        margin-right: 0.5rem;
    }

    .documents .documents-card h6 {
        margin: 0;
    }

    .note {
        margin-top: 0rem;
    }

    .start-kyc {
        margin-top: 20px;
        display: flex;
        align-items: center;
    }

    .start-kyc .deactive-btn {
        display: flex;
        align-items: center;
    }

    @media only screen and (max-width: 767px) {
        .gray-box-3 {
            padding: 20px;
        }

        .num-deactive {
            margin: 5px;
        }

        .num-deactive-tick {
            margin: 5px;
        }

        .bg-line {
            background: url(/ucj/media/v-line.22c1b407.svg) 19px 20px no-repeat;
            justify-content: space-between;
        }

        .bg-line-long {
            width: 18%;
        }

        .bg-line .num-org {
            margin: 5px;
        }

        .bg-line .m-l-70 {
            margin-left: 0;
        }

        .benefit-card {
            width: 100%;
            margin-right: 0;
            margin-bottom: 1rem;
        }

        .section-small-gray {
            width: 65%;
        }

        .verification-container {
            width: 75%;
        }

        .gray-box-3 .active-gray {
            font-size: 14px;
        }

        .gray-box-3 h5 {
            margin-top: 0;
        }

        .gray-box-3 .deactive-gray {
            display: none;
        }

        .documents {
            width: 100%;
        }

        .start-kyc .deactive-btn {
            margin-bottom: 30px;
        }

        .section-nav2 {
            background: #ffffff;
        }

        .dropdown-img {
            margin-left: auto;
        }
        .num-org{
            padding: 6px 10px !important;
        }
    }

    /* Dushyant css start */
    .verification-timeline .num-org,
    .verification-timeline .num-deactive,
    .verification-timeline .num-deactive-tick {
        margin: 20px 0;
        position: relative;
    }

    .verification-timeline h6 {
        position: relative;
        max-width: 170px;
    }

    .verification-timeline .num-deactive+h6 img {
        position: absolute;
        left: -34px;
    }

    .verification-timeline .m-l-70 {
        margin-left: 95px;
    }

    .verification-container .gray-box-3 {
        padding-bottom: 1.5rem;
    }

   
}
.stylesheet {
  body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    font-family: Open Sans, sans-serif;
  }

  .anchor-head {
    text-decoration: none;
  }

  .grey {
    padding-top: 5px;
    background: #fafafa;
    padding-bottom: 30px;
  }

  header .header-section {
    width: 100%;
  }

  .section-nav {
    width: 86%;
    height: 65px;
    margin: 30px 0px;
    background: #f6f6f6;
    border: 0.5px solid #cfd7ed;
    box-sizing: border-box;
    border-radius: 5px;
  }

  section .section-nav h4 {
    font-weight: 400;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #414141;
    flex: 1;
  }

  .section-nav2 {
    width: 86%;
    height: 65px;
    margin: 0px 0px 30px 0px;
    background: #fff;
    border: 0.5px solid #cfd7ed;
    box-sizing: border-box;
    border-radius: 5px;
  }

  .section-small-gray {
    width: 82%;
    height: 20px;
    margin: 30px 120px 0px 120px;
    background: #fff;
    border: 0.5px solid #cfd7ed;
    box-sizing: border-box;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0;
  }

  section .section-nav2 h4 {
    font-weight: 400;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #414141;
  }

  .details {
    display: flex;
    justify-content: space-between;
    width: 36%;
    margin-right: 2rem;
  }

  .details p {
    margin: 10px 0px 0px 0px;
    text-transform: capitalize;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.0025em;
    color: #414141;
  }

  #bank-statement,
  #form26,
  #salary-slip,
  #Itr {
    padding: 0.5rem 2rem 0.5rem 0.7rem;
  }

  #fillForm2 {
    display: none;
  }

  .details h6 {
    margin: 2px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.0025em;
    color: #646363;
  }

  .d-flex {
    display: flex;
  }

  .d-flex-upload {
    display: flex;
  }

  .d-flex-form {
    display: flex;
  }

  .d-flex-loanoption {
    display: flex;
  }

  .d-flex-aadhar {
    display: flex;
  }

  .checkbox-label input:checked ~ .checkbox {
    background: #f27b1a !important;
  }

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

  .grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1.65fr 1.5fr;

    .grid-first-col {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
    }

    .timer-img {
      -ms-grid-column: 2;
      -ms-grid-row: 1;

      .box2-org {
        align-items: center;

        img {
          max-width: 100%;
          -o-object-fit: contain;
        }
      }
    }
  }

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

  .section-details {
    width: 86%;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 5px;
  }

  .center {
    align-items: center;
  }

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

  .details-sub h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: 22px 0px 40px 0px;
    color: #414141;
  }

  .details-sub h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #414141;
  }

  .details-sub-orange {
    background: #ffecdb;
    border: 0.5px solid #faa232;
    box-sizing: border-box;
    border-radius: 10px;
    width: 371px;

    .details-org {
      width: 100%;
      padding: 20px;
    }
  }

  .details-sub-orange h4 {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 21px;

    color: #414141;
  }

  .details-org {
    display: flex;
    justify-content: space-between;
  }

  .details-org h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    font-weight: 40;

    color: #414141;
  }

  .details-org h4 {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;

    color: #414141;
  }

  .box {
    width: 275px;
    margin: auto;
    margin-bottom: 3rem;
  }

  .down {
    float: right;
    cursor: pointer;
    padding: 20px;
    position: relative;
    left: 30px;
    top: 10px;
  }

  .details-sub-orange h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 21px;

    color: #414141;
  }

  .type {
    display: flex;
    justify-content: space-between;
    width: 432px;
  }

  .box1 {
    background: #ffecdb;
    border: 0.5px solid #faa232;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 10px 10px 0px 0px;
  }

  .purple {
    background: #ffffff;
    border: 2px solid #e0d8ff;
    box-sizing: border-box;
    border-radius: 5px;
    width: 300px;
    height: 45px;
  }

  .purple:hover {
    background-color: #e0d8ff;
  }

  .m-l-11p {
    margin-left: 11%;
  }

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

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

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

  .m-l-163 {
    margin-left: 163px;
  }

  .m-l-120 {
    margin-left: 120px;
  }

  .m-l-115 {
    margin-left: 115px;
  }

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

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

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

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

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

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

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

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

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

  .m-r-2-5 {
    margin-right: 2.5%;
  }

  .m-l-2-5 {
    margin-left: 2.5%;
  }

  /* check box  */
  /* The container */
  .container {
    display: block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .check {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border: 0.5px #eee;
    border: 1px solid #f27b1a;
    border-radius: 2px;

    /* Changed as per designs Nickb */
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .check:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .container input:checked ~ .check:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .container .check:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 9px;
    border: 0px solid white;
    border-width: 0px 2px 2px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* */
  .green {
    border: 2px solid #aeebce;
    box-sizing: border-box;
    border-radius: 5px;
    width: 300px;
    height: 45px;
  }

  .green:hover {
    background-color: #aeebce;
  }

  .blue {
    border: 2px solid #d5dbf8;
    box-sizing: border-box;
    border-radius: 5px;
    width: 300px;
    height: 45px;
  }

  .blue:hover {
    background-color: #d5dbf8;
  }

  .blue h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 12px;
    color: #3458f5;
  }

  .rate {
    margin: 0px 30px;
  }

  .rate h5 {
    margin: 0;
  }

  .rate h6 {
    font-size: 30px;
    margin: 8px 0px;
  }

  .rate h4 {
    margin: 0;
  }

  .purple-fill {
    background: #e0d8ff;
    width: 45px;
    height: 42px;
  }

  .blue-fill {
    background: #d5dbf8;
    width: 45px;
    height: 42px;
  }

  .org-div h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 21px;
    color: #414141;
    margin: 25px 0px;
  }

  .green-fill {
    background: #aeebce;
    border: 1px solid #aeebce;
    box-sizing: border-box;
    width: 45px;
    height: 42px;
  }

  .color-img {
    padding: 10px;
  }

  .m-15 {
    margin: 15px;
  }

  .italic1 {
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    color: #414141;
  }

  .orange-sec h5,
  p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #414141;
  }

  .btn-org {
    text-decoration: none;
    text-transform: uppercase;
    background: #f27b1a;
    border: 1px solid #f27b1a;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    text-align: center;
    padding: 17px 25px;
    color: #ffffff;
  }

  .btn-white {
    text-decoration: none;
    background: white;
    color: #f27b1a;
    border: 1px solid #f27b1a;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    text-align: center;
    padding: 15px 35px;

    &:hover {
      background: #f27b1a;
      color: #fff;
    }
  }

  .box1 h6 {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: #414141;
  }

  .box2 h6 {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    color: #414141;
  }

  .par {
    font-style: italic;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    margin: 2px;
  }

  .section3 h6 {
    margin: 19px 0px 4px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #414141;
  }

  .hover-blue:hover {
    font-weight: bolder;
  }

  .type h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    margin-right: 15px;
    color: #414141;
    margin: 0px;
  }

  .section3 h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #414141;
  }

  .purple h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 12px;
    color: #6d4dee;
  }

  .green h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 12px;
    color: #007a40;
  }

  .box1 h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: #414141;
  }

  .box2 h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #414141;
  }

  .main-header .orange-strip {
    height: 50px;
    width: 100%;
    background: linear-gradient(180deg, #f58f22 1.19%, #ef6712 100%);
  }

  .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .m-side-106 {
    margin: 0px 106px;
  }

  .m-side-30 {
    margin: 0px 30px;
  }

  .m-side-30-down {
    margin: 0px 30px;
  }

  .m-side-20 {
    margin: 0px 20px;
  }

  .m-side-19 {
    margin: 0px 19px;
  }

  .m-side-10 {
    margin: 0px 10px;
  }

  .m-side-40 {
    margin: 0px 40px;
  }

  .m-side-45 {
    margin: 0px 45px;
  }

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

  .orange-sec {
    background: #fff2e3;
    border-radius: 0px;
    min-height: 77vh;
    padding-bottom: 20px;
    display: flex;
  }

  .white-sec h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    letter-spacing: 0.2px;

    color: #fc983c;
  }

  .main-heading {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    /* identical to box height, or 95% */

    color: #414141;
  }

  .font-30 {
    font-size: 30px;
  }

  .deactive {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #414141;
    opacity: 0.2;
  }

  .deactive-btn {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: white;
    background: #c4c4c4;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    pointer-events: none;
    border: 1px solid currentColor;
  }

  .gray-box {
    background: #f5f5f5;
    border-radius: 5px;
    width: 355px;
    padding-left: 22px;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .mr-auto {
    margin-right: auto;
  }

  .gray-box h6 {
    margin: 12px 0px;
    font-size: 14px;
    font-weight: 400;
  }

  .successful {
    display: none;
    position: absolute;
    left: 25rem;
    bottom: 22px;
    width: 18px;
    /* Changes done by NickB */
  }

  .cursor {
    cursor: pointer;
  }

  .move-up {
    position: relative;
    bottom: 20px;
  }

  .move-up-10 {
    position: relative;
    bottom: 10px;
  }

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

  .m-top-neg-6 {
    margin-top: -6px;
  }

  .m-top-neg-4 {
    margin-top: -4px;
  }

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

  .m-t-10 {
    margin-top: 12px;
  }

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

  .m-all-10 {
    margin: 10px;
  }

  .m-all-5 {
    margin: 5px;
  }

  .m-all-15 {
    margin: 15px;
  }

  .m-all-12 {
    margin: 12px;
  }

  .m-all-18 {
    margin: 18px;
  }

  .m-all-50 {
    margin: 50px;
  }

  .tick-green {
    background: #4bc7a2;
    border-radius: 5px;
    padding: 7px;
    margin: 0px 19px;
  }

  .tick-green-new {
    background: #4bc7a2;
    border-radius: 5px;
    padding: 7px;
    margin: 22px 17px 17px 17px;
  }

  .box-img {
    background: #fc983c;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    width: 43px;
    height: 43px;
    margin: 40px 6px;
    z-index: 10;
    padding: 10px;
  }

  .sec {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #414141;
  }

  .m-0 {
    margin: 0;
  }

  .sec-img {
    margin: 0px 24px;
  }

  .box1-org {
    width: 100%;
    padding: 1.4rem 4rem 1.4rem 2rem;
    background: #ffffff;
    border-radius: 5px;
    border: none;
    outline: none;
    font-size: 14px;
    border: 1px solid #f2e4d6 !important;
  }

  .box2-org {
    height: 70px;
    width: 95%;
    background: #f3841d41;
    border-radius: 5px;
    position: relative;
    margin-top: 0rem;

    .line2-2 {
      top: -2rem;
      right: 1rem;
      position: absolute;
      left: auto;
    }

    .line1 {
      left: 16px;
      top: -2rem;
    }
  }

  .abso-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .abso-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
  }

  .dot-1 {
    position: absolute;
    left: 12px;
    top: 10px;
  }

  .dot-2 {
    position: absolute;
    right: 12px;
    top: 8px;
  }

  .dot-3 {
    position: absolute;
    top: 50px;
    left: 12px;
  }

  .dot-4 {
    position: absolute;
    top: 50px;
    right: 12px;
  }

  .back-img {
    position: relative;
    top: 7px;
    margin-right: 7px;
  }

  .back {
    margin: 36px 0px 0px 12px;
  }

  .abso {
    position: absolute;
  }

  .box2-org h6,
  .box2-org-2 h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #944104;
    padding: 0 2rem 0 0;
    margin: 15px 0;
    align-items: center;
  }

  .box2-org h5 {
    margin: 14px 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #944104;
  }

  .m-tb-50 {
    margin: 5px 0px 50px;
  }

  .m-side-150 {
    margin: 0px 150px;
  }

  .box2-org-2 {
    position: relative;
    height: 70px;
    width: 95%;
    background: #f3841d41;
    border-radius: 5px;
  }

  .no-adhar {
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
    text-align: center;
    color: #f27b1a;
    margin-top: 3rem;
  }

  input {
    outline: none;
  }

  .enter-otp {
    width: 25%;
    height: 60px;
    background: #ffffff;
    border: none;
    font-size: 30px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #f2e4d6 !important;
  }

  .back-btn2 {
    position: relative;
    top: 3px;
  }

  .otp-re {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #f3831d;
  }

  #step1 {
    display: none;
    width: 50%;
    margin: 50px 240px 0px 0px;
  }

  #step2 {
    display: none;
  }

  #step3 {
    display: none;
  }

  .line-long {
    position: absolute;
    top: 257px;
    left: 132px;
    transform: translate(-50%);
    z-index: 3;
  }

  .line {
    position: absolute;
    transform: translate(-50%);
    z-index: 3;
  }

  .succ-para {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    /* Changes done by NickB */
    margin: 0px 0px 30px -6px;
    color: #414141;
  }

  .num-org {
    color: white;
    background-color: #f3831d;
    border: 1px solid #f3831d;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin: 20px;
    z-index: 10;
  }

  .num-deactive {
    color: rgba(252, 153, 60, 0.5);
    background: #ffffff;
    font-size: 12px;
    padding: 6px 10px;
    border: 1px solid rgba(252, 152, 60, 0.5);
    border-radius: 5px;
    margin: 20px;
    z-index: 10;
  }

  .num-deactive-1 {
    color: rgba(252, 153, 60, 0.5);
    background: #ffffff;
    font-size: 12px;
    padding: 3px 10px;
    border: 1px solid rgba(252, 152, 60, 0.5);
    border-radius: 5px;
    margin: 12px;
    z-index: 10;
  }

  .num-deactive-tick {
    color: rgba(252, 153, 60, 0.5);
    background: #ffffff;
    font-size: 12px;
    padding: 5px 6px;
    border: 1px solid rgba(252, 152, 60, 0.5);
    border-radius: 5px;
    margin: 20px;
    z-index: 10;
    box-sizing: border-box;
    padding: 5px;
  }

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

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

  .m-r-184 {
    margin-right: 184px;
  }

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

  .box1-org-1 {
    width: 100%;
    height: 15px;
    background: #ffffff;
    border-radius: 5px;
    border: none;
  }

  .p-side-30 {
    padding: 0px 30px;
  }

  .p-side-36 {
    padding: 0px 36px;
  }

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

  .p-line {
    padding: 0% 14% 0% 9%;
  }

  .p-side-40 {
    padding: 0px 40px;
  }

  .p-all-50 {
    padding: 50px;
  }

  .p-all-25 {
    padding: 25px;
  }

  .p-all-25-org {
    padding: 5px;
  }

  .p-15-34 {
    box-sizing: border-box;
    padding: 15px 25px;
  }

  .float-r {
    float: right;
  }

  .heading-aadhar {
    display: none;
    margin: 0px 0px 10px 0px;
  }

  .tick-org {
    color: white;
    background-color: #f3831d;
    padding: 5px;
    height: 6px;
  }

  .green-line {
    position: relative;
    right: 33px;
    top: 22px;
  }

  .blue-num {
    margin: 0px 13px;
    color: darkblue;
    background: #d4e3ee;
    border: 1px solid #d4e3ee;
    padding: 6px 10px;
    border-radius: 5px;
  }

  .blue-line {
    position: relative;
    left: 32px;
    bottom: 18px;
  }

  .time-money-img {
    margin: 0px 23px 0px 30px;
  }

  .m-side-18 {
    margin: 0px 18px;
  }

  .heading-2 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #414141;
    width: 61%;
  }

  .check-orange {
    width: 17px;
    height: 17px;
    margin: 2px 0 2px 0;
    background: #ddd;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  }

  .inner {
    display: block;
    width: 12.75px;
    height: 12.75px;
    border-radius: 100px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    position: absolute;
    top: 2.125px;
    left: 2.125px;
    z-index: 1;
    background: #eee;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  }

  .gray-box-2 {
    width: 458.57px;
    background: #ffecdb;
    border: 0.5px solid #faa232;
    border-radius: 10px;
    margin-left: -50px;
    padding-bottom: 25px;
  }

  .gray-box-2 {
    width: 458px;
    background: #ffecdb;
    border: 0.5px solid #faa232;
    /* box-sizing: border-box; */
    border-radius: 10px;
    margin-left: -50px;
    padding-bottom: 22px;
  }

  .gray-box-2 h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 28px !important;
    margin-left: 58px;
    margin-bottom: 10px;
  }

  .gray-box-2 h6 {
    margin: 8px 0px;
    font-size: 14px;
    font-weight: 400;
  }

  .form input {
    width: 246px;
    height: 32px;
    border: 0.75px solid #6e8ca6;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 5px;
    padding-left: 5px;
  }

  .form label {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #414141;
  }

  .form select {
    width: 246px;
    height: 32px;
    border: 0.75px solid #6e8ca6;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 5px;
    padding: 0px 10px;
    background: url(/ucj/media/down-arrow-lb.97aa5196.svg) no-repeat right 11px;
    -webkit-appearance: none;
    background-position-x: 222px;
  }

  .w-13 {
    width: 13px;
  }

  .btn-center {
    display: flex;
    text-align: center;
    justify-content: center;
  }

  #fillForm {
    display: none;
  }

  #verify {
    display: none;
    font-style: normal;
    font-weight: 600;
    /* font-size: 32px; */
    line-height: 24px;
    position: relative;
    color: #4bc7a2;
    bottom: 7px;
    height: 18px;
    top: 50%;
    margin-top: 40px;
  }

  #verify {
    display: none;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #4bc7a2;
  }

  .upload input,
  .manual input {
    width: 180px;
    height: 32px;
    border: 0.75px solid #6e8ca6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    margin-top: 5px;
    border-right: 0;
  }

  .upload button,
  .manual button {
    width: 81px;
    height: 32px;
    background: #ffffff;
    border: 0.75px solid #176abe;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0px;
    margin-top: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    align-items: center;
    text-transform: uppercase;
    color: #176abe;
  }

  .upload label,
  .manual label,
  .modal label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.20000000298023224px;
    text-align: left;
  }

  .search-blue {
    position: relative;
    right: 3px;
  }

  #upload {
    display: none;
  }

  .input-lb {
    width: 246px;
    height: 32px;
    border: 0.5px solid #6e8ca6;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
    padding: 10px;
  }

  .w-290 {
    width: 83%;
  }

  .w-200 {
    width: 17%;
  }

  #manual {
    display: none;
  }

  .radio-flex {
    display: flex;
    align-items: center;
    padding: 5px 0;
    width: 55%;
  }

  .radio-content {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
  }

  .radio-content:first-child {
    margin-right: 3rem;
  }

  .radio-content input {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 0;
  }

  #pan {
    width: 60px;
  }

  #form-60 {
    width: 80px;
  }

  .radio-content input:checked ~ .checkmark:after,
  .checkbox-label input:checked ~ .checkmark:after {
    display: block;
  }

  input:checked ~ .check {
    background: #f27b1a !important;
    border-color: transparent;
  }

  .radio-content input[type="radio"] + label {
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    margin-left: 2rem;
    letter-spacing: 0.43px;
  }

  .radio-content .checkmark {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    height: 17.5px;
    width: 17.5px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.07),
      inset 1px 0px 1px 0px rgba(0, 0, 0, 0.07);
    border: none;
  }

  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .radio-content .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #f27b1a;
  }

  #btnDelete {
    display: none;
  }

  #verifyUpload {
    display: none;
    position: relative;
    right: 102px;
  }

  /* The Modal (background) */
  .modal {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
  }

  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 53px;
    border: 1px solid #888;
    width: 50%;
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
    border-radius: 10px;
  }

  .modal-content2 {
    background-color: #fefefe;
    margin: auto;
    padding: 24px;
    border: 1px solid #888;
    width: 50%;
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .close2 {
    color: #aaaaaa;
    float: right;
    position: relative;
    top: 20px;
  }

  .close2:hover,
  .close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .italic {
    font-style: italic;
    font-weight: 200;
    font-size: 10px;
  }

  .modal h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 17px;
    color: #626262;
  }

  .main-img {
    position: relative;
    top: 27px;
  }

  .move-down {
    position: relative;
    top: 30px;
  }

  .move-down-12 {
    position: relative;
    top: 11px;
  }

  .move-down-17 {
    display: inline-block;
    margin: 16px 0px;
  }

  .main-details {
    margin: 30px 0px;
    width: 1160px;
    border-radius: 5px;
    background-color: white;
    border: 0.5px solid #cfd7ed;
  }

  .uploaded-bank {
    position: relative;
    right: 106px;
    top: 2px;
    display: none;
  }

  .uploaded-form {
    position: relative;
    right: 106px;
    top: 2px;
    display: none;
  }

  .uploaded-salary {
    position: relative;
    right: 106px;
    top: 2px;
    display: none;
  }

  .uploaded-salary-2 {
    position: relative;
    right: 106px;
    top: 12px;
    display: none;
  }

  .uploaded-itr {
    position: relative;
    right: 106px;
    top: 2px;
    display: none;
  }

  .btn {
    background: #f3831d;
    border: none;
    cursor: pointer;
    outline: none;
    color: white;
    padding: 15px 60px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
  }

  .gray-box-3 {
    background: #f5f5f5;
    border-radius: 5px;
    min-height: 195px;
    padding-left: 30px;
    padding-right: 33px;
    padding-top: 1px;
    padding-bottom: 1px;
    box-sizing: border-box;
  }

  .h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #414141;
    margin: 0px 0px 20px 0px;
  }

  .main-details h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #414141;
    margin: 0;
    margin: 20px 0px;
  }

  .main-details h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #414141;
  }

  .para {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #414141;
  }

  .gray-box-3 .deactive-gray {
    color: #818181;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    margin: 0;
  }

  .gray-box-3 .active-gray {
    color: #414141;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    margin: 0;
  }

  .org-img {
    margin-top: 3px;
    margin-right: 10px;
    width: 19px;
    height: 17px;
  }

  .org-img-3 {
    margin-top: 3px;
    margin-right: 10px;
    width: 30px;
    height: 17px;
  }

  .org-img-4 {
    margin-top: 5px;
    margin-right: 10px;
    width: 50px;
    height: 17px;
  }

  .v-line {
    position: absolute;
    top: 316px;
    right: 409px;
    z-index: 1;
  }

  .details-orange {
    width: 251px;
    background: #ffffff;
    border: 1px solid #f27b1a;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 10px;
  }

  .details-fill-org {
    width: 542px;
    background: #ffffff;
    border: 1px solid #f27b1a;
    box-sizing: border-box;
    box-shadow: 0px 0.775316px 3.87658px rgba(222, 227, 242, 0.8);
    border-radius: 7.75316px;
  }

  .org-fill {
    width: 540px;
    background: #ffecdb;
    border: 0.5px solid #faa232;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 6px 6px 0px 0px;
  }

  .details-fill-org label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #414141;
  }

  .details-fill-org select {
    width: 174px;
    height: 38px;
    background: #ebedf6;
    box-shadow: inset 0px 2px 11px rgba(0, 0, 0, 0.007);
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
    color: #414141;
  }

  .details-fill-org h5 {
    margin: 10px 0px 20px 0px;
  }

  .details-fill-org h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #414141;
    margin: 0px;
  }

  .m-tb-30 {
    margin: 30px 0px;
  }

  .m-tb-35 {
    margin: 35px 0px;
  }

  .m-tb-10 {
    margin: 10px 0px;
  }

  .org-fill h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 27px;
    color: #414141;
  }

  .org-fill h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    color: #414141;
  }

  .details-orange h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0px 20px 0px;
    color: #414141;
  }

  .details-orange h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #414141;
    margin: 0;
  }

  .light-orange {
    background: #fcd6b4;
    border: none;
  }

  .congo {
    width: 61px;
    height: 58px;
  }

  .org-img-fill {
    margin: 11px 18px 0 0;
    position: relative;
    bottom: 30px;
    width: 16px;
  }

  .bg-line {
    background: url(/ucj/media/v-line.22c1b407.svg) 19px 33px no-repeat;
  }

  .bg-line-long {
    background: url(/ucj/media/long2.8c106456.svg) 33px 2px no-repeat;
  }

  hr {
    width: 142px;
  }

  .heading-big {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    color: #414141;
  }

  .m-49-4 {
    margin: 49px 4px;
  }

  .succ-box {
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;

    h4 {
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 38px;
      color: #414141;
      margin: 0;
    }
    p {
      font-weight: normal;
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0.25px;
      color: #4a4a4a;
      margin: 0;
    }
    h5 {
      font-weight: bold;
      font-size: 21.0857px;
      line-height: 29px;
      color: #414141;
    }
    .light-orange {
      background: #ffecdb;
      border-radius: 5px;
      padding: 5px 12px;
    }
    h6 {
      font-weight: 600;
      font-size: 17px;
      line-height: 23px;
      text-align: center;
      color: #4a4a4a;
    }
  }

  .succ-box h5 {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    margin: 0;
  }

  .succ-box h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.25px;
    text-align: center;
    margin: 0px 0px 20px 0px;
  }

  /* Create two equal columns that floats next to each other */
  .column {
    float: left;
    padding: 10px;
  }

  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }

  .aadhar-img {
    margin: 0px 7px;
    position: relative;
    bottom: 17px;
    width: 25px;
    height: 104px;
  }

  .checkbox-para {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
  }

  .checkbox {
    position: relative;
    top: 12px;
  }

  #otpSection {
    display: none;
    .par {
      width: 260px;
      margin-top: 6px;
      margin-bottom: 1.2rem;
    }
  }

  #resendOtp {
    display: none;
  }

  .main-card-org {
    width: 917px;
    background: #ffecdb;
    border: 0.5px solid #f27b1a;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 10px;
  }

  input[type="password"]::-ms-reveal,
  input[type="password"]::-ms-clear {
    display: none;
  }

  .main-card-org label,
  .main-card-org-border label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #414141;
    text-transform: capitalize;
  }

  .main-card-org h5,
  .main-card-org-border h5 {
    margin: 2px 0px 25px 0px;
    font-weight: 700;
    font-size: 18px;
    color: #414141;
  }

  .main-card {
    width: 444px;
    height: 300px;
    background: #ffffff;
    border: 0.5px solid #f27b1a;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 10px;
  }

  .main-card label,
  .main-card-small label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #414141;
  }

  .main-card h5,
  .main-card-small h5 {
    margin: 0px;
    font-weight: 700;
    font-size: 18px;
    color: #414141;
  }

  .main-card-org-border {
    width: 917px;
    background: #ffffff;
    border: 0.5px solid #f27b1a;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 10px;

    .image {
      margin-bottom: 25px;

      img {
        margin-right: 0.3rem;
      }
    }
  }

  .main-card-org-border h2 {
    font-size: 18px;
    letter-spacing: 0.71px;
    margin-bottom: 0;
    margin-top: 0;
    color: #4a4a4a;
  }

  .main-card-small {
    width: 48%;
    background: #ffffff;
    border: 0.5px solid #f27b1a;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 10px;

    .details-card {
      margin-top: 20px;
    }

    h2 {
      font-size: 18px;
      letter-spacing: 0.71px;
      margin: 0px;
      font-weight: bold;
      color: #4a4a4a;
    }
  }

  .modal .popup-h6 {
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
  }

  .modal .click-here {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    letter-spacing: 0.25px;
    text-align: center;
  }

  .small-cards {
    background: #fff2e3;
    overflow-y: hidden;
    padding-bottom: 2rem;

    .center-ta {
      margin: 45px 0 30px 0;
    }
  }

  .green-card {
    width: 25%;
    background: #ffffff;
    border: 1px solid #50c38c;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
  }

  .purple-card {
    width: 25%;
    background: #ffffff;
    border: 1px solid #944dee;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
  }

  .mustard-card {
    width: 25%;
    background: #ffffff;
    border: 1px solid #ffbe81;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
  }

  .mustard-card h5,
  .purple-card h5,
  .green-card h5 {
    font-family: Open Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    margin: 12px;
  }

  .mustard-card h6,
  .purple-card h6,
  .green-card h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin: 5px 12px;
    color: #8b8b8b;
  }

  .green-card-fill {
    width: 100%;
    background: #50c38c;
    border-radius: 0px;
  }

  .purple-card-fill {
    width: 100%;
    background: #944dee;
    border-radius: 0px;
  }

  .mustard-card-fill {
    width: 100%;
    background: #ffbe81;
    border-radius: 0px;
  }

  .center-all {
    margin: auto;
    width: 66%;
    justify-content: space-between;
  }

  .center-all4 {
    margin-left: auto;
    margin-right: auto;
    width: 86%;
  }

  .center-all3 {
    margin: auto;
    width: 63%;
    padding: 10px;
  }

  .center-all1 {
    margin: 0 auto;
    width: 62%;
  }

  .center-all2 {
    margin: auto;
    width: 67%;
    margin-top: 35px;
  }

  .white {
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
  }

  .rel {
    position: relative;
  }

  .heading6 {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
    text-align: center;

    color: #4a4a4a;
  }

  .font-14 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 19px;
  }

  .cont-md {
    max-width: 450px;
    margin: 0 auto;
  }

  .align {
    align-items: center;
    text-decoration: none;
  }

  .back-btn {
    width: 22px;
    height: 22px;
    border: 1px solid #fc983c;
    border-radius: 50%;
    background: #fff;
  }

  .mr-5 {
    margin-right: 5px;
  }

  .ml-5 {
    margin-left: 5px;
  }

  .weight-600 {
    font-weight: 600;
  }

  .orange {
    color: #f27b1a;
  }

  .mt-15 {
    margin-top: 15px;
  }

  .left-sub {
    width: 52px;
    height: 52px;
    background: #fc983c;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
  }

  .right {
    float: right;
  }

  .pl-15 {
    padding-left: 15px;
  }

  .font-22 {
    font-size: 22px;
  }

  .gray {
    color: #414141;
  }

  .gray.steps-headings {
    letter-spacing: 0;
  }

  .normal {
    font-weight: normal;
  }

  .bold {
    font-weight: bold;
  }

  .timer2 {
    padding: 8px 18px 8px 18px;
    background: #fef3e8;
    border: 1px solid rgba(137, 67, 2, 0.1);
    border-radius: 5px;
    width: 262px;
    box-sizing: border-box;
  }

  .d-iline-block {
    display: inline-block;
  }

  .brown {
    color: #944104;
  }

  .mt-40 {
    margin-top: 40px;
  }

  .pl-20 {
    padding-left: 20px;
  }

  .p-side-8 {
    padding: 0px 8px;
  }

  .p-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .p-tbr-15 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 8px;
  }

  .num {
    border: 1px solid #f27b1a;
    width: 25px;
    height: 25px;
    margin: 0 14.5px;
    background: #f27b1a;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 10;
    color: white;
    padding-top: 2px;
  }

  .num2 {
    border: 1px solid #f27b1a;
    width: 25px;
    height: 25px;
    background: #f27b1a;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 10;
    color: white;
  }

  .num-invert {
    border: 1px solid #f27b1a;
    width: 25px;
    height: 25px;
    background: white;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 10;
  }

  .loan-right {
    background: #fff;
    box-sizing: border-box;
  }

  .mt-10 {
    margin-top: 10px;
  }

  .font-10 {
    font-size: 10px;
  }

  .font-11 {
    font-size: 11px;
  }

  .font-12 {
    font-size: 12px;
    line-height: 18px;
  }

  .font-14 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 19px;
  }

  .font-16 {
    font-size: 16px;
    line-height: 26px;
  }

  .mt-150 {
    margin-top: 150px;
  }

.mt-200 {
    margin-top: 200px;
  }
  .opa-4 {
    opacity: 0.4;
    z-index: 8;
  }

  .opa-2 {
    opacity: 0.2;
    z-index: 8;
  }

  .num .active {
    background-color: #f27b1a;
  }

  .line-fade {
    position: relative;
    left: 16px;
    z-index: 0;
  }

  .checkbox-label input:checked ~ .checkbox {
    background: #f27b1a;
  }

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

  .line1 {
    /* position: relative;
  left: 30px;
  z-index: 10; */
    position: absolute;
    left: 28px;
    z-index: 10;
    top: 0;
  }

  .line2 {
    position: absolute !important;
    right: 27px;
    z-index: 10;
    top: 0;
    left: auto !important;
    display: block !important;
  }

  .line2-2 {
    position: relative;
    left: 274px;
    z-index: 10;
  }

  /* aadhar responsive screen */

  @media only screen and (max-width: 962px) {
    .desktop-hide {
      display: block;
    }

    .col-6 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  @media only screen and (max-width: 600px) {
    .center-all1 {
      margin: auto;
      width: 68%;
    }

    .center-all2 {
      display: none;
    }

    .p-line {
      padding: 0% 2% 0% 10%;
    }
  }

  .bg-line-mobile {
    background: url(/ucj/media/line2.dcfcb0e1.png) 25px 38px no-repeat;
  }

  @media only screen and (max-width: 490px) {
    .center-all1 {
      margin: auto;
      width: 80%;
    }

    .center-all3 {
      margin: auto;
      width: 75%;
      padding: 10px;
    }

    .p-line {
      padding: 0% 8% 0% 10%;
    }
  }

  @media only screen and (max-width: 421px) {
    .center-all1 {
      margin: 0 auto;
      width: 90%;
    }
  }

  @media only screen and (max-width: 360px) {
    .center-all3 {
      margin: auto;
      width: 90%;
    }
  }

  /*POP UP*/

  .flex {
    display: flex;
  }

  .mb-20 {
    margin-bottom: 20px;
  }

  .mr-10 {
    margin-right: 10px;
  }

  .center3 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /*POPUP*/
  .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 53%;
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    border-radius: 10px;
    padding: 30px 20px;
    display: none;
    z-index: 99999;
  }

  .popup1.active {
    display: block;
  }

  .popup2.active {
    display: block;
  }

  .popup3.active {
    display: block;
  }

  .popup4.active {
    display: block;
  }

  .instructions {
    background: #f7f7f7;
    padding: 10px 20px;
  }

  .browse-cont {
    width: 694px;
    margin: 20px auto;
  }

  .dot2-2 {
    position: absolute;
    right: 12px;
    top: 10px;
  }

  .browse-box {
    border: 1.46429px dashed grey;
    border-radius: 7.32143px;
    text-align: center;
    min-width: 245px;
  }

  .browse-txt {
    padding-left: 20px;
  }

  .approved.active {
    background: #fff url(/ucj/media/approved.701b989e.svg) no-repeat;
    background-position: 95%;
  }

  .browse-btn {
    padding: 5px 30px;
    font-weight: bold;
    font-size: 10px;
  }

  .fileicon {
    visibility: hidden;
  }

  .width-450 {
    width: 450px;
  }

  .hide {
    display: none;
  }

  .hide-inputbox {
    display: none;
  }

  .timer2-img {
    width: 60px;
  }

  .doc {
    display: inline-block;
  }

  .close-popup2 {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
  }

  .close {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
  }

  .del-btn {
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 700;
    color: #c4c4c4;
    pointer-events: none;
    text-transform: uppercase;
  }

  .del-btn.active {
    background: #fff;
    border: 1px solid #f27b1a;
    color: #f27b1a;
    pointer-events: all;
  }

  .del-btn.active:hover {
    background: #f27b1a;
    color: #fff;
  }

  .submit-btn {
    background: #c4c4c4;
    color: #fff;
    padding: 17px 30px;
    border-radius: 5px;
    font-size: 14px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
  }

  .submit-btn.active {
    background: #f27b1a;
    pointer-events: all;
  }

  .sub-btn {
    background: #c4c4c4;
    color: #fff;
    padding: 17px 30px;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
  }

  .sub-btn.active {
    background: #f27b1a;
    pointer-events: all;
    margin-top: 1rem;
  }

  .sub-btn1 {
    display: none;
  }

  .btn-row {
    display: none;
  }

  .good {
    display: none;
    &.active {
      display: flex;
    }
  }

  .width-160 {
    width: 160px;
  }

  #circlebar1,
  #circlebar2,
  #circlebar3,
  #circlebar4,
  #circlebar5,
  #circlebar6,
  #circlebar7,
  #circlebar8,
  #circlebar9 {
    width: 20px;
    height: 20px;
    display: none;
  }

  .progressbar-text {
    position: absolute;
    left: unset !important;
    top: unset !important;
    margin-left: 37px !important;
    margin-top: -9px !important;
    transform: translate(-50%, -50%);
    color: rgb(122, 120, 120) !important;
    font-size: 0.7rem !important;
    font-weight: 600;
  }

  input[type="file"] {
    display: none;
  }

  .modal.active {
    display: block;
  }

  body.active {
    overflow: hidden;
  }

  .details-pop {
    width: 1140px;
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
    border-radius: 10px;
    margin: 0 auto;
    padding: 50px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in;
  }

  .sec-custom.active {
    filter: blur(6px);
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
  }

  .details-pop.active {
    visibility: visible;
    opacity: 1;
    top: 50%;
    transition: all 0.5s ease-in;
  }

  .mb-40 {
    margin-bottom: 40px;
  }

  .align {
    align-items: center;
  }

  .mt-25 {
    margin-top: 25px;
  }

  .mr-15 {
    margin-right: 15px;
  }

 .me-15 {
    margin-inline-end: 15px;
  }

  .mr-25 {
    margin-right: 25px;
  }

  .mr-50 {
    margin-right: 50px;
  }

  .ml-20 {
    margin-left: 20px;
  }

  .ml-40 {
    margin-left: 40px;
  }

  .ml-45 {
    margin-left: 45px;
  }

  .ml-30 {
    margin-left: 30px;
  }

  .browse-btn {
    padding: 5px 30px;
    font-weight: bold;
    font-size: 10px;
  }

  .doc {
    display: inline-block;
  }

  .pop-img-obj {
    object-fit: contain;
  }

  .close-pop {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    border: 0.5px solid #c4c4c4;
  }

  #circlebar1,
  #circlebar2,
  #circlebar3,
  #circlebar4,
  #circlebar5,
  #circlebar6,
  #circlebar7,
  #circlebar8 {
    width: 20px;
    height: 20px;
    display: none;
  }

  .progressbar-text {
    position: absolute;
    left: unset !important;
    top: unset !important;
    margin-left: 37px !important;
    margin-top: -9px !important;
    transform: translate(-50%, -50%);
    color: rgb(122, 120, 120) !important;
    font-size: 0.7rem !important;
    font-weight: 600;
  }

  input[type="file"] {
    display: none;
  }

  .popup input[type="password"] {
    width: 80%;
    border: 0.75px solid #6e8ca6;
    box-sizing: border-box;
    border-radius: 4px;
    height: 32px;
    padding: 0px 10px;
  }

  .fileicon {
    visibility: hidden;
  }

  .hide {
    display: none;
  }

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

  .not-active {
    display: none;
  }

  .hide-inputbox {
    display: none;
  }

  .sub-btn-2 {
    display: none;
    pointer-events: none;
  }

  .new-btn-org {
    text-decoration: none;
    text-transform: uppercase;
    background: #f27b1a;
    border: 1px solid #f27b1a;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    text-align: center;
    padding: 17px 67px;
    color: #ffffff;
    display: flex;
    box-sizing: border-box;
  }

  .new-width {
    padding: 17px 51px;
    box-sizing: border-box;
  }

  .label-input-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
  }

  .text-wrap1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .text-wrap1 .enterotp,
  .otp-re {
    margin: 0rem !important;
  }

  .new-wrap2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .line-wrap {
    padding: 0.5rem;
    position: relative;
    width: 100%;
  }

  * {
    box-sizing: border-box;
  }

  .object-contain {
    max-width: 100%;
    -o-object-fit: contain;
  }

  .tick-points {
    align-items: center;

    img {
      height: 18px;
      width: 18px;
    }
  }

  .rel-pos {
    position: relative;
  }

  /* responsive screen ntd1.html*/

  @media only screen and (max-width: 1200px) {
    .details {
      visibility: hidden;
    }

    .d-flex-upload {
      display: block;
    }

    .modal-content2 {
      width: 62%;
    }
  }

  @media only screen and (max-width: 992px) {
    .grid {
      display: block;
    }

    .timer-img {
      display: block;
    }
  }

  @media only screen and (max-width: 1280px) {
    .d-flex-loanoption {
      display: block;
    }

    .m-r-2-5 {
      margin-right: 0;
    }

    .m-l-2-5 {
      margin-left: 0;
    }
  }

  @media only screen and (max-width: 890px) {
    .modal-content2 {
      width: 82%;
    }
  }

  @media only screen and (max-width: 770px) {
    .details {
      display: none;
    }
  }

  @media only screen and (max-width: 750px) {
    .d-flex-form {
      display: block;
    }

    .m-side-30-down {
      margin: 0% 5% 0% 51%;
    }
  }

  @media only screen and (max-width: 675px) {
    .radio-flex {
      display: block;
    }

    .heading-2 {
      display: inline-block;
    }

    #step1 {
      width: 100%;
    }
  }

  @media only screen and (max-width: 550px) {
    .center-all4 {
      width: 100%;
    }

    .details-sub-orange {
      width: 350.5px;
    }

    section .section-nav h4 {
      font-size: 14px;
    }

    .box1-org-1 {
      width: 95%;
    }

    .successful {
      position: absolute;
      right: 14px;
      bottom: 20px;
      left: auto;
    }

    .position-relative {
      position: relative;
    }

    .enter-otp {
      width: 71px;
    }

    .gray-box-2 {
      width: auto;
      margin: 0 10px 0 -30px;
      padding-left: 10px;
    }

    .modal-content {
      padding: 23px;
      width: 90%;
    }
  }

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

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

  .esign-anchor-links {
    padding-left: 2.3rem;
    width: 85%;
  }

  @media only screen and (max-width: 470px) {
    .num-org {
      padding: 3px;
    }

    .p-all-25-org {
      padding: 5px;
    }

    .details-sub-orange {
      width: 98%;
    }

    .details-sub h3 {
      font: 18px;
    }

    .heading-2 {
      font-size: 14px;
      width: 78%;
    }

    .bg-line-long {
      width: 14%;
    }

    .m-side-30-down {
      margin: 0% 5% 0% 10%;
    }

    .details-sub h3 {
      font-size: 18px;
    }

    .rate {
      margin: 0px 20px;
    }

    .form {
      .btn-center {
        margin-top: 2rem;
      }
    }

    #loanOption .d-flex-loanoption .move-up-10 {
      margin: 30px 0px 15px 0px;
    }
  }

  @media only screen and (max-width: 350px) {
    .rate {
      margin: 0px 12px;
    }

    .details-sub-orange {
      width: 249.5px;
    }

    .blue h5 {
      font-size: 14px;
    }

    .green h5 {
      font-size: 14px;
    }

    .purple h5 {
      font-size: 14px;
    }

    .blue {
      width: 265px;
    }

    .green {
      width: 265px;
    }

    .purple {
      width: 265px;
    }
  }

  select {
    font-family: Open Sans;
  }

  /* final-pg */
  .center-ta h4 {
    margin: 5px 0;
  }

  .center-ta h6 {
    margin-top: 5px;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .enach-check {
    .check {
      background-color: white !important;
      border-color: #6e8ca6;
      height: 1rem;
      width: 1rem;
      border-radius: 3px;
      &:after {
        height: 7px;
        width: 4px;
        top: 1px;
      }
    }
  }
}

@media only screen and (max-width: 675px) {
  .adhar-style-mobile {
    .desktop-hide {
      .gray {
        width: 50%;
        margin: 1rem 0;
      }
    }

    .loan-right {
      padding: 22px 5vw 22px 6vw !important;
    }
  }

  .sec-custom {
    .personal {
      display: flex !important;

      .mr-310 {
        margin-right: 0;
        width: 70%;
      }
    }

    .custom {
      display: flex !important;

      .col {
        margin: 0 1rem;
      }
    }

    .col2 {
      width: 100%;
      padding-right: 40px !important;

      .flex {
        flex-direction: column;

        .col-9,
        .col-3 {
          max-width: 100%;
        }
      }

      .gray {
        line-height: 26px;
      }

      .sliderContainer {
        min-width: 100%;
        position: relative;

        .width-500 {
          min-width: 100%;
        }

        .slider2::after {
          width: 4rem;
        }
      }

      .col-9 {
        .width {
          position: absolute;
          top: -7rem;
        }

        .rangeslider-label {
          margin-top: 6rem !important;
        }
      }
    }
  }

  .mob-blc .cards {
    flex-direction: column;
    align-items: flex-start;
    width: 70% !important;

    .view-details-link {
      flex-direction: row !important;
      display: flex !important;
    }

    .mt-46 {
      margin-top: 30px;
    }
  }

  .col-3 {
    .express {
      .flex {
        flex-direction: row !important;
        display: flex !important;
      }
    }
  }
}

.upload-docs .uploaded-bank {
  position: relative;
  right: 106px;
  top: -18px;
  display: none;
}

.upload-docs .uploaded-form,
.upload-docs .uploaded-salary,
.upload-docs .uploaded-itr {
  position: relative;
  right: 87px;
  top: -18px;
  display: none;
}

.upload-docs .uploaded-bank2 {
  position: relative;
  right: 106px;
  top: -18px;
  display: none;
}

.upload-docs .uploaded-form2,
.upload-docs .uploaded-salary2,
.upload-docs .uploaded-itr2 {
  position: relative;
  right: 104px;
  top: -18px;
  display: none;
}

.adhar-style-mobile {
  @media screen and (max-width: 570px) {
    .gray-box {
      width: 89vw !important;
      position: relative !important;
      background: #f5f5f5 !important;
      transition: none;
      .gray {
        width: 70%;
        margin: 0;
      }
    }
  }
}
.hiddenpassword {
  display: none !important;
}

.contnew {
  display: flex;
  align-self: center;
  @media screen and (max-width: 570px) {
    margin-bottom: 1rem;
  }
}

.style {
  body {
    -webkit-font-smoothing: antialiased;
    font-family: Open Sans, sans-serif;
    margin: 0;
    padding: 0;
    background: #fafafa;
    letter-spacing: 0.43px;
  }

  *,
  *::after,
  *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  button {
    outline: none;
    cursor: pointer;
  }

  img {
    max-width: 100%;
    object-fit: contain;
    display: block;
  }

  .main-header {
    background: #ffff;
  }

  .logo-container {
    display: block;
    padding: 10px 15px;
  }

  .logo-container img {
    object-fit: contain;
  }

  .main-header .orange-strip {
    height: 50px;
    width: 100%;
    background: linear-gradient(180deg, #f58f22 1.19%, #ef6712 100%);
  }

  .flex {
    display: flex;
  }

  .align {
    align-items: center;
  }

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

  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-4 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .col-5 {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }

  .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-8 {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }

  .col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  a {
    text-decoration: none;
  }

  .gray {
    color: #414141;
  }

  .light-gray {
    color: #8b8b8b;
  }

  .gray2 {
    color: #7a909f;
  }

  .gray3 {
    color: #c4c4c4;
  }

  .gray4 {
    color: #646363;
  }

  .gray5 {
    color: #91a0b7;
  }

  .orange {
    color: #f27b1a;
  }

  .brown {
    color: #944104;
  }

  .dark-orange {
    color: #894302;
  }

  .light-blue {
    color: #3c8ec9;
  }

  .blue {
    color: #004a7f;
  }

  .blue3 {
    color: #176abe;
  }

  .white {
    color: #fff;
  }

  .m-25 {
    margin: 0 25px;
  }

  .mr-auto {
    margin-right: auto;
  }

  .mr-5 {
    margin-right: 5px;
  }

  .mr-7 {
    margin-right: 7px;
  }

  .mr-10 {
    margin-right: 10px;
  }

  .mr-15 {
    margin-right: 15px;
  }

 .me-15 {
    margin-inline-end: 15px;
  }

  .mr-20 {
    margin-right: 20px;
  }

  .mr-25 {
    margin-right: 25px;
  }

  .mr-30 {
    margin-right: 30px;
  }

  .mr-50 {
    margin-right: 50px;
  }

  .mr-60 {
    margin-right: 60px;
  }

  .mr-125 {
    margin-right: 125px;
  }

  .mr-250 {
    margin-right: 250px;
  }

  .mr-310 {
    margin-right: 310px;
  }

  .ml-5 {
    margin-left: 5px;
  }

  .ml-15 {
    margin-left: 15px;
  }

  .ml-20 {
    margin-left: 20px;
  }

  .ml-30 {
    margin-left: 30px;
  }

  .ml-40 {
    margin-left: 40px;
  }

  .ml-45 {
    margin-left: 45px;
  }

  .mb-4 {
    margin-bottom: 4px;
  }

  .mb-10 {
    margin-bottom: 10px;
  }

  .mb-15 {
    margin-bottom: 15px;
  }

  .mb-20 {
    margin-bottom: 20px;
  }

  .mb-23 {
    margin-bottom: 23px;
  }

  .mb-30 {
    margin-bottom: 30px;
  }

  .mb-40 {
    margin-bottom: 40px;
  }

  .mb-50 {
    margin-bottom: 50px;
  }

  .mt-5 {
    margin-top: 5px;
  }

  .mt-10 {
    margin-top: 10px;
  }

  .mt-15 {
    margin-top: 15px;
  }

  .mt-20 {
    margin-top: 20px !important;
  }

  .mt-25 {
    margin-top: 25px;
  }

  .mt-30 {
    margin-top: 30px;
  }

  .mt-35 {
    margin-top: 35px;
  }

  .mt-40 {
    margin-top: 40px;
  }

  .mt-46 {
    margin-top: 46px;
  }

  .mt-50 {
    margin-top: 50px;
  }

  .mt-70 {
    margin-top: 70px;
  }

  .mt-150 {
    margin-top: 150px;
  }

  .mt-200 {
    margin-top: 200px;
  }
  .pl-20 {
    padding-left: 20px;
  }

  .pl-30 {
    padding-left: 30px;
  }

  .pl-15 {
    padding-left: 15px;
  }

  .font-6 {
    font-size: 6px;
  }

  .font-10 {
    font-size: 10px;
  }

  .font-11 {
    font-size: 11px;
  }

  .font-12 {
    font-size: 12px;
    line-height: 18px;
  }

  .font-14 {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 19px;
  }

  .font-16 {
    font-size: 16px;
    line-height: 26px;
  }

  .font-18 {
    font-size: 18px;
  }

  .font-20 {
    font-size: 20px;
  }

  .font-22 {
    font-size: 22px;
  }

  .font-24 {
    font-size: 24px;
  }

  .font-30 {
    font-size: 30px;
  }

  .normal {
    font-weight: normal;
  }

  .weight-600 {
    font-weight: 600;
  }

  .bold {
    font-weight: bold;
  }

  @media (min-width: 769px) {
    .sec {
      min-height: calc(100vh - 116px);
    }
  }

  .discover {
    background: #fff2e3;
    padding: 30px 60px;
  }

  .discover-banner {
    margin: auto;
  }

  .dis-text {
    align-items: center;
    h1 {
      color: #414141;
    }
  }

  .dis-img img {
    float: right;
  }

  .srch-bar {
    padding: 13px 20px;
    background: #fff;
    position: relative;
    box-shadow: 0px 10px 20px rgba(248, 111, 0, 0.15);
    border-radius: 5px;
  }

  .srch-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 15px;
  }

  .srch-inp {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
  }

  .srch-inp:focus {
    border-bottom: 1px solid #f27b1a;
  }

  .suggest {
    position: absolute;
    top: calc(100% - 12px);
    left: 0;
    background: #fff;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 99;
  }

  .suggest.active {
    padding: 15px 0;
    max-height: 400px;
    overflow: visible;
  }

  .suggest-sub {
    padding: 10px 20px;
    background: #fff;
    cursor: pointer;

    &:hover {
      background: #fff9f3;

      p {
        color: #f27b1a;
      }
    }
  }

  .people {
    z-index: 9;
  }

  .btn {
    background: #f3831d;
    border: none;
    cursor: pointer;
    outline: none;
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
  }

  .btn:hover {
    opacity: 0.8;
  }

  .products {
    padding: 30px 45px;
  }

  .cards {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 20px;
    position: relative;
    cursor: pointer;
    width: 100%;
    max-width: 200px;
    transition: 0.2s ease-in;
    .view-details-link {
      z-index: 0 !important;
    }
  }

  .cards:hover {
    transform: scale(1.05);
    transition: 0.2s ease-in;
  }

  .card-1 {
    border: 1px solid rgba(0, 122, 64, 0.2);
  }

  .card-2 {
    border: 1px solid rgba(205, 98, 0, 0.2);
  }

  .card-3 {
    border: 1px solid rgba(178, 72, 181, 0.2);
  }

  .card-4 {
    border: 1px solid rgba(109, 77, 238, 0.2);
  }

  .arr {
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
  }

  .arr-1 {
    background: #50c48c;
  }

  .arr-2 {
    background: #f19948;
  }

  .arr-3 {
    background: #e3509f;
  }

  .arr-4 {
    background: #944dee;
  }

  /* LOAN PAGE*/

  .loan-left {
    background: #fff2e3;
    padding: 40px 50px;
  }

  .loan-right {
    background: #fff;
    padding: 40px 50px 40px 50px;

    .pb-inc {
      padding-bottom: 90px;
    }
  }

  .loan-srch {
    width: 100%;
    padding: 25px 20px;
    background: #ffffff;
    border: 1px solid #f2e4d6;
    box-shadow: 0px 10px 20px rgba(248, 111, 0, 0.15);
    border-radius: 5px;
  }

  .loan-inp {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
  }

  .back-btn {
    width: 22px;
    height: 22px;
    border: 1px solid #fc983c;
    border-radius: 50%;
    background: #fff;

    img {
      width: 0.8rem;
    }
  }

  .loan-card-active {
    padding: 15px 50px 15px 15px;
    position: relative;
    background: #fff0e1;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #fc983c;
    color: #894302;
  }

  .card-loan {
    background: #ffb571;
    width: 150px;
    height: 150px;
  }

  .abs-line1 {
    position: absolute;
    right: 290px;
  }

  .abs-line2 {
    position: absolute;
    right: 48px;
  }

  .timer {
    position: absolute;
    right: 20px;
    padding: 9px 25px 12px 25px;
    background: #fef3e8;
    border: 1px solid rgba(137, 67, 2, 0.1);
    border-radius: 5px;
    width: 300px;
    top: 45px;
  }

  .circle {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border: 1px solid #fcd7b1;
    border-radius: 5px;
  }

  .right {
    float: right;
  }

  /*PERSONAL LOAN PAGE*/

  .col-card {
    min-width: 130px;
    position: relative;
    z-index: 0;
  }

  .loan-txt,
  .tenure-txt {
    display: none;
  }

  .personal-loan-card {
    position: relative;
    background: #f77c0b;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 15px 40px 15px 15px;
    float: right;
    cursor: pointer;
    z-index: 20;
    transition: 0.2s ease-in;
  }

  .personal-loan-card:hover {
    transform: scale(1.05);
    transition: 0.2s ease-in;
  }

  .loan-personal {
    cursor: pointer;
    position: absolute;
    top: 10%;
    background: #fc983c;
    box-shadow: 0px 1.66611px 6.66443px rgba(0, 0, 0, 0.08);
    border-radius: 4.16527px;
    padding: 13px;
    width: 94px;
    z-index: 10;
    transition: 0.2s ease-in;
  }

  .loan-personal:hover {
    transform: scale(1.05) translateX(-15px);
    transition: 0.2s ease-in;
  }

  .personal-inp {
    padding: 15px 20px;
    background: #ffffff;
    border: 1px solid #f2e4d6;
    border-radius: 5px;
    outline: none;
    width: 285px;
    display: block;
  }

  ::placeholder {
    color: #888888;
  }

  .select {
    -webkit-appearance: none;

    background-image: url(/ucj/media/dropdown.bbc278e5.png);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 11px;
  }

  .select2 {
    background-image: url(/ucj/media/dropdown_black.e6737be2.png);
  }

  label {
    display: block;
  }

  .started-btn {
    padding: 15px 25px;
    display: none;
  }

  .started-btn.active {
    display: inline-flex;
  }

  .terms {
    position: absolute;
    right: 25px;
    bottom: 25px;
  }

  /*MOBILE PAGE*/

  .left-sub {
    width: 52px;
    height: 52px;
    background: #fc983c;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: relative;
  }

  .line {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    z-index: 3;
  }

  .num {
    border: 1px solid #fc983c;
    width: 25px;
    height: 25px;
    margin: 0 14.5px;
    background: #fff;

    border-radius: 5px;
    z-index: 10;
  }

  .num.active {
    background: #fc983c;
  }

  .num-sel {
    width: 85px;
    border: none;
    -webkit-appearance: none;
    background: #fee7cf;
    outline: none;
    background-image: url(/ucj/media/dropdown.bbc278e5.png);
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 11px;
    padding-left: 18px;
    border-radius: 5px 0px 0px 5px;
  }

  .width {
    width: 100%;
  }

  .cont {
    max-width: 370px;
    margin: 0 auto;
    position: relative;
  }

  .cont-md {
    max-width: 450px;
    margin: 0 auto;
  }

  #mobile {
    border-radius: 0px 5px 5px 0px;
  }

  .date-picker-container #dob:focus ~ span.placeholder {
    display: none !important;
  }

  .date-picker-container .placeholder {
    position: absolute;
    color: grey;
    display: none;
    background: white;
    top: 15px;
    left: 20px;
    box-sizing: border-box;
    pointer-events: none;
  }

  .date-picker-container .placeholder.show {
    display: block;
  }

  .date-picker-container {
    position: relative;
  }

  #mobile-text.active {
    display: none;
  }

  #mobile-img {
    display: none;
  }

  #mobile-img.active {
    display: inline-flex;
  }

  .line2 {
    position: relative;
    display: none;
  }

  .line2.active {
    display: block;
  }

  #dob {
    display: none;
    background: #fff url(/ucj/media/date-icon.7ba598fb.png) no-repeat;
    background-position: 96% 50%;
  }

  #dob.active {
    display: block;
  }

  #dob-img {
    display: none;
  }

  #dob-img.active {
    display: inline-flex;
  }

  .otp-txt {
    display: none;
  }

  .otp-txt.active {
    display: block;
  }

  .send-btn {
    display: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .send-btn.active {
    display: block;
  }

  .italic {
    font-style: italic;
  }

  .italic.active {
    display: block;
  }

  .enter-resend {
    display: none;
  }

  .enter-resend.active {
    display: flex;
  }

  #one,
  #two,
  #three,
  #four,
  #otp {
    height: 60px;
    text-align: center;
    border-radius: 5px;
    outline: none;
    background: #fff;
    border: 1px solid #f2e4d6;
    width: 100%;
    font-size: 30px;
  }

  .otp-cont {
    display: none;
  }

  .otp-cont.active {
    display: flex;
  }

  .timer2 {
    padding: 12px 25px 12px 25px;
    background: #fef3e8;
    border: 1px solid rgba(137, 67, 2, 0.1);
    border-radius: 5px;
    width: 300px;
  }

  /*PAN CARD PAGE*/

  .gray-box {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 20px;
    width: 370px;
    position: absolute;
  }

  .opa-4 {
    opacity: 0.4;
    z-index: 8;
  }

  .opa-2 {
    opacity: 0.2;
    z-index: 8;
  }

  .white-box {
    height: 17px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  #pan.wrong {
    background: #fff url(/ucj/media/wrong.2c7b4e4b.png) no-repeat;
    background-position: 95%;
  }

  #pan.right {
    background: #fff url(/ucj/media/approved.701b989e.svg) no-repeat;
    background-position: 95%;
  }

  #pan-img {
    display: none;
  }

  #pan-img.active {
    display: flex;
  }

  #wrong-pan {
    display: none;
  }

  #wrong-pan.active {
    display: block;
  }

  /*CUSTOMISATION PAGE*/

  .sec-custom {
    background: #f6f6f6;
    padding: 40px 40px 160px 40px;
    position: relative;
  }

  .sec-custom.active {
    filter: blur(6px);
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
  }

  .upload-docs {
    display: none;
  }

  .details {
    border: 0.5px solid #cfd7ed;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 25px;
    background: #fff;
    border-bottom: none;
    width: 95%;
    margin: auto;
  }

  .personal {
    padding: 20px;
    border: 0.5px solid #cfd7ed;
    border-radius: 5px;
    position: relative;
    background: #fff;
  }

  .additional {
    padding: 20px;
    border: 0.5px solid #cfd7ed;
    border-radius: 5px;
    position: relative;
    background: #f6f6f6;
  }

  .tick {
    width: 25px;
    height: 25px;
    background: #4bc7a2;
    border-radius: 5px;
    margin-right: 14.5px;
    position: relative;
  }

  .gray-num {
    width: 25px;
    height: 25px;
    background: #d4e3ee;
    border-radius: 5px;
    margin-right: 14.5px;
    position: relative;
    color: #004a7f;
    font-size: 10px;
  }

  .line3 {
    position: absolute;
    top: 100%;
    height: 25px;
    left: 50%;
  }

  .line5 {
    position: absolute;
    top: -80%;
  }

  .accord {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    cursor: pointer;
    background: #f6f6f6;
    border: 0.5px solid #c4c4c4;
    border-radius: 50%;
  }

  .custom {
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    border-radius: 5px;
    padding-left: 5.5px;
  }

  .col {
    background: url(/ucj/media/line4.1d9f8d77.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .col2 {
    padding: 20px 0 40px 0;
    padding-right: 70px;
    flex-grow: 1;
  }

  .sliderContainer {
    min-width: 600px;
  }

  .slider {
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    height: 8px;
    background: linear-gradient(90deg, #f27b1a 80%, #e6e6e6 80%);
    outline: none;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    border-radius: 4px;
  }

  .slider2 {
    background: linear-gradient(90deg, #f27b1a 55%, #e6e6e6 55%);
  }

  .slider::after {
    content: "₹20,00,000";
    color: #414141;
    font-size: 12px;
    position: absolute;
    top: 170%;
    left: 88%;
  }

  .slider::before {
    content: "₹25,000";
    color: #414141;
    font-size: 12px;
    position: absolute;
    top: 170%;
    left: 0%;
  }

  .slider2::after {
    content: "60 months";
    color: #414141;
    font-size: 12px;
    position: absolute;
    top: 170%;
    left: 88%;
  }

  .slider2::before {
    content: "6 months";
    color: #414141;
    font-size: 12px;
    position: absolute;
    top: 170%;
    left: 0%;
  }

  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #cfd7ed;
    box-shadow: 0px 2px 5px rgba(113, 113, 113, 0.392674);
  }

  .slider::-moz-range-thumb {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #cfd7ed;
    box-shadow: 0px 2px 5px rgba(113, 113, 113, 0.392674);
  }

  .width-500 {
    min-width: 500px;
  }

  #value,
  #value2,
  #tenureRangeValue1,
  #tenureRangeValue {
    padding: 10px 40px 10px 25px;
    outline: none;
    border: 0.75px solid #6e8ca6;
    border-radius: 4px;
    width: 145px;
  }

  .express {
    background: #ffecdb;
    border: 1px solid #f27b1a;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 5px;
    padding: 0 25px 40px 25px;
  }

  .card-5 {
    border: 1px solid #50c38c;
    padding: 25px 12px 12px 12px;
  }

  .card-5.active {
    background: #aeebce;
  }

  .card-6 {
    border: 1px solid #ffbe81;
    padding: 25px 12px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    ul {
      flex: 1;
    }
  }

  .card-6.active {
    background: #ffe7d7;
  }

  .arr-5 {
    border: 1px solid #50c38c;
    border-right: none;
    border-bottom: none;
  }

  .arr-5.active {
    background: #50c38c;
  }

  .arr-6 {
    border: 1px solid #ffbe81;
    border-right: none;
    border-bottom: none;
  }

  .arr-6.active {
    background: #ffbe81;
  }

  .modal,
  .modal2 {
    display: none;
    position: fixed;
    z-index: 1;
    padding: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(238, 238, 238, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .modal.active,
  .modal2.active {
    display: block;
  }
  .modal2 {
    z-index: 2;
  }
  body.active {
    overflow: hidden;
  }

  .details-pop {
    width: 1140px;
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
    border-radius: 10px;
    margin: 0 auto;
    padding: 50px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in;
  }

  .details-pop.active {
    visibility: visible;
    opacity: 1;
    top: 50%;
    transition: all 0.5s ease-in;
  }

  .label-cont {
    width: 250px;
  }

  .custom-inp,
  .custom-sel {
    border: 0.75px solid #6e8ca6;
    border-radius: 4px;
    font-size: 12px;
    color: #414141;
    padding: 10px 15px;
    outline: none;
  }

  .radio-content {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
  }

  .radio-content input {
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 0;
    width: 40px;
    opacity: 0;
  }

  .radio-content input:checked ~ .checkmark:after,
  .checkbox-label input:checked ~ .checkmark:after {
    display: block;
  }

  .radio-content input[type="radio"] + label {
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    margin-left: 2rem;
    letter-spacing: 0.43px;
  }

  .radio-content .checkmark {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    height: 17.5px;
    width: 17.5px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.07),
      inset 1px 0px 1px 0px rgba(0, 0, 0, 0.07);
    border: none;
  }

  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .radio-content .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #f27b1a;
  }

  .radio-inp,
  .radio-inp1 {
    margin-top: 10px;
    display: flex;
  }

  .login-cont {
    width: 300px;
    border: 2px solid #d5dbf8;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
  }

  .login-cont-2 {
    border: 2px solid #aeebce;
  }

  .login-cont-3 {
    border: 2px solid #e0d8ff;
  }

  .login-img {
    padding: 10px;
    background: #d5dbf8;
    border: 1px solid #d5dbf8;
  }

  .login-img-2 {
    background: #aeebce;
    border: 1px solid #aeebce;
  }

  .login-img-3 {
    background: #e0d8ff;
  }

  .login-txt {
    padding-left: 15px;
  }

  .login-txt2 {
    position: absolute;
    top: 115%;
  }

  .info-btn {
    padding: 5px 30px;
  }

  .thank-cont {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 20px 30px;
    width: 670px;
  }

  .rel {
    position: relative;
  }

  .abs {
    position: absolute;
    top: 100%;
  }

  .ver {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -20%;
    color: #176abe;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
  }

  .ver3 {
    color: #4bc7a2;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35%;
    cursor: pointer;
    margin-right: 10px;
    display: none;
  }

  .ver2 {
    position: absolute;
  }

  .pop-btn {
    background: #c4c4c4;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    pointer-events: none;
  }

  .pop-btn.active {
    background: #f27b1a;
    pointer-events: all;
  }

  #remove-txt {
    display: none;

    background: #ffecdb;
    border: 0.5px solid #faa232;
    border-radius: 10px;
    position: relative;
    left: -50px;
    padding: 20px;
    width: 425px;
    margin: 20px 0;
  }

  .info-man {
    display: none;
  }

  .close2 {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    border: 0.5px solid #c4c4c4;
  }

  .abs3 {
    position: absolute;
    top: 110%;
  }

  .cont-btn {
    display: inline-flex;
  }

  #additional-btn.active {
    background: #f27b1a;
    color: #fff;
  }

  #additional-btn.active img {
    filter: brightness(0) invert(1);
  }

  .upload-inp {
    border: 0.75px solid #6e8ca6;
    border-right: none;
    outline: none;
    padding-left: 15px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    pointer-events: none;
  }

  .browse {
    background: #ffffff;
    border: 0.75px solid #176abe;
    color: #176abe;
    align-items: center;
    border-radius: 0px 4px 4px 0px;
    padding: 10px;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
  }

  .spacing {
    letter-spacing: -0.5px;
  }

  .cursor {
    cursor: pointer;
  }

  .uploaded {
    background: #ffecdb;
    border: 0.5px solid #faa232;
    border-radius: 10px;
    padding: 24px 14px;
    display: flex;
    align-items: center;
    width: 410px;
    position: relative;
    left: -50px;
    display: none;
  }
  .uploaded .cards ul {
    width: 100%;
  }

  /*POPUP*/
  .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 770px;
    background: #ffffff;
    border: 0.5px solid #cfd7ed;
    border-radius: 10px;
    padding: 30px 20px;
    display: none;
    z-index: 9999;
  }

  @media screen and (max-width: 570px) {
    .popup {
      width: 100%;
    }
  }

  .popup1.active {
    display: block;
  }

  .popup2.active {
    display: block;
  }

  .popup3.active {
    display: block;
  }

  .popup4.active {
    display: block;
  }

  .popup5.active {
    display: block;
  }

  .popup6.active {
    display: block;
  }

  .popup7.active {
    display: block;
  }

  .popup8.active {
    display: block;
  }

  .instructions {
    background: #f7f7f7;
    padding: 10px 20px;
  }

  .browse-cont {
    width: 694px;
    margin: 20px auto;
  }

  .browse-box {
    border: 1.46429px dashed #dcdcdc;
    border-radius: 7.32143px;
    text-align: center;
    min-width: 245px;
  }

  .browse-txt {
    padding-left: 20px;
  }

  .approved.active {
    background: #fff url(/ucj/media/approved.701b989e.svg) no-repeat;
    background-position: 95%;
  }

  .browse-btn {
    padding: 5px 30px;
    font-weight: bold;
    font-size: 10px;
  }

  .fileicon {
    visibility: hidden;
  }

  .width-450 {
    width: 450px;
  }

  .hide {
    display: none;
  }

  .hide-inputbox {
    display: none;
  }

  .doc {
    display: inline-block;
  }

  .close {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    border: 0.5px solid #c4c4c4;
  }

  .del-btn {
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 700;
    color: #c4c4c4;
    pointer-events: none;
    text-transform: uppercase;
  }

  .del-btn.active {
    background: #fff;
    border: 1px solid #f27b1a;
    color: #f27b1a;
    pointer-events: all;
  }

  .del-btn.active:hover {
    background: #f27b1a;
    color: #fff;
  }

  .submit-btn {
    background: #c4c4c4;
    color: #fff;
    padding: 17px 30px;
    border-radius: 5px;
    font-size: 14px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
    display: flex;
  }

  .submit-btn.active {
    background: #f27b1a;
    pointer-events: all;
  }

  .sub-btn {
    background: #c4c4c4;
    color: #fff;
    padding: 17px 30px;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
    margin-top: 1rem;
  }

  .sub-btn.active {
    background: #f27b1a;
    pointer-events: all;
  }

  .sub-btn1 {
    display: none;
  }

  .btn-row {
    display: none;
  }

  .good {
    display: none;
  }

  .width-160 {
    width: 160px;
  }

  #circlebar1,
  #circlebar2,
  #circlebar3,
  #circlebar4,
  #circlebar5,
  #circlebar6,
  #circlebar7,
  #circlebar8,
  #circlebar9 {
    width: 20px;
    height: 20px;
    display: none;
  }

  .progressbar-text {
    position: absolute;
    left: unset !important;
    top: unset !important;
    margin-left: 37px !important;
    margin-top: -9px !important;
    transform: translate(-50%, -50%);
    color: rgb(122, 120, 120) !important;
    font-size: 0.7rem !important;
    font-weight: 600;
  }

  input[type="file"] {
    display: none;
  }

  input[type="password"] {
    width: 100%;
    border: 0.75px solid #6e8ca6;
    box-sizing: border-box;
    border-radius: 4px;
    height: 32px;
    padding: 0px 10px;
    width: 225px;
    outline: none;
    font-size: 12px;
  }

  @media only screen and (min-width: 769px) {
    .desktop-hide {
      display: none;
    }
  }

  /* For Index.html Mobile Screen */
  @media only screen and (max-width: 768px) {
    .col-8 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .col-4 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .flex {
      display: block;
    }

    .discover {
      background: #fff2e3;
      padding: 3vw 4vw;
    }

    .srch-bar {
      background: #ffffff;
      border: 1px solid #f2e4d6;
      box-sizing: border-box;
      display: flex;
      box-shadow: 0px 10px 20px rgba(248, 111, 0, 0.15);
      border-radius: 5px;
      width: 92vw;
      height: 60px;
    }

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

    .btn {
      display: none;
    }

    .people {
      display: none;
    }

    .mob-flex {
      display: flex;
      flex-wrap: wrap;
    }

    .mob-flex2 {
      display: flex;
    }

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

    

    .cards {
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
      border-radius: 5px;
      padding: 15px 25px 30px;
      position: relative;
      cursor: pointer;
      width: 100%;
      max-width: 304px;
      display: flex;
      margin-right: 0px;
    }

    

    .products {
      padding: 55px 0px;
    }

    .mr-22 {
      margin-right: 22px;
    }

    /* For Loan.html Mobile Screen */

    .col-6 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .card-loan {
      max-width: 142px;
      padding: 8px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      margin-right: 4vw;
      margin-bottom: 3vh;
    }

    .loan-left {
      padding: 80px 3vw;
      height: 100vh;
    }

    .loan-right {
      padding: 22px 5vw 10px 6vw;

      transition: all 0.4s ease;
      &.pb-inc {
        padding-bottom: 85px;
      }
    }

    .mob-height {
      height: unset;
    }

    .personal-loan-card {
      float: left;
      margin-left: 29px;
    }

    .loan-personal {
      margin-top: 11px;
    }

    .hide-mobile {
      display: none !important;
    }

    .num-2 {
      margin-top: 40px;
      opacity: 1;
    }

    .num-3 {
      margin-top: 20px;
    }

    .mob-mt-158 {
      margin-top: 158px;
    }

    .big-line {
      width: 40vw;
      height: 14px;
      border-bottom: 2px dashed orange;
    }

    .small-line {
      width: 5vw;
      height: 14px;
      border-bottom: 2px dashed orange;
    }

    .num {
      margin: 0px;
    }

    .gray-box {
      display: none;
      background: none;
      border-radius: 5px;
      padding: 3vw;
      width: 90vw;
      position: absolute;
    }

    .opa-2 {
      opacity: 1;
    }

    .mob-font-16 {
      font-size: 16px;
      line-height: 26px;
    }

    .mob-font-24 {
      font-size: 24px;
    }

    .timer2 {
      padding: 12px 2.5vw 12px 2.5vw;
      width: 79vw;
    }

    .timer-width {
      width: 193px;
    }

    .width {
      width: 19%;
    }

    .personal-inp {
      width: 100% !important;
    }

    .otp-cont {
      display: none;
    }

    .offwhite {
      background: #fcfcfc;
    }
  }

  .view-details-link {
    z-index: 10;
  }

  /* for ie */
  select::-ms-expand {
    display: none;
  }

  /* for ie */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .progressbar-text {
      position: absolute;
      left: unset !important;
      top: unset !important;
      margin-left: 220px !important;
      margin-top: 19px !important;
      transform: translate(-50%, -50%);
      color: rgb(122, 120, 120) !important;
      font-size: 0.7rem !important;
      font-weight: 600;
    }
  }

  /* for ie */
  .account-div::before {
    opacity: 0;
    content: "\20B9";
    bottom: 15px;
    color: #414141;
    left: 20px;
    position: absolute;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
  }

  .account-rupee {
    position: relative;
  }

  .account-rupee::before {
    opacity: 1;
  }

  .account-rupee input {
    padding-left: 30px;
  }

  @media only screen and (max-width: 767px) {
    .dis-text {
      width: 70%;

      h1 {
        font-size: 1rem;

        span {
          font-size: 24px;
        }
      }
    }
  }

  .no-wrap {
    flex-wrap: nowrap !important;
  }

  @media only screen and (min-width: 767px) {
    .dis-img {
      &.d-large-none {
        display: none;
      }
    }
  }

  @media only screen and (max-width: 767px) {
    .mob-text-none {
      display: none !important;
    }

    .loan-left {
      padding: 2.5rem 3vw;
      overflow: hidden;

      .srch-bar {
        margin-top: 0;
      }
    }
    .mob-small-w {
      width: 70%;
    }
  }
  .hiddenpassword {
    display: none !important;
  }
}
.q-list-hover:hover{
  background: #f27b1a !important;
  color: white !important;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: #f27b1a;
}
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #f27b1a;
}
.custom-radio.custom-control{
  margin-left: 15px;
}
.q-list-hover{
  border: none !important;
  color: black;
}
* {
  font-family: "Mulish", sans-serif !important;
  font-style: normal;
  font-weight: 400;
}
.stylesheet .details-sub .row .q-page-thankyou h3{
    font-size: 1.5rem;
    line-height: 21px;
    letter-spacing: 0.1px;
    font-weight: bold;
    margin: 0 0 7px 0;
}
.d-block{
  display: block;
}
.q-page-thankyou{
  margin-bottom: 0;
}
.m-b-0{
  margin-bottom: 0 !important;
}
.m-t-0{
  margin-top: 0 !important;
}
#AadharBox1, #AadharBox2, #AadharBox3 {
  width: 100% !important; 
  height: 70px !important;
}
.video-kyc {

  .d-con {
    display: contents;
  }

  .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .click-here {
      margin-bottom: 2rem;
      a {
        font-size: 14px;
        font-weight: bold;
      }
    }
    .light-orange{
      margin-top: 2rem;
    }

    .popup-h6{
      margin-bottom: 0;
    }
  }

  .gray-box-3 {
    h5 {
      span {
        font-weight: bold;
      }
    }
  }


  @media only screen and (max-width: 768px) {
    .d-flex {
      display: block;
    }

    .mob-flex {
      display: flex;
    }

    .center-all4 {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }

    .bg-line-long {
      width: 14%;
    }

    .mob-head {
      width: 96%;
    }

    .gray-box-3 {
      width: 98%;
      ;
    }

    .mob-hide {
      display: none;
    }

    .details-fill-org {
      width: unset;
      height: fit-content;
      background: #ffffff;
      border: 1px solid #f27b1a;
      box-sizing: border-box;
      box-shadow: 0px 0.775316px 3.87658px rgba(222, 227, 242, 0.8);
      border-radius: 7.75316px;
      margin-top: 40px;
    }

    .org-fill {
      width: unset;
      height: fit-content;
      background: #ffecdb;
      border: 0.5px solid #faa232;
      box-sizing: border-box;
      box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
      border-radius: 6px 6px 0px 0px;
      padding: 1rem 0.2rem;
    }

    .mob-ml-0 {
      margin-left: 0px;
    }

    .details-fill-org select {
      width: fit-content;
    }

    .details-fill-org h5 {
      margin: 0px 0px 13px 0px;
    }

    .mob-mt-10 {
      margin-top: 10px !important;
    }

    .mob-mtmb {
      margin-top: 0px !important;
      margin-bottom: 10px !important;
    }

    .mob-ml-10 {
      margin-left: 10px !important;
    }

    .mob-ml-30 {
      margin-left: 30px;
    }

    .deactive-btn {
      padding: 15px 21px;
    }

    .btn-org {
      padding: 15px 21px;
    }

    .m-side-18 {
      margin: 0px 26px;
    }

    .tick-green-new {
      margin: 0px;
    }

    .num-org {
      margin: 0px;
    }

    .num-org1 {
      margin: 20px !important;
    }

    .num-deactive {
      margin: 0px;
    }

    .num-deactive-tick {
      margin: 0px;
    }

    .bg-line {
      background: url(/ucj/media/v-line.22c1b407.svg) 14px 15px no-repeat;
      width: fit-content;
    }

    .m-l-40 {
      margin-left: 0px;
    }

    .mob-content {
      padding: 0px 10px 0px 0px;
    }

    .details-orange {
      width: unset;
    }

    .mob-nav {
      justify-content: space-between;
      width: 100%;
    }

  }


  .mob-head {
    margin-bottom: 2rem;
  }

  .mob-head .congo {
    margin-right: 1rem;
  }


  .mob-head h5 {
    margin-bottom: 0;
    margin-top: 5px;
  }

  .details-fill-org {
    .timer2-img {}

    .org-fill {
      align-items: flex-start;
      padding: 2rem 0;

      h6 {
        max-width: 75%;
        line-height: 27px;

        .light-orange {
          padding: 0px 10px;
          border-radius: 5px;
          display: inline-block;
          margin-left: 4px;
        }
      }

      .mob-head h5 {
        margin-bottom: 0;
        margin-top: 5px;
      }

      .mob-flex {
        margin-top: 15px;
        align-items: center;

        h5 {
          margin: 0 5px 0 0;

          img {
            margin-right: 3px;

          }
        }

        .select {
          &::after {
            content: "";

          }
        }

      }
    }

    select {
      background: #EBEDF6;
      box-shadow: inset 0px 2px 11px rgba(0, 0, 0, 0.05);
      border-radius: 5px;
      padding-left: 15px;
      border: 1px solid #D4D8E9;
      appearance: none;
      -webkit-appearance: none;
      background-image: url(/ucj/media/dropdown_black.e6737be2.png);
      background-repeat: no-repeat;
      background-position: 92%;
      background-size: 11px;
      cursor: pointer;
      margin-top: 5px;
    }

    .deactive-btn {
      display: inline-block;
      margin-top: 1rem;
    }

    .btn-org {
      padding: 10px 35px;
      border: none;
      margin-top: 1rem;
    }

    .checkbox {
      margin-top: 0.5rem;
    }
  }

}
.ntd {
  .verifymail {
    width: 276.47px;
    background: #ffecdb;
    border: 0.5px solid #faa232;
    box-sizing: border-box;
    border-radius: 10px;
    margin-left: -50px;
    display: none;
    margin-bottom: 20px;
    align-items: center;

    h6 {
      font-family: Open Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
      letter-spacing: 0px;
      text-align: left;
      margin: 15px 0px;
    }
  }

  select {
    outline: none;
  }

  .btn-row1 {
    display: none;
  }

  .youaregoodtogo3 {
    display: none;
  }

  .youaregoodtogo3.active {
    display: flex;
  }

  .youaregoodtogo4 {
    display: none;
  }

  .youaregoodtogo4.active {
    display: flex;
  }

  .youaregoodtogo5 {
    display: none;
  }

  .youaregoodtogo5.active {
    display: flex;
  }

  #uploadSalary2 {
    background: #ffecdb;
    border: 0.5px solid #faa232;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 410px;
    margin-left: -50px;
    display: none;
    h6 {
      width: 297px;
      font-family: Open Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      letter-spacing: 0em;
      text-align: left;
      margin: 15px 0px;
    }

    a {
      margin: 19px 5px;
    }
  }

  .upload {
    .after-upload {
      background: #ffecdb;
      border: 0.5px solid #faa232;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 10px;
      margin-bottom: 30px;
      width: 410px;
      margin-left: -50px;
      display: none;

      h6 {
        width: 297px;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        margin: 15px 0px;
      }

      a {
        margin: 19px 5px;
      }
    }

    .form {
      display: none;

      input {
        width: 246px;
        height: 32px;
        border: 0.5px solid #6e8ca6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px;
        outline: none;
        padding: 10px;
      }

      #verify2 {
        display: none;
        cursor: pointer;
      }

      .verifymail2 {
        width: 276.47px;
        background: #ffecdb;
        border: 0.5px solid #faa232;
        box-sizing: border-box;
        border-radius: 10px;
        margin-left: -50px;
        display: none;
        margin-bottom: 20px;
        align-items: center;

        h6 {
          font-family: Open Sans;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 28px;
          letter-spacing: 0px;
          text-align: left;
          margin: 15px 0px;
        }
      }
    }
  }

  .box2-org {
    height: 70px;
    width: 95%;
    background: #fef3e8;
    border-radius: 5px;
    position: relative;
    margin-top: 2rem;

    .abso {
      top: 10px;
    }
  }
}

.final-pg {

    .main-card-small {
        p {
            font-size: 12px;
            color: #414141;
            letter-spacing: 0px;
            margin-bottom: 0;
            width: 90%;
            margin: 0 auto;
            margin-top: 1rem;
        }
    }

    .other-products {
        width: 55%;
        .green-card,
        .mustard-card,
        .purple-card {
            display: flex;
            flex-direction: column;
            transition: 0.2s ease-in;

            &:hover{
                    transform: scale(1.05);
                    transition: 0.2s ease-in;
            }
            .card-body {
                display: flex;
                flex-direction: column;
                align-items: start;
                height: 100%;
                padding: 10px 10px 0 10px;
            }
            h6 {
                display: flex;
                flex: 2 2 auto;
            }
        }
    }


    .download-btn{
        &:hover{
            img{
                transform: translate(0);
            }
        }
       
    }

    @media screen and (max-width:767px) {
        .center-all {
            width: 90%;
        }

        .main-card-small {
            width: 100%;
        }

        .center-ta {
            h6 {
                width: 90%;
            }
        }

        .green-card,
        .mustard-card,
        .purple-card {
            width: 48%;
            margin-bottom: 1rem;
        }
        .main-card-org-border .image img{
            width: 2.5rem;
            margin-top: 0rem;
            margin-right: 1rem;
        }
        .main-card-small{
                img{
                    margin-right: 0.5rem;
                    margin-top: 0.5rem !important;
                    width: 2rem;
                }
        }
    }


}
.skip {
    .space-around {
        justify-content: space-around;
    }

    .bg-skip-line {
        background: url(/ucj/media/skip-line.2303ed5e.svg) no-repeat 53px 20px;
        background-size: 87%;
    }

    .h {
        height: 132px;
    }

    .z {
        z-index: 20;
    }

    .kyc {
        position: relative;
        right: 38px;
    }

    .w-3 {
        width: 3%;
    }

    .deactive-gray {
        color: #818181;
    }

    .cross {
        position: relative;
        top: 2px;
    }

    .box-orange {
        background: #FFECDB;
        border: 0.5px solid #FAA232;
        box-sizing: border-box;
        box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
        border-radius: 10px;
        padding: 25px;
        margin-bottom: 50px;

        h6 {
            font-family: Open Sans;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 25px;
            letter-spacing: 0px;
            text-align: left;
            width: 160px;
            margin: 10px;
        }

        .tick-green1 {
            width: 25px;
            height: 25px;
            background: #4bc7a2;
            border-radius: 5px;
            padding: 5px;
            margin: 20px;
        }

        .num1 {
            border: 1px solid #f27b1a;
            width: 25px;
            height: 25px;
            margin: 20px;
            background: #f27b1a;
            box-sizing: border-box;
            border-radius: 5px;
            z-index: 10;
            color: white;
            padding-top: 2px;
        }

    }

    .main-card-org-small {
        h2 {
            font-family: Open Sans;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 21px;
            letter-spacing: 0.10000000149011612px;
            text-align: left;
            margin-bottom: 0px;
            margin-top: 40px;
        }

        h4 {
            font-family: Open Sans;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
            letter-spacing: 0px;
            text-align: left;
            margin-top: 5px;
            margin-bottom: 40px;
        }

        p {
            font-family: Open Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0px;
            text-align: left;

        }
    }

    .main-card-org {
        h5 {
            font-family: Open Sans;
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: 38px;
            letter-spacing: 0px;
            text-align: center;
            margin-bottom: 1px;

        }

        h6 {
            font-family: Open Sans;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 27px;
            letter-spacing: 0px;
            text-align: center;
        }

        .btn {
            color: #FAA232;
            border: 1px solid #FAA232;
            padding: 2px 8px;
            font-size: 14px;
            text-transform: initial;
            background: transparent;
            text-decoration: none;

            &:hover {
                background-color: #FAA232;
                color: white;
                border-color: #FAA232;
            }
        }

        p {
            font-family: Open Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 19px;
            letter-spacing: 0px;
            text-align: center;
            margin-bottom: 8px;
        }
    }

    .end-heading {

        h4 {
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            display: flex;
            align-items: center;
            text-align: center;
            margin: auto;
            width: 25%;
            margin-top: 40px;
        }

        h5 {
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 25px;
            display: flex;
            align-items: center;
            text-align: center;
            margin: auto;
            width: 53%;
            margin-bottom: 50px;
        }
    }

    .box-orange2 {
        background: #FFECDB;
        border: 0.5px solid #FAA232;
        box-sizing: border-box;
        box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
        border-radius: 10px;
        padding: 25px;
        margin-bottom: 50px;

        .bg-org {
            background: url(/ucj/media/line-org.89b35b22.svg) no-repeat 19px 29px;
        }

        h6 {
            font-family: Open Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 19px;
            letter-spacing: 0px;
            text-align: left;
            width: 116px;
            margin: 5px 0px;
        }

        p {
            font-family: Open Sans;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 16px;
            letter-spacing: 0px;
            text-align: left;
            width: 88px;
        }

        .tick-green1 {
            width: 25px;
            height: 25px;
            background: #4bc7a2;
            border-radius: 5px;
            padding: 5px;
            margin: 20px;
        }

        .small-num {
            border: 1px solid #f27b1a;
            width: 19px;
            height: 19px;
            margin: 20px;
            background: #f27b1a;
            box-sizing: border-box;
            border-radius: 5px;
            z-index: 10;
            color: white;
            /* padding-top: 2px; */
            font-size: 9px;
            text-align: center;
            padding: 0;
        }

        .small-num-deactive {
            background: white;
            border: 1px solid rgba(252, 152, 60, 0.5);
            color: rgba(252, 152, 60, 0.5);
            font-size: 9px;
            text-align: center;
            box-sizing: border-box;
            padding: 0;
            width: 19px;
            height: 19px;
            margin: 20px;
        }

        .num1 {
            border: 1px solid #f27b1a;
            width: 25px;
            height: 25px;
            margin: 22px;
            background: #f27b1a;
            box-sizing: border-box;
            border-radius: 5px;
            z-index: 10;
            color: white;
            padding-top: 2px;
        }

    }

    .m-t--20 {
        margin-top: -22px;
    }

    .m-tb-10 {
        margin: 10px 0px;
    }

    .main-card-small {
        @media only screen and (max-width: 570px) {
            width: 100%;
            margin-bottom: 3rem;
            height: 100%;
        }

        .wr {
            flex-wrap: wrap;

            @media only screen and (max-width: 570px) {
                width: 100%;
                height: 100%;
            }

            .w-100 {
                width: 50% !important;

                @media only screen and (max-width: 570px) {
                    width: 100% !important;
                }
            }
        }
    }
}
@media all and(-ms-high-contrast:none), (-ms-high-contrast: active) {
  .srch-icon img {
    min-width: 15.5px;
  }

  .style .srch-icon {
    padding-right: 0px;
    margin-right: 8px;
  }

  .srch-bar button {
    min-width: 160px;
  }

  .srch-bar-sm button {
    min-width: 140px;
    text-align: center;
    padding: 15px 40px !important;
  }

  .suggest-sub img {
    width: 18px;
    height: 17px;
  }

  .readmore img {
    width: 6px;
    height: 8px;
  }

  .srch-icon-sm img {
    min-width: 12px;
  }

  .link {
    align-items: center;
  }

  .btn img {
    width: 12px;
    height: 12px;
  }

  input[type="text"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
  }

  .loan-left-mob {
    min-height: calc(100vh - 100px);
  }

  #one,
  #two,
  #three,
  #four,
  #otp {
    font-size: 20px !important;
  }

  .gray-box {
    padding-right: 30px !important;
  }

  .gray-sub-1 {
    position: relative;
    left: -15px;
  }

  .gray-sub-2 {
    position: relative;
    left: -30px;
  }

  .home-png {
    width: 36px;
    height: 32px;
  }

  .car-png {
    width: 49px;
    height: 26px;
  }

  .money-png {
    width: 30px;
    height: 38px;
  }

  select::-ms-expand {
    display: none;
  }

  .box2-org,
  .box2-org-2 {
    background: rgba(252, 152, 60, 0.5);
  }

  .timer-png {
    width: 40px;
    height: 40px;
  }

  .tck-png {
    width: 30px;
    height: 30px;
  }

}

@media only screen and (max-width: 600px) {
  body {

    // index page
    .suggest {
      .suggest-sub {
        display: flex;
        align-items: flex-start;

        img {
          margin-top: 7px;
        }

        &.active {
          background: white;
        }
      }
    }

    // index page
    .details-sub-orange {
      width: 98%;
    }

    // ntd page
    .input-content {
      padding: 5px 0;
      width: 75%;
    }

    #ver {
      position: absolute;
      bottom: 11px;
      right: 20px;
      top: auto;
    }

    #verify {
      position: absolute !important;
      bottom: 36px !important;
      right: 30px !important;
      top: auto !important;
    }

    .radio-flex {
      display: flex;
    align-items: center;
      padding: 5px 0;
      width: 75%;
    }

    .mob-blc .cards {
      flex-direction: column;
      align-items: flex-start;
      width: 100% !important;
    }

    .modal {
      padding: 10px !important;
    }

    .radio-content {
      padding-bottom: 8px;
    }

    .page-content-head {
      .hide-mobile {
        display: none;
      }
    }

    .initiate {
      .tick-button {
        margin-right: 0;
      }
    }

    .browse-cont {
      width: 100% !important;
    }

    .section-small-gray {
      width: 100% !important;
      margin: 0 !important;
    }

    .popup {
      width: 100% !important;
    }

    .input-content {
      width: 100% !important;
    }

    .browse-cont {
      width: 100% !important;
    }
    .org-img-4, .org-img-3 {
      width: 19px !important;
  }
  }

  .ntd {
    .upload .after-upload {
      width: 91vw !important;
      margin-left: -40px !important;
    }

    .details-sub {
      width: 86%;
    }

    .num-org {
      width: 25px;
    }
  }

  // .customisation page
  .custom-style {
    .custom .col {
      margin: 0 0rem;
      width: 14%;
    }
    .num {
      margin: 1rem auto !important;
  }
    .sec-custom .col2 {
      padding-right: 20px !important;
      max-width: 86%;
      flex: 0 0 1;
    }

    #remove-txt {
      width: 91vw !important;
    }

    .width {
      width: 100% !important;
    }

    .details-pop {
      max-width: 100%;
      width: 100%;
      padding: 30px;
    }

    .login-cont {
      display: flex !important;
      margin-bottom: 2rem;
      margin-top: 1rem;
    }

    .gray-box-2 {
      margin: 15px 0px 0 -20px !important;
      padding-left: 10px !important;
      padding-right: 1rem !important;
    }

    .upload-docs {
      .mt-20 {
        .m-flex {
          display: flex !important;
          flex-direction: row;
        }
      }
    }

    .center {
      .cont-btn {
        display: block;
      }
    }

    #coaplicant {
      p {
        line-height: 20px;
      }
    }

    #additional-btn {
      margin-top: 10px;
    }

    #ver {
      position: absolute !important;
      bottom: 18px;
      right: -10px !important;
      top: auto !important;
    }

    #thankyou {
      .d-flex {
        img {
          width: 18px;
          height: 18px;
        }
      }
    }
  }

  // form page
  .form-page {
    .input-content {
      width: 100%;
      position: relative;

      select,
      input {
        width: 100%;
      }

      .the-datepicker__main {
        width: 100%;
      }
    }

    .reference {
      width: 100%;

      .content {
        margin: 2rem 0 1rem 1rem;
      }
    }

    .radio-flex {
      width: 100%;
    }
  }

  // Verfiy detail page
  .detail {
    .verification-container {
      width: 82%;

      .m-l-70 {
        margin-left: 10px;
      }
    }

    .start-kyc {
      .btn-org {
        margin-bottom: 1rem;
      }
      align-items: flex-start;
    justify-content: start;
    flex-direction: column;
    }
    .documents .documents-card {
      align-items: flex-start;
    }
  }

  // Video kyc
  .video-kyc {
    .center-all4 {
      display: flex !important;
    }

    .details-fill-org {
      select {
        width: 100%;
      }

      .org-fill h6 {
        max-width: 100%;
      }
    }

    .org-fill {
      .mob-flex {
        flex-wrap: wrap;

        .select {
          width: 70%;
          margin-top: 1rem;
        }
      }
    }

    .verification-container {

      .num-org,
      .num-deactive,
      .num-deactive-tick {
        margin: 0 0 10px;
      }
    }
  }

  // Esign Page
  .Esign {
    .checkbox-para {
      width: 100%;
    }
    .container .check:after {
      left: 3px;
      width: 5px;
    }
    .esign-anchor-links {
      padding-left: 0;
      width: 100%;
    }

    .esign-document {
      img {
        height: auto;
        bottom: 0px;
        margin: 0 10px 7px 0;
      }
    }
  }

  // Skip page
  .skip {
    .main-card-org {
      width: 90%;
    }

    .center-ta h6 {
      width: 100%;
    }

    .main-card-org-border {
      width: 90%;
    }

    .space-around,
    .space-between {
      display: flex !important;
      flex-wrap: wrap;
    }

    .center-ta {
      flex-wrap: wrap;
      width: 90%;

      .main-card-small {
        width: 100%;
        margin-bottom: 3rem;
      }
    }

    .image {
      h2 {
        width: auto;
      }
    }

    .end-heading {
      width: 100%;

      h4,
      h5 {
        width: 90%;
        display: block;
        text-align: center;
      }
    }
  }

  .month-variable,
  .amount-variable {
    position: relative;

    p {
      position: absolute;
      top: 41px !important;
    }
  }

  .month-variable {
    p {
      top: 0.8rem !important;
    }
  }

  .style .popup.active {
    display: block !important;
    height: 100vh;
    max-height: 100vh;
  }

  .d-flex-popup2 {
    .flex {
      display: flex !important;

      img {
        top: 0px;
        margin-bottom: 1rem;
      }
    }
  }
}

.details-pop {
  .input-content.date input {
    width: 100%;
  }
}

.form-page {
  .page-content-head {
    h3 {
      flex: 1;
    }

    .flex-col {
      margin: 0 3rem;
    }
  }
}
.icon-cont {
  width: 40px;
  align-items: center;
  display: flex;
  margin-right: 15px;
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: local(''), url(/ucj/mulish/mulish-v3-latin-regular.woff2) format('woff2'),
     url(/ucj/mulish/mulish-v3-latin-regular.woff)
      format('woff'),
     url(/ucj/mulish/Mulish-Regular.woff2)
      format('truetype'); /* Safari, Android, iOS */
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: local(''),
     url(/ucj/mulish/Mulish-Bold.woff2) format('truetype'); /* Safari, Android, iOS */
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: local(''),
     url(/ucj/mulish/Mulish-SemiBold.woff2)
      format('truetype'); /* Safari, Android, iOS */
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: local(''),
     url(/ucj/mulish/Mulish-Black.woff2) format('truetype'); /* Safari, Android, iOS */
  font-display: swap;
}

/* @import "./pages/esign.scss"; */
:root {
    --mainBackground: #FFF6EC;
    --mainBorder: #f27b1a;
    --btnBgColor : #fa6f05;
    --btnColor : #ffffff;
    --opacity: 0.24;
    --color: 255, 246, 236; 
    --rdoBgColor: 255, 255, 255;
    --opacityBtn: 0.6;
    --rdoColor: 250, 111, 5;
    --stepsBackgroundColor: #ffffff;
    --highlightBorder: #2dbf29;
  }
body {
  font-family: "Mulish", sans-serif;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
}
body .modal-open {
  overflow-y: "auto" !important;
}

.wrapper {
  visibility: hidden;
}

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

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

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

.w-100 {
  width: 100%;
}

.dark-blue {
  text-decoration: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #176abe !important;
  transition: all 0.3s ease-in;
}
.dark-blue:hover {
  color: #004981;
  transition: all 0.3s ease-in;
}

a.dark-blue img {
  transition: all 0.3s ease-in;
}

a.dark-blue:hover img {
  transform: translate(5px);
  transition: all 0.3s ease-in;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline-block;
}

h1::first-letter,
h2::first-letter,
h3::first-letter,
h4::first-letter,
h5::first-letter,
h6::first-letter,
p::first-letter,
label::first-letter {
  text-transform: uppercase;
  display: none;
}

.d-flex {
  display: flex;
}

.m-l-10 {
  margin-left: 5px !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999999;
}

#status {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  font-weight: 400;
  width: 100px;
  height: 100px;
}
#status img {
  width: 100px;
  height: 100px;
}
@media only screen and (max-width: 499px) {
  .esign-flex-wrap {
       flex-wrap: wrap !important; 
   }
  .esign-width{
     width: 100% !important; 
  }
  
}

@media only screen and (min-width: 500px) {
.esign-width{
  width: 50% !important;
} 
}
@media (max-width: 720px) and (min-width: 500px) {
  .esign-width{
    width: 75% !important;
  } 
  }
.esign-disabled{
  cursor: not-allowed;
  opacity: 0.5;
  
}
.customPdfMarginTop{
  margin-top: 140px;
}
select {
  cursor: pointer;
}

a,
button {
  transition: all 0.3s ease-in;
  cursor: pointer;
}
a img,
button img {
  display: inline-block !important;
}

.link {
  transition: all 0.3s ease-in;
}
.link:hover {
  transition: all 0.3s ease-in;
}
.link:hover img {
  transition: all 0.3s ease-in;
  transform: translate(5px);
}
.link img {
  transition: all 0.3s ease-in;
}

.step .btn-org,
.step .btn-org-invert {
  letter-spacing: 1px;
  font-size: 14px;
}
.step .btn-org img,
.step .btn-org-invert img {
  display: inline-block;
}

.custom-date-picker .react-datepicker-wrapper {
  width: 100%;
}

.datepicker-border{
  border:1px solid #f27b1a !important;
}

.custom-toolTip-white .tooltip-inner {
  font-size: 13px;
  text-align: left;
  font-weight: bold;
  max-width: 350px !important;
  padding: 10px;
  background-color:#ffffff;
  color:#000;
  border: 1px solid #f27b1a;
}

.custom-toolTip .tooltip-inner {
  background-color: #414141;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  max-width: 350px !important;
  padding: 18px;
}
.custom-toolTip .bs-tooltip-auto[x-placement^=top] .arrow::before{
  border-top-color: #414141 !important;
}
.custom-toolTip .bs-tooltip-auto[x-placement^=bottom] .arrow::before{
  border-bottom-color: #414141 !important;
}

/* upload document radio button */
.custom-flex-radio input {
  width: 100% !important;
}

.orange-link:hover {
  color: #b55b09 !important;
}
.orange-link:hover svg path {
  fill: #b55b09;
}

.position-relative {
  position: relative;
}

.more-cards {
  display: none;
}

.more-cards.show {
  display: block;
}

.c-disabled {
  background: rgba(189, 174, 174, 0.1) !important;
  color: #696969 !important;
  border: 1px solid rgba(68, 68, 68, 0.1) !important;
}

.upload-items .submit-btn1 {
  pointer-events: all !important;
  background: #f27b1a !important;
}

.input-content.date input {
  background: url(/ucj/media/date.f49d3d94.svg) no-repeat;
  background-position: 96% 50%;
}

.input-content select,
.input-content input,
textarea {
  width: 78%;
  line-height: 0.875rem;
  letter-spacing: 0.43px;
  font-size: 12px;
  font-weight: normal;
  outline: none;
  background-color: #fff;
  border: 1px solid #6e8ca6;
  border-radius: 2.27px;
  padding: 11px 1.375rem 11px 9px;
  height: 32px;
  border: 0.75px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 5px;
  padding-left: 5px;
}

.ml-auto {
  margin-left: auto;
}

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

.space-around {
  justify-content: space-around;
}

input:disabled {
  background-color: transparent;
  border-color: rgba(118, 118, 118, 0.3);
}

#bank-statement2,
#form262,
#salary-slip2,
#Itr2 {
  padding: 0.5rem 2rem 0.5rem 0.7rem;
}

.good img {
  width: 15px;
  height: 19px;
}

a {
  text-decoration: none;
}

.jFiler-items-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.reference-main .referenceInput {
  width: 50% !important;
}

.sf-ucj-search-wrapper .sf-search-input-text {
  height: 45px !important;
}

/* credit card page start */
.d-flex.bottom-line.py-3.points-div:last-child {
  border-bottom: none;
}

.style .loan-right .password-input {
  padding: 20px 20px;
  background: #ffffff;
  border: 1px solid #f2e4d6;
  border-radius: 5px;
  outline: none;
  width: 285px;
  margin-top: 10px;
}

.summary .card .card-body,
.summary .extended-card .card-body {
  flex-direction: column;
  justify-content: flex-start;
}
.summary .card.active .main-card-content,
.summary .card.active .orange-div,
.summary .extended-card.active .main-card-content,
.summary .extended-card.active .orange-div {
  background: #ffe7d7;
}

.summary .card-modal button.close-button {
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  z-index: 99;
  outline: none;
  border: none;
  background: transparent;
  border-radius: 50%;
  transition: 0.2s ease;
  border: 1px solid transparent;
}

.credit-card-modal {
  min-width: 934px;
}

.modal-main-credit h1,
h2,
h3,
h4,
h5 {
  color: #414141;
}

.modal-main-credit {
  padding: 20px 0;
}

.modal-main-credit .modal-image {
  position: relative;
}
.modal-image .card-holder-name {
  bottom: 5px;
  left: 10px;
  color: white;
  z-index: 2;
}

.summary a {
  cursor: pointer;
}

.d-inline {
  display: inline !important;
}

.common-btn:hover {
  opacity: 0.8;
  color: white;
  text-decoration: none;
}

.common-btn {
  min-width: 12.25rem;
  text-transform: uppercase;
  background: #f3831d;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  color: white;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 19.07px;
  letter-spacing: 1px;
  opacity: 1;
  transition: all 0.4s ease;
  padding: 0.875rem 1.25rem !important;
  border: none;
  border: 1px solid #f3831d;
  cursor: pointer;
}
.success-grey{
 background: linear-gradient(180.76deg, rgba(243, 245, 250, 0.4) -22.34%, #F3F5FA 11.03%, rgba(243, 245, 250, 0) 99.35%) !important
}
.esign-label{
  font-weight:550;
  font-size:'28px';
  margin-top:'10px';
}
.stylesheet .videokycCard{
  text-align: left !important;
  padding-left:10px !important;
  padding-top:10px !important;
}
.stylesheet .videokycCheckbox{
  text-align: right !important;
}

#ckeck-box-cmmn {
  justify-content: center;
  align-items: center;
  display: flex;
}

#ckeck-box-cmmn input[type="checkbox"] {
  min-width: 15px !important;
  min-height: 15px !important;
  outline: none;
  position: initial;
  opacity: initial;
  color: #ffbe81 !important;
}

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

.font-20 {
  font-size: 20px;
  font-weight: bold;
}
.summary .asterisk-point {
  position: relative;
}
.summary .asterisk-point::before {
  position: absolute;
  content: "*";
  left: -0.3rem;
  top: 0;
}

.card-modal p {
  font-size: 16px;
  line-height: 25px;
  color: #414141;
  margin-top: 0;
}

.summary .card-modal .card-modal-features > div {
  margin-bottom: 13px;
}

.font-24 {
  font-size: 1.5rem;
  font-weight: bold;
}

.summary .card {
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
}

.summary .bottom-line {
  border-bottom: 1px solid #ffbe81;
}

.card-body .main-card-content {
  --image-shadow: rgba(58 81 158 / 30%);
  flex: 0 0 27.3rem;
}

summary .card .card-body .main-card-content .card-heading-div .card-heading {
  color: #4a4a4a;
}

.summary .card .banner,
.summary .extended-card .banner {
  padding: 0.25rem 0.7rem;
  background: #f27b1a;
  color: white;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 5px 12px rgb(242 123 26 / 16%);
  border-radius: 5px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.summary .card .form-check input:checked[type="checkbox"] {
  background-image: url(/ucj/media/tick-svg.156c6f56.svg);
  background-size: 75%;
}

.summary .card .form-check .form-check-input:checked,
.summary .extended-card .form-check .form-check-input:checked {
  background-color: #f27b1a;
  border: 1px solid #f27b1a;
}

.ps-3 {
  padding-left: 1rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.font-18 {
  font-size: 18px;
  line-height: 30px;
}

.font-11 {
  font-size: 11px !important;
  font-weight: 400;
}

.font-8{
  font-size: 8px !important;
}

.err-font {
  font-size: 11px !important;
}
.summary .card .card-body,
.summary .extended-card .card-body {
  flex-direction: column;
  justify-content: space-between;
}
.summary .card .card-body .main-card-content .card-heading-div {
  flex: 0 0 111px;
  padding: 0;
}

.summary .card .form-check,
.summary .extended-card .form-check {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.summary .card .form-check input[type="checkbox"],
.summary .extended-card .form-check input[type="checkbox"] {
  pointer-events: none;
  border: 1px solid #ffbe81;
}

.summary .card .form-check input {
  border-radius: 6px 0;
}
.card .form-check .form-check-input {
  width: 25px;
  height: 25px;
}

.card .form-check .form-check-input {
  position: absolute;
  right: -4px;
  bottom: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  transition: background-color 0.15s ease-in-out,
    background-position 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.form-check-input:focus {
  border: 1px solid rgba(31, 28, 28, 0.575);
}

.summary .card .card-body .main-card-content .image-container {
  box-shadow: 0.8rem 1rem 1rem -10px var(--image-shadow);
}
.summary .card .card-body .main-card-content > .image-container {
  z-index: 0;
  border-radius: 10px;
}

.summary
  .card
  .card-body
  .main-card-content
  > .image-container
  .card-holder-name {
  bottom: 0.45rem;
  left: 0.575rem;
  color: white;
  z-index: 2;
}

.summary .card .card-body .main-card-content > .image-container > img {
  z-index: 1;
}
.image-container .absolute-card-image {
  position: absolute;
  bottom: 0.875rem;
  right: 0.875rem;
}

.summary .card .card-body .points-div {
  align-items: baseline;
  height: auto;
}

.points-main-div .summary .card .card-body .points-div :nth-last-child() {
  border-bottom: none;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.summary .card .card-body .points-div img {
  width: 1rem;
  height: 1rem;
  transform: translateY(0.25rem);
}
.summary .card p,
.summary .extended-card p {
  max-width: auto;
  margin-top: 0;
}

.summary .card .card-body .middle-flex {
  flex: 0 0 18.3rem;
}

.summary .bottom-shadow {
  box-shadow: none;
  border-bottom: 0.5px solid #ffbe81;
}

.pe-2 {
  padding-right: 0.75rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.font-12 {
  font-size: 12px !important;
  line-height: 18px;
  font-weight: 400;
}

.card .card-body .card-link {
  color: #176abe;
}

.summary .right-line {
  border-right: 1px solid #ffbe81;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.orange-alt {
  color: #f27b1a;
}

.summary .card .card-link img {
  transform: rotate(-90deg);
}

.summary .asterisk-point::before {
  position: absolute;
  content: "*";
  left: -0.3rem;
  top: 0;
}
.ms-1 {
  margin-left: 0.25rem !important;
}

.image-container .card-image-banner {
  position: absolute;
  top: -1.7rem;
  left: 0;
  z-index: -1;
  padding: 0.375rem 0.625rem 0.8rem 0.625rem;
  border-radius: 9px 9px 0 0;
  color: white;
}

.bg-orange-alt {
  background: #f27b1a;
}

.image-container .card-image-banner h5 {
  color: inherit;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.font-14 {
  font-size: 14px !important;
  line-height: 19px;
  font-weight: 400;
}

.font-semibold {
  font-weight: 600 !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.summary .l-22 {
  line-height: 16px;
}

.summary .card .card-body .card-types-wrapper .card-type.active {
  border-color: #ff7300;
  background: #ffe7d7;
}

.summary .card .card-body .card-types-wrapper .card-type {
  padding: 0.3125rem;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
}

.summary .card .card-body .mobile-view-more-div > div:nth-child(2) {
  padding-right: 30px;
  padding-left: 30px;
}

/* credit card page end */

/* Funding Page Changes For FD Start */
.amount-tenu {
  padding: 20px 0 !important;
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-direction: row;
}

/* Funding Page Changes For FD End */
.upload-custom-top-button{
  min-width: 214px !important;
}

@media screen and (max-width: 570px) {
  .d-flex-form {
    position: relative;
  }
}
@media screen and (max-width: 570px) {
  .d-flex-form #ver2 {
    position: absolute !important;
    bottom: 18px;
    right: 20px !important;
    top: auto !important;
  }
}

.contnew {
  display: flex;
  align-self: center;
}
@media screen and (max-width: 570px) {
  .contnew {
    margin-bottom: 1rem !important;
  }
}

@media screen and (max-width: 570px) {
  .align-correction {
    display: flex !important;
    margin: 2rem 0rem 0rem !important;
  }
}

.green-tick {
  width: 30px;
  height: 30px;
}

.btn-white {
  text-decoration: none;
  background: white;
  color: #f27b1a;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  padding: 15px 35px;
}
.btn-white:hover {
  background: #f27b1a;
  color: white;
}

button.add {
  display: flex;
  border: 1px solid #f27b1a;
  border-radius: 4px;
  color: #f27b1a;
  background: #fff;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
}
button.add:hover,
button.add.active {
  background: #f27b1a;
  color: white;
}
button.add:hover svg path,
button.add.active svg path {
  stroke: white;
}

.btn-org,
.btn-org-invert {
  text-decoration: none;
  text-transform: uppercase;
  background: #f27b1a;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  padding: 17px 67px;
  display: inline-block;
  color: #ffffff;
}
.btn-org img,
.btn-org-invert img {
  transition: transform 0.3s ease;
  margin-left: 0.3rem;
  display: inline-block;
}
.btn-org:hover,
.btn-org-invert:hover {
  opacity: 0.8;
}
.btn-org:hover img,
.btn-org-invert:hover img {
  transform: translateX(0.4rem);
}

.btn-org-invert {
  background-color: white !important;
  color: #f27b1a !important;
}

.btn-cmmon-ctn {
  text-decoration: none;
  text-transform: uppercase;
  background: #f27b1a;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 5px; /**165316 - SAFD - Gayathri - 29-nov-22*/
  font-weight: bold;
  align-items: center;
  text-align: center;
  padding: 17px 30px !important; /**165316 - SAFD - Gayathri - 29-nov-22*/
  display: inline-block;
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 14px !important;
  line-height: normal !important;
  transition: all 0.2s ease;
  min-width: 160px !important;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: fit-content !important;
}
.btn-cmmon-ctn img {
  transition: transform 0.3s ease;
  margin-left: 0.3rem;
  margin-top: -2.8px;
  display: inline-block;
}
.btn-cmmon-ctn-img:hover {
  opacity: 0.8;
}
.btn-cmmon-ctn-img:active {
  transform: scale(0.95);
}
.btn-cmmon-ctn-img:hover img {
  transform: translateX(0.4rem);
}

.btn-cmmon-ctn-deactive-btn {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: white;
  background: #c4c4c4;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  pointer-events: none;
  border: 1px solid #c4c4c4;
}

.active-btn-focus:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.active-btn-focus:active {
  box-shadow: none;
}

.cmn-chkbox-main {
  display: inline-flex;
}
/**CA - 135057 - Gayathri - 21-mar-22 - start */
#editCommAddress{
 margin-top: 3px;
}
#taxResidentCheck{
  margin-top: 3px;
}
/**CA - 135057 - Gayathri - 21-mar-22 - end */

.cmn-chkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.cmn-chkbox-container {
  display: block;
  position: relative;
  font-size: 20px !important;
  user-select: none;
  margin-right: 10px !important;
}

.cmn-checkmark {
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 1.2em;
  width: 1.2em;
  transition: all 0.3s;
  border-radius: 4px;
  border: 1px solid #f27b1a;
}

.cmn-checkmark-hfc-popup-ui {
  top: 6px !important;
  left: 2px !important;
}

.cmn-chkbox-container input:checked ~ .cmn-checkmark {
  background-color: #f27b1a;
  animation: checkpop 0.5s;
  animation-direction: alternate;
}

.cmn-chkbox-container .cmn-checkmark:focus {
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}

.cmn-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.cmn-chkbox-container input:checked ~ .cmn-checkmark:after {
  display: block;
}

.cmn-chkbox-container .cmn-checkmark:after {
  left: 0.42em;
  top: 0.2em;
  width: 0.3em;
  height: 0.57em;
  border: solid white;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}

.cmn-chkbox-container .sm {
  height: 1em;
  width: 1em;
}

.cmn-chkbox-container .sm:after {
  left: 0.3em;
  top: 0.1em;
}

@keyframes checkpop {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

.cmn-email-consent {
  margin-top: 10px !important;
}

.custom-scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px #f7c399;
  border-radius: 10px;
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
  background: #fc861741;
  border-radius: 12px;
}

/* Handle on hover */
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #f27b1a;
}

.doc-file-picker {
  display: none !important;
}

.doc-file-picker-label {
  padding: 8px 10px !important;
  font-size: 16px;
  background-color: #5b9bd5 !important;
  color: white !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
}

.cmn-focus:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5) !important;
}

.cmn-focus:active {
  box-shadow: none !important;
}

.std-file-view {
  border-radius: 5px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.delete-btn {
  cursor: pointer;
  width: 35px;
  height: 35px;
  justify-content: center;
  display: flex;
  border-radius: 5px;
  background-color: rgb(255, 99, 71, 0.9);
  color: white;
  transition: all 0.3s;
}

.delete-btn:hover {
  opacity: 0.8;
}

.delete-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5) !important;
}

.delete-btn:active {
  box-shadow: none !important;
}

.edit-btn:hover {
  opacity: 0.8;
  cursor: pointer;
  background-color: #d5dbf8;
}

.popup .d-flex-popup2 img {
  top: 0;
}

.main-page {
  background: #f6f6f6;
}
.main-page body {
  -webkit-font-smoothing: antialiased;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  background: #fafafa;
  letter-spacing: 0.43px;
  font-size: 10px;
}

.main-page *,
.main-page *::after,
.main-page *::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
.tncContent *,
.tncContent *::after,
.tncContent *::before {
  padding: revert;
}

.main-page img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.main-page .container {
  max-width: 1260px;
  padding-bottom: 4rem;
  margin: auto;
  margin-top: 5rem;
}
.main-page .main-header {
  background: #ffff;
}
.main-page .logo-container {
  display: block;
  padding: 0 0.95rem 0.55rem;
}
.main-page .logo-container img {
  -o-object-fit: contain;
  object-fit: contain;
}
.orange-strip {
  height: 50px;
  width: 100%;
  background: #f27b1a;
  display: flex;
  justify-content: end;
  align-items: center;
}
.main-page .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.main-page .column-3 {
  flex: 0 0 27%;
  max-width: 27%;
}
.main-page .column-4 {
  flex: 0 0 35%;
  max-width: 35%;
}
.main-page .column-8 {
  flex: 0 0 54.5%;
  max-width: 54.5%;
}

.main-page .column-7 {
  flex: 0 0 60%;
  max-width: 60%;
}
.main-page .column-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 30px;
}
.main-page .column-9 {
  flex: 0 0 74%;
  max-width: 74%;
}
.main-page .column-10 {
  flex: 0 0 82%;
  max-width: 82%;
}
.main-page .column-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.main-page .column-3,
.main-page .column-9 {
  width: 100%;
  min-height: 1px;
  padding-right: 8px;
  margin-right: 10px;
  box-sizing: border-box;
}
.main-page .page-heading-container {
  margin-top: 1.75rem;
  margin-bottom: 1.375rem;
}
.main-page .center {
  justify-content: center;
}
.main-page .nav {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(/ucj/media/line.35b771da.png) 13px 14px no-repeat;
  width: 96%;
  margin: 2rem auto 5.6rem auto;
  background-size: contain;
}
.main-page .nav-2 {
  background: url(/ucj/media/line2.dcfcb0e1.png) 13px 14px no-repeat;
  background-size: contain;
}
.main-page .nav-3 {
  background: url(/ucj/media/line3.5d69c0f1.png) 13px 14px no-repeat;
  background-size: contain;
}
.main-page .nav-4 {
  background: url(/ucj/media/line4.1d9f8d77.png) 13px 14px no-repeat;
  background-size: contain;
}
.main-page .nav-5 {
  background: url(/ucj/media/line5.6f064cc0.png) 13px 14px no-repeat;
  background-size: contain;
}
.main-page .nav .nav-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-page .nav .nav-item .nav-item-sub {
  border-radius: 50%;
  background: #fff;
  border: 1px solid #c4c4c4;
  position: relative;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-page .nav .nav-item .nav-item-sub .nav-link {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  background: #c4c4c4;
}
.main-page .nav .nav-item .nav-link span {
  position: absolute;
  top: 2rem;
  left: -3.5rem;
  color: #c4c4c4;
  font-size: 14px;
  line-height: 19px;
  width: 8rem;
  text-align: center;
}
.main-page .nav .nav-item .active {
  background: #d4e3ee;
  border: none;
}
.main-page .nav .nav-item .nav-item-sub .active {
  background: #3c8ec9;
}
.main-page .nav .nav-item .nav-item-sub .nav-link.done {
  background: url(/ucj/media/tick.54df0784.png);
  background-repeat: no-repeat;
  background-position: center;
}
.main-page .nav .nav-item .active span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #414141;
}
.main-page .linknone {
  text-decoration: none;
  color: unset;
}
.main-page .radio-txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #414141;
}
.main-page .font-18 {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #414141;
}
.main-page .font-16 {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.main-page .font-14 {
  font-size: 14px;
  line-height: 21px;
}
.main-page .font-12 {
  font-size: 12px;
  line-height: 19px;
}
.main-page .font-10 {
  font-size: 10px;
  line-height: 11px;
}
.main-page .mb-0 {
  margin-bottom: 0px !important;
}
.main-page .mb-10 {
  margin-bottom: 10px;
}
.main-page .mb-15 {
  margin-bottom: 15px;
}
.main-page .mb-20 {
  margin-bottom: 20px;
}
.main-page .mb-80 {
  margin-bottom: 80px;
}
.main-page .mt-20 {
  margin-top: 20px;
}
.main-page .mt-40 {
  margin-top: 40px;
}
.main-page .mt-12 {
  margin-top: 12px;
}
.main-page .mt-10 {
  margin-top: 10px;
}
.main-page .mt-5 {
  margin-top: 5px !important;
  display: inline-block;
}
.videokyc-button-class{
  margin-top: 30px!important;
  margin-bottom: 30px !important;
}
.main-page .videokyc-div{
  margin-top: 0px!important
}
.main-page .mb-25 {
  margin-bottom: 25px;
}
.main-page .mb-30 {
  margin-bottom: 30px;
}
.main-page .m-20 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.main-page .mr-10 {
  margin-right: 10px;
}
.main-page .mr-20 {
  margin-right: 20px;
}
.main-page .mr-15 {
  margin-right: 15px;
}
.main-page .me-15 {
  margin-inline-end: 15px;
}
.main-page .mr-30 {
  margin-right: 30px;
}
.main-page .norm {
  font-weight: 400;
}
.main-page .light-blue {
  color: #3c8ec9;
  font-weight: bold;
  cursor: pointer;
}
.main-page .blue {
  color: #004a7f;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}
.main-page .brown {
  color: #944104;
}
.main-page .grey-blue {
  color: #176abe;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.main-page .bold {
  font-weight: bold;
}
.main-page .thin {
  font-weight: normal;
}
.main-page .col-side {
  width: 70px;
  position: relative;
}
.main-page .line-vertical {
  position: absolute;
  left: 48%;
  top: -21px;
}
.main-page .col-main {
  width: calc(100% - 100px);
}
.main-page .accordian-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #c4c4c4;
  background: #fff;
  outline: none;
  transform: rotate(180deg);
  transition: all 1s;
  margin-right: 10px;
}
.main-page .accordian-btn-2 {
  transform: rotate(0deg);
  transition: all 1s;
}
.main-page .accordian-btn-3 {
  transform: rotate(0deg);
  transition: all 1s;
}
.main-page .accordian-btn img {
  transition: all 0.5s ease;
}
.main-page .col-main.active .accordian-btn img {
  transform: rotate(-180deg);
}
.main-page .flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-page .align {
  align-items: center;
}
.main-page .page-content-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.main-page .page-content-head .font-10 {
  text-transform: capitalize;
  letter-spacing: 0.25px;
}
.main-page .page-content-sub {
  display: flex;
  padding: 20px 0;
  border: 0.5px solid rgb(242 123 40);
  box-shadow: 0px 2px 8px rgba(222, 227, 242, 0.4);
  border-radius: 5px;
  margin-bottom: 25px;
  background-color: white;
}
.main-page .reference {
  display: flex;
  border: 0.5px solid #cfd7ed;
  box-shadow: 0px 2px 8px rgba(222, 227, 242, 0.4);
  border-radius: 5px;
  padding: 7px 0;
  width: 93%;
}
.main-page .ref-open,
.main-page .ref-open1 {
  display: none;
}
.main-page .content {
  width: 100%;
  margin: 2rem 0 1rem 2rem;
}
.main-page .ref-width {
  width: 95%;
}
.main-page .num {
  width: 29px;
  height: 29px;
  border-radius: 20%;
  color: #3c8ec9;
  background: #d4e3ee;
  margin: 0 auto;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  position: relative;
}
.main-page .num.active {
  color: #fff;
  background: #f27b1a;
}
.main-page label {
  display: inline-block;
}
.main-page .label-text {
  color: #414141;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}
.main-page select:focus,
.main-page input:focus {
  outline: none;
  border: 1px solid #f27b1a;
}
.main-page .select {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/ucj/media/dropdown_black.e6737be2.png);
  background-repeat: no-repeat;
  background-position: 95%;
  background-size: 11px;
  cursor: pointer;
  height: 32px;
  border: 0.75px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 5px;
  padding: 0px 10px;
}
.main-page .select::-ms-expand {
  display: none;
}
.main-page .save-btn,
.main-page .save-btn2,
.main-page .save-btn3 {
  padding: 15px 60px;
  text-transform: uppercase;
  background: #c4c4c4;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  margin-right: 2rem;
  pointer-events: none;
  outline: none;
  text-decoration: none;
}
.main-page .save-btn.active,
.main-page .save-btn2.active,
.main-page .save-btn3.active {
  pointer-events: all;
  background: #f27b1a;
  color: #fff;
}
.main-page .next {
  pointer-events: all;
  background: #f27b1a;
  color: #fff;
}
.main-page .save-btn:focus {
  outline: none;
}
.main-page .cancel-btn {
  background: none;
  border: none;
  padding: 0.8rem 0;
  outline: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #f27b1a;
  text-transform: uppercase;
  text-decoration: none;
}
.main-page .next-btn,
.main-page .next-btn2 {
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #fff;
  background: #c4c4c4;
  padding: 15px 10px;
  min-width: 150px;
  text-align: center;
  border-radius: 30px;
  margin-right: 3rem;
  pointer-events: none;
}
.main-page .next-btn.active,
.main-page .next-btn2.active {
  pointer-events: all;
  background: #f27b1a;
}
.main-page .prev-btn {
  color: #f27b1a;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  padding: 15px 0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.main-page .link {
  color: #004a7f;
  font-weight: bold;
  text-decoration: none;
}
.main-page .initiate {
  overflow: hidden;
  transition: max-height 0.5s ease;
  transform-origin: top;
}
.hladditonal .initiate {
  overflow: visible !important;
  transition: max-height 0.5s ease;
  transform-origin: top;
}
.main-page .col-main.active .initiate {
  max-height: 0;
  transition: max-height 0.5s ease;
  margin-bottom: 9px;
}
.main-page #jointAcc {
  margin-bottom: 15px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-in;
}
.main-page .documents {
  padding-top: 10px;
}
.main-page .term {
  max-height: 150px;
  opacity: 1;
}
.main-page .term.active {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}
.main-page .accordion {
  width: 100%;
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  background: #fff;
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
  color: #414141;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  outline: none;
}
.main-page .panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease;
  margin-top: 5px;
  margin-bottom: 15px;
}
.main-page .panel p {
  font-size: 12px;
  line-height: 13px;
  color: #414141;
  margin-top: 10px;
}
.main-page .panel ul {
  color: #4a4c4c;
  font-size: 12px;
  margin-top: 8px;
}
.main-page .panel li {
  padding: 0;
  color: #4a4c4c;
  font-size: 12px;
}
.main-page .panel .types {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.main-page .panel .types .doc_type {
  width: 33.3%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.8rem;
}
.main-page .panel .types .doc_type p {
  margin-right: 1rem;
  line-height: 16px;
}
.main-page .panel .types .doc_type .sub_text {
  display: block;
  font-size: 12px;
}
.main-page .panel .types .doc_type img {
  margin-top: 10px;
  margin-right: 5px;
  width: 15px;
  min-width: 15px;
}
.main-page .edit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  display: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #414141;
  cursor: pointer;
}
.main-page .edit.active {
  display: block;
}
.main-page #popup {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 800px;
  visibility: hidden;
  background: #ffffff;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: 0.5s;
}
.main-page #popup.active {
  visibility: visible;
  top: 50%;
  opacity: 1;
  transition: 0.5s;
}
.main-page .popup-heading {
  margin-left: 90px;
  padding-top: 1.5rem;
}
.main-page .head {
  margin-left: -90px;
  text-align: center;
}
.main-page .popup-heading h3 {
  margin-bottom: 1.5rem;
}
.main-page .popup-content {
  margin: 0 90px;
  margin-right: 80px;
}
.main-page .grid-card-details {
  display: flex;
  margin-top: 10px;
  margin-bottom: 23px;
}
.main-page .img-desc {
  margin-left: 25px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.main-page .labels {
  display: flex;
}
.main-page .labels > div {
  margin-right: 20px;
}
.main-page .labels label {
  display: block;
  text-align: center;
  margin-bottom: 4px;
}
.main-page .labels input {
  width: 55px;
  height: 30px;
  outline: none;
  text-align: center;
  background: #ffffff;
  border: 1px solid #6e8ca6;
  border-radius: 7px;
}
.main-page .otp-input {
  background: #ffffff;
  border: 1px solid #6e8ca6;
  border-radius: 7px;
  width: 180px;
  height: 28px;
  padding-left: 10px;
  outline: none;
}
.main-page .otp-info {
  transform: translate(209px, -24px);
}
.main-page .popup-submit-button {
  display: inline-block;
  text-decoration: none;
  min-width: 150px;
  text-align: center;
  padding: 0.8rem 0;
  background: #c4c4c4;
  border: 1px solid #c4c4c4;
  border-radius: 30px;
  margin-top: 2rem;
  font-size: 12px;
  color: white;
  font-family: Helvetica;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1.5rem;
  outline: none;
  pointer-events: none;
}
.main-page .popup-submit-button.active {
  pointer-events: all;
  background: #f27b1a;
  border: 1px solid #f27b1a;
}
.main-page .close,
.main-page .close1 {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffffff;
  border: 0.5px solid #c4c4c4;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.main-page .orange {
  color: #f27b1a;
  display: inline-block;
}
.main-page .background-blur {
  -webkit-filter: blur(6px);
  filter: blur(6px);
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main-page .grey {
  color: #414141;
}
.main-page .disabled {
  color: #91a0b7;
}
.main-page .light-grey {
  background-color: #f6f6f6;
}
.main-page .black {
  color: #646363;
}
.main-page .timer {
  transform: translate(34px, -19px);
}
.main-page .hide {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease-in;
  transform-origin: top;
}
.main-page .hide.active {
  max-height: 300px;
  opacity: 1;
  transition: all 0.5s ease-in;
}
.main-page .radio-flex {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.main-page .radio-content {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
  margin-right: 2rem;
  padding: 5px;
}
.main-page .radio-content input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 5px;
}
.main-page #pan {
  width: 60px;
}
.main-page #form-60 {
  width: 80px;
}
.main-page .radio-content input:checked ~ .checkmark:after,
.main-page .checkbox-label input:checked ~ .checkmark:after {
  display: block;
}
.main-page .radio-content input[type="radio"] + label {
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
  margin-left: 2rem;
  letter-spacing: 0.43px;
}
.main-page .radio-content .checkmark {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  height: 17.5px;
  width: 17.5px;
  border-radius: 50%;
  background: #eaeaea;
  border: none;
}
.main-page .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.main-page .radio-content .checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f27b1a;
}
.main-page .radio-inp,
.main-page .radio-inp1 {
  margin-top: 10px;
  display: flex;
}
.main-page .radio-inp input {
  border-radius: 7px 0 0 7px;
  width: 55%;
  border-right: none;
}
.main-page .browse {
  border-radius: 0 7px 7px 0;
  width: 45%;
  background: #fff;
  border: 0.75px solid #f27b1a;
  outline: none;
  color: #f27b1a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-page .browse-img {
  margin-right: 10px;
}
.main-page .info {
  margin-left: 5px;
}
.main-page .form60-container {
  position: fixed;
  width: 770px;
  left: 402px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 0.5px solid #cfd7ed;
  box-sizing: border-box;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  padding: 30px 42px;
  transition: all 0.5s;
}
.main-page .form60-container.active {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
}
.main-page .form60-heading {
  text-align: center;
}
.main-page .form60-content {
  text-align: center;
  height: 60px;
  background: #f7f7f7;
  padding: 20px;
  margin: 20px;
  display: flex;
  justify-content: center;
}
.main-page .form60-content img {
  margin-right: 15px;
}
.main-page .form60-box-container {
  width: 636px;
  display: flex;
  margin: 12px 41px;
}
.main-page .form60-leftbox {
  width: 44%;
  border: 3px dashed #c4c4c4;
  border-radius: 5px;
  padding: 20px 52px;
  text-align: center;
}
.main-page .form60-rightbox {
  width: 57%;
  display: flex;
  flex-direction: column;
  padding-left: 29px;
  padding-top: 18px;
}
.main-page .upload-btn {
  padding: 4px 12px;
  background: #f27b1a;
  border: none;
  border-radius: 6.55492e8px;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  color: #ffffff;
  outline: none;
}
.main-page .form60-documents {
  display: flex;
  justify-content: space-between;
  margin: 12px 0px 35px;
  align-items: center;
  visibility: hidden;
}
.main-page .btn-delete {
  width: 87px;
  height: 22px;
  border-radius: 25px;
  background-color: white;
  outline: none;
  border: 2px solid #f27b1a;
  color: #f27b1a;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
}
.main-page .btn-continue {
  width: 225px;
  height: 40px;
  background: #c4c4c4;
  border-radius: 30px;
  border: none;
  outline: none;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 7px;
  pointer-events: none;
}
.main-page .btn-continue.active {
  pointer-events: all;
  background: #f27b1a;
}
.main-page .ml-5 {
  margin-left: 5px;
}
.main-page .ml-80 {
  margin-left: 25px;
}
.main-page input[type="file"] {
  display: none;
}
.main-page #circlebar,
.main-page #circlebar2,
.main-page #circlebar3,
.main-page #circlebar4 {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.main-page #fname,
.main-page #fname2,
.main-page #fname3,
.main-page #fname4 {
  width: 90px;
}
.main-page .flex-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-page .flex-1 img {
  margin-right: 5px;
}
.main-page .progressbar-text {
  position: absolute;
  left: unset !important;
  top: unset !important;
  margin-left: 39px !important;
  margin-top: -9px !important;
  transform: translate(-50%, -50%);
  color: #7a7878 !important;
  font-size: 0.7rem !important;
  font-weight: 600;
}
.main-page .placehere {
  display: none;
}
.main-page .page-sub {
  padding: 20px 10px 20px 25px;
  border: 0.5px solid #cfd7ed;
  box-shadow: 0px 2px 8px rgba(222, 227, 242, 0.4);
  border-radius: 10px;
}
.main-page .fatca-desc {
  padding-right: 10px;
}
.main-page .tin {
  margin-bottom: 30px;
}
.main-page .checkbox-container {
  flex-direction: row;
  -webkit-box-align: center;
}
.main-page .checkbox-container label {
  display: flex;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  color: #4a4a4a;
  padding-left: 37px;
  padding-right: 10px;
}
.main-page .checkbox-container input {
  position: absolute;
  opacity: 0;
  width: 0;
  cursor: pointer;
  height: 0;
}
.checkbox-terms-lable{
  font-size: 14px;
  line-height: 18px;
  margin-left: 35px;
}
.main-page .checkbox-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border-radius: 1px;
  background-color: #ffffff;
  border: 0.5px solid #cfd7ed;
  margin-left: 3px;
}
.main-page .checkbox-label input:checked ~ .checkmark {
  background: #f27b1a;
  border-color: transparent;
}
.main-page .checkbox-label .checkmark:after {
  top: 9%;
  left: 32%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.main-page .checkbox-container1 {
  flex-direction: row;
  -webkit-box-align: center;
  display: inline-block;
}
.main-page .checkbox-container1 label {
  display: flex;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  line-height: 18px;
  color: #894302;
}
.main-page .checkbox-container1 input {
  position: absolute;
  opacity: 0;
  width: 0;
  cursor: pointer;
  height: 0;
}
.main-page .checkbox-label1 .checkmark1 {
  position: absolute;
  top: 2px;
  right: -17px;
  height: 13px;
  width: 13px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #fc983c;
  margin-left: 4px;
}
.main-page .checkbox-label1 input:checked ~ .checkmark1 {
  background: #4bc7a2;
  border: none;
}
.main-page .checkbox-label1 .checkmark1:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 5px;
  width: 4px;
  height: 10px;
  border: solid #fff8f8;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.main-page .checkbox-container2 {
  flex-direction: row;
  -webkit-box-align: center;
  display: inline-block;
}
.main-page .checkbox-container2 label {
  display: flex;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  line-height: 18px;
  color: #894302;
}
.main-page .checkbox-container2 input {
  position: absolute;
  opacity: 0;
  width: 0;
  cursor: pointer;
  height: 0;
}
.main-page .checkbox-label2 .checkmark2 {
  position: absolute;
  top: 2px;
  right: -17px;
  height: 13px;
  width: 13px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #fc983c;
  margin-left: 4px;
}
.main-page .checkbox-label2 input:checked ~ .checkmark2 {
  background: #4bc7a2;
  border: none;
}
.main-page .checkbox-label2 .checkmark2:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 5px;
  width: 4px;
  height: 10px;
  border: solid #fff8f8;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.main-page .multi,
.main-page .multi1 {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-in;
}
.main-page .multi.active {
  max-height: 300px;
  transition: max-height 0.5s ease-in;
  transform-origin: top;
  margin-bottom: 15px;
}
.main-page .multi1.active {
  max-height: 100px;
  transition: max-height 0.15s ease-in;
  transform-origin: top;
}
.main-page .multi3,
.main-page .multi2 {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-in;
}
.main-page .multi2.active {
  max-height: 200px;
  transition: max-height 0.5s ease-in;
  transform-origin: top;
  margin-bottom: 15px;
}
.main-page .multi3.active {
  max-height: 100px;
  transition: max-height 0.15s ease-in;
  transform-origin: top;
}
.main-page .font-term {
  font-size: 11px;
  line-height: 18px;
  color: #4a4a4a;
  padding-left: 25px;
  padding-right: 10px;
}
.main-page .mt-30 {
  margin-top: 30px;
}
.main-page .more {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in;
}
.main-page .more.active {
  max-height: 200px;
  transition: max-height 0.5s ease-in;
}
.main-page .more-btn {
  font-size: 11px;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
  text-decoration: underline;
}
.main-page .more-btn.active {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.main-page .greentick {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  padding-right: 7px;
  background-color: #fcf8f8;
  display: none;
}
.main-page button {
  cursor: pointer;
}
.main-page .preview {
  display: none;
  margin-top: 8px;
}
.main-page .preview.active {
  display: block;
}
.main-page .image-preview,
.main-page .image-preview1,
.main-page .image-preview2,
.main-page .image-preview3,
.main-page .image-preview4 {
  min-width: 200px;
  min-height: 200px;
  max-width: 375px;
  max-height: 375px;
}
.main-page .image-popup {
  width: 500px;
  height: 500px;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #cfd7ed;
}
.main-page .image-popup.active {
  visibility: visible;
  opacity: 1;
  top: 50%;
  transition: all 0.5s ease-in;
}
.main-page .otp-img {
  margin-left: 5px;
  padding-bottom: 2px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in;
}
.main-page .card {
  min-width: 220px;
  width: 220px;
  height: 120px;
}
.main-page .otp-img.active {
  transform: rotate(0deg);
  transition: all 0.3s ease-in;
}
.main-page .tooltip {
  position: relative;
  display: inline-block;
  margin-left: 3px;
  cursor: pointer;
}
.main-page .tooltip .tooltiptext {
  visibility: hidden;
  width: 12vw;
  background-color: #eeeeee;
  color: #414141;
  border-radius: 6px;
  padding: 10px 21px;
  position: absolute;
  z-index: 1;
  top: -21px;
  left: 100%;
}
.main-page .triangle-left {
  visibility: hidden;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 18px solid #eeeeee;
  border-bottom: 8px solid transparent;
  display: inline-block;
}
.main-page .tooltip:hover .tooltiptext {
  visibility: visible;
}
.main-page .tooltip:hover .triangle-left {
  visibility: visible;
}
.main-page #pan-number {
  margin-top: 8px;
}
.main-page .img-arr {
  width: 12px;
  height: 6px;
}
.main-page .img-arr.active {
  transform: rotate(180deg);
}
.main-page input[type="text"]:disabled {
  background: rgba(110, 140, 166, 0.1);
  color: #414141;
}
.main-page .account-holders {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.main-page .users {
  height: 105px;
  width: 190px;
  border: 0.3px solid #868686;
  border-radius: 5px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.main-page .users.active {
  border: 0.3px solid #3c8ec9;
  box-shadow: 0px 4px 8px rgba(185, 187, 190, 0.35);
  background: #e6f1f9;
}
.main-page .user-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #868686;
}
.main-page .user-name.active {
  color: #3c8ec9;
}
.main-page .account-type {
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  color: #868686;
}
.main-page .account-type.active {
  color: #3c8ec9;
}
.main-page .img-up {
  min-width: 20px;
  min-height: 25px;
}
.main-page .form60-rightbox img {
  width: 19px;
  height: 25px;
}
.main-page .flex-col {
  display: flex;
  flex-direction: column;
}
.main-page .c-abs-line1 {
  position: absolute;
  right: 305px;
  top: -17px;
}
.main-page .abs-line1 {
  position: absolute;
  right: 356px;
  top: -17px;
}
.main-page .abs-line2 {
  position: absolute;
  right: 95px;
  top: -17px;
}
.main-page .timer {
  position: absolute;
  right: 99px;
  padding: 9px 25px 12px 25px;
  background: #fef3e8;
  border: 1px solid rgb(242 123 40);
  border-radius: 5px;
  width: 270px;
  top: 45px;
}
.main-page .circle {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border: 1px solid #fcd7b1;
  border-radius: 5px;
}
.main-page .space {
  justify-content: space-between;
}
.main-page .tick-button {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  color: #894302;
  padding: 7px 25px 7px 15px;
  font-size: 18px;
  border: 1px solid #fc983c;
  box-sizing: border-box;
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.08));
  border-radius: 5px;
  cursor: pointer;
}
.main-page .tick-button img {
  margin-left: 0.5rem;
}
.main-page .tick-hide {
  display: none;
}
.main-page .marriagestatus,
.main-page .relationstatus,
.main-page .employeestatus,
.main-page .permanent-add {
  display: none;
}
.main-page .orange-line {
  width: 1px;
  height: 99.6%;
  display: flex;
  margin-left: 34px;
  border-left: 2px dashed #f27b1a;
}
.main-page .tick-green {
  width: 15px;
  background: #4bc7a2;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 22px 0px;
}
.main-page .green-line {
  position: absolute;
  right: 35px;
  top: 32px;
}
.main-page .the-datepicker__main {
  width: 18.4%;
}
.main-page .uploaded {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  border-radius: 10px;
  padding: 24px 14px;
  display: flex;
  align-items: center;
  position: relative;
  left: -50px;
  width: 80%;
}

/* topup and alpa vkyc */
.otp-width {
  width:450px
}
.otp-border .form-control{
  border-radius: 5px !important;
  height: 60px;
  text-align: center;
}
.tick-image {
  height: 25px;
  width: 25px;
  border-radius: 30px !important;
}
.verified-text {
  color: #4bc7a2;
  font-size: 14px;
  font-weight: 600; 
}

/* Anil vishwakarma css for detail page head */

.detail-personal {
  width: 100% !important;
}

.tab-changes-color {
  background-color: #ccc !important;
  border: 1px solid #ccc !important;
}

.range-slider-div .rc-slider-handle {
  bottom: -3px !important;
}

@media screen and (max-width: 767px) {
  /* Credit Card Start */
  .pop-credit-second-div {
    padding: 0 15px !important;
  }

  .summary .card .banner,
  .summary .extended-card .banner {
    width: 55%;
  }

  .card-modal .d-flex {
    flex-wrap: wrap;
    justify-content: start;
  }
  .credit-card-modal {
    min-width: auto;
  }

  .summary .card .card-body .main-card-content {
    flex: unset;
  }

  .summary .card .card-body .main-card-content .card-heading-div {
    flex: unset;
  }

  .summary .card .card-body .main-card-content .card-heading-div .card-heading {
    margin: 1.4365rem 0 0.8125rem 0;
    text-align: center;
    font-weight: 600;
  }
  .summary .card .card-body .main-card-content h4 {
    font-size: 12px !important;
  }

  .summary .card .card-body .mobile-view-more-div .card-features div {
    margin-bottom: 10px;
    justify-content: start;
    align-items: center !important;
  }

  .summary .card p,
  .summary .extended-card p {
    max-width: 86% !important;
  }

  /* Credit Card End */

  .main-page .column-4,
  .main-page .column-6,
  .main-page .column-7,
  .main-page .column-9,
  .main-page .column-10,
  .main-page .column-3,
  .main-page .column-12,
  .main-page .radio-flex {
    flex: 0 0 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }
  .sign-in-style{
    padding-right: 0px !important;
  }
  .main-page .radio-content {
    margin-bottom: 1rem;
  }
  .main-page .page-content-head .flex-col {
    display: none;
  }
  .main-page .tick-button {
    margin-bottom: 1rem;
    display: block;
  }
  .main-page .input-container {
    margin-top: 1rem;
  }
  .main-page .reference {
    padding: 7px 5px;
  }
  .main-page .timer {
    display: none;
  }
  .main-page .initiate {
    overflow: initial;
    transform-origin: top;
    margin-right: auto;
  }

  .timeline {
    width: 100% !important;
  }

  .timeline .nav .nav-item .nav-link span {
    width: 6rem !important;
    left: -2.5rem !important;
  }
}
.main-page select::-ms-expand {
  display: none;
}
/* Request */

.tick {
  margin-bottom: 10px;
  height: 100px;
}

.main-page .mt-5 {
  margin-top: 5px !important;
  display: inline-block;
}
.text-center {
  text-align: center !important;
}
.main-container .container {
  max-width: 85%;
}
.main-container {
  background: white;
  border: 0.5px solid #cfd7ed;
  border-radius: 5px;
}

.mb-3 {
  margin-bottom: 1rem !important;
}
img,
svg {
  vertical-align: middle;
}
.font-28 {
  font-size: 28px;
  font-weight: 600;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.font-16 {
  font-size: 16px !important;
  line-height: 26px;
  font-weight: 400;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.py-md-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.px-md-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
/* ------------ */
/* Dashboard */
.dashboard .individuals-progress .serial-number-container .serial-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fc983c;
}
.individuals-progress .toggler-container .toggler-div {
  width: 2rem;
  height: 2rem;
  background: #f6f6f6;
  border-radius: 50%;
  transition: all 0.2s ease;
  border: 1px solid #c4c4c4;
}
.serial-number-container .serial-num h4 {
  margin-bottom: 0;
  color: #fc983c;
}
.individuals-progress .progress-toggle-content {
  width: 95%;
  overflow: hidden;
}
.toggled-content {
  display: none !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.w-100 {
  width: 100% !important;
}
.position-relative {
  position: relative !important;
}

.show-new {
  display: flex !important;
}
.text-end {
  text-align: right !important;
}
.text-start {
  text-align: left !important;
}
.font-family {
  padding: 0;
  margin: 0;
  font-family: "Mulish", sans-serif;
  box-sizing: border-box;
  color: #4bc7a2;
}
/* ------ */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-page .progressbar-text {
    position: absolute;
    left: unset !important;
    top: unset !important;
    margin-left: 220px !important;
    margin-top: 19px !important;
    transform: translate(-50%, -50%);
    color: #7a7878 !important;
    font-size: 0.7rem !important;
    font-weight: 600;
  }
}

@media only screen and (max-width: 1200px) {
  .custom-style .blc {
    display: block;
  }
  .custom-style .express {
    margin-top: 20px;
  }
  .custom-style .details-pop {
    width: 100%;
  }
  .custom-style .width {
    width: 100%;
  }
  .custom-style .mb-23 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1100px) {
  .custom-style .mob-hide {
    display: none;
  }
  .custom-style .popup {
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 1023px) {
  .custom-style .slide-mob {
    margin-top: 25px !important;
  }
}
@media only screen and (max-width: 900px) {
  .custom-style .flex {
    display: block;
  }
  .custom-style .m-flex {
    display: flex;
  }
  .custom-style .mob-mt-25 {
    margin-top: 25px;
  }
  .custom-style .col-3 {
    max-width: 50%;
  }
  .custom-style .hide-inputbox {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .custom-style .col-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .custom-style .sec-custom {
    padding: 40px 0px !important;
  }
  .custom-style .mr-310 {
    margin-right: 0;
  }
  .custom-style .width-500 {
    min-width: 10px;
  }
  .custom-style .sliderContainer {
    min-width: 20px;
    width: 100%;
  }
  .custom-style .num {
    margin: 0 14.5px;
  }
  .custom-style .mob-blc {
    display: block;
  }
  .custom-style #additional-btn {
    margin-top: 70px;
  }
  .custom-style .slider::after {
    left: 77%;
  }
  .custom-style .slider2::after {
    left: 75%;
  }
  .custom-style .ml-30 {
    margin-left: 0;
  }
  .custom-style .mr-30 {
    margin-right: 0;
  }
  .custom-style .cards {
    display: block;
  }
  .custom-style .card-6 {
    margin-top: 20px;
  }
  .custom-style .col-3 {
    max-width: 100%;
  }
  .custom-style .modal {
    padding: 20px;
  }
  .custom-style .details-pop {
    padding: 20px;
  }
  .custom-style .mr-50 {
    margin-right: 0;
  }
  .custom-style .label-cont {
    margin-top: 10px;
  }
  .custom-style .radio-content {
    margin-top: 10px;
  }
  .custom-style .or {
    margin: 30px;
    text-align: center;
  }
  .custom-style .col2 {
    padding-right: 10px;
  }
  .custom-style .personal {
    padding: 10px;
  }
  .custom-style .num {
    margin: 0 5px;
  }
  .custom-style .thank-cont {
    display: none;
  }
  .custom-style .pop-btn {
    display: block;
  }
  .custom-style .ver3 {
    top: 150%;
    right: -5%;
  }
  .custom-style .ver {
    top: 140%;
    right: -10%;
  }
  .custom-style #remove-txt {
    width: calc(100% + 30px);
  }
  .custom-style .popup {
    width: 100%;
  }
  .custom-style .browse-cont {
    width: 100%;
  }
  .custom-style .browse-txt {
    padding-top: 10px;
  }
  .custom-style .close {
    top: 10px;
    right: 10px;
  }
  .custom-style .browse-btn {
    display: inline-block;
  }
  .custom-style .ml-45 {
    margin-left: 0;
  }
  .custom-style .browse-txt {
    padding-left: 5px;
  }
  .custom-style .width-450 {
    width: 100%;
  }
  .custom-style .uploaded {
    width: 100%;
  }
  .custom-style .login-cont {
    width: 100%;
  }
  .custom-style .cont-btn {
    display: inline-flex;
  }

  /* Customise page Anil Vishwakarma Start */
  .slider-marks {
    justify-content: space-between !important;
  }

  .customise-head .sec-custom .customise-main {
    width: 100%;
    padding-left: 0 !important;
  }

  .customise-head .v-sec-custom .customise-main {
    width: 100%;
    padding-left: 0 !important;
  }

  .customise-head .customise-main .second-section-customise {
    padding: 20px !important;
  }

  #fddetailspage .checkbox-container {
    max-width: 282px;
  }
  .fdamount-box,
  .fdupi-box {
    margin-right: 0px !important;
  }

  .fdMobileView {
    width: 100% !important;
  }

  .fdRecommended {
    display: none !important;
  }

  .fdRecommendedMob {
    display: block !important;
  }

  .fd-custom-button {
    margin-right: 0px !important;
  }
  /* Customise page Anil Vishwakarma End */
}
.Cibil {
  height: 21%;
  margin: 25px 25px 0px 0px;
  float: right;
  border-radius: 65px / 59px;
  padding: 10px;
  text-align: center;
  background-color: #cd3232;
  color: white;
  width: 11%;
}
@media only screen and (width: 768px) {
  .custom-display-block {
    display: block !important;
  }
}
.custom-style .express hr {
  width: 100%;
}

.custom-style #thankyou {
  display: none;
}
.custom-style .view-details-link {
  display: flex;
  align-items: center;
}
.custom-style .view-details-link img {
  width: auto;
  height: 7px;
}
.custom-style .month-variable,
.custom-style .amount-variable {
  position: relative;
}
.custom-style .month-variable p,
.custom-style .amount-variable p {
  position: absolute;
  top: 11px;
  left: 40px;
}
.custom-style .month-variable input::-webkit-outer-spin-button,
.custom-style .month-variable input::-webkit-inner-spin-button,
.custom-style .amount-variable input::-webkit-outer-spin-button,
.custom-style .amount-variable input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-style .month-variable input[type="number"],
.custom-style .amount-variable input[type="number"] {
  -moz-appearance: textfield;
}
.custom-style .amount-variable p {
  left: 14px;
}
.custom-style .sliderContainer .width-500 {
  min-width: 600px;
}
.custom-style #monthly-salary {
  display: none;
}
.custom-style #verifymail,
.custom-style .gray-box-2 {
  margin-left: 0px !important;
}
.custom-style .month-variable {
  display: flex !important;
  align-items: center !important;
}
.custom-style .month-variable #tenureRangeValue {
  width: 100px !important;
  padding: 10px 10px 10px 20px !important;
  margin-right: 10px !important;
}
.custom-style .cards .card-list {
  width: 100%;
}
.custom-style #btn5 {
  display: none;
}
.custom-style .form .after-upload {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 30px;
  width: 410px;
  margin-left: -50px;
  display: none;
}
.custom-style .form .after-upload h6 {
  width: 297px;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin: 15px 0px;
}
.custom-style .form .after-upload a {
  margin: 19px 5px;
}
.custom-style #upload-doc2 .d-flex {
  position: relative;
}
.custom-style #upload-doc2 .d-flex .uploaded-salary,
.custom-style #upload-doc2 .d-flex .outsideItr,
.custom-style #upload-doc2 .d-flex .uploaded-bank2,
.custom-style #upload-doc2 .d-flex .uploaded-form {
  position: absolute;
  left: 154px;
}
.custom-style #upload-doc2 h6 {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 19px;
}
.custom-style #browseForm h6 {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 19px;
}

.customDatePickerWidth,
.customDatePickerWidth > div.react-datepicker-wrapper,
.customDatePickerWidth
  > div
  > div.react-datepicker__input-container
  .customDatePickerWidth
  > div
  > div.react-datepicker__input-container
  input {
  width: 100%;
}

.date-picker-input {
  width: 450px;
  height: 55px;
  border: 1px solid #f2e4d6;
  padding-left: 20px !important;
  border-radius: 5px;
  box-sizing: border-box;
}
@media (min-width: 280px) and (max-width: 1023px) {
  .date-picker-input {
    width: 100%;
  }
}

.custom-select-arrow {
  background-position-x: 96% !important;
}

.custom-verify {
  margin: 0 !important;
  margin-left: 16px !important;
}

.custom-file-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
  font-size: 12px;
  color: #414141;
  width: 9.5rem;
}

input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  z-index: 10;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 5px 0 rgba(113, 113, 113, 0.39);
  -moz-box-shadow: 0 2px 5px 0 rgba(113, 113, 113, 0.39);
  box-shadow: 0 2px 5px 0 rgba(113, 113, 113, 0.39);
}

input[type="range"]::-ms-track {
  background-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-upper {
  background-color: #d4d4d4;
}

input[type="range"]::-ms-fill-lower {
  background-color: #f17c3a;
}

.mobile .input-lb-popup {
  width: 246px;
  height: 32px;
  border: 0.5px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  padding: 10px;
}
.mobile .d-flex-popup2 {
  display: flex;
}
.mobile .all-center-popup {
  margin: auto;
  width: 100%;
  padding: 10px;
}
.mobile .d-flex-popup {
  display: flex;
}
.mobile .m-l-40-popup {
  margin-left: 40px;
}
.mobile .all-center-popup2 {
  margin: auto;
  width: 97%;
  padding: 10px;
}
.mobile .m-tb-35-mob {
  margin: 35px 0px;
}
.mobile .m-side-20-mobile {
  margin: 0px 20px;
}
.mobile .big-line {
  width: 40vw;
  height: 14px;
  border-bottom: 2px dashed orange;
}
.mobile .small-line {
  width: 5vw;
  height: 14px;
  border-bottom: 2px dashed orange;
}
.mobile .num-deactive-aadhar {
  color: rgba(252, 153, 60, 0.5);
  background: #ffffff;
  font-size: 12px;
  padding: 3px 10px;
  border: 1px solid rgba(252, 152, 60, 0.5);
  border-radius: 5px;
  z-index: 10;
}

/* Customize loan start Anil vishwakarma*/
.slider-marks {
  justify-content: space-between;
}

.css-yvszuv-Slider {
  width: 100% !important;
}
.customise-head .sec-custom {
  padding: 40px 0px !important;
}

.sec-custom .customise-main {
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}

.v-sec-custom .customise-main {
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}

.final-customise-amt {
  border-top: 0.75px solid #f27b1a;
}

/* HL OD slider CSS */
.custom-slider-HL-Od .rc-slider-handle {
  bottom: 0px !important;
  top: 2px !important;
  width: 20px;
  height: 20px;
  border: 0px solid;
  box-shadow: 0px 3px 9px 0px #878787;
}
.custom-slider-HL-Od .rc-slider-handle-click-focused:focus {
  box-shadow: 0px 3px 9px 0px #878787;
}
.custom-slider-HL-Od .rc-slider-track{
  background-color: #f27b1a;
  height: 8px;
}
.custom-slider-HL-Od .rc-slider-rail {
  height: 8px;
}
.custom-slider-HL-Od .rc-slider-step {
  height: 8px;
}
.custom-slider-HL-Od .rc-slider-disabled {
  background: none;
}

.custom-slider-HL-Od .rc-slider-disabled .rc-slider-handle {
  box-shadow: 0px 3px 9px 0px #878787;
}


/* Slider CSS Anil Vishwakarma */
.custom-box-checkbox {
  background-color: #f3841d41;
  color: #944104;
  border: 1px solid #f27c32;
  border-radius: 8px;
}

.rc-slider-handle {
  bottom: 0px !important;
  width: 20px;
  height: 20px;
}

.range-slider-div .rc-slider-rail {
  height: 10px;
}

.range-slider-div .rc-slider-track {
  height: 10px;
  background-color: #f17c3a;
}

.range-slider-div .rc-slider-dot {
  display: none;
}

.range-slider-div .rc-slider-mark span:nth-child(2) {
  right: -2px;
}

.popup {
  max-height: 70vh;
  overflow-y: scroll;
}

@media only screen and (max-width: 1122px) {
  .mobile .browse-cont1 {
    flex-wrap: wrap;
  }
  .mobile .popup {
    overflow-y: scroll;
    height: 70vh;
  }
  .mobile .popup-height {
    overflow-y: scroll;
    max-height: 100vh !important;
    height: 100vh;
  }
  .mobile .details-sub h4 {
    margin: 22px 0px 12px 0px;
  }
  .mobile .m-tb-35-mob {
    margin: 15px 0px;
  }
  .mobile .browse-cont1 {
    flex-wrap: wrap;
  }
  .mobile .browse-cont2 {
    flex-wrap: wrap;
  }
  .mobile .browse-cont3 {
    flex-wrap: wrap;
  }
  .mobile .browse-cont4 {
    flex-wrap: wrap;
  }
  .mobile .popup {
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 700px) {
  .Cibil {
    height: 18%;
    width: 8%;
    padding: 11px;
    font-size: 14px;
  }
  .mobile .input-lb-popup {
    width: 100%;
  }
  .mobile .d-flex-popup2 {
    display: block;
  }
  .mobile .w-200 {
    width: 34%;
  }
  .stylesheet .w-300 {
    width: 20%;
  }
  .mobile .m-side-30-down {
    margin: 0% 5% 0% 47%;
  }
  .mobile .gray-box-2 {
    width: 316.57px;
  }
  .mobile .gray-box-2 h4 {
    font-weight: bold;
    font-size: 16px;
  }
  .mobile .d-flex-aadhar {
    display: block;
  }
}
@media only screen and (min-width: 700px) {
  .Cibil {
    height: 18%;
    width: 8%;
    padding: 11px;
    font-size: 14px;
  }
  .mobile .desktop-hide {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .Cibil {
    height: 18%;
    width: 8%;
  }
  .mobile .modal label {
    font-size: 10px;
  }
  .mobile .popup {
    width: 77%;
  }
  .mobile .m-side-30-down {
    margin: 0% 5% 0% 37%;
  }

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

  .center-ta img {
    max-width: 100%;
  }

  .center-all {
    width: 90%;
    height: auto;
  }

  .btn-org {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
  }

  .btn-org img {
    width: 1rem;
    margin-top: 0;
  }

  .main-card-small h2 img {
    width: 1.5rem;
    margin-top: 0;
  }

  .main-card-small {
    height: auto;
    margin-left: 0;
    margin-bottom: 2rem;
  }

  .small-cards {
    height: auto;
  }

  .center-all .m-all-50 {
    margin: 0 0 1rem 0;
    width: 60%;
  }

  .green-card-fill,
  .mustard-card-fill,
  .purple-card-fill {
    width: 100%;
  }
}
@media only screen and (max-width: 525px) {
  .Cibil {
    height: 13%;

    width: 25%;
  }
  .mobile .popup {
    width: 88%;
  }
}
@media only screen and (max-width: 490px) {
  .Cibil {
    height: 13%;

    width: 25%;
  }
  .mobile .m-l-40-popup {
    margin-left: 0px;
  }
  .mobile .d-flex-popup {
    display: block;
  }
  .mobile .input-lb-popup {
    width: 86%;
  }
  .mobile .close-popup2 {
    top: 38px;
  }
}
@media only screen and (max-width: 440px) {
  .Cibil {
    height: 11%;
    width: 23%;
    padding: 4px;
    font-size: 13px;
  }
  .mobile .m-side-30-down {
    margin: 0% 5% 0% 28%;
  }
  .mobile .w-200 {
    width: 44%;
  }
  .stylesheet .w-300 {
    width: 28%;
  }
}
@media only screen and (max-width: 377) {
  .Cibil {
    height: 13%;

    width: 25%;
  }
  .mobile .m-side-30-down {
    margin: 0% 5% 0% 17%;
  }
  .mobile .details-sub h3 {
    line-height: 27px;
  }
  .mobile .popup {
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 370px) {
  .mobile .rate {
    margin: 0px 23px;
  }
  .mobile .details-sub-orange {
    width: 298.5px;
  }
}
@media only screen and (max-width: 356px) {
  .Cibil {
    height: 13%;

    width: 25%;
  }
  .mobile .details-sub h3 {
    line-height: 27px;
  }
  .mobile .bg-line-long {
    width: 16%;
  }
  .mobile .details-sub-orange {
    width: 282.5px;
  }
  .mobile .rate {
    margin: 0px 19px;
  }
}
@media only screen and (max-width: 330px) {
  .mobile .green h5 {
    font-size: 13px;
  }
  .mobile .btn-white {
    font-size: 13px;
  }
  .mobile .details-sub h3 {
    line-height: 27px;
  }
  .mobile .bg-line-long {
    width: 16%;
  }
  .mobile .rate {
    margin: 0px 14px;
  }
  .mobile .details-sub-orange {
    width: 256.5px;
  }
}

.detail .section-nav2 h4 {
  flex: 1;
}
.detail .section-nav2 .details {
  margin-left: auto;
  margin-right: 8%;
}
.detail .benefit-card {
  width: 20%;
  align-items: start;
  margin-right: 2rem;
}
.detail .benefit-card h6 {
  margin: 0;
}
.detail .wrap {
  flex-wrap: wrap;
}
.detail .documents {
  width: 80%;
  flex-wrap: wrap;
}
.detail .documents .documents-card {
  margin-right: 2rem;
  margin-bottom: 1.5rem;
  align-items: center;
}
.detail .documents .documents-card img {
  margin-right: 0.5rem;
}
.detail .documents .documents-card h6 {
  margin: 0;
}
.detail .note {
  margin-top: 0rem;
}
.detail .start-kyc {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.detail .start-kyc .deactive-btn {
  display: flex;
  align-items: center;
}
.main-page .additional-input{
  display: inline;
  min-width: 340px;
  max-width: 19%;
  width: unset !important;
}
@media only screen and (max-width: 767px) {
  .detail .gray-box-3 {
    padding: 20px;
  }
  .detail .num-deactive {
    margin: 5px;
  }
  .detail .num-deactive-tick {
    margin: 5px;
  }
  .detail .bg-line {
    background: url(/ucj/media/v-line.22c1b407.svg) 19px 20px no-repeat;
    justify-content: space-between;
  }
  .detail .bg-line-long {
    width: 18%;
  }
  .detail .bg-line .num-org {
    margin: 5px;
  }
  .detail .bg-line .m-l-70 {
    margin-left: 0;
  }
  .detail .benefit-card {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .detail .section-small-gray {
    width: 65%;
  }
  .detail .verification-container {
    width: 75%;
  }
  .detail .gray-box-3 .active-gray {
    font-size: 14px;
  }
  .detail .gray-box-3 h5 {
    margin-top: 0;
  }
  .detail .gray-box-3 .deactive-gray {
    display: none;
  }
  .detail .documents {
    width: 100%;
  }
  .detail .start-kyc .deactive-btn {
    margin-bottom: 30px;
  }
  .detail .section-nav2 {
    background: #ffffff;
  }
  .detail .dropdown-img {
    margin-left: auto;
  }
  .detail .num-org {
    padding: 6px 10px !important;
  }
  .main-page .additional-input{
    display: inline;
    min-width: 360px;
    max-width: 19%;
    width: unset !important;
  }
}
.detail .verification-timeline .num-org,
.detail .verification-timeline .num-deactive,
.detail .verification-timeline .num-deactive-tick {
  margin: 20px 0;
  position: relative;
}
.detail .verification-timeline h6 {
  position: relative;
  max-width: 170px;
}
.detail .verification-timeline .num-deactive + h6 img {
  position: absolute;
  left: -34px;
}
.detail .verification-timeline .m-l-70 {
  margin-left: 95px;
}

.detail .verification-timeline .m-l-90 {
  margin-left: 185px;
}

.detail .verification-container .gray-box-3 {
  padding-bottom: 1.5rem;
}

.stylesheet body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.stylesheet .anchor-head {
  text-decoration: none;
}
.stylesheet .grey {
  padding-top: 5px;
  background: #fafafa;
  padding-bottom: 30px;
}
.stylesheet header .header-section {
  width: 100%;
}
.stylesheet .section-nav {
  width: 86%;
  height: 65px;
  margin: 30px 0px;
  background: #f6f6f6;
  border: 0.5px solid rgb(242 123 40);
  box-sizing: border-box;
  border-radius: 5px;
}
.stylesheet section .section-nav h4 {
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #414141;
  flex: 1;
}
.stylesheet .section-nav2 {
  width: 86%;
  height: 65px;
  margin: 0px 0px 30px 0px;
  background: #fff;
  border: 0.5px solid #cfd7ed;
  box-sizing: border-box;
  border-radius: 5px;
}
.stylesheet .section-small-gray {
  width: 82%;
  height: 20px;
  margin: 30px 120px 0px 120px;
  background: #fff;
  border: 0.5px solid #cfd7ed;
  box-sizing: border-box;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 0;
}
.stylesheet section .section-nav2 h4 {
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #414141;
}
.stylesheet .details {
  display: flex;
  justify-content: space-between;
  width: 65% !important;
  margin-right: 2rem;
}
.stylesheet .details p {
  margin: 10px 0px 0px 0px;
  text-transform: capitalize;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.0025em;
  color: #414141;
}
.stylesheet #bank-statement,
.stylesheet #form26,
.stylesheet #salary-slip,
.stylesheet #Itr {
  padding: 0.5rem 2rem 0.5rem 0.7rem;
}
.stylesheet #fillForm2 {
  display: none;
}
.stylesheet .details h6 {
  margin: 2px 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.0025em;
  color: #646363;
}
.stylesheet .d-flex {
  display: flex;
}
.stylesheet .d-flex-upload {
  display: flex;
}
.stylesheet .d-flex-form {
  display: flex;
}
.stylesheet .d-flex-email {
  display: flex;
}
.stylesheet .d-flex-loanoption {
  display: flex;
}
.stylesheet .d-flex-aadhar {
  display: flex;
}
.stylesheet .checkbox-label input:checked ~ .checkbox {
  background: #f27b1a !important;
}
.stylesheet .space-between {
  justify-content: space-between;
}
.stylesheet .grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1.65fr 1.5fr;
}
.stylesheet .grid .grid-first-col {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.stylesheet .grid .timer-img {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
.stylesheet .grid .timer-img .box2-org {
  align-items: center;
}
.stylesheet .grid .timer-img .box2-org img {
  max-width: 100%;
  -o-object-fit: contain;
}
.stylesheet .space {
  justify-content: space-between;
}
.stylesheet .section-details {
  width: 100% !important;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 5px;
}
.stylesheet .center {
  align-items: center;
}
.stylesheet .center-ta {
  text-align: center;
}
.stylesheet .details-sub h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin: 22px 0px 40px 0px;
  color: #414141;
}
.stylesheet .details-sub h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #414141;
}
.stylesheet .details-sub-orange {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  box-sizing: border-box;
  border-radius: 10px;
}
.stylesheet .details-sub-orange .details-org {
  width: 100%;
  padding: 20px;
}
.stylesheet .details-sub-orange h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 21px;
  color: #414141;
}
.stylesheet .details-org {
  display: flex;
  justify-content: space-between;
}
.stylesheet .details-org h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  font-weight: 40;
  color: #414141;
}
.stylesheet .details-org h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #414141;
}
.stylesheet .box {
  width: 275px;
  margin: auto;
  margin-bottom: 3rem;
}
.stylesheet .down {
  float: right;
  cursor: pointer;
  padding: 20px;
  position: relative;
  left: 30px;
  top: 10px;
}
.stylesheet .details-sub-orange h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 21px;
  color: #414141;
}
.stylesheet .type {
  display: flex;
  justify-content: space-between;
  width: 432px;
}
.stylesheet .box1 {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px 10px 0px 0px;
}
.stylesheet .purple {
  background: #ffffff;
  border: 2px solid #e0d8ff;
  box-sizing: border-box;
  border-radius: 5px;
  width: 285px;
  height: 45px;
}
.stylesheet .purple:hover {
  background-color: #e0d8ff;
}
.stylesheet .m-l-11p {
  margin-left: 11%;
}
.stylesheet .m-l-40 {
  margin-left: 40px;
}
.stylesheet .m-l-50 {
  margin-left: 50px;
}
.stylesheet .m-l-70 {
  margin-left: 70px;
}
.stylesheet .m-l-163 {
  margin-left: 163px;
}
.stylesheet .m-l-120 {
  margin-left: 120px;
}
.stylesheet .m-l-115 {
  margin-left: 115px;
}
.stylesheet .m-l-30 {
  margin-left: 30px;
}
.stylesheet .m-l-82 {
  margin-left: 82px;
}
.stylesheet .m-l-33 {
  margin-left: 33px;
}
.stylesheet .m-l-64 {
  margin-left: 64px;
}
.stylesheet .m-l-38 {
  margin-left: 38px;
}
.stylesheet .m-r-30 {
  margin-right: 30px;
}
.stylesheet .m-b-20 {
  margin-bottom: 20px;
}
.stylesheet .m-b-50 {
  margin-bottom: 50px;
}
.stylesheet .m-b-15 {
  margin-bottom: 15px;
}
.stylesheet .m-r-2-5 {
  margin-right: 2.5%;
}
.stylesheet .m-l-2-5 {
  margin-left: 2.5%;
}
.stylesheet .container {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stylesheet .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#verifyDetailsPage .container #esignCheck {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#verifyDetailsPage .container input {
  position: relative;
  opacity: 1;
  height: auto;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  #verifyDetailsPage .org-fill .mob-flex .select {
    width: 100%;
  }
}

.stylesheet .check {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #ffffff;
  border: 0.5px #eee;
  border: 1px solid #f27b1a;
  border-radius: 2px;
  /* Changed as per designs Nickb */
}
.stylesheet .check:after {
  content: "";
  position: absolute;
  display: none;
}
.stylesheet .container input:checked ~ .check:after {
  display: block;
}
.stylesheet .container .check:after {
  left: 4px;
  top: 0px;
  width: 6px;
  height: 9px;
  border: 0px solid white;
  border-width: 0px 2px 2px 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.stylesheet .green {
  border: 2px solid #aeebce;
  box-sizing: border-box;
  border-radius: 5px;
  width: 300px;
  height: 45px;
}

.stylesheet .green:hover {
  background-color: #aeebce;
}

/* upload documents css*/
.stylesheet .custom-green:hover {
  background-color: #aeebce !important;
}
.stylesheet .custom-green {
  border: 2px solid #aeebce;
  box-sizing: border-box;
  border-radius: 5px;
  width: 282px;
  height: 45px;
  background: #ffffff !important;
}

.stylesheet .custom-blue {
  border: 2px solid #d5dbf8;
  box-sizing: border-box;
  border-radius: 5px;
  width: 282px;
  height: 45px;
  background: #ffffff !important;;
}
.stylesheet .custom-blue:hover {
  background-color: #d5dbf8 !important;
}
.stylesheet .custom-blue h5 {
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  color: #3458f5;
}

.stylesheet .custom-purple {
  background: #ffffff;
  border: 2px solid #e0d8ff;
  box-sizing: border-box;
  border-radius: 5px;
  width: 282px;
  height: 45px;
}
.stylesheet .custom-purple:hover {
  background-color: #e0d8ff !important;
}

.stylesheet .custom-upload-inputs {
  width: 100% !important;
}

.stylesheet .custom-add-upload-inputs {
  width: 100% !important;
}

.stylesheet .custom-reference-inputs {
  width: 100% !important;
}
/* -------------------- */

.stylesheet .blue {
  border: 2px solid #d5dbf8;
  box-sizing: border-box;
  border-radius: 5px;
  width: 290px;
  height: 45px;
}
.stylesheet .blue:hover {
  background-color: #d5dbf8;
}
.stylesheet .blue h5 {
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  color: #3458f5;
}
.stylesheet .custom-blue h5 {
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  color: #3458f5;
}
.stylesheet .rate {
  margin: 0px 30px;
}
.stylesheet .rate h5 {
  margin: 0;
}
.stylesheet .rate h6 {
  font-size: 30px;
  margin: 8px 0px;
}
.stylesheet .rate h4 {
  margin: 0;
}
.stylesheet .purple-fill {
  background: #e0d8ff;
  width: 45px;
  height: 42px;
}
.stylesheet .blue-fill {
  background: #d5dbf8;
  width: 45px;
  height: 42px;
}
.stylesheet .org-div h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 21px;
  color: #414141;
  margin: 25px 0px;
}
.stylesheet .green-fill {
  background: #aeebce;
  border: 1px solid #aeebce;
  box-sizing: border-box;
  width: 45px;
  height: 42px;
}
.stylesheet .color-img {
  padding: 10px;
}
.stylesheet .m-15 {
  margin: 15px;
}
.stylesheet .italic1 {
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  line-height: 19px;
  color: #414141;
}
.stylesheet .orange-sec h5,
.stylesheet p {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #414141;
}
.stylesheet .btn-org,
.stylesheet .btn-org-invert {
  text-decoration: none;
  text-transform: uppercase;
  background: #f17b23;
  border: 1px solid #f17b23;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  padding: 17px 25px;
}
.stylesheet .btn-white {
  text-decoration: none;
  background: white;
  color: #f27b1a;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  padding: 15px 35px;
}
.stylesheet .btn-white:hover {
  background: #f27b1a;
  color: #fff;
}
.stylesheet .box1 h6 {
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  color: #414141;
}
.stylesheet .box2 h6 {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 17px;
  color: #414141;
}
.stylesheet .par {
  font-style: italic;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  margin: 2px;
}
.stylesheet .section3 h6 {
  margin: 19px 0px 4px 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #414141;
}
.stylesheet .hover-blue:hover {
  font-weight: bolder;
}
.stylesheet .type h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  margin-right: 15px;
  color: #414141;
  margin: 0px;
}
.stylesheet .section3 h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #414141;
}
.stylesheet .purple h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  color: #6d4dee;
}
.stylesheet .custom-purple h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  color: #6d4dee;
}
.stylesheet .green h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  color: #007a40;
}
.stylesheet .custom-green h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 12px;
  color: #007a40;
}

.stylesheet .box1 h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  color: #414141;
}
.stylesheet .box2 h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: #414141;
}
.stylesheet .main-header .orange-strip {
  height: 50px;
  width: 100%;
  background: linear-gradient(180deg, #f58f22 1.19%, #ef6712 100%);
}
.stylesheet .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.stylesheet .m-side-106 {
  margin: 0px 106px;
}
.stylesheet .m-side-30 {
  margin: 0px 30px;
}
.stylesheet .m-side-30-down {
  margin: 0px 30px;
}
.stylesheet .m-side-20 {
  margin: 0px 20px;
}
.stylesheet .m-side-19 {
  margin: 0px 19px;
}
.stylesheet .m-side-10 {
  margin: 0px 10px;
}
.stylesheet .m-side-40 {
  margin: 0px 40px;
}
.stylesheet .m-side-45 {
  margin: 0px 45px;
}
.stylesheet .m-t-15 {
  margin-top: 15px;
}
.stylesheet .orange-sec {
  background: #fff2e3;
  border-radius: 0px;
  min-height: 77vh;
  padding-bottom: 20px;
  display: flex;
}
.stylesheet .white-sec h5 {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.2px;
  color: #fc983c;
}
.stylesheet .main-heading {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  color: #414141;
}
.stylesheet .font-30 {
  font-size: 30px;
}
.stylesheet .deactive {
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #414141;
  opacity: 0.2;
}
.stylesheet .deactive-btn {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: white;
  background: #c4c4c4;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  pointer-events: none;
  border: 1px solid currentColor;
}
.stylesheet .gray-box {
  background: #f5f5f5;
  border-radius: 5px;
  width: 355px;
  padding-left: 22px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
.stylesheet .mr-auto {
  margin-right: auto;
}
.stylesheet .gray-box h6 {
  margin: 12px 0px;
  font-size: 14px;
  font-weight: 400;
}
.stylesheet .successful {
  display: none;
  position: absolute;
  left: 25rem;
  bottom: 22px;
  width: 18px;
  /* Changes done by NickB */
}
.stylesheet .cursor {
  cursor: pointer;
}
.stylesheet .move-up {
  position: relative;
  bottom: 20px;
}
.stylesheet .move-up-10 {
  position: relative;
  bottom: 10px;
}
.stylesheet .m-l-10 {
  margin-left: 10px;
}
.stylesheet .m-l-9 {
  margin-left: 9px;
}
.stylesheet .m-top-neg-6 {
  margin-top: -6px;
}
.stylesheet .m-top-neg-4 {
  margin-top: -4px;
}
.stylesheet .m-t-5 {
  margin-top: 5px;
}
.stylesheet .m-t-10 {
  margin-top: 12px;
}
.stylesheet .m-t-50 {
  margin-top: 50px;
}
.stylesheet .m-t-80 {
  margin-top: 80px;
}
.stylesheet .m-all-10 {
  margin: 10px;
}
.stylesheet .m-all-5 {
  margin: 5px;
}
.stylesheet .m-all-15 {
  margin: 15px;
}
.stylesheet .m-all-12 {
  margin: 12px;
}
.stylesheet .m-all-18 {
  margin: 18px;
}
.stylesheet .m-all-50 {
  margin: 50px;
}
.stylesheet .tick-green {
  background: #4bc7a2;
  border-radius: 5px;
  padding: 7px;
  margin: 0px 20px;
}
.stylesheet .tick-green-new {
  background: #4bc7a2;
  border-radius: 5px;
  padding: 7px;
  margin: 22px 17px 17px 17px;
}
.stylesheet .box-img {
  background: #fc983c;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  width: 43px;
  height: 43px;
  margin: 40px 6px;
  z-index: 10;
  padding: 10px;
}
.stylesheet .sec {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #414141;
}
.stylesheet .m-0 {
  margin: 0;
}
.stylesheet .sec-img {
  margin: 0px 24px;
}
.stylesheet .box1-org {
  width: 100%;
  padding: 1.4rem 4rem 1.4rem 2rem;
  background: #ffffff;
  border-radius: 5px;
  border: none;
  outline: none;
  font-size: 14px;
  border: 1px solid #f2e4d6 !important;
}
.stylesheet .box2-org {
  height: 70px;
  width: 98%;
  background: #f3841d41;
  border-radius: 5px;
  position: relative;
  margin-top: 0rem;
}
.stylesheet .box2-org .line2-2 {
  top: -2rem;
  right: 1rem;
  position: absolute;
  left: auto;
}
.stylesheet .box2-org .line1 {
  left: 16px;
  top: -2rem;
}
.stylesheet .abso-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.stylesheet .abso-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.stylesheet .dot-1 {
  position: absolute;
  left: 12px;
  top: 10px;
}
.stylesheet .dot-2 {
  position: absolute;
  right: 12px;
  top: 8px;
}
.stylesheet .dot-3 {
  position: absolute;
  top: 50px;
  left: 12px;
}
.stylesheet .dot-4 {
  position: absolute;
  top: 50px;
  right: 12px;
}
.stylesheet .back-img {
  position: relative;
  top: 7px;
  margin-right: 7px;
}
.stylesheet .back {
  margin: 36px 0px 0px 12px;
}
.stylesheet .abso {
  position: absolute;
}
.stylesheet .box2-org h6,
.stylesheet .box2-org-2 h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #944104;
  padding: 0 2rem 0 0;
  margin: 15px 0;
  align-items: center;
}
.stylesheet .box2-org h5 {
  margin: 14px 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #944104;
}
.stylesheet .m-tb-50 {
  margin: 5px 0px 50px;
}
.stylesheet .m-side-150 {
  margin: 0px 150px;
}
.stylesheet .box2-org-2 {
  position: relative;
  height: 70px;
  width: 95%;
  background: #f3841d41;
  border-radius: 5px;
}
.stylesheet .no-adhar {
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #f27b1a;
  margin-top: 3rem;
}
.stylesheet input {
  outline: none;
}
.stylesheet .enter-otp {
  width: 25%;
  height: 60px;
  background: #ffffff;
  border: none;
  font-size: 30px;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #f2e4d6 !important;
}
.stylesheet .back-btn2 {
  position: relative;
  top: 3px;
}
.stylesheet .otp-re {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #f3831d;
}
.stylesheet #step1 {
  display: none;
  width: 100%;
  margin: 50px 240px 0px 30px;
}
.stylesheet #step2 {
  display: none;
}
.stylesheet #step3 {
  display: none;
}
.stylesheet .line-long {
  position: absolute;
  top: 257px;
  left: 132px;
  transform: translate(-50%);
  z-index: 3;
}
.stylesheet .line {
  position: absolute;
  transform: translate(-50%);
  z-index: 3;
}
.stylesheet .succ-para {
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  /* Changes done by NickB */
  margin: 0px 0px 30px -6px;
  color: #414141;
}
.stylesheet .num-org {
  color: white;
  background-color: #f3831d;
  border: 1px solid #f3831d;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0;
  z-index: 10;
}
.stylesheet .profile-btns {
  color: black;
  background-color: #f3dbc4;
  border: 1px solid #f3dbc4;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 14px;
  margin: 20px 0;
  z-index: 10;
}
.stylesheet .selected {
  background-color: #f3831d;
  border: 1px solid #f3831d;
  color: white;
}

.stylesheet .btns-bottom {
  margin-bottom: 10px;
}
.stylesheet .dependents {
  background-color: #e9bb8f2d;
  padding: 5px 5px 5px 10px;
  border-radius: 5px;
  display: table-cell;
}
.stylesheet .num-deactive {
  color: rgba(252, 153, 60, 0.5);
  background: #ffffff;
  font-size: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(252, 152, 60, 0.5);
  border-radius: 5px;
  margin: 20px;
  z-index: 10;
}
.stylesheet .num-deactive-1 {
  color: rgba(252, 153, 60, 0.5);
  background: #ffffff;
  font-size: 12px;
  padding: 3px 10px;
  border: 1px solid rgba(252, 152, 60, 0.5);
  border-radius: 5px;
  margin: 12px;
  z-index: 10;
}
.stylesheet .num-deactive-tick {
  color: rgba(252, 153, 60, 0.5);
  background: #ffffff;
  font-size: 12px;
  padding: 5px 6px;
  border: 1px solid rgba(252, 152, 60, 0.5);
  border-radius: 5px;
  margin: 20px;
  z-index: 10;
  box-sizing: border-box;
  padding: 5px;
}
.stylesheet .m-r-7 {
  margin-right: 7px;
}
.stylesheet .m-r-15 {
  margin-right: 15px;
}
.stylesheet .m-r-184 {
  margin-right: 184px;
}
.stylesheet .m-l-7 {
  margin-left: 7px;
}
.stylesheet .box1-org-1 {
  width: 100%;
  height: 15px;
  background: #ffffff;
  border-radius: 5px;
  border: none;
}
.stylesheet .p-side-30 {
  padding: 0px 30px;
}
.stylesheet .p-side-36 {
  padding: 0px 36px;
}
.stylesheet .p-b-50 {
  padding-bottom: 50px;
}
.stylesheet .p-line {
  padding: 0% 14% 0% 9%;
}
.stylesheet .p-side-40 {
  padding: 0px 40px;
}
.stylesheet .p-all-50 {
  padding: 50px;
}
.stylesheet .p-all-25 {
  padding: 25px;
}
.stylesheet .p-all-25-org {
  padding: 5px;
}
.stylesheet .p-15-34 {
  box-sizing: border-box;
  padding: 15px 25px;
}
.stylesheet .float-r {
  float: right;
}
.stylesheet .heading-aadhar {
  display: none;
  margin: 0px 0px 10px 0px;
}
.stylesheet .tick-org {
  color: white;
  background-color: #f3831d;
  padding: 5px;
  height: 6px;
}
.stylesheet .green-line {
  position: relative;
  right: 33px;
  top: 22px;
}
.stylesheet .blue-num {
  margin: 0px 13px;
  color: darkblue;
  background: #d4e3ee;
  border: 1px solid #d4e3ee;
  padding: 6px 10px;
  border-radius: 5px;
}
.stylesheet .blue-line {
  position: relative;
  left: 32px;
  bottom: 18px;
}
.stylesheet .time-money-img {
  margin: 0px 23px 0px 30px;
}
.stylesheet .m-side-18 {
  margin: 0px 18px;
}
.stylesheet .heading-2 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #414141;
  width: 100%;
}
.stylesheet .check-orange {
  width: 17px;
  height: 17px;
  margin: 2px 0 2px 0;
  background: #ddd;
  border-radius: 100%;
  position: relative;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.stylesheet .inner {
  display: block;
  width: 12.75px;
  height: 12.75px;
  border-radius: 100px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  position: absolute;
  top: 2.125px;
  left: 2.125px;
  z-index: 1;
  background: #eee;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
}
.stylesheet .gray-box-2 {
  width: 640px;
  background: #ffecdb;
  border: 0.5px solid #faa232;
  border-radius: 10px;
  margin-left: -50px;
  padding-bottom: 25px;
}
.stylesheet .gray-box-2 {
  width: 640px;
  background: #ffecdb;
  border: 0.5px solid #faa232;
  border-radius: 10px;
  margin-left: -50px;
  padding-bottom: 22px;
  margin: 0 10px 0 0px;
}
.stylesheet .gray-box-2 h4 {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px !important;
  text-align: center;
  margin-bottom: 10px;
}
.stylesheet .gray-box-2 h6 {
  margin: 8px 0px;
  font-size: 14px;
  font-weight: 400;
}
.stylesheet .form input {
  width: 246px;
  height: 32px;
  border: 0.75px solid var(--mainBorder);
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 5px;
  padding-left: 5px;
  font-size: 12px;
}

.green-border{
  border: 0.75px solid var(--highlightBorder) !important;
}
.green-border:focus{
  border: 0.75px solid var(--mainBorder) !important;
}

.green-border:has(input:focus) {
  border: 0.75px solid var(--mainBorder) !important;
}

.stylesheet .form label {
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #414141;
}
.stylesheet .form select {
  width: 246px;
  height: 32px;
  border: 0.75px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 5px;
  padding: 0px 10px;
  background: url(/ucj/media/down-arrow-lb.97aa5196.svg) no-repeat right 11px;
  -webkit-appearance: none;
  background-position-x: 222px;
}
.stylesheet .w-13 {
  width: 13px;
}
.stylesheet .w-170 {
  width: 170px;
}
.stylesheet .btn-center {
  display: flex;
  text-align: center;
  justify-content: center;
}
.stylesheet #fillForm {
  display: none;
}
.stylesheet #verify {
  display: none;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  color: #4bc7a2;
  bottom: 7px;
  height: 18px;
  top: 50%;
  margin-top: 40px;
}
.stylesheet #verify {
  display: none;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #4bc7a2;
}
.stylesheet .upload input,
.stylesheet .manual input {
  width: 180px;
  height: 32px;
  border: 0.75px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px 0px 0px 4px;
  margin-top: 5px;
  border-right: 0;
}
.stylesheet .upload button,
.stylesheet .manual button {
  width: 81px;
  height: 32px;
  background: #ffffff;
  border: 0.75px solid #176abe;
  box-sizing: border-box;
  border-radius: 0px 4px 4px 0px;
  margin-top: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  align-items: center;
  text-transform: uppercase;
  color: #176abe;
}
.stylesheet .upload label,
.stylesheet .manual label,
.stylesheet .modal label {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.20000000298023224px;
  text-align: left;
}
.stylesheet .search-blue {
  position: relative;
  right: 3px;
}
.stylesheet #upload {
  display: none;
}
.stylesheet .input-lb {
  width: 246px;
  height: 32px;
  border: 0.5px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  padding: 10px;
}
.stylesheet .w-290 {
  width: 83%;
}
.stylesheet .w-200 {
  width: 17%;
}
.stylesheet .w-300 {
  width: 10%;
}
.stylesheet #manual {
  display: block;
}
.stylesheet .radio-flex {
  display: flex;
  align-items: center;
  padding: 5px 0;
  width: 100%;
}
.stylesheet .radio-content {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
}
.stylesheet .radio-content:first-child {
  margin-right: 2rem;
}
.stylesheet .radio-content input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 0;
}
.stylesheet #pan {
  width: 60px;
}
.stylesheet #form-60 {
  width: 80px;
}
.stylesheet .radio-content input:checked ~ .checkmark:after,
.stylesheet .checkbox-label input:checked ~ .checkmark:after {
  display: block;
}
.stylesheet input:checked ~ .check {
  background: #f27b1a !important;
  border-color: transparent;
}
.stylesheet .radio-content input[type="radio"] + label {
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
  margin-left: 2rem;
  letter-spacing: 0.43px;
}
.stylesheet .radio-content .checkmark {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  height: 17.5px;
  width: 17.5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.07),
    inset 1px 0px 1px 0px rgba(0, 0, 0, 0.07);
  border: none;
}
.stylesheet .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.stylesheet .radio-content .checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f27b1a;
}
.stylesheet #btnDelete {
  display: none;
}
.stylesheet #verifyUpload {
  display: none;
  position: relative;
  right: 102px;
}
.stylesheet .modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.stylesheet .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 53px;
  border: 1px solid #888;
  width: 50%;
  background: #ffffff;
  border: 0.5px solid #cfd7ed;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
  border-radius: 10px;
}
.stylesheet .modal-content2 {
  background-color: #fefefe;
  margin: auto;
  padding: 24px;
  border: 1px solid #888;
  width: 50%;
  background: #ffffff;
  border: 0.5px solid #cfd7ed;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.stylesheet .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.stylesheet .close:hover,
.stylesheet .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.stylesheet .close2 {
  color: #aaaaaa;
  float: right;
  position: relative;
  top: 20px;
}
.stylesheet .close2:hover,
.stylesheet .close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.stylesheet .italic {
  font-style: italic;
  font-weight: 200;
  font-size: 10px;
}
.stylesheet .modal h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 17px;
  color: #626262;
}
.stylesheet .main-img {
  position: relative;
  top: 27px;
}
.stylesheet .move-down {
  position: relative;
  top: 30px;
}
.stylesheet .move-down-12 {
  position: relative;
  top: 11px;
}

.support-login {
  display:block !important;
  align-items: center;
}

.td_column_bootstrap {
  background-color: red !important;
}

.td_column_plain {
  background-color: none !important;
}

.stylesheet .move-down-17 {
  display: inline-block;
  margin: 16px 0px;
}
.stylesheet .main-details {
  margin: 30px 0px;
  width: 1160px;
  border-radius: 5px;
  background-color: white;
  border: 0.5px solid #f27b28;
}
.stylesheet .uploaded-bank {
  position: relative;
  right: 106px;
  top: 2px;
  display: none;
}
.stylesheet .uploaded-form {
  position: relative;
  right: 106px;
  top: 2px;
  display: none;
}
.stylesheet .uploaded-salary {
  position: relative;
  right: 106px;
  top: 2px;
  display: none;
}
.stylesheet .uploaded-salary-2 {
  position: relative;
  right: 106px;
  top: 12px;
  display: none;
}
.stylesheet .uploaded-itr {
  position: relative;
  right: 106px;
  top: 2px;
  display: none;
}
.stylesheet .btn {
  background: #fff;
  cursor: pointer;
  outline: none;
  color: white;
  padding: 6px 10px;
  border-radius: 5px;
  text-transform: uppercase;
  display: inline-block;
}
.stylesheet .gray-box-3 {
  background: #f5f5f5;
  border-radius: 5px;
  min-height: 195px;
  padding-left: 30px;
  padding-right: 33px;
  padding-top: 1px;
  padding-bottom: 1px;
  box-sizing: border-box;
}
.stylesheet .h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #414141;
  margin: 0px 0px 20px 0px;
}
.stylesheet .main-details h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #414141;
  margin: 0;
  margin: 20px 0px;
}
.stylesheet .main-details h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #414141;
}
.stylesheet .para {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #414141;
}
.stylesheet .gray-box-3 .deactive-gray {
  color: #818181;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}
.stylesheet .gray-box-3 .active-gray {
  color: #414141;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}
.stylesheet .org-img {
  margin-top: 3px;
  margin-right: 10px;
  width: 19px;
  height: 17px;
}
.stylesheet .org-img-3 {
  margin-top: 3px;
  margin-right: 10px;
  width: 30px;
  height: 17px;
}
.stylesheet .org-img-4 {
  margin-top: 5px;
  margin-right: 10px;
  width: 50px;
  height: 17px;
}
.stylesheet .v-line {
  position: absolute;
  top: 316px;
  right: 409px;
  z-index: 1;
}
.stylesheet .details-orange {
  width: 251px;
  background: #ffffff;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.stylesheet .details-fill-org {
  width: 542px;
  background: #ffffff;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 0.775316px 3.87658px rgba(222, 227, 242, 0.8);
  border-radius: 7.75316px;
}
.stylesheet .org-fill {
  width: 540px;
  background: #ffecdb;
  border: 0.5px solid #faa232;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 6px 6px 0px 0px;
}
.stylesheet .details-fill-org label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #414141;
}
.stylesheet .details-fill-org select {
  width: 174px;
  height: 38px;
  background: #ebedf6;
  box-shadow: inset 0px 2px 11px rgba(0, 0, 0, 0.007);
  border-radius: 5px;
  font-weight: 600;
  font-size: 15px;
  color: #414141;
}
.stylesheet .details-fill-org h5 {
  margin: 10px 0px 20px 0px;
}
.stylesheet .details-fill-org h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #414141;
  margin: 0px;
}
.stylesheet .m-tb-30 {
  margin: 30px 0px;
}
.stylesheet .m-tb-35 {
  margin: 35px 0px;
}
.stylesheet .m-tb-10 {
  margin: 10px 0px;
}
.stylesheet .org-fill h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 27px;
  color: #414141;
}
.stylesheet .org-fill h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 12px;
  color: #414141;
}
.stylesheet .details-orange h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin: 0px 0px 20px 0px;
  color: #414141;
}
.stylesheet .details-orange h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #414141;
  margin: 0;
}
.stylesheet .light-orange {
  background: #fcd6b4;
  border: none;
}
.stylesheet .congo {
  width: 61px;
  height: 58px;
}
.stylesheet .org-img-fill {
  margin: 11px 18px 0 0;
  position: relative;
  bottom: 30px;
  width: 16px;
}
.stylesheet .bg-line {
  background: url(/ucj/media/v-line.22c1b407.svg) 19px 33px no-repeat;
}
.stylesheet .bg-line-long {
  background: url(/ucj/media/long2.8c106456.svg) 33px 2px no-repeat;
  z-index: 1; /*SAFD - 166536 - Gayathri - 23-dec-22*/
}
.stylesheet .bg-line-long-tnc {
  background: url(/ucj/media/long2.8c106456.svg) 33px 2px;
  background-repeat: repeat-y;
}
.stylesheet hr {
  width: 142px;
}
.stylesheet .heading-big {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: #414141;
}
.stylesheet .m-49-4 {
  margin: 49px 4px;
}
.stylesheet .succ-box {
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
}
.stylesheet .succ-box h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: #414141;
  margin: 0;
}
.stylesheet .succ-box p {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.25px;
  color: #4a4a4a;
  margin: 0;
}
.stylesheet .succ-box h5 {
  font-weight: bold;
  font-size: 21.0857px;
  line-height: 29px;
  color: #414141;
}
.stylesheet .succ-box .light-orange {
  background: #ffecdb;
  border-radius: 5px;
  padding: 5px 12px;
}
.stylesheet .succ-box h6 {
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  text-align: center;
  color: #4a4a4a;
}
.stylesheet .succ-box h5 {
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0px;
  margin: 0;
}
.stylesheet .succ-box h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.25px;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
.stylesheet .column {
  float: left;
  padding: 10px;
}
.stylesheet .row:after {
  content: "";
  display: table;
  clear: both;
}
.stylesheet .aadhar-img {
  margin: 0px 7px;
  position: relative;
  bottom: 17px;
  width: 25px;
  height: 104px;
}
.stylesheet .checkbox-para {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
}
.stylesheet .checkbox {
  position: relative;
  top: 12px;
}
.stylesheet #otpSection {
  display: none;
}
.stylesheet #otpSection .par {
  width: 260px;
  margin-top: 6px;
  margin-bottom: 1.2rem;
}
.stylesheet #resendOtp {
  display: none;
}
.stylesheet .main-card-org {
  width: 917px;
  background: #ffecdb;
  border: 0.5px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.stylesheet input[type="password"]::-ms-reveal,
.stylesheet input[type="password"]::-ms-clear {
  display: none;
}
.stylesheet .main-card-org label,
.stylesheet .main-card-org-border label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #414141;
  text-transform: capitalize;
}
.stylesheet .main-card-org h5,
.stylesheet .main-card-org-border h5 {
  margin: 2px 0px 25px 0px;
  font-weight: 700;
  font-size: 18px;
  color: #414141;
}
.stylesheet .main-card {
  width: 444px;
  height: 300px;
  background: #ffffff;
  border: 0.5px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.stylesheet .main-card label,
.stylesheet .main-card-small label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #414141;
}
.stylesheet .main-card h5,
.stylesheet .main-card-small h5 {
  margin: 0px;
  font-weight: 700;
  font-size: 18px;
  color: #414141;
}
.stylesheet .main-card-org-border {
  width: 917px;
  background: #ffffff;
  border: 0.5px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.stylesheet .main-card-org-border .image {
  margin-bottom: 25px;
}
.stylesheet .main-card-org-border .image img {
  margin-right: 0.3rem;
}
.stylesheet .main-card-org-border h2 {
  font-size: 18px;
  letter-spacing: 0.71px;
  margin-bottom: 0;
  margin-top: 0;
  color: #4a4a4a;
}
.stylesheet .main-card-small {
  width: 48%;
  background: #ffffff;
  border: 0.5px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.stylesheet .main-card-small .details-card {
  margin-top: 20px;
}
.stylesheet .main-card-small h2 {
  font-size: 18px;
  letter-spacing: 0.71px;
  margin: 0px;
  font-weight: bold;
  color: #4a4a4a;
}
.stylesheet .modal .popup-h6 {
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0px;
  text-align: center;
}
.stylesheet .modal .click-here {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
  letter-spacing: 0.25px;
  text-align: center;
}
.stylesheet .small-cards {
  background: #fff2e3;
  overflow-y: hidden;
  padding-bottom: 2rem;
}
.stylesheet .small-cards .center-ta {
  margin: 45px 0 30px 0;
}
.stylesheet .green-card {
  width: 25%;
  background: #ffffff;
  border: 1px solid #50c38c;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.stylesheet .purple-card {
  width: 25%;
  background: #ffffff;
  border: 1px solid #944dee;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.stylesheet .mustard-card {
  width: 25%;
  background: #ffffff;
  border: 1px solid #ffbe81;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.stylesheet .mustard-card h5,
.stylesheet .purple-card h5,
.stylesheet .green-card h5 {
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
  margin: 12px;
}
.stylesheet .mustard-card h6,
.stylesheet .purple-card h6,
.stylesheet .green-card h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  margin: 5px 12px;
  color: #8b8b8b;
}
.stylesheet .green-card-fill {
  width: 100%;
  background: #50c38c;
  border-radius: 0px;
}
.stylesheet .purple-card-fill {
  width: 100%;
  background: #944dee;
  border-radius: 0px;
}
.stylesheet .mustard-card-fill {
  width: 100%;
  background: #ffbe81;
  border-radius: 0px;
}
.stylesheet .center-all {
  margin: auto;
  width: 66%;
  justify-content: space-between;
}
.stylesheet .custom-orange-width {
  margin: auto;
  width: 45%;
  justify-content: space-between;
}
.stylesheet .center-all4 {
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}
.stylesheet .center-all3 {
  margin: auto;
  width: 63%;
  padding: 10px;
}
.stylesheet .center-all1 {
  margin: 0 auto;
  width: 70%;
}
.stylesheet .center-all2 {
  margin: auto;
  width: 67%;
  margin-top: 35px;
}
.stylesheet .white {
  text-decoration: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
}
.stylesheet .rel {
  position: relative;
}
.stylesheet .heading6 {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 23px;
  text-align: center;
  color: #4a4a4a;
}
.stylesheet .font-14 {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 19px;
}
.stylesheet .cont-md {
  max-width: 450px;
  margin: 0 auto;
}
.stylesheet .align {
  align-items: center;
  text-decoration: none;
}
.stylesheet .back-btn {
  width: 22px;
  height: 22px;
  border: 1px solid #fc983c;
  border-radius: 50%;
  background: #fff;
}
.back-btn-top {
  width: 30px;
  height: 30px;
  border: 1px solid #fc983c;
  border-radius: 50%;
  background: #fff;
}
.stylesheet .mr-5 {
  margin-right: 5px;
}
.stylesheet .ml-5 {
  margin-left: 5px;
}
.stylesheet .weight-600 {
  font-weight: 600;
}
.stylesheet .orange {
  color: #f27b1a;
}
.stylesheet .mt-15 {
  margin-top: 15px;
}
.stylesheet .left-sub {
  width: 52px;
  height: 52px;
  background: #fc983c;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  position: relative;
  box-sizing: border-box;
}
.stylesheet .right {
  float: right;
}
.stylesheet .pl-15 {
  padding-left: 15px;
}
.stylesheet .font-22 {
  font-size: 22px;
}
.stylesheet .gray {
  color: #414141;
}
.stylesheet .gray.steps-headings {
  letter-spacing: 0;
}
.stylesheet .normal {
  font-weight: normal;
}
.stylesheet .bold {
  font-weight: bold;
}
.stylesheet .timer2 {
  padding: 8px 18px 8px 18px;
  background: #fef3e8;
  border: 1px solid rgba(137, 67, 2, 0.1);
  border-radius: 5px;
  width: 262px;
  box-sizing: border-box;
}
.stylesheet .d-iline-block {
  display: inline-block;
}
.stylesheet .brown {
  color: #944104;
}
.stylesheet .mt-40 {
  margin-top: 40px;
}
.stylesheet .pl-20 {
  padding-left: 20px;
}
.stylesheet .p-side-8 {
  padding: 0px 8px;
}
.stylesheet .p-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.stylesheet .p-tbr-15 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 8px;
}
.stylesheet .num {
  border: 1px solid #f27b1a;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  background: #f27b1a;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 10;
  color: white;
  padding-top: 2px;
}
.stylesheet .num2 {
  border: 1px solid #f27b1a;
  width: 25px;
  height: 25px;
  background: #f27b1a;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 10;
  color: white;
}
.stylesheet .num-invert {
  border: 1px solid #f27b1a;
  width: 25px;
  height: 25px;
  background: white;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 10;
}
.stylesheet .loan-right {
  background: var(--stepsBackgroundColor);
  box-sizing: border-box;
}
.stylesheet .mt-10 {
  margin-top: 10px;
}
.stylesheet .font-10 {
  font-size: 10px;
}
.stylesheet .font-11 {
  font-size: 11px;
}
.stylesheet .font-12 {
  font-size: 12px;
  line-height: 18px;
}
.stylesheet .font-14 {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 19px;
}
.stylesheet .font-16 {
  font-size: 16px;
  line-height: 26px;
}
.stylesheet .mt-150 {
  margin-top: 150px;
}
.stylesheet .mt-200 {
  margin-top: 200px;
}
.stylesheet .opa-4 {
  opacity: 0.4;
  z-index: 8;
}
.stylesheet .opa-2 {
  opacity: 0.2;
  z-index: 8;
}
.stylesheet .num .active {
  background-color: #f27b1a;
}
.stylesheet .line-fade {
  position: relative;
  left: 16px;
  z-index: 0;
}
.stylesheet .checkbox-label input:checked ~ .checkbox {
  background: #f27b1a;
}
.stylesheet .align-left {
  text-align: left;
}
.stylesheet .line1 {
  position: absolute;
  left: 28px;
  z-index: 10;
  top: 0;
}
.stylesheet .line2 {
  position: absolute !important;
  right: 27px;
  z-index: 10;
  top: 0;
  left: auto !important;
  display: block !important;
}
.stylesheet .line2-2 {
  position: relative;
  left: 274px;
  z-index: 10;
}
@media only screen and (max-width: 962px) {
  .stylesheet .desktop-hide {
    display: block;
  }
  .stylesheet .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .credit-card-display {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 600px) {
  .stylesheet .center-all1 {
    margin: auto;
    width: 68%;
  }
  .stylesheet .center-all2 {
    display: none;
  }
  .stylesheet .p-line {
    padding: 0% 2% 0% 10%;
  }
}
.stylesheet .bg-line-mobile {
  background: url(/ucj/media/line-org.89b35b22.svg) 25px 38px no-repeat;
}
@media only screen and (max-width: 490px) {
  .stylesheet .center-all1 {
    margin: auto;
    width: 80%;
  }
  .stylesheet .center-all3 {
    margin: auto;
    width: 75%;
    padding: 10px;
  }
  .stylesheet .p-line {
    padding: 0% 8% 0% 10%;
  }
}
@media only screen and (max-width: 421px) {
  .stylesheet .center-all1 {
    margin: 0 auto;
    width: 90%;
  }
}
@media only screen and (max-width: 360px) {
  .stylesheet .center-all3 {
    margin: auto;
    width: 90%;
  }
}
.stylesheet .flex {
  display: flex;
}
.stylesheet .mb-20 {
  margin-bottom: 20px;
}
.stylesheet .mr-10 {
  margin-right: 10px;
}
.stylesheet .center3 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.stylesheet .popup {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 53%;
  background: #fff6ec;
  border: 0.5px solid #f27b28;
  border-radius: 10px;
  padding: 30px 20px;
  display: none;
  z-index: 99999;
}
.stylesheet .popup1.active {
  display: block;
}
.stylesheet .popup2.active {
  display: block;
}
.stylesheet .popup3.active {
  display: block;
}
.stylesheet .popup4.active {
  display: block;
}
.stylesheet .popupAdd.active {
  display: block;
}
.stylesheet .instructions {
  background: #f7f7f7;
  padding: 10px 20px;
}
.stylesheet .browse-cont {
  width: 694px;
  margin: 20px auto;
}
.stylesheet .dot2-2 {
  position: absolute;
  right: 12px;
  top: 10px;
}
.stylesheet .browse-box {
  border: 1.46429px dashed grey;
  border-radius: 7.32143px;
  text-align: center;
  min-width: 245px;
}
.stylesheet .browse-txt {
  padding-left: 20px;
}
.stylesheet .approved.active {
  background: #fff url(/ucj/media/approved.701b989e.svg) no-repeat;
  background-position: 95%;
}
.stylesheet .browse-btn {
  padding: 5px 30px;
  font-weight: bold;
  font-size: 10px;
}
.stylesheet .fileicon {
  visibility: hidden;
}
.stylesheet .width-450 {
  width: 450px;
}
.stylesheet .hide {
  display: none;
}
.stylesheet .hide-inputbox {
  display: none;
}
.stylesheet .timer2-img {
  width: 60px;
}
.stylesheet .doc {
  display: inline-block;
}
.stylesheet .instructions1 {
  background: #ffffff;
  padding: 10px 20px;
}
.stylesheet .close-popup2 {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
}
.stylesheet .close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
}
.stylesheet .del-btn {
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 700;
  color: #c4c4c4;
  pointer-events: none;
  text-transform: uppercase;
}
.stylesheet .del-btn.active {
  background: #fff;
  border: 1px solid #f27b1a;
  color: #f27b1a;
  pointer-events: all;
}
.stylesheet .del-btn.active:hover {
  background: #f27b1a;
  color: #fff;
}
.stylesheet .submit-btn {
  background: #c4c4c4;
  color: #fff;
  padding: 17px 30px;
  border-radius: 5px;
  font-size: 14px;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  pointer-events: none;
}
.stylesheet .submit-btn.active {
  background: #f27b1a;
  pointer-events: all;
}
.stylesheet .sub-btn {
  background: #c4c4c4;
  color: #fff;
  padding: 17px 30px;
  border-radius: 5px;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  pointer-events: none;
}
.stylesheet .sub-btn.active {
  background: #f27b1a;
  pointer-events: all;
  margin-top: 1rem;
}
.stylesheet .sub-btn1 {
  display: none;
}
.stylesheet .btn-row {
  display: none;
}
.stylesheet .good {
  display: none;
}
.stylesheet .good.active {
  display: flex;
}
.stylesheet .width-160 {
  width: 160px;
}
.stylesheet #circlebar1,
.stylesheet #circlebar2,
.stylesheet #circlebar3,
.stylesheet #circlebar4,
.stylesheet #circlebar5,
.stylesheet #circlebar6,
.stylesheet #circlebar7,
.stylesheet #circlebar8,
.stylesheet #circlebar9 {
  width: 20px;
  height: 20px;
  display: none;
}
.stylesheet .progressbar-text {
  position: absolute;
  left: unset !important;
  top: unset !important;
  margin-left: 37px !important;
  margin-top: -9px !important;
  transform: translate(-50%, -50%);
  color: #7a7878 !important;
  font-size: 0.7rem !important;
  font-weight: 600;
}
.stylesheet input[type="file"] {
  display: block;
}
.stylesheet .modal.active {
  display: block;
}
.stylesheet body.active {
  overflow: hidden;
}
.stylesheet .details-pop {
  width: 1140px;
  background: #ffffff;
  border: 0.5px solid #cfd7ed;
  box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
  border-radius: 10px;
  margin: 0 auto;
  padding: 50px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in;
}
.stylesheet .sec-custom1.active {
  pointer-events: none;
  user-select: none;
  opacity: 0.1;
  background-color: dimgray;
}
.stylesheet .sec-custom.active {
  filter: blur(6px);
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.feature-page1.active {
  background-color: black;
  padding-top: 1rem;
}
.stylesheet .details-pop.active {
  visibility: visible;
  opacity: 1;
  top: 50%;
  transition: all 0.5s ease-in;
}
.stylesheet .mb-40 {
  margin-bottom: 40px;
}
.stylesheet .align {
  align-items: center;
}
.stylesheet .mt-25 {
  margin-top: 25px;
}
.stylesheet .mr-15 {
  margin-right: 15px;
}
.stylesheet .me-15 {
  margin-inline-end: 15px;
}
.stylesheet .mr-25 {
  margin-right: 25px;
}
.stylesheet .mr-50 {
  margin-right: 50px;
}
.stylesheet .ml-20 {
  margin-left: 20px;
}
.stylesheet .ml-40 {
  margin-left: 40px;
}
.stylesheet .ml-45 {
  margin-left: 45px;
}
.stylesheet .ml-30 {
  margin-left: 30px;
}
.stylesheet .browse-btn {
  padding: 5px 30px;
  font-weight: bold;
  font-size: 10px;
}
.stylesheet .doc {
  display: inline-block;
}
.stylesheet .pop-img-obj {
  object-fit: contain;
}
.stylesheet .close-pop {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  border: 0.5px solid #c4c4c4;
}
.stylesheet #circlebar1,
.stylesheet #circlebar2,
.stylesheet #circlebar3,
.stylesheet #circlebar4,
.stylesheet #circlebar5,
.stylesheet #circlebar6,
.stylesheet #circlebar7,
.stylesheet #circlebar8 {
  width: 20px;
  height: 20px;
  display: none;
}
.stylesheet .progressbar-text {
  position: absolute;
  left: unset !important;
  top: unset !important;
  margin-left: 37px !important;
  margin-top: -9px !important;
  transform: translate(-50%, -50%);
  color: #7a7878 !important;
  font-size: 0.7rem !important;
  font-weight: 600;
}
.stylesheet input[type="file"] {
  display: block;
}
.stylesheet .popup input[type="password"] {
  width: 80%;
  border: 0.75px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px;
  height: 32px;
  padding: 0px 10px;
}
.stylesheet .fileicon {
  visibility: hidden;
}
.stylesheet .hide {
  display: none;
}
.stylesheet .flex-column {
  flex-direction: column;
}
.stylesheet .not-active {
  display: none;
}
.stylesheet .hide-inputbox {
  display: none;
}
.stylesheet .sub-btn-2 {
  display: none;
  pointer-events: none;
}
.stylesheet .new-btn-org {
  text-decoration: none;
  text-transform: uppercase;
  background: #f27b1a;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  padding: 17px 67px;
  color: #ffffff;
  display: flex;
  box-sizing: border-box;
}
.stylesheet .new-width {
  padding: 17px 51px;
  box-sizing: border-box;
}
.stylesheet .label-input-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  box-sizing: border-box;
}
.stylesheet .text-wrap1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}
.stylesheet .text-wrap1 .enterotp,
.stylesheet .otp-re {
  margin: 0rem !important;
}
.stylesheet .new-wrap2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stylesheet .line-wrap {
  padding: 0.5rem;
  position: relative;
  width: 100%;
}
.stylesheet * {
  box-sizing: border-box;
}
.stylesheet .object-contain {
  max-width: 100%;
  -o-object-fit: contain;
}
.stylesheet .tick-points {
  align-items: center;
}
.stylesheet .tick-points img {
  height: 18px;
  width: 18px;
}
.stylesheet .rel-pos {
  position: relative;
}

.stylesheet .collapse-all {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 86%;
}

.custom-header-initiate {
  width: 100% !important;
}

.fw-600{
  font-weight: 600 !important;
}
.ppf-investment-list {
  font-size: 14px;
  margin-left: 15px;
}

.ppf-investment-list li:not(:last-child) , .alphabet-list li:not(:last-child){
  margin-bottom: 10px;
}

ol.alphabet-list {
  list-style-type: none;
  counter-reset: alphabet-counter;
}

ol.alphabet-list li:before {
  content: counter(alphabet-counter, upper-alpha) ") ";
  counter-increment: alphabet-counter;
}

@media only screen and (max-width: 1200px) {
  .stylesheet .details {
    visibility: hidden;
  }
  .stylesheet .d-flex-upload {
    display: block;
  }
  .stylesheet .modal-content2 {
    width: 62%;
  }
  .header-tab-details{
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .custom-tenure-price {
    left: -107px !important;
    top: 2px !important;
  }
  .custom-tenure-month {
    display: inline-block !important;
    left: -85px !important;
    top: 1px !important;
  }
}

@media only screen and (max-width: 992px) {
  .stylesheet .grid {
    display: block;
  }
  .stylesheet .timer-img {
    display: none;
  }
  .stylesheet .custom-upload-inputs {
    width: 100% !important;
  }
  .stylesheet .custom-add-upload-inputs {
    width: 100% !important;
  }
  .stylesheet .custom-reference-inputs {
    width: 100% !important;
  }
  .custom-top-orange-box {
    background: #fff2e3 !important;
  }
}
@media only screen and (max-width: 1280px) {
  .stylesheet .d-flex-loanoption {
    display: block;
  }
  .stylesheet .m-r-2-5 {
    margin-right: 0;
  }
  .stylesheet .m-l-2-5 {
    margin-left: 0;
  }
  .grid-container-investment{
    grid-template-columns: 30% 70%  !important; 
  }
}
@media only screen and (max-width: 890px) {
  .stylesheet .modal-content2 {
    width: 82%;
  }
  .credit-card-display {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 770px) {
  .stylesheet .details {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .stylesheet .d-flex-form {
    display: block;
  }
  .stylesheet .m-side-30-down {
    margin: 0% 5% 0% 51%;
  }
  .stylesheet .custom-upload-inputs {
    width: 282px !important;
  }
  .stylesheet .custom-add-upload-inputs {
    width: 282px;
  }
  .stylesheet .custom-reference-inputs {
    width: 282px !important;
  }
  .stylesheet .input-width {
    width: 100% !important;
  }
}
@media only screen and (max-width: 675px) {
  .stylesheet .radio-flex {
    display: block;
  }
  .stylesheet .heading-2 {
    display: inline-block;
  }
  .stylesheet #step1 {
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .stylesheet .center-all4 {
    width: 100%;
  }
  .stylesheet section .section-nav h4 {
    font-size: 14px;
  }
  .stylesheet .box1-org-1 {
    width: 95%;
  }
  .stylesheet .successful {
    position: absolute;
    right: 14px;
    bottom: 20px;
    left: auto;
  }
  .stylesheet .position-relative {
    position: relative;
  }
  .stylesheet .enter-otp {
    width: 71px;
  }
  .stylesheet .gray-box-2 {
    width: auto;
    margin: 0 10px 0 0px;
    padding-left: 10px;
  }
  .stylesheet .modal-content {
    padding: 23px;
    width: 90%;
  }
  .stylesheet .collapse-all {
    width: 100%;
  }
  .stylesheet #step1 {
    width: 92%;
  }
}
.stylesheet .align-center {
  align-items: center;
}
.stylesheet .justify-between {
  justify-content: space-between;
}
.stylesheet .esign-anchor-links {
  padding-left: 2.3rem;
  width: 85%;
}
@media only screen and (max-width: 470px) {
  .stylesheet .num-org {
    padding: 3px;
  }
  .stylesheet .p-all-25-org {
    padding: 5px;
  }
  .stylesheet .details-sub-orange {
    width: 98%;
  }
  .stylesheet .details-sub h3 {
    font: 18px;
  }
  .stylesheet .heading-2 {
    font-size: 14px;
    width: 78%;
  }
  .stylesheet .bg-line-long {
    width: 14%;
  }
  .stylesheet .m-side-30-down {
    margin: 0% 5% 0% 10%;
  }
  .stylesheet .details-sub h3 {
    font-size: 18px;
  }
  .stylesheet .rate {
    margin: 0px 20px;
  }
  .stylesheet .form .btn-center {
    margin-top: 2rem;
  }
  .stylesheet #loanOption .d-flex-loanoption .move-up-10 {
    margin: 30px 0px 15px 0px;
  }
  .stylesheet #loanOption .d-loanoption-manual .move-up-10 {
    margin: 30px 0px 15px 0px;
  }
  .stylesheet .custom-upload-inputs {
    width: 282px !important;
  }
  .investMargin .custom-upload-inputs {
    width: 100% !important;
  }
  .investMargin .column-3 {
    padding-right: 0px !important;
  }
  .stylesheet .custom-add-upload-inputs {
    width: 100% !important;
  }
  .stylesheet .custom-reference-inputs {
    width: 100% !important;
  }
  .button-width {
    width: 100%;
  }
  .custom-font-sm-20 {
    font-size: 20px !important;
  }
  .stylesheet .input-width {
    width: 100% !important;
  }
}
@media only screen and (max-width: 350px) {
  .stylesheet .rate {
    margin: 0px 12px;
  }
  .stylesheet .details-sub-orange {
    width: 249.5px;
  }
  .stylesheet .blue h5 {
    font-size: 14px;
  }
  .stylesheet .green h5 {
    font-size: 14px;
  }
  .stylesheet .purple h5 {
    font-size: 14px;
  }
  .stylesheet .blue {
    width: 265px;
  }
  .stylesheet .green {
    width: 265px;
  }
  .stylesheet .purple {
    width: 265px;
  }
  .stylesheet .custom-blue h5 {
    font-size: 14px;
  }
  .stylesheet .custom-green h5 {
    font-size: 14px;
  }
  .stylesheet .custom-purple h5 {
    font-size: 14px;
  }
  .stylesheet .custom-blue {
    width: 265px;
  }
  .stylesheet .custom-green {
    width: 265px;
  }
  .stylesheet .custom-purple {
    width: 265px;
  }
  .stylesheet .custom-upload-inputs {
    width: 265px !important;
  }
  .stylesheet .custom-add-upload-inputs {
    width: 100% !important;
  }
  .stylesheet .custom-reference-inputs {
    width: 100% !important;
  }
  .stylesheet .input-width {
    width: 100% !important;
  }
}
@media only screen and (max-width: 344px) {
  .stylesheet .custom-blue h5 {
    font-size: 12px;
  }
  .stylesheet .custom-green h5 {
    font-size: 12px;
  }
  .stylesheet .custom-purple h5 {
    font-size: 12px;
  }
  .stylesheet .custom-blue {
    width: 100%;
  }
  .stylesheet .custom-green {
    width: 100%;
  }
  .stylesheet .custom-purple {
    width: 100%;
  }
  .stylesheet .custom-upload-inputs {
    width: 100% !important;
  }

  .stylesheet .custom-add-upload-inputs {
    width: 100% !important;
  }

  .stylesheet .custom-reference-inputs {
    width: 100% !important;
  }
  .stylesheet .custom-upload-resp {
    width: 100% !important;
  }
  .custom-btn-cont {
    width: 100% !important;
  }
  .feature-page .a1 {
    min-width: 100% !important;
  }
  .feature-page1 .a1 {
    min-width: 100% !important;
  }

  #OrgsText {
    width: 100% !important;
  }
  .fdOrgName {
    max-width: 282px;
  }
}
.style .custom-iwish-select {
  padding: 15px 20px;
  background: #ffffff;
  border: 1px solid #f2e4d6;
  border-radius: 5px;
  outline: none;
  width: 100%;
  display: block;
}
.stylesheet select {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
}
.stylesheet .center-ta h4 {
  margin: 5px 0;
}
.stylesheet .center-ta h6 {
  margin-top: 5px;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.stylesheet .center-success h6 {
  width: 70% !important;
  margin-bottom: 0px !important;
}
.stylesheet .enach-check .check {
  background-color: white !important;
  border-color: #6e8ca6;
  height: 1rem;
  width: 1rem;
  border-radius: 3px;
}
.stylesheet .enach-check .check:after {
  height: 7px;
  width: 4px;
  top: 1px;
}

@media only screen and (max-width: 675px) {
  .adhar-style-mobile .desktop-hide .gray {
    width: 50%;
    margin: 1rem 0;
  }
  .adhar-style-mobile .loan-right {
    padding: 22px 5vw 22px 6vw !important;
  }

  .sec-custom .personal {
    display: flex !important;
  }
  .sec-custom .personal .mr-310 {
    margin-right: 0;
    width: 70%;
  }
  .sec-custom .custom {
    display: flex !important;
  }
  .sec-custom .custom .col {
    margin: 0 1rem;
  }
  .sec-custom .col2 {
    width: 100%;
    padding-right: 40px !important;
  }
  .sec-custom .col2 .flex {
    flex-direction: column;
  }
  .sec-custom .col2 .flex .col-9,
  .sec-custom .col2 .flex .col-3 {
    max-width: 100%;
  }
  .sec-custom .col2 .gray {
    line-height: 26px;
  }
  .sec-custom .col2 .sliderContainer {
    min-width: 100%;
    position: relative;
  }
  .sec-custom .col2 .sliderContainer .width-500 {
    min-width: 100%;
  }
  .sec-custom .col2 .sliderContainer .slider2::after {
    width: 4rem;
  }
  .sec-custom .col2 .col-9 .width {
    position: absolute;
    top: -7rem;
  }
  .sec-custom .col2 .col-9 .rangeslider-label {
    margin-top: 6rem !important;
  }

  .mob-blc .cards {
    flex-direction: column;
    align-items: flex-start;
    width: 70% !important;
  }
  .mob-blc .cards .view-details-link {
    flex-direction: row !important;
    display: flex !important;
  }
  .mob-blc .cards .mt-46 {
    margin-top: 30px;
  }

  .col-3 .express .flex {
    flex-direction: row !important;
    display: flex !important;
  }

  /* esign page  */
  .custom-font-sm-14 {
    font-size: 12px !important;
    font-weight: bolder !important;
  }
}
.upload-docs .uploaded-bank {
  position: relative;
  right: 106px;
  top: -18px;
  display: none;
}

.upload-docs .uploaded-form,
.upload-docs .uploaded-salary,
.upload-docs .uploaded-itr {
  position: relative;
  right: 87px;
  top: -18px;
  display: none;
}

.upload-docs .uploaded-bank2 {
  position: relative;
  right: 106px;
  top: -18px;
  display: none;
}

.upload-docs .uploaded-form2,
.upload-docs .uploaded-salary2,
.upload-docs .uploaded-itr2 {
  position: relative;
  right: 104px;
  top: -18px;
  display: none;
}

/* current Account */
.ca-account-page .ca-upload-image .ca-input-content {
  border-right: 0 !important;
  border: 0.75px solid #6e8ca6;
  border-radius: 4px 0 0 4px;
  padding: 0 0.75rem;
  min-height: 2rem;
}
.ca-account-page .ca-upload-image .ca-input-content h4 {
  white-space: nowrap;
  max-width: 75%;
  overflow-x: hidden;
  margin-bottom: 0;
}
.ca-account-page .ca-upload-image .ca-input-content img {
  display: none;
  width: 1rem;
}
.ca-account-page .ca-browse-btn {
  border: 1px solid #176abe;
  color: #176abe;
  border-radius: 0 4px 4px 0;
  background: #ffffff;
  cursor: pointer;
}

/* The switch - the box around the slider */
.switch-new {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch-new input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider-new {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e5e5e5;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider-new:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 1px;
  bottom: 1px;
  background: #ffffff;
  box-shadow: 0px 1.48148px 3.7037px rgba(113, 113, 113, 0.392674);
  border-radius: 3.7037px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider-new {
  background-color: #28a025;
}

input:checked + .slider-new:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded sliders */
.slider-new.round {
  border-radius: 34px;
}

.slider-new.round:before {
  border-radius: 50%;
}

.on-new,
.off-new {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.1px;
  position: absolute;
  right: -62%;
  top: 24%;
}

.on-new {
  color: #28a025;
}

.off-new {
  color: #878787;
}

.bottom-separator {
  display: block;
  content: "";
  background: #004a7f;
  height: 1px;
  width: 86%;
}

.add-signatory {
  color: #f27b1a !important;
  border-radius: 5px;
  border: 1px solid #f27b1a;
  cursor: pointer;
  text-decoration: none;
}

@media screen and (max-width: 570px) {
  .adhar-style-mobile .gray-box {
    width: 89vw !important;
    position: relative !important;
    background: #f5f5f5 !important;
    transition: none;
  }
  .adhar-style-mobile .gray-box .gray {
    width: 70%;
    margin: 0;
  }
}

.hiddenpassword {
  display: none !important;
}

.contnew {
  display: flex;
  align-self: center;
}
@media screen and (max-width: 570px) {
  .contnew {
    margin-bottom: 1rem;
  }
}

.style body {
  -webkit-font-smoothing: antialiased;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  background: #fafafa;
  letter-spacing: 0.43px;
}
.style *,
.style *::after,
.style *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.style button {
  outline: none;
  cursor: pointer;
}
.style img {
  max-width: 100%;
  object-fit: contain;
  display: block;
}
.style .main-header {
  background: #ffff;
}
.style .logo-container {
  display: block;
  padding: 10px 15px;
}
.style .logo-container img {
  object-fit: contain;
}
.style .main-header .orange-strip {
  height: 50px;
  width: 100%;
  background: linear-gradient(180deg, #f58f22 1.19%, #ef6712 100%);
}
.style .flex {
  display: flex;
}
.style .align {
  align-items: center;
}
.style .space {
  justify-content: space-between;
}
.style .center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.style .col-4 {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.style .col-5 {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%;
}
.style .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.style .col-8 {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%;
}
.style .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.style a {
  text-decoration: none;
}
.style .gray {
  color: #414141;
}
.style .light-gray {
  color: #8b8b8b;
}
.style .gray2 {
  color: #7a909f;
}
.style .gray3 {
  color: #c4c4c4;
}
.style .gray4 {
  color: #646363;
}
.style .gray5 {
  color: #91a0b7;
}
.style .orange {
  color: #f27b1a !important;
}
.style .brown {
  color: #944104;
}
.style .dark-orange {
  color: #894302;
}
.style .light-blue {
  color: #3c8ec9;
}
.style .blue {
  color: #004a7f;
}
.style .blue3 {
  color: #176abe;
}
.style .white {
  color: #fff;
}
.style .m-25 {
  margin: 0 25px;
}
.style .mr-auto {
  margin-right: auto;
}
.style .mr-5 {
  margin-right: 5px;
}
.style .mr-7 {
  margin-right: 7px;
}
.style .mr-10 {
  margin-right: 10px;
}
.style .mr-15 {
  margin-right: 15px;
}
.style.me-15 {
  margin-inline-end: 15px;
}
.style .mr-20 {
  margin-right: 20px;
}
.style .mr-25 {
  margin-right: 25px;
}
.style .mr-30 {
  margin-right: 30px;
}
.style .mr-50 {
  margin-right: 50px;
}
.style .mr-60 {
  margin-right: 60px;
}
.style .mr-125 {
  margin-right: 125px;
}
.style .mr-250 {
  margin-right: 250px;
}
.style .mr-310 {
  margin-right: 310px;
}
.style .ml-5 {
  margin-left: 5px;
}
.style .ml-15 {
  margin-left: 15px;
}
.style .ml-20 {
  margin-left: 20px;
}
.style .ml-30 {
  margin-left: 30px;
}
.style .ml-40 {
  margin-left: 40px;
}
.style .ml-45 {
  margin-left: 45px;
}
.style .mb-4 {
  margin-bottom: 4px;
}
.style .mb-10 {
  margin-bottom: 10px;
}
.style .mb-15 {
  margin-bottom: 15px;
}
.style .mb-20 {
  margin-bottom: 20px;
}
.style .mb-23 {
  margin-bottom: 23px;
}
.style .mb-30 {
  margin-bottom: 30px;
}
.style .mb-40 {
  margin-bottom: 40px;
}
.style .mb-50 {
  margin-bottom: 50px;
}
.style .mt-5 {
  margin-top: 5px !important;
}
.style .mt-10 {
  margin-top: 10px;
}
.style .mt-15 {
  margin-top: 15px;
}
.style .mt-20 {
  margin-top: 20px !important;
}
.style .mt-25 {
  margin-top: 25px;
}
.style .mt-30 {
  margin-top: 30px;
}
.style .mt-35 {
  margin-top: 35px;
}
.style .mt-40 {
  margin-top: 40px;
}
.style .mt-46 {
  margin-top: 46px;
}
.style .mt-50 {
  margin-top: 50px;
}
.style .mt-70 {
  margin-top: 70px;
}
.style .mt-150 {
  margin-top: 150px;
}
.style .mt-200 {
  margin-top: 200px;
}
.style .pl-20 {
  padding-left: 20px;
}
.style .pl-30 {
  padding-left: 30px;
}
.style .pl-15 {
  padding-left: 15px;
}
.style .font-6 {
  font-size: 6px;
}
.style .font-10 {
  font-size: 10px;
}
.style .font-11 {
  font-size: 11px;
}
.style .font-12 {
  font-size: 12px;
  line-height: 18px;
}
.style .font-14 {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 19px;
}
.style .font-16 {
  font-size: 16px;
  line-height: 26px !important;
}
.style .font-18 {
  font-size: 18px;
}
.style .font-20 {
  font-size: 20px;
}
.style .font-22 {
  font-size: 22px;
}
.style .font-24 {
  font-size: 24px;
}
.style .font-30 {
  font-size: 30px;
}
.style .normal {
  font-weight: normal;
}
.style .weight-600 {
  font-weight: 600;
}
.style .bold {
  font-weight: bold;
}
@media (min-width: 769px) {
  .style .sec {
    min-height: calc(100vh - 116px);
  }
}
.style .discover {
  background: #fff2e3;
  padding: 30px 60px;
}
.style .discover-banner {
  margin: auto;
}
.style .dis-text {
  align-items: center;
}
.style .dis-text h1 {
  color: #414141;
}
.style .dis-img img {
  float: right;
}
.style .srch-bar {
  background: #fff;
  position: relative;
  box-shadow: 0px 10px 20px rgba(248, 111, 0, 0.15);
  border-radius: 5px;
  padding: 13px 20px;
}
.style .srch-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}
.style .srch-inp {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #fff;
}
.style .srch-inp-pl {
  width: 67%;
  border: none;
  outline: none;
  border-bottom: 1px solid #fff;
}
.style .srch-inp:focus,
.srch-inp-pl:focus {
  border-bottom: 1px solid #f27b1a;
}
.style .suggest {
  position: absolute;
  top: calc(100% - 12px);
  left: 0;
  background: #fff;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 99;
}
.style .suggest.active {
  padding: 15px 0;
  max-height: 400px;
  overflow: visible;
}
.style .suggest-sub {
  padding: 10px 20px;
  background: #fff;
  cursor: pointer;
}
.style .suggest-sub:hover {
  background: #fff9f3;
}
.style .suggest-sub:hover p {
  color: #f27b1a;
}
.style .people {
  z-index: 9;
}
.style .btn {
  background: #f3831d;
  border: none;
  cursor: pointer;
  outline: none;
  color: white;
  padding: 15px 60px;
  border-radius: 5px;
  text-transform: uppercase;
  display: inline-block;
}
.style .btn:hover {
  opacity: 0.8;
}
.style .products {
  padding: 30px 45px;
}
.style .cards {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 20px;
  position: relative;
  cursor: pointer;
  width: 100%;
  max-width: 200px;
  transition: 0.2s ease-in;
}
.vkyc-success-cards,
.crossSell-cards{
  background: #ffffff;
  border: 1px solid #ffbe81;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgb(0 0 0 / 8%);
  border-radius: 5px;
  text-decoration: none !important;
  transition: 0.2s ease-in;
  position: relative;
}
#vkyc-success-cards {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.vkyc-success-cards:hover {
  transform: scale(1.05);
  transition: 0.2s ease-in;
}

.vkyc-success-cards .card-body {
  padding: 10px;
}

.vkyc-success-cards .card-footer {
  background: #ffbe81;
  padding: 0px 8px 0 22px;
  box-sizing: border-box;
  border-top: none;
}

.vkyc-success-cards img {
  margin: 12px;
  height: auto;
  width: auto;
}

.vkyc-success-cards .heading {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 25px;
  margin: 12px;
  color: #000 !important;
}

.style .cards .view-details-link {
  z-index: 0 !important;
  display: flex;
  flex-direction: row !important;
}
.style .cards:hover {
  transform: scale(1.05);
  transition: 0.2s ease-in;
}
.style .card-1 {
  border: 1px solid rgba(0, 122, 64, 0.2);
}
.style .card-2 {
  border: 1px solid rgba(205, 98, 0, 0.2);
}
.style .card-3 {
  border: 1px solid rgba(178, 72, 181, 0.2);
}
.style .card-4 {
  border: 1px solid rgba(109, 77, 238, 0.2);
}
.style .arr {
  position: absolute;
  right: 0;
  bottom: 0;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.style .arr-1 {
  background: #50c48c;
}
.style .arr-2 {
  background: #f19948;
}
.style .arr-3 {
  background: #e3509f;
}
.style .arr-4 {
  background: #944dee;
}
.style .loan-left {
  background: #fff2e3;
  padding: 40px 50px;
}
.style .custom-light-orange-bg {
  background: #fff2e3;
}
.style .loan-right {
  background: var(--stepsBackgroundColor);
  padding: 40px 50px 40px 50px;
}
.style .loan-right .pb-inc {
  padding-bottom: 90px;
}
.style .loan-srch {
  width: 100%;
  padding: 25px 20px;
  background: #ffffff;
  border: 1px solid #f2e4d6;
  box-shadow: 0px 10px 20px rgba(248, 111, 0, 0.15);
  border-radius: 5px;
}
.style .loan-inp {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #fff;
}
.style .back-btn {
  width: 22px;
  height: 22px;
  border: 1px solid #fc983c;
  border-radius: 50%;
  background: #fff;
}
.style .back-btn img {
  width: 0.8rem;
}
.style .custom-loan-top-card {
  position: relative;
  background: #fff0e1;
  border-radius: 5px;
  border: 1px solid #fc983c;
  color: #894302;
  width: fit-content;
  margin-top: 5px;
  display: flex !important;
  padding: 15px !important;
}
.style .loan-card-active {
  padding: 15px 50px 15px 15px;
  position: relative;
  background: #fff0e1;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #fc983c;
  color: #894302;
}
.style .card-loan {
  background: #ffb571;
  width: 160px;
  min-height: 155px;
}
.style .abs-line1 {
  position: absolute;
  right: 290px;
}
.style .abs-line2 {
  position: absolute;
  right: 48px;
}
.style .timer {
  position: absolute;
  right: 20px;
  padding: 9px 25px 12px 25px;
  background: #fef3e8;
  border: 1px solid rgba(137, 67, 2, 0.1);
  border-radius: 5px;
  width: 300px;
  top: 45px;
}
.style .circle {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border: 1px solid #fcd7b1;
  border-radius: 5px;
}
.style .right {
  float: right;
}
.style .col-card {
  min-width: 130px;
  position: relative;
  z-index: 0;
}
.style .loan-txt,
.style .tenure-txt {
  display: none;
}
.style .personal-loan-card {
  position: relative;
  background: #f77c0b;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 15px 40px 15px 15px;
  float: right;
  cursor: pointer;
  z-index: 20;
  transition: 0.2s ease-in;
}
.style .personal-loan-card:hover {
  transform: scale(1.05);
  transition: 0.2s ease-in;
}
.style .loan-personal {
  cursor: pointer;
  position: absolute;
  top: 10%;
  background: #fc983c;
  box-shadow: 0px 1.66611px 6.66443px rgba(0, 0, 0, 0.08);
  border-radius: 4.16527px;
  padding: 13px;
  width: 94px;
  z-index: 10;
  transition: 0.2s ease-in;
}
.style .loan-personal:hover {
  transform: scale(1.05) translateX(-15px);
  transition: 0.2s ease-in;
}
.style .personal-inp,
.panINP3,
.panINP {
  padding: 15px 20px;
  background: #ffffff;
  border: 1px solid #f2e4d6;
  border-radius: 5px;
  outline: none;
  /* width: 285px; */
  display: block;
}

.panField #pan_f11{
  text-transform: uppercase;
}

.style .custom-tenure-select-box {
  padding: 15px 20px;
  background: #ffffff;
  border: 1px solid #f2e4d6;
  border-radius: 5px;
  outline: none;
  width: 285px;
  display: block;
}

.style .loan-right-val-difm{
  padding: 130px 0px 60px 50px;
}

.style ::placeholder {
  color: #888888;
}
.style .select {
  -webkit-appearance: none;
  background-image: url(/ucj/media/dropdown.bbc278e5.png);
  background-repeat: no-repeat;
  background-position: 95%;
  background-size: 11px;
}
.style .select2 {
  background-image: url(/ucj/media/dropdown_black.e6737be2.png);
}
.style label {
  display: block;
}
.style .started-btn {
  padding: 15px 25px;
  display: none;
}
.style .hlstart {
  padding: 15px 25px;
}
.style .hlstart-disable {
  padding: 15px 25px;
  background-color: #c4c4c4fa !important;
  cursor: not-allowed;
}
@media only screen and (max-width: 768px) {
  .style .hlstart {
    padding: 15px 25px;
    display: inline-flex !important;
  }
  .style .hlstart-disable {
    padding: 15px 25px;
    background-color: #c4c4c4fa !important;
    cursor: not-allowed;
    display: inline-flex !important;
  }
}
.style .started-btn.active {
  display: inline-flex;
}
.style .terms {
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.style .left-sub {
  width: 52px;
  height: 52px;
  background: #fc983c;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  position: relative;
}
.style .line {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  z-index: 3;
}
.style .num {
  border: 1px solid #fc983c;
  width: 25px;
  height: 25px;
  margin: 0 14.5px;
  background: #fff;
  border-radius: 5px;
  z-index: 10;
}

.style .num.active {
  background: #fc983c;
}
.style .num-sel {
  width: 85px;
  border: none;
  -webkit-appearance: none;
  background: #fee7cf;
  outline: none;
  background-image: url(/ucj/media/dropdown.bbc278e5.png);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 11px;
  padding-left: 18px;
  border-radius: 5px 0px 0px 5px;
}

/* country code mob filed for nri product */
.style .num-sel1 {
  width: 150px;
  border: none;
  -webkit-appearance: auto;
  background: #ffffff;
  outline: none;
  padding-right: 5px;
  padding-left: 13px;
  border-radius: 5px 0px 0px 5px;
}

.style .width {
  width: 100%;
}
.style .cont {
  max-width: 385px;
  margin: 0 auto;
  position: relative;
}
.style .cont-md {
  max-width: 450px;
  margin: 0 auto;
  position: relative;
}
.style #mobile {
  border-radius: 0px 5px 5px 0px;
}
.style .date-picker-container #dob:focus ~ span.placeholder {
  display: none !important;
}
.style .date-picker-container .placeholder {
  position: absolute;
  color: grey;
  display: none;
  background: white;
  top: 15px;
  left: 20px;
  box-sizing: border-box;
  pointer-events: none;
}
.style .date-picker-container .placeholder.show {
  display: block;
}
.style .date-picker-container {
  position: relative;
}
.style #mobile-text.active {
  display: none;
}
.style #mobile-img {
  display: none;
}
.style #mobile-img.active {
  display: inline-flex;
}
.style .line2 {
  position: relative;
  margin-left: 20%;
  display: none;
}

.custom-input-border{
border-left: 2px dashed #f0c9a9;
height: 40px !important;
opacity: 70%;
}

.style .line2.active {
  display: block;
}
.style #dob {
  display: none;
  background: #fff url(/ucj/media/date-icon.7ba598fb.png) no-repeat;
  background-position: 96% 50%;
}
.style #dob.active {
  display: block;
}
.style #dob-img {
  display: none;
}
.style #dob-img.active {
  display: inline-flex;
}
.style .otp-txt {
  display: none;
}
.style .otp-txt.active {
  display: block;
}
.style .send-btn {
  display: none;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
.style .send-btn.active {
  display: block;
}
.style .italic {
  font-style: italic;
}
.style .italic.active {
  display: block;
}
.style .enter-resend {
  display: none;
}
.style .enter-resend.active {
  display: flex;
}
.style #one,
.style #two,
.style #three,
.style #four,
.style #five,
.style #six,
.style #seven,
.style #eight,
.style #nine,
.style #ten,
.style #eleven,
.style #twelve,
.style #one_email,
.style #two_email,
.style #three_email,
.style #four_email,
.style #five_email,
.style #six_email,
.style #otp {
  height: 60px;
  text-align: center;
  border-radius: 5px;
  outline: none;
  background: #fff;
  border: 1px solid #f2e4d6;
  width: 100%;
  font-size: 30px;
}

.style #Aadharone,
.style #Aadhartwo,
.style #Aadharthree,
.style #Aadharfour,
.style #Aadharfive,
.style #Aadharsix,
.style #Aadharseven,
.style #Aadhareight,
.style #Aadharnine,
.style #Aadharten,
.style #Aadhareleven,
.style #Aadhartwelve,
.style #otp {
  height: 45px;
  text-align: center;
  border-radius: 5px;
  outline: none;
  background: #fff;
  border: 1px solid #f2e4d6;
  width: 90%;
  font-size: 20px;
}
.style .otp-cont {
  display: none;
}
.style .otp-cont.active {
  display: flex;
}
.style .timer2 {
  padding: 12px 25px 12px 25px;
  background: #fef3e8;
  border: 1px solid rgba(137, 67, 2, 0.1);
  border-radius: 5px;
  width: 300px;
}
.style .gray-box {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 20px;
  width: 370px;
  position: absolute;
}
.style .opa-4 {
  opacity: 0.4;
  z-index: 8;
}
.style .opa-2 {
  opacity: 0.2;
  z-index: 8;
}
.style .white-box {
  height: 17px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.style #pan.wrong {
  background: #fff url(/ucj/media/wrong.2c7b4e4b.png) no-repeat;
  background-position: 95%;
}
.style #pan.right {
  background: #fff url(/ucj/media/approved.701b989e.svg) no-repeat;
  background-position: 95%;
}
.style #pan-img {
  display: none;
}
.style #pan-img.active {
  display: flex;
}
.style #wrong-pan {
  display: none;
}
.style #wrong-pan.active {
  display: block;
}
.style .sec-custom {
  background: #f6f6f6;
  padding: 40px 40px 160px 40px;
  position: relative;
}
.style .sec-custom.active {
  background-color: aqua;
}
.style .upload-docs {
  display: none;
}
.style .details {
  border: 0.5px solid #cfd7ed;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 25px;
  background: #fff;
  border-bottom: none;
  width: 95%;
  margin: auto;
}
.style .personal {
  padding: 20px;
  border: 0.5px solid #cfd7ed;
  border-radius: 5px;
  position: relative;
  background: #fff;
}
.style .additional {
  padding: 20px;
  border: 0.5px solid #cfd7ed;
  border-radius: 5px;
  position: relative;
  background: #f6f6f6;
}
.style .tick {
  width: 25px;
  height: 25px;
  background: #4bc7a2;
  border-radius: 5px;
  margin-right: 14.5px;
  position: relative;
}
.style .gray-num {
  width: 25px;
  height: 25px;
  background: #d4e3ee;
  border-radius: 5px;
  margin-right: 14.5px;
  position: relative;
  color: #004a7f;
  font-size: 10px;
}
.style .line3 {
  position: absolute;
  top: 100%;
  height: 25px;
  left: 50%;
}
.style .line5 {
  position: absolute;
  top: -80%;
}
.style .accord {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  background: #f6f6f6;
  border: 0.5px solid #c4c4c4;
  border-radius: 50%;
}
.style .custom {
  background: #ffffff;
  border: 0.5px solid #cfd7ed;
  border-radius: 5px;
  padding-left: 5.5px;
}
.style .col {
  background: url(/ucj/media/line4.1d9f8d77.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.style .col2 {
  padding: 20px 0 40px 0;
  padding-right: 70px;
  flex-grow: 1;
}
.style .sliderContainer {
  min-width: 600px;
}
.style .slider {
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  height: 8px;
  background: linear-gradient(90deg, #f27b1a 80%, #e6e6e6 80%);
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 4px;
}
.style .slider2 {
  background: linear-gradient(90deg, #f27b1a 55%, #e6e6e6 55%);
}
.style .slider::after {
  content: "₹20,00,000";
  color: #414141;
  font-size: 12px;
  position: absolute;
  top: 170%;
  left: 88%;
}
.style .slider::before {
  content: "₹25,000";
  color: #414141;
  font-size: 12px;
  position: absolute;
  top: 170%;
  left: 0%;
}
.style .slider2::after {
  content: "60 months";
  color: #414141;
  font-size: 12px;
  position: absolute;
  top: 170%;
  left: 88%;
}
.style .slider2::before {
  content: "6 months";
  color: #414141;
  font-size: 12px;
  position: absolute;
  top: 170%;
  left: 0%;
}
.style .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #cfd7ed;
  box-shadow: 0px 2px 5px rgba(113, 113, 113, 0.392674);
}
.style .slider::-moz-range-thumb {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #cfd7ed;
  box-shadow: 0px 2px 5px rgba(113, 113, 113, 0.392674);
}
.style .width-500 {
  min-width: 500px;
}
.style #value,
.style #value2,
.style #tenureRangeValue1,
.style #tenureRangeValue {
  padding: 10px 10px 10px 25px;
  outline: none;
  border: 0.75px solid #6e8ca6;
  border-radius: 4px;
  width: 100px;
}
.style .express {
  background: #ffecdb;
  border: 1px solid #f27b1a;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 5px;
  padding: 0 25px 40px 25px;
}
.style .express-img {
  background: #ffffff;
  box-shadow: 0px 1.27363px 5.09452px rgba(242, 123, 26, 0.4);
  border-radius: 6.36815px;
  padding: 8px !important;
}
.style .card-5 {
  border: 1px solid #50c38c;
  padding: 25px 12px 12px 12px;
  flex-direction: column;
  align-items: flex-start;
}
.style .card-5.active {
  background: #aeebce;
}
.style .card-6 {
  border: 1px solid #ffbe81;
  padding: 25px 12px 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.style .card-6 ul {
  flex: 1;
}
.style .card-6.active {
  background: #ffe7d7;
}
.style .arr-5 {
  border: 1px solid #50c38c;
  border-right: none;
  border-bottom: none;
}
.style .arr-5.active {
  background: #50c38c;
}
.style .arr-6 {
  border: 1px solid #ffbe81;
  border-right: none;
  border-bottom: none;
}
.style .arr-6.active {
  background: #ffbe81;
}
.style .modal,
.style .modal2 {
  display: none;
  position: fixed;
  z-index: 1;
  padding: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(238, 238, 238, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.style .modal.active,
.style .modal2.active {
  display: block;
}
.style .modal2 {
  z-index: 2;
}
.style body.active {
  overflow: hidden;
}
.style .details-pop {
  width: 1140px;
  background: #ffffff;
  border: 0.5px solid #cfd7ed;
  box-shadow: 0px 4px 4px rgba(207, 215, 237, 0.25);
  border-radius: 10px;
  margin: 0 auto;
  padding: 50px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in;
}
.style .details-pop.active {
  visibility: visible;
  opacity: 1;
  top: 50%;
  transition: all 0.5s ease-in;
}
.style .label-cont {
  width: 250px;
}
.style .custom-inp,
.style .custom-sel {
  border: 0.75px solid #6e8ca6;
  border-radius: 4px;
  font-size: 12px;
  color: #414141;
  padding: 10px 15px;
  outline: none;
}
.style .radio-content {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
}
.style .radio-content input {
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 0;
  width: 40px;
  opacity: 0;
}
.style .radio-content input:checked ~ .checkmark:after,
.style .checkbox-label input:checked ~ .checkmark:after {
  display: block;
}
.style .radio-content input[type="radio"] + label {
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
  margin-left: 2rem;
  letter-spacing: 0.43px;
}
.style .radio-content .checkmark {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  height: 17.5px;
  width: 17.5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.07),
    inset 1px 0px 1px 0px rgba(0, 0, 0, 0.07);
  border: none;
}
.style .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.style .radio-content .checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f27b1a;
}
.style .radio-inp,
.style .radio-inp1 {
  margin-top: 10px;
  display: flex;
}
.style .login-cont {
  width: 300px;
  border: 2px solid #d5dbf8;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.style .login-cont-2 {
  border: 2px solid #aeebce;
}
.style .login-cont-3 {
  border: 2px solid #e0d8ff;
}
.style .login-img {
  padding: 10px;
  background: #d5dbf8;
  border: 1px solid #d5dbf8;
}
.style .login-img-2 {
  background: #aeebce;
  border: 1px solid #aeebce;
}
.style .login-img-3 {
  background: #e0d8ff;
}
.style .login-txt {
  padding-left: 15px;
}
.style .login-txt2 {
  position: absolute;
  top: 115%;
}
.style .info-btn {
  padding: 5px 30px;
}
.style .thank-cont {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 20px 30px;
  width: 670px;
}
.style .rel {
  position: relative;
}
.style .abs {
  position: absolute;
  top: 100%;
}
.style .ver {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20%;
  color: #176abe;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
}
.style .ver3 {
  color: #4bc7a2;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -35%;
  cursor: pointer;
  margin-right: 10px;
  display: none;
}
.style .ver2 {
  position: absolute;
}
.style .pop-btn {
  background: #c4c4c4;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  pointer-events: none;
}
.style .pop-btn.active {
  background: #f27b1a;
  pointer-events: all;
}
.style #remove-txt {
  display: none;
  background: #ffecdb;
  border: 0.5px solid #faa232;
  border-radius: 10px;
  position: relative;
  left: -50px;
  padding: 20px;
  width: 425px;
  margin: 20px 0;
}
.style .info-man {
  display: none;
}
.style .close2 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  border: 0.5px solid #c4c4c4;
}
.style .abs3 {
  position: absolute;
  top: 110%;
}
.style .cont-btn {
  display: inline-flex;
}
.style #additional-btn.active {
  background: #f27b1a;
  color: #fff;
}
.style #additional-btn.active img {
  filter: brightness(0) invert(1);
}
.style .upload-inp {
  border: 0.75px solid #6e8ca6;
  border-right: none;
  outline: none;
  padding-left: 15px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  pointer-events: none;
}
.style .browse {
  background: #ffffff;
  border: 0.75px solid #176abe;
  color: #176abe;
  align-items: center;
  border-radius: 0px 4px 4px 0px;
  padding: 10px;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
}
.style .spacing {
  letter-spacing: -0.5px;
}
.style .cursor {
  cursor: pointer;
}
.style .uploaded {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  border-radius: 10px;
  padding: 24px 14px;
  display: flex;
  align-items: center;
  width: 410px;
  position: relative;
  left: -50px;
  display: none;
}
.style .uploaded .cards ul {
  width: 100%;
}
.style .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 770px;
  background: #ffffff;
  border: 0.5px solid #cfd7ed;
  border-radius: 10px;
  padding: 30px 20px;
  display: none;
  z-index: 9999;
}
@media screen and (max-width: 570px) {
  .style .popup {
    width: 100%;
  }
}
.style .popup1.active {
  display: block;
}
.style .popup2.active {
  display: block;
}
.style .popup3.active {
  display: block;
}
.style .popup4.active {
  display: block;
}
.style .popup5.active {
  display: block;
}
.style .popup6.active {
  display: block;
}
.style .popup7.active {
  display: block;
}
.style .popup8.active {
  display: block;
}
.style .instructions {
  background: #f7f7f7;
  padding: 10px 20px;
}
.style .instructions1 {
  background: #ffffff;
  padding: 10px 20px;
}
.style .browse-cont {
  width: 694px;
  margin: 20px auto;
}
.style .browse-box {
  border: 1.46429px dashed #dcdcdc;
  border-radius: 7.32143px;
  text-align: center;
  min-width: 245px;
}
.style .browse-txt {
  padding-left: 20px;
}
.style .approved.active {
  background: #fff url(/ucj/media/approved.701b989e.svg) no-repeat;
  background-position: 95%;
}
.style .browse-btn {
  padding: 5px 30px;
  font-weight: bold;
  font-size: 10px;
}
.style .fileicon {
  visibility: hidden;
}
.style .width-450 {
  width: 450px;
}
.style .hide {
  display: none;
}
.style .hide-inputbox {
  display: none;
}
.style .doc {
  display: inline-block;
}
.style .close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  border: 0.5px solid #c4c4c4;
}
.style .del-btn {
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 700;
  color: #c4c4c4;
  pointer-events: none;
  text-transform: uppercase;
}
.style .del-btn.active {
  background: #fff;
  border: 1px solid #f27b1a;
  color: #f27b1a;
  pointer-events: all;
}
.style .del-btn.active:hover {
  background: #f27b1a;
  color: #fff;
}
.style .submit-btn {
  background: #c4c4c4;
  color: #fff;
  padding: 17px 30px;
  border-radius: 5px;
  font-size: 14px;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  pointer-events: none;
  display: flex;
}
.style .submit-btn.active {
  background: #f27b1a;
  pointer-events: all;
}
.style .sub-btn {
  background: #c4c4c4;
  color: #fff;
  padding: 17px 30px;
  border-radius: 5px;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  pointer-events: none;
  margin-top: 1rem;
}
.style .sub-btn.active {
  background: #f27b1a;
  pointer-events: all;
}
.style .sub-btn1 {
  display: none;
}
.style .btn-row {
  display: none;
}
.style .good {
  display: none;
}
.style .width-160 {
  width: 160px;
}
.style #circlebar1,
.style #circlebar2,
.style #circlebar3,
.style #circlebar4,
.style #circlebar5,
.style #circlebar6,
.style #circlebar7,
.style #circlebar8,
.style #circlebar9 {
  width: 20px;
  height: 20px;
  display: none;
}
.style .progressbar-text {
  position: absolute;
  left: unset !important;
  top: unset !important;
  margin-left: 37px !important;
  margin-top: -9px !important;
  transform: translate(-50%, -50%);
  color: #7a7878 !important;
  font-size: 0.7rem !important;
  font-weight: 600;
}
.style input[type="file"] {
  display: none;
}
.style input[type="password"]:not(#AadharBox1, #AadharBox2, #AadharBox3) {
  width: 100%;
  border: 0.75px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px;
  height: 32px;
  padding: 0px 10px;
  width: 225px;
  outline: none;
  font-size: 12px;
}
@media only screen and (min-width: 769px) {
  .style .desktop-hide {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .custom-style .month-variable p {
    top: 37px;
  }

  .customise-head .sec-custom {
    padding: 40px 40px !important;
  }

  .style .mob-center {
    justify-content: space-evenly !important;
  }

  .customise-head .month-variable {
    width: 50% !important;
  }

  .custom-style .amount-variable p {
    top: 33px !important;
  }

  .grid-container-investment{
    grid-template-columns: 35% 65%  !important; 
  }

  .style .col-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 auto;
  }

  .style .col-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .vkyc-success-cards {
    width: 140px;
  }
}


.success-flex {
  flex-direction: column !important;
  display: flex !important;
  justify-content: space-around !important
}

.fc-bg-success {
  background: #FFF6EC !important;
}

/* to center align the "SEND OTP" button in otp verification screen */
@media only screen and (max-width: 551px) {
  .otp-ml {
    margin-left: 15px !important;
  }
}

@media (min-width: 240px) and (max-width: 390px) {
  .otp-ml {
    margin-left: 10px !important;
  }
}

@media only screen and (min-width: 1025px) {
  .vkyc-success-cards{
    width: 172px; 
  }
}
@media only screen and (min-width: 1332px) {
  .vkyc-success-cards {
    width: 250px;
  }
}
@media only screen and (min-width: 1917px) {
  .vkyc-success-cards-container{
    width: 800px;
  }
}

@media only screen and (max-width: 768px) {
  .rightLoanData .express .flex {
    display: flex;
  }

  .style .col-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .style .col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .style .flex {
    display: block;
  }
  .style .discover {
    background: #fff2e3;
    padding: 3vw 4vw;
  }

  .style .left-discover {
    background: #fff2e3;
    padding: 3vw 4vw;
  }

  .style .discover,.products{
    width: 100%;
  }

  .style #cardSelectionPage > .col-6{
    width: 100%;
  }


  .style .srch-bar {
    background: #ffffff;
    border: 1px solid #f2e4d6;
    box-sizing: border-box;
    display: flex;
    box-shadow: 0px 10px 20px rgba(248, 111, 0, 0.15);
    border-radius: 5px;
    width: 92vw;
    height: auto;
  }
  .style .text-center {
    text-align: center;
  }
  .style .btn {
    display: none;
  }
  .style .people {
    display: none;
  }
  .style .mob-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .style .mob-flex2 {
    display: flex;
  }
  .style .mob-center {
    justify-content: center;
  }
  .style .cards {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 15px 25px 30px;
    position: relative;
    cursor: pointer;
    width: 100%;
    max-width: 304px;
    display: flex;
    margin-right: 0px;
  }
  .style .products {
    padding: 55px 0px;
  }
  .style .mr-22 {
    margin-right: 22px;
  }
  .style .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .style .card-loan {
    max-width: 142px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .style .loan-left {
    padding: 80px 3vw;
    height: 100vh;
  }
  .style .loan-right {
    padding: 22px 5vw 10px 6vw;
    transition: all 0.4s ease;
  }
  .style .loan-right.pb-inc {
    padding-bottom: 85px;
  }
  .style .mob-height {
    height: unset;
  }
  .style .personal-loan-card {
    float: left;
    margin-left: 26px;
  }
  .style .loan-personal {
    margin-top: 11px;
  }
  .style .hide-mobile {
    display: none !important;
  }
  .style .num-2 {
    margin-top: 40px;
    opacity: 1;
  }
  .style .num-3 {
    margin-top: 20px;
  }
  .style .mob-mt-158 {
    margin-top: 158px;
  }
  .style .big-line {
    width: 40vw;
    height: 14px;
    border-bottom: 2px dashed orange;
  }
  .style .small-line {
    width: 5vw;
    height: 14px;
    border-bottom: 2px dashed orange;
  }
  .style .num {
    margin: 0px;
  }
  .style .noMargin {
    margin: 0px !important;
  }
  .style .mobile-info-content {
    padding: 15px !important;
  }
  .style .width-M25 {
    width: 50% !important;
  }
  .style .timerText {
    width: 210px !important;
    text-align: justify !important;
  }
  .style .gray-box {
    display: none;
    background: none;
    border-radius: 5px;
    padding: 3vw;
    width: 90vw;
    position: absolute;
  }
  .style .opa-2 {
    opacity: 1;
  }
  .style .mob-font-16 {
    font-size: 16px;
    line-height: 26px;
  }
  .style .mob-font-24 {
    font-size: 24px;
  }
  .style .timer2 {
    padding: 12px 2.5vw 12px 2.5vw;
    width: 79vw;
  }
  .style .timer-width {
    width: 193px;
  }
  .style .width {
    width: 19%;
  }
  .style .personal-inp {
    width: 100% !important;
  }
  .style .panINP {
    width: 35% !important;
  }
  .style .panINP3 {
    width: 20% !important;
  }
  .style .otp-cont {
    display: none;
  }
  .style .offwhite {
    background: #fcfcfc;
  }
}
.style .view-details-link {
  z-index: 10;
}
.style select::-ms-expand {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .style .progressbar-text {
    position: absolute;
    left: unset !important;
    top: unset !important;
    margin-left: 220px !important;
    margin-top: 19px !important;
    transform: translate(-50%, -50%);
    color: #7a7878 !important;
    font-size: 0.7rem !important;
    font-weight: 600;
  }
}
.style .account-div::before {
  opacity: 0;
  content: "\20B9";
  bottom: 15px;
  color: #414141;
  left: 20px;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
.style .account-rupee {
  position: relative;
}
.style .account-rupee::before {
  opacity: 1;
}
.style .account-rupee input {
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .style .dis-img img {
    width: 80%;
    height: 80%
  }
  .style .dis-text {
    width: 70%;
  }
  .style .dis-text h1 {
    font-size: 1rem;
  }
  .style .dis-text h1 span {
    font-size: 24px;
  }

  .reference-main .referenceInput {
    width: 100% !important;
  }
  .column-padding {
    padding-right: 10px !important;
  }
  .bottom-separator {
    width: 100%;
  }
}
.style .no-wrap {
  flex-wrap: nowrap !important;
}
@media only screen and (min-width: 767px) {
  .style .dis-img.d-large-none {
    display: none;
  }
  .custom-verify {
    margin: 0 !important;
    margin-top: 32px !important;
  }
}
@media only screen and (max-width: 767px) {
  .style .mob-text-none {
    display: none !important;
  }
  .style .loan-left {
    padding: 2.5rem 3vw;
    overflow: visible;
  }
  .style .loan-left .srch-bar {
    margin-top: 0;
  }
  .style .mob-small-w {
    width: 100%;
  }
}
.style .hiddenpassword {
  display: none !important;
}

.video-kyc .d-con {
  display: contents;
}
.video-kyc .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-kyc .modal-content .click-here {
  margin-bottom: 2rem;
}
.video-kyc .modal-content .click-here a {
  font-size: 14px;
  font-weight: bold;
}
.video-kyc .modal-content .light-orange {
  margin-top: 2rem;
}
.video-kyc .modal-content .popup-h6 {
  margin-bottom: 0;
}
.video-kyc .gray-box-3 h5 span {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .video-kyc .d-flex {
    display: block;
  }
  .video-kyc .mob-flex {
    display: flex;
  }
  .video-kyc .center-all4 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .video-kyc .bg-line-long {
    width: 14%;
  }
  .video-kyc .mob-head {
    width: 96%;
  }
  .video-kyc .gray-box-3 {
    width: 98%;
  }
  .video-kyc .mob-hide {
    display: none;
  }
  .video-kyc .details-fill-org {
    width: unset;
    height: fit-content;
    background: #ffffff;
    border: 1px solid #f27b1a;
    box-sizing: border-box;
    box-shadow: 0px 0.775316px 3.87658px rgba(222, 227, 242, 0.8);
    border-radius: 7.75316px;
  }
  .video-kyc .org-fill {
    width: unset;
    height: fit-content;
    background: #ffecdb;
    border: 0.5px solid #faa232;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
    border-radius: 6px 6px 0px 0px;
    padding: 1rem 0.2rem;
  }
  .video-kyc .mob-ml-0 {
    margin-left: 0px;
  }
  .video-kyc .details-fill-org select {
    width: fit-content;
  }
  .video-kyc .details-fill-org h5 {
    margin: 0px 0px 13px 0px;
  }
  .video-kyc .mob-mt-10 {
    margin-top: 10px !important;
  }
  .video-kyc .mob-mtmb {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .video-kyc .mob-ml-10 {
    margin-left: 10px !important;
  }
  .video-kyc .mob-ml-30 {
    margin-left: 30px;
  }
  .video-kyc .deactive-btn {
    padding: 15px 21px;
  }
  .video-kyc .btn-org,
  .video-kyc .btn-org-invert {
    padding: 15px 21px;
  }
  .video-kyc .m-side-18 {
    margin: 0px 26px;
  }
  .video-kyc .tick-green-new {
    margin: 0px;
  }
  .video-kyc .num-org {
    margin: 0px;
  }
  .video-kyc .num-org1 {
    margin: 20px !important;
  }
  .video-kyc .num-deactive {
    margin: 0px;
  }
  .video-kyc .num-deactive-tick {
    margin: 0px;
  }
  .video-kyc .bg-line {
    background: url(/ucj/media/v-line.22c1b407.svg) 14px 15px no-repeat;
    width: fit-content;
  }
  .video-kyc .m-l-40 {
    margin-left: 0px;
  }
  .video-kyc .mob-content {
    padding: 0px 10px 0px 0px;
  }
  .video-kyc .details-orange {
    width: unset;
  }
  .video-kyc .mob-nav {
    justify-content: space-between;
    width: 100%;
  }
  .video-kyc .collapse-all {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #customisePage .center-all4 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #customisePage .collapse-all {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .video-kyc .details-fill-org {
    margin-top: 40px;
  }
}
.video-kyc .mob-head {
  margin-bottom: 2rem;
}
.video-kyc .mob-head .congo {
  margin-right: 1rem;
}
.video-kyc .mob-head h5 {
  margin-bottom: 0;
  margin-top: 5px;
}
.video-kyc .details-fill-org .org-fill {
  align-items: flex-start;
  padding: 2rem 0;
}
.video-kyc .details-fill-org .org-fill h6 {
  max-width: 75%;
  line-height: 27px;
}
.video-kyc .details-fill-org .org-fill h6 .light-orange {
  padding: 0px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-left: 4px;
}
.video-kyc .details-fill-org .org-fill .mob-head h5 {
  margin-bottom: 0;
  margin-top: 5px;
}
.video-kyc .details-fill-org .org-fill .mob-flex {
  margin-top: 15px;
  align-items: center;
}
.video-kyc .details-fill-org .org-fill .mob-flex h5 {
  margin: 0 5px 0 0;
}
.video-kyc .details-fill-org .org-fill .mob-flex h5 img {
  margin-right: 3px;
}
.video-kyc .details-fill-org .org-fill .mob-flex .select::after {
  content: "";
}
.video-kyc .details-fill-org select {
  background: #ebedf6;
  box-shadow: inset 0px 2px 11px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding-left: 15px;
  border: 1px solid #d4d8e9;
  appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: 92%;
  background-size: 11px;
  cursor: pointer;
  margin-top: 5px;
}
.video-kyc .details-fill-org .deactive-btn {
  display: inline-block;
  margin-top: 1rem;
}
.video-kyc .details-fill-org .btn-org,
.video-kyc .details-fill-org .btn-org-invert {
  padding: 10px 35px;
  border: none;
  margin-top: 1rem;
}
.video-kyc .details-fill-org .checkbox {
  margin-top: 0.5rem;
}

.Esign .checkbox-para {
  width: 100%;
  margin-top: 1rem;
  padding-left: 2rem;
}

.esign .details {
  margin-right: 3rem;
}
.esign .section-nav2 h4 {
  flex: 1;
}
.esign .timeline-box .tick-green-new {
  width: auto;
  height: auto;
}
.esign .verification-timeline .num-org,
.esign .verification-timeline .num-deactive,
.esign .verification-timeline .num-deactive-tick {
  margin: 20px 0;
  position: relative;
}
.esign .verification-timeline h6 {
  position: relative;
  max-width: 170px;
}
.esign .verification-timeline h6 img {
  position: absolute;
  left: -34px;
}
.esign .verification-timeline .m-l-70 {
  margin-left: 95px;
}
.esign .verification-container .gray-box-3 {
  padding-bottom: 1.5rem;
}
.esign .main-details h5 {
  margin-bottom: 0;
}
.esign .main-details .box-heading {
  margin-bottom: 1rem;
}
.esign .gray-box-3 {
  margin-bottom: 1.5rem;
}
.esign .esign-anchor-links a {
  line-height: 30px;
}

.ntd .verifymail {
  width: 276.47px;
  background: #ffecdb;
  border: 0.5px solid #faa232;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: -50px;
  display: none;
  margin-bottom: 20px;
  align-items: center;
}
.ntd .verifymail h6 {
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
  margin: 15px 0px;
}
.ntd select {
  outline: none;
}
.ntd .btn-row1 {
  display: none;
}
.ntd .youaregoodtogo3 {
  display: none;
}
.ntd .youaregoodtogo3.active {
  display: flex;
}
.ntd .youaregoodtogo4 {
  display: none;
}
.ntd .youaregoodtogo4.active {
  display: flex;
}
.ntd .youaregoodtogo5 {
  display: none;
}
.ntd .youaregoodtogo5.active {
  display: flex;
}
.ntd #uploadSalary2 {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 410px;
  margin-left: -50px;
  display: none;
}
.ntd #uploadSalary2 h6 {
  width: 297px;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin: 15px 0px;
}
.ntd #uploadSalary2 a {
  margin: 19px 5px;
}
.ntd .upload .after-upload {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 30px;
  width: 410px;
  margin-left: -50px;
  display: none;
}
.ntd .upload .after-upload h6 {
  width: 297px;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin: 15px 0px;
}
.ntd .upload .after-upload a {
  margin: 19px 5px;
}
.ntd .upload .form {
  display: none;
}
.ntd .upload .form input {
  width: 246px;
  height: 32px;
  border: 0.5px solid #6e8ca6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  padding: 10px;
}
.ntd .upload .form #verify2 {
  display: none;
  cursor: pointer;
}
.ntd .upload .form .verifymail2 {
  width: 276.47px;
  background: #ffecdb;
  border: 0.5px solid #faa232;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: -50px;
  display: none;
  margin-bottom: 20px;
  align-items: center;
}
.ntd .upload .form .verifymail2 h6 {
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
  margin: 15px 0px;
}
.ntd .box2-org {
  height: 70px;
  width: 98%;
  background: #fef3e8;
  border-radius: 5px;
  position: relative;
}
.ntd .box2-org .abso {
  top: 10px;
}

.final-pg .main-card-small p {
  font-size: 12px;
  color: #414141;
  letter-spacing: 0px;
  margin-bottom: 0;
  width: 90%;
  margin: 0 auto;
  margin-top: 1rem;
}
.final-pg .other-products {
  width: 55%;
}
.final-pg .other-products .green-card,
.final-pg .other-products .mustard-card,
.final-pg .other-products .purple-card {
  display: flex;
  flex-direction: column;
  transition: 0.2s ease-in;
}
.final-pg .other-products .green-card:hover,
.final-pg .other-products .mustard-card:hover,
.final-pg .other-products .purple-card:hover {
  transform: scale(1.05);
  transition: 0.2s ease-in;
}
.final-pg .other-products .green-card .card-body,
.final-pg .other-products .mustard-card .card-body,
.final-pg .other-products .purple-card .card-body {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 100%;
  padding: 10px 10px 0 10px;
}
.final-pg .other-products .green-card h6,
.final-pg .other-products .mustard-card h6,
.final-pg .other-products .purple-card h6 {
  display: flex;
  flex: 2 2 auto;
}
.final-pg .download-btn:hover img {
  transform: translate(0);
}
@media screen and (max-width: 767px) {
  .final-pg .center-all {
    width: 90%;
  }
  .final-pg .main-card-small {
    width: 100%;
  }
  .final-pg .center-ta h6 {
    width: 90%;
  }
  .final-pg .green-card,
  .final-pg .mustard-card,
  .final-pg .purple-card {
    width: 48%;
    margin-bottom: 1rem;
  }
  .final-pg .main-card-org-border .image img {
    width: 2.5rem;
    margin-top: 0rem;
    margin-right: 1rem;
  }
  .final-pg .main-card-small img {
    margin-right: 0.5rem;
    margin-top: 0.5rem !important;
    width: 2rem;
  }
}

.skip .space-around {
  justify-content: space-around;
}
.skip .bg-skip-line {
  background: url(/ucj/media/skip-line.2303ed5e.svg) no-repeat 53px 20px;
  background-size: 87%;
}
.skip .h {
  height: 132px;
}
.skip .z {
  z-index: 20;
}
.skip .kyc {
  position: relative;
  right: 38px;
}
.skip .w-3 {
  width: 3%;
}
.skip .deactive-gray {
  color: #818181;
}
.skip .cross {
  position: relative;
  top: 0px;
}
.skip .box-orange {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 50px;
}
.skip .box-orange h6 {
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
  width: 160px;
  margin: 10px;
}
.skip .box-orange .tick-green1 {
  width: 25px;
  height: 25px;
  background: #4bc7a2;
  border-radius: 5px;
  padding: 5px;
  margin: 20px;
}
.skip .box-orange .num1 {
  border: 1px solid #f27b1a;
  width: 25px;
  height: 25px;
  margin: 20px;
  background: #f27b1a;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 10;
  color: white;
  padding-top: 2px;
}
.skip .main-card-org-small h2 {
  font-family: Open Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.10000000149011612px;
  text-align: left;
  margin-bottom: 0px;
  margin-top: 40px;
}
.skip .main-card-org-small h4 {
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 40px;
}
.skip .main-card-org-small p {
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
}
.skip .main-card-org h5 {
  font-family: Open Sans;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 1px;
}
.skip .main-card-org h6 {
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
}
.skip .main-card-org .btn {
  color: #faa232;
  border: 1px solid #faa232;
  padding: 2px 8px;
  font-size: 14px;
  text-transform: initial;
  background: transparent;
  text-decoration: none;
}
.skip .main-card-org .btn:hover {
  background-color: #faa232;
  color: white;
  border-color: #faa232;
}
.skip .main-card-org p {
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 8px;
}
.skip .end-heading h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: auto;
  width: 25%;
  margin-top: 40px;
}
.skip .end-heading h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: auto;
  width: 53%;
  margin-bottom: 50px;
}
.skip .box-orange2 {
  background: #ffecdb;
  border: 0.5px solid #faa232;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 50px;
}
.skip .box-orange2 .bg-org {
  background: url(/ucj/media/line-org.89b35b22.svg) no-repeat 19px 29px;
}
.skip .box-orange2 h6 {
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
  width: 116px;
  margin: 5px 0px;
}
.skip .box-orange2 p {
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  width: 88px;
}
.skip .box-orange2 .tick-green1 {
  width: 25px;
  height: 25px;
  background: #4bc7a2;
  border-radius: 5px;
  padding: 5px;
  margin: 20px;
}
.skip .box-orange2 .small-num {
  border: 1px solid #f27b1a;
  width: 19px;
  height: 19px;
  margin: 20px;
  background: #f27b1a;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 10;
  color: white;
  font-size: 9px;
  text-align: center;
  padding: 0;
}
.skip .box-orange2 .small-num-deactive {
  background: white;
  border: 1px solid rgba(252, 152, 60, 0.5);
  color: rgba(252, 152, 60, 0.5);
  font-size: 9px;
  text-align: center;
  box-sizing: border-box;
  padding: 0;
  width: 19px;
  height: 19px;
  margin: 20px;
}
.skip .box-orange2 .num1 {
  border: 1px solid #f27b1a;
  width: 25px;
  height: 25px;
  margin: 22px;
  background: #f27b1a;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 10;
  color: white;
  padding-top: 2px;
}
.skip .m-t--20 {
  margin-top: -22px;
}
.skip .m-tb-10 {
  margin: 10px 0px;
}
@media only screen and (max-width: 570px) {
  .skip .main-card-small {
    width: 100%;
    margin-bottom: 3rem;
    height: 100%;
  }
}
.skip .main-card-small .wr {
  flex-wrap: wrap;
}
@media only screen and (max-width: 570px) {
  .skip .main-card-small .wr {
    width: 100%;
    height: 100%;
  }
}
.skip .main-card-small .wr .w-100 {
  width: 50% !important;
}
@media only screen and (max-width: 570px) {
  .skip .main-card-small .wr .w-100 {
    width: 100% !important;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .srch-icon img {
    min-width: 15.5px;
  }

  .style .srch-icon {
    padding-right: 0px;
    margin-right: 8px;
  }

  .srch-bar button {
    min-width: 160px;
  }

  .srch-bar-sm button {
    min-width: 140px;
    text-align: center;
    padding: 15px 40px !important;
  }

  .suggest-sub img {
    width: 18px;
    height: 17px;
  }

  .readmore img {
    width: 6px;
    height: 8px;
  }

  .srch-icon-sm img {
    min-width: 12px;
  }

  .link {
    align-items: center;
  }

  .btn img {
    width: 12px;
    height: 12px;
  }

  input[type="text"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
  }

  .loan-left-mob {
    min-height: calc(100vh - 100px);
  }

  #one,
  #two,
  #three,
  #four,
  #five,
  #six,
  #one_email,
  #two_email,
  #three_email,
  #four_email,
  #five_email,
  #six_email,
  #otp {
    font-size: 20px !important;
  }

  #Aadharone,
  #Aadhartwo,
  #Aadharthree,
  #Aadharfour,
  #Aadharfive,
  #Aadharsix,
  #Aadharotp {
    font-size: 20px !important;
  }

  .gray-box {
    padding-right: 30px !important;
  }

  .gray-sub-1 {
    position: relative;
    left: -15px;
  }

  .gray-sub-2 {
    position: relative;
    left: -30px;
  }

  .home-png {
    width: 36px;
    height: 32px;
  }

  .car-png {
    width: 49px;
    height: 26px;
  }

  .money-png {
    width: 30px;
    height: 38px;
  }

  select::-ms-expand {
    display: none;
  }

  .box2-org,
  .box2-org-2 {
    background: rgba(252, 152, 60, 0.5);
  }

  .timer-png {
    width: 40px;
    height: 40px;
  }

  .tck-png {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 600px) {
  body .suggest .suggest-sub {
    display: flex;
    align-items: flex-start;
  }
  body .suggest .suggest-sub img {
    margin-top: 7px;
  }
  body .suggest .suggest-sub.active {
    background: white;
  }
  body .details-sub-orange {
    width: 98%;
  }
  body .input-content {
    padding: 5px 0;
    width: 75%;
  }
  body #verify {
    position: absolute !important;
    bottom: 36px !important;
    right: 30px !important;
    top: auto !important;
  }
  body .radio-flex {
    display: flex;
    align-items: center;
    padding: 5px 0;
    width: 75%;
  }
  body .mob-blc .cards {
    flex-direction: column;
    align-items: flex-start;
    width: 100% !important;
  }
  body .modal {
    padding: 10px !important;
  }
  body .radio-content {
    padding-bottom: 8px;
  }
  body .page-content-head .hide-mobile {
    display: none;
  }
  body .initiate .tick-button {
    margin-right: 0;
  }
  body .browse-cont {
    width: 100% !important;
  }
  body .section-small-gray {
    width: 100% !important;
    margin: 0 !important;
  }
  body .popup {
    width: 100% !important;
  }
  body .popup-height {
    top: 50% !important;
    width: 100% !important;
    margin-top: 0px !important;
  }
  body .input-content {
    width: 100% !important;
  }
  body .browse-cont {
    width: 100% !important;
  }
  body .org-img-4,
  body .org-img-3 {
    width: 19px !important;
  }

  .ntd .upload .after-upload {
    width: 91vw !important;
    margin-left: -40px !important;
  }
  .ntd .details-sub {
    width: 86% !important;
  }
  .ntd .num-org {
    width: 25px;
  }

  .custom-style .custom .col {
    margin: 0 0rem;
    width: 14%;
  }
  .custom-style .num {
    margin: 1rem auto !important;
  }
  .custom-style .sec-custom .col2 {
    padding-right: 20px !important;
    max-width: 100%;
    flex: 0 0 1;
  }
  .custom-style #remove-txt {
    width: 91vw !important;
  }
  .custom-style .width {
    width: 100% !important;
  }
  .custom-style .details-pop {
    max-width: 100%;
    width: 100%;
    padding: 30px;
  }
  .custom-style .login-cont {
    display: flex !important;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
  .custom-style .gray-box-2 {
    margin: 15px 0px 0 -20px !important;
    padding-left: 10px !important;
    padding-right: 1rem !important;
  }
  .custom-style .upload-docs .mt-20 .m-flex {
    display: flex !important;
    flex-direction: row;
  }
  .custom-style .center .cont-btn {
    display: block;
  }
  .custom-style #coaplicant p {
    line-height: 20px;
  }
  .custom-style #additional-btn {
    margin-top: 10px;
  }
  .custom-style #thankyou .d-flex img {
    width: 18px;
    height: 18px;
  }

  .form-page .input-content {
    width: 100%;
    position: relative;
  }
  .form-page .input-content select,
  .form-page .input-content input {
    width: 100%;
  }
  .form-page .input-content .the-datepicker__main {
    width: 100%;
  }
  .form-page .reference {
    width: 100%;
  }
  .form-page .reference .content {
    margin: 2rem 0 1rem 1rem;
  }
  .form-page .radio-flex {
    width: 100%;
  }

  .detail .verification-container {
    width: 82%;
  }
  .detail .verification-container .m-l-70 {
    margin-left: 10px;
  }
  .detail .start-kyc {
    align-items: flex-start;
    justify-content: start;
    flex-direction: column;
  }
  .detail .start-kyc .btn-org,
  .detail .start-kyc .btn-org-invert {
    margin-bottom: 1rem;
  }
  .detail .documents .documents-card {
    align-items: flex-start;
  }

  .video-kyc .center-all4 {
    display: flex !important;
  }
  .video-kyc .details-fill-org select {
    width: 100%;
  }
  .video-kyc .details-fill-org .org-fill h6 {
    max-width: 100%;
  }
  .video-kyc .org-fill .mob-flex {
    flex-wrap: wrap;
  }
  .video-kyc .org-fill .mob-flex .select {
    width: 70%;
    margin-top: 1rem;
  }
  .video-kyc .verification-container .num-org,
  .video-kyc .verification-container .num-deactive,
  .video-kyc .verification-container .num-deactive-tick {
    margin: 0 0 10px;
  }

  .Esign .checkbox-para {
    width: 100%;
  }
  .Esign .container .check:after {
    left: 3px;
    width: 5px;
  }
  .Esign .esign-anchor-links {
    padding-left: 0;
    width: 100%;
  }
  .Esign .esign-document img {
    height: auto;
    bottom: 0px;
    margin: 0 10px 7px 0;
  }

  .skip .main-card-org {
    width: 90%;
  }
  .skip .center-ta h6 {
    width: 100%;
  }
  .skip .main-card-org-border {
    width: 90%;
  }
  .skip .space-around,
  .skip .space-between {
    display: flex !important;
    flex-wrap: wrap;
  }
  .skip .center-ta {
    flex-wrap: wrap;
    width: 90%;
  }
  .skip .center-ta .main-card-small {
    width: 100%;
    margin-bottom: 3rem;
  }
  .skip .image h2 {
    width: auto;
  }
  .skip .end-heading {
    width: 100%;
  }
  .skip .end-heading h4,
  .skip .end-heading h5 {
    width: 90%;
    display: block;
    text-align: center;
  }

  .month-variable,
  .amount-variable {
    position: relative;
  }
  .month-variable p,
  .amount-variable p {
    position: absolute;
    top: 41px !important;
  }

  .month-variable p {
    top: 0 rem !important;
  }

  .style .popup.active {
    display: block !important;
    height: 100vh;
    max-height: 100vh;
  }

  .d-flex-popup2 .flex {
    display: flex !important;
  }
  .d-flex-popup2 .flex img {
    top: 0px;
    margin-bottom: 1rem;
  }
}
.details-pop .input-content.date input {
  width: 100%;
}

.form-page .page-content-head h3 {
  flex: 1;
}
.form-page .page-content-head .flex-col {
  margin: 0 3rem;
}

.icon-cont {
  width: 40px;
  align-items: center;
  display: flex;
  margin-right: 15px;
}

.ntd.stylesheet .section-details.w-86 {
  width: 86% !important;
  background: #ffffff;
  border: 0.5px solid #f27b28;
  box-sizing: border-box;
  border-radius: 5px;
}

.ntd.stylesheet .heading-2 {
  width: 61%;
}

h5 {
  display: block;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

select {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  appearance: menulist;
  box-sizing: border-box;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
  cursor: default;
  margin: 0em;
  font: 400 13.3333px Arial;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
}

@media screen and (max-width: 768px) and (min-width: 608px) {
  .mx-small-15 {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }
}

.style .srch-bar .btn {
  min-width: 0;
  padding-right: 45px;
  padding-left: 20px;
}

@media only screen and (max-width: 768px) {
  .style .radio-content .btn {
    display: block;
  }

  .style .sec .flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
  .style .sec .flexTimer {
    display: flex;
    flex-wrap: wrap;
  }

  #panField {
    margin-bottom: 0px;
  }

  .style .people {
    display: block;
  }

  .style .width {
    width: 85%;
  }

  .style .mob-mt-158 {
    margin-top: 30px;
  }

  .style .timer2 {
    width: 100%;
  }

  .style .loan-left {
    padding: 2.5rem 3vw;
  }

  .flex .mob-flex2 {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .flex .otp-cont {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .style .loan-left {
    height: auto;
  }

  .style .hide-mobile {
    display: none !important;
  }

  .flex .mt-15 {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .adhar-style-mobile .style .gray-box {
    background: #f5f5f6;
    border-radius: 5px;
    padding: 20px;
    width: 370px;
    position: absolute;
  }

  .desktop-hide {
    display: none !important;
  }

  #mobilePage .desktop-hide {
    display: none !important;
  }

  #mobileOtpPage #mobFlex {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 1280px) and (min-width: 768px) {
  #customCardblock .card {
    margin-bottom: 30px;
    width: 60% !important;
  }
}

@media (min-width: 786px) {
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
}

@media only screen and (max-width: 768px) and (min-width: 425px) {
  .ntd.stylesheet .section-details.w-86 {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1024px) {
  .gray-box-3 {
    width: 90%;
  }
}

@media only screen and (max-width: 425px) {
  #CAdetailspage .section-details .card-body {
    width: 100% !important;
  }
  .ca-details-page .card {
    margin-bottom: 20px;
    margin-right: 3em !important;
  }

  #CADetailsCard .card {
    width: 100%;
    height: auto;
  }
  #CADetailsCard .container {
    max-width: 1260px;
    padding-left: 20px;
    margin: auto;
  }
  .stylesheet .box2-org {
    height: auto;
    text-align: center;
    padding-left: 30px;
  }

  .stylesheet .box2-org-2 {
    height: auto;
    text-align: center;
    padding-left: 30px;
  }
  #CAdetailspage .section-details {
    width: 100% !important;
  }
  #CAdetailspage .card {
    width: 100% !important;
  }
  #CAdetailspage .card .container {
    margin-top: 0px;
    padding-bottom: 0px;
  }
  #customCardblock .card {
    margin-bottom: 30px;
    width: 60% !important;
    margin-right: 50px !important;
  }
}

@media only screen and (max-width: 962px) {
  .stylesheet .desktop-hide {
    display: none !important;
  }
  .credit-card-price {
    flex-wrap: wrap !important;
  }

  .credit-card-price span {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .credit-card-price h6 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .credit-card-price .right-line {
    border-right: none !important;
  }

  .credit-card-price .ps-4 {
    padding-left: 0px !important;
  }
}

@media only screen and (max-width: 550px) {
  .d-flex {
    flex-wrap: nowrap;
  }

  #verifyDetailsPage .d-flex.mob-content {
    flex-wrap: wrap;
  }

  #enatchSecurityPage .d-flex.mob-content {
    flex-wrap: wrap;
  }
}

@media (min-width: 576px) {
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
}

#shieldImg {
  margin-right: 5px !important;
}

.shieldImg {
  margin-right: 5px !important;
}

.shieldImgLeft {
  margin-left: 5px !important;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.browse-txt2 {
  display: none;
}

.stylesheet .num-org-success {
  color: white;
  background-color: #4bc7a2;
  border: 1px solid #4bc7a2;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0;
  z-index: 10;
}

#uploadDocumentsPage .section-details .details-sub {
  margin-right: 10px;
}

#fddetailspage .section-details .details-sub {
  margin-right: 10px;
}

.px-15 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

#cardSelectionPage .mt-25 {
  margin-top: 15px;
  margin-bottom: 5px;
}

#cardSelectionPage .card-loan {
  width: 125px;
  min-height: 125px;
}

.font-15 {
  font-size: 16px;
  line-height: 25px;
}

@media only screen and (max-width: 768px) and (min-width: 551px) {
  #uploadDocumentsPage .section-details {
    width: 86% !important;
  }

  #fddetailspage .section-details,
  #fdProcessFee .section-details {
    width: 86% !important;
  }
  #CAdetailspage .section-details {
    width: 100% !important;
  }
  #CAdetailspage .card {
    width: 100% !important;
  }
  #CAdetailspage .card .container {
    margin-top: 0px;
    padding-bottom: 0px;
    width: 100% !important;
  }
  #CAdetailspage.section-nav .d-flex center .center-all4 .card {
    width: 100%;
  }
  #customCardblock .card {
    margin-bottom: 30px;
    width: 60% !important;
  }
  #CAdetailspage .center-all4 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 424px) {
  #uploadDocumentsPage .section-details {
    width: 100% !important;
  }

  #fddetailspage .section-details,
  #fdProcessFee .section-details {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1024px) {
  #loanSelectionPage .bounceIn {
    width: 282px;
  }

  #mobilePage .bounceIn {
    width: 230px;
  }

  #customisePage .sliderContainer {
    flex-wrap: wrap;
    min-width: 100% !important;
  }

  #customisePage .sliderContainer .width-500 {
    min-width: 100% !important;
  }

  #customisePage .blc .col-9 {
    margin-right: 10px;
  }
}

#searchBtn {
  margin-left: 0;
  background: #f3831d;
  border: none;
  cursor: pointer;
  outline: none;
  color: white;
  padding: 15px 60px;
  border-radius: 5px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: bold;
  margin: 2px 2px 2px 3px;
}

@media only screen and (max-width: 768px) {
  #creditCardMain {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  #creditCardMain .card-holder-name {
    font-size: 8px !important;
    bottom: 0.2rem !important;
    left: 0.3rem !important;
    letter-spacing: 0.5px !important;
  }

  .credit-card-price {
    flex-wrap: nowrap !important;
  }

  .credit-card-price span {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .credit-card-price h6 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .credit-card-price .right-line {
    border-right: 1px solid #ffbe81 !important;
  }

  .credit-card-price .ps-4 {
    padding-left: 1.5rem !important;
  }

  .radioLable {
    margin-top: 0.5rem !important;
  }
  #searchBtn {
    width: 25%;
    padding: 20px;
    margin-left: 0;
  }

  #searchInput {
    width: 65%;
  }

  #searchBar {
    padding-top: 2px;
  }

  #loanSelectionPage .abs-line1 {
    top: 47%;
    right: 273px;
  }

  #loanSelectionPage .abs-line2 {
    top: 47%;
  }

  #loanSelectionPage .bounceIn {
    top: 50%;
  }

  #loanSelectionPage .bounceIn .flex {
    margin-bottom: 0;
  }

  #loanSelectionPage .bounceIn .flex p {
    width: 100%;
  }

  #mobilePage .bounceIn {
    width: 300px;
  }

  #mobilePage .bounceIn .flex {
    margin-bottom: 0;
  }

  #mobilePage .bounceIn .flex p {
    width: 210px;
    text-align: justify;
  }

  #mobilePage .hide-mobile {
    display: flex !important;
    margin-bottom: 0;
  }

  #mobilePage .num {
    margin: 10px;
    margin-left: 15px;
  }

  #mobileOtpPage .desktop-hide {
    display: none !important;
    flex-wrap: nowrap !important;
  }

  #mobileOtpPage .bounceIn .flex p {
    width: 210px;
    text-align: justify;
  }

  #mobileOtpPage .num {
    margin: 10px;
    margin-left: 15px;
  }

  #mobileOtpPage .hide-mobile {
    display: flex !important;
    margin-bottom: 0;
  }

  #aadharPage .bounceIn {
    width: 300px;
  }

  #aadharPage .bounceIn .flex {
    margin-bottom: 0;
  }

  #aadharPage .bounceIn .flex p {
    width: 210px;
    text-align: justify;
  }

  #aadharPage .num {
    margin: 10px;
    margin-left: 15px;
  }

  #aadharPage .mob-flex .flex {
    margin-bottom: 0;
  }

  #aadharPage .mob-flex .flex {
    margin-top: 0;
  }

  #aadharPage .mob-flex .rel .gray-box {
    padding: 0;
    background: #f5f5f5 !important;
    width: 100%;
  }

  #aadharPage .cont-md .opa-4.num-2 {
    margin-top: 65px;
  }

  #aadharOtpPage .mob-flex .num {
    margin: 10px;
    margin-left: 15px;
  }

  #aadharOtpPage .mob-flex .rel .gray-box {
    padding: 0;
    background: #f5f5f5 !important;
    width: 100%;
  }

  #aadharOtpPage .flex .num {
    margin: 10px;
    margin-left: 15px;
    margin-top: 0 !important;
  }

  #aadharOtpPage .cont-md .opa-4.num-2 {
    margin-top: 65px;
  }

  #verifyDetailsPage .d-flex.mob-content .m-l-40 {
    margin-left: 40px !important;
  }

  #enatchSecurityPage .d-flex.mob-content .m-l-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  #loanSelectionPage .abs-line1 {
    top: 40%;
    right: 273px;
  }

  #loanSelectionPage .abs-line2 {
    top: 40%;
  }

  #loanSelectionPage .bounceIn {
    top: 44%;
  }
}

@media only screen and (max-width: 575px) {
  #loanSelectionPage .abs-line1 {
    top: 34%;
    right: 273px;
  }

  #loanSelectionPage .abs-line2 {
    top: 34%;
  }

  #loanSelectionPage .bounceIn {
    top: 37%;
  }
}

@media only screen and (max-width: 565px) {
  #searchInput {
    width: 55%;
  }
}

@media only screen and (max-width: 550px) {
  #otpSection .d-flex {
    justify-content: left;
  }
}

@media only screen and (max-width: 540px) {
  #searchInput {
    width: 65%;
  }
}

@media only screen and (max-width: 493px) {
  #searchInput {
    width: 55%;
  }

  #loanSelectionPage .abs-line1 {
    top: 34%;
    right: 189px;
  }

  #loanSelectionPage .bounceIn {
    top: 37%;
    width: 200px;
  }
}

@media only screen and (max-width: 425px) {
  #searchBtn {
    width: 35%;
  }

  #esignPage .grey .main-details.d-flex {
    display: flex !important;
    width: 99%;
    padding-right: 10px;
  }

  #esignPage .grey .main-details .p-b-50 {
    width: 100%;
  }

  #esignPage .grey .main-details .p-b-50 .gray-box-3 {
    width: 100%;
  }

  #enachMandate h6 {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 435px) {
  #searchInput {
    width: 50%;
  }

  #loanSelectionPage .abs-line1 {
    top: 34%;
    right: 190px;
  }

  #loanSelectionPage .abs-line2 {
    top: 34%;
  }

  #loanSelectionPage .bounceIn {
    top: 37%;
    width: 200px;
  }

  #aadharOtpPage .style .num-2 {
    margin-top: 0 !important;
  }

  #aadharOtpPage .hide-mobile .flex .num {
    margin: 10px;
    margin-left: 15px;
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 410px) {
  #loanSelectionPage .abs-line1 {
    top: 34%;
    right: 164px;
  }

  #loanSelectionPage .abs-line2 {
    top: 34%;
  }

  #loanSelectionPage .bounceIn {
    top: 37%;
    width: 175px;
  }
}

@media only screen and (max-width: 393px) {
  #loanSelectionPage .abs-line1 {
    top: 34%;
    right: 140px;
  }

  #loanSelectionPage .abs-line2 {
    top: 34%;
  }

  #loanSelectionPage .bounceIn {
    width: 150px;
  }

  #mobilePage .bounceIn {
    width: 250px;
  }

  #aadharPage .bounceIn {
    width: 250px;
  }
}

@media only screen and (max-width: 357px) {
  #searchInput {
    width: 40%;
  }
}

@media only screen and (max-width: 350px) {
  #loanSelectionPage .abs-line1 {
    top: 34%;
    right: 115px;
  }

  #loanSelectionPage .bounceIn {
    width: 125px;
  }
}

@media only screen and (max-width: 329px) {
  #searchInput {
    width: 40%;
  }
  #loanSelectionPage .bounceIn {
    top: 37%;
    width: 120px;
  }
  #mobilePage .bounceIn {
    width: 225px;
  }
  #aadharPage .bounceIn {
    width: 225px;
  }
}

@media only screen and (max-width: 320px) {
  #searchBtn {
    width: 43%;
  }

  #mobilePage .bounceIn {
    width: 200px;
  }

  #mobilePage .bounceIn .flex p {
    width: 180px;
  }

  #mobileOtpPage .bounceIn .flex p {
    width: 150px;
  }

  #loanSelectionPage .abs-line1 {
    top: 26%;
  }

  #loanSelectionPage .abs-line2 {
    top: 26%;
  }

  #loanSelectionPage .bounceIn {
    top: 28%;
  }
}

@media only screen and (max-width: 319px) {
  #loanSelectionPage .abs-line1 {
    top: 24%;
  }

  #loanSelectionPage .abs-line2 {
    top: 24%;
  }

  #loanSelectionPage .bounceIn {
    top: 26%;
    width: 120px;
  }
}

@media only screen and (max-width: 305px) {
  #searchInput {
    width: 35%;
  }
}
@media only screen and (max-width: 286px) {
  #searchInput {
    width: 30%;
  }
}
@media only screen and (max-width: 274px) {
  .custom-tenure-month {
    left: 38px !important;
    top: -33px !important;
  }
}

#info-manual {
  color: #f27b1a;
}

#info-manual:hover {
  color: #ffffff;
  transition: all 0.3s ease-in;
}

#mobileViewEsignAadhar1 {
  display: none;
}

#mobileViewEsignAadhar2 {
  display: none;
}

#mobileViewEsignAadhar3 {
  display: none;
}

#desktopEsignAadhar {
  display: flex;
}

#desktopAadharContents {
  display: block;
}

#mobileAadharContents {
  display: none;
}

@media only screen and (max-width: 790px) {
  #mobileViewEsignAadhar1 {
    display: flex;
  }

  #mobileViewEsignAadhar2 {
    display: flex;
  }

  #mobileViewEsignAadhar3 {
    display: flex;
  }

  #desktopEsignAadhar {
    display: none;
  }

  #desktopAadharContents {
    display: none;
  }

  #mobileAadharContents {
    display: block;
  }
  .credit-card-display {
    font-size: 15px !important;
  }
}

.style .card-radio1 {
  border: 1px solid #cd6200;
  padding: 25px 12px 25px 12px;
  background-color: #ffffff;
}

.style .arr-7 {
  border: 1px solid #cd6200;
  border-right: none;
  border-bottom: none;
}

.style .card-radio1.active {
  background-color: #ffeac2;
}

.style .arr-7.active {
  background: #cd6200;
}

.card-radio2 {
  border: 1px solid #e754ac;
  padding: 25px 12px 25px 12px;
  background-color: #ffffff;
}

.style .card-radio2.active {
  background-color: #ffe3f4;
}

.style .arr-8 {
  border: 1px solid #e754ac;
  border-right: none;
  border-bottom: none;
}

.style .arr-8.active {
  background: #e754ac;
}

.style .card-radio3 {
  border: 1px solid #3cbec4;
  padding: 25px 12px 25px 12px;
  background-color: #ffffff;
}

.style .card-radio3.active {
  background-color: #dff5f6;
}

.style .arr-9 {
  border: 1px solid #3cbec4;
  border-right: none;
  border-bottom: none;
}

.style .arr-9.active {
  background: #3cbec4;
}

.style .card-radio4 {
  border: 1px solid #50c38c;
  padding: 25px 12px 25px 12px;
}

.style .card-radio4.active {
  background-color: #aeebce;
}

.style .arr-10 {
  border: 1px solid #50c38c;
  border-right: none;
  border-bottom: none;
}

.style .arr-10.active {
  background: #50c38c;
}

.style .card-radio5 {
  border: 1px solid #c9a6f6;
  padding: 25px 12px 25px 12px;
  background-color: #ffffff;
}

.style .card-radio5.active {
  background-color: #f2e7ff;
}

.style .arr-11 {
  border: 1px solid #c9a6f6;
  border-right: none;
  border-bottom: none;
}

.style .arr-11.active {
  background: #944dee;
}

.style .hide {
  display: none;
}

.offers .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 300px !important;
  max-width: 300px !important;
}

.ntd .account-div1::before {
  opacity: 0;
  content: "\20B9";
  bottom: 6.4px;
  font-size: 14px;
  color: #414141;
  left: 20px;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}

.ntd .account-rupee::before {
  opacity: 1;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

#hlGreyBox .bg-line {
  background: url(/ucj/media/hl-v-line.934e6cd1.png) 19px 33px no-repeat;
}

.style .close2 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  border: 0.5px solid #c4c4c4;
}

#additionalIncome .center3 {
  width: 81px;
  height: 32px;
  background: #ffffff;
  border: 0.75px solid #176abe;
  box-sizing: border-box;
  border-radius: 0px 4px 4px 0px;
  margin-top: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  align-items: center;
  text-transform: uppercase;
  color: #176abe;
}

#additionalIncome input {
  width: 180px;
  height: 32px;
  border: 0.75px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 4px 0px 0px 4px;
  margin-top: 5px;
  border-right: 0;
}

#additionalIncome h6 {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 19px;
  font-weight: 600;
}

#additionalIncome label {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.20000000298023224px;
  text-align: left;
}

#additionalIncome .m-tb-35-mob {
  margin: 35px 0px;
}

#processingFeeBounceIn .bounceIn {
  top: 40%;
  right: 10%;
}

@media only screen and (max-width: 1024px) {
  #processingFeeBounceIn .bounceIn {
    top: 46%;
    right: 10%;
  }
}

#loanOptionShow {
  display: flex;
}

.loanOptionShowForPerfiosHL {
  display: flex;
  margin-top: 50px; 
}

#loanOptionHide {
  display: none;
}

@media only screen and (max-width: 768px) {
  #loanOptionShow {
    display: block;
  }
}

@media only screen and (max-width: 1478px) {
  .editLoanAmtText {
    float: right;
    width: 25%;
  }

  .editLoanTenureText {
    float: right;
    width: 25%;
  }
}

@media only screen and (max-width: 1440px) {
  .editLoanAmtText {
    float: right;
    width: 24%;
  }

  .editLoanTenureText {
    float: right;
    width: 24%;
  }
}

@media only screen and (max-width: 1024px) {
  .editLoanAmtText {
    float: right;
    width: 100%;
  }

  .editLoanTenureText {
    float: right;
    width: 100%;
  }
}

@media only screen and (max-width: 425px) {
  .editLoanAmtText {
    float: right;
    width: 100%;
    top: 5rem;
    position: absolute;
  }

  .editLoanTenureText {
    float: right;
    width: 100%;
    top: 14.5rem;
    position: absolute;
  }
}

.tick-points {
  justify-content: left;
}
.continue-btn-hl{
  background-color: #ff7a00;
  color: #fff;
  border: 1px solid #E67823;
  padding: 10px 20px;
  border-radius: 5px;
}
.hfcPopup .modal-content {
  width: 130%;
  margin-left: -70px;
}
.new-hfcPopup .modal-content{
  width: 100%;
} 
.continue-btn-hfcpopup{
  border:1px solid #000;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform:capitalize !important;
}

.new-continue-btn-hfcpopup{
  background-color: #ff7a00;
  color: black;
  border: 1px solid #E67823;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform:capitalize !important;
}

.continue-btn-disable-hfcpopup{
  background: #c4c4c4;
  color: #212529 !important;
  border:1px solid #000;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform:capitalize !important;
}

.new-continue-btn-disable-hfcpopup{
  background: #fd7b03b8;
  color: #212529 !important;
  border:1px solid #000;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform:capitalize !important;
}
.hfcPopupHeading {
  margin: 10px 0px 10px 0px;
  font-size: 22px;
  color: #003b6e;
}
.hfcPopupLabel{
  font-size: 17px;
  margin-bottom: 10px;
}
.hfcButton{
  width: 52% !important;
  font-size: 18px !important;
  border-radius: 24px !important;
  border-color: black !important;
}
@media only screen and (max-width: 680px) {
  .hfcPopup .modal-content {
    width: 100%;
    margin-left: 0px;
  } 
}
@media only screen and (max-width: 1052px) and (min-width: 680px) {
  .hfcButton{
    width: 60% !important;
  }
}
@media only screen and (max-width: 668px)  {
  .hfcPopupHeading{
    margin: 10px 0px 10px 13px;
    font-size: 20px;
    color: #003b6e;
  } 
  .hfcPopupLabel{
    display: block;
    cursor: pointer;
    font-size: 14px;
    line-height: 21px;
    color: #4a4a4a;
    padding-left: 6px;
    margin-bottom: 10px;
  }
}
#modalHeader1 h5 {
  margin-top: 0;
}

#modalHeader2 h5 {
  margin-top: 0;
}

#responseComp .radio-flex {
  width: auto;
}

.feature-page .buttonStyle {
  min-width: 280px;
}
.feature-page1 .buttonStyle {
  min-width: 280px;
}

.custom-style .month-variable {
  display: block !important;
}

#OrgsText {
  position: relative;
  width: 682px;
}

.custom-iframe-modal {
  width: 60%;
  max-width: none;
}
.custom-iframe-modal .modal-content{
  height: calc(80% - 65px);
}

.cursor-style {
  cursor: auto !important;
}

.tncContainer{
  width:fit-content;
}

@media only screen and (max-width: 882px) {
  #OrgsText {
    width: 360px;
  }

  .custom-iframe-modal {
    width: 90%;
  }
}

@media only screen and (max-width: 461px) {
  #OrgsText {
    width: 282px;
  }
  .main-page .additional-input{
    display: inline;
    min-width: 280px;
    max-width: 19%;
    width: unset !important;
  }
}
@media only screen and (max-width: 600px) {
  .feature-page .a1 {
    min-width: 280px;
  }
  .feature-page .a1 {
    min-width: 280px;
  }
  .fdOrgName {
    max-width: 282px;
  }
  .loan-mobile-right {
    padding: 1.5rem 3vw;
    max-width: 450px;
    margin: 0 auto;
    position: relative;
  }
  .mobileText {
    font-size: 14px !important;
  }
  .green-card,
  .purple-card,
  .mustard-card {
    width: 100% !important;
    margin: auto;
  }
  .orange-strip {
    height: 35px;
  }
}
@media only screen and (min-width: 600px) {
  .loan-mobile-right {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    padding: 1.5rem;
  }
  .mobileText {
    font-size: 14px !important;
  }
  .noMarginLeft {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 768px) {
  .green-card {
    width: 70% !important;
    margin-bottom: 7%;
  }
  .mustard-card {
    width: 70% !important;
    margin-bottom: 7%;
  }
  .purple-card {
    width: 70% !important;
    margin-bottom: 7%;
  }
  .custom-header-initiate {
    width: 40% !important;
  }
}
@media only screen and (min-width: 900px) {
  .custom-header-initiate {
    width: 52% !important;
  }
}

@media only screen and (min-width: 1200px) {
  .feature-page .a1 {
    min-width: 198px;
  }
  .feature-page1 .a1 {
    min-width: 198px;
  }
  .mobileText {
    font-size: 16px !important;
  }
  .m-l-40 {
    margin-left: 40px !important;
  }
  .green-card {
    width: 25% !important;
  }
  .mustard-card {
    width: 25% !important;
  }
  .purple-card {
    width: 25% !important;
  }
  .stylesheet .details-sub-orange {
    width: 350px;
  }
  .custom-header-initiate {
    width: 100% !important;
  }
}
.grayBoxAcc {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 20px;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: rgb(250, 111, 5);
  border-color: #f1f1f1;
}

.custom-list-group-item + .custom-list-group-item.active {
  margin-top: 0px !important;
  border-top-width: 0px !important;
  border-color: rgb(250, 111, 5);
}

@media only screen and (max-width: 1363px) {
  #sliderBox {
    display: block;
  }

  .style .col-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 auto;
  }
}

body {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 400;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
label,
input,
button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.style img {
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.panel-group {
  margin-top: 30px;
}

.panel-collapse {
  max-height: 500px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.panel-close {
  max-height: 65px;
}

#detailsDropdown {
  display: none;
}

#collapseDiv {
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}

@media only screen and (max-width: 1200px) {
  #detailsDropdown {
    display: block;
    padding: 10px;
  }

  .stylesheet .details {
    width: 40%;
  }
}

@media only screen and (min-width: 1199px) {
  .collapse.show {
    display: none;
  }
}

@media only screen and (max-width: 550px) {
  #collapseDiv {
    width: 100%;
  }
}

.modal-header h5 {
  margin-top: 0px;
}

.adharBox {
  padding: 15px 20px;
  background: #ffffff;
  border: 1px solid #f2e4d6;
  border-radius: 5px;
  outline: none;
  display: block;
  text-align: center;
}

input {
  color: #000 !important;
}
.containerBoxPP {
  background: #FFF6EC;
  border: 0.5px solid #f27b28;
  border-radius: 5px;
  padding-left: 5.5px;
}

.sf-search-wrapper {
  z-index: 1;
}

.sf-ucj-search-wrapper {
  z-index: 1;
}

/**SAFD - 166050 - Gayathri - 01-dec-22 - start*/
#resenOfficedOtp{
  color: #f27b1a;
}
#resendOtpOnload{
  color: #414141;
  cursor: not-allowed;
}
.resend-disable {
  color: #414141 !important;
  font-size: 12px;
  cursor: not-allowed;
}
.tnc-resend-disable {
  color: #414141;
  font-size: 12px;
  cursor: not-allowed;
}
/**SAFD - 166050 - Gayathri - 01-dec-22 - end*/

.searchSelectInput {
  display: block;
  height: 36px;
  width: 100%;
  padding: 0 16px;
  background: #fff;
  border: 1px solid transparent;
  box-shadow: 0 0.0625rem 0.125rem rgb(0 0 0 / 15%);
  border-radius: 3px;
  outline: none;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-overflow: ellipsis;
  line-height: 36px;
  -webkit-appearance: none;

  border-radius: 4px;
  border: 0.75px solid #6e8ca6;
}

.searchSelectInput:focus {
  border: none;
  border-color: #fff;
  box-shadow: 0 0.0625rem 0.125rem rgb(0 0 0 / 15%);

  border-radius: 4px;
  border: 0.75px solid #6e8ca6;
}

#orgsList .list:hover {
  background-color: rgb(250, 111, 5);
  color: #fff;
}

#addressPinCity .listItems:hover {
  background-color: rgb(250, 111, 5);
  color: #fff;
}

#commDropdown .listItems:hover {
  background-color: rgb(250, 111, 5);
  color: #fff;
}

#addressPinCity .listItems {
  font-size: 14px;
}

#commDropdown .listItems {
  font-size: 14px;
}

#orgsList .list {
  font-size: 14px;
  height: fit-content !important;
}

#employmentType .select-search__select {
  top: 40px;
}

#employmentType .select-search__value .form input {
  border: none !important;
}

.custom-select-search .select-search {
  width: 100% !important;
}
.custom-select-search .select-search .select-search__select {
  border: 0.75px solid #6e8ca6 !important;
}

.custom-select-search .select-search .select-search__value input:hover {
  border: 0.75px solid #6e8ca6 !important;
}

.custom-select-search .select-search .select-search__value input {
  text-transform: uppercase !important;
  font-size: 12px;
}

.custom-select-search
  .select-search
  .select-search__select
  .select-search__options
  .select-search__option.is-selected:hover {
  background-color: #f27b1a !important;
}
.custom-select-search
  .select-search
  .select-search__select
  .select-search__options
  .select-search__option {
  height: auto !important;
  padding: 0 6px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
.custom-select-search
  .select-search
  .select-search__select
  .select-search__options
  .select-search__option.is-selected {
  background-color: #f27b1a !important;
}

.custom-select-search
  .select-search
  .select-search__select
  .select-search__options
  .select-search__row {
  border-top: 0px !important;
}

.custom-select-search
  .select-search
  .select-search__select
  .select-search__options {
  margin-bottom: 0px;
}
.custom-color-orange .select-search .select-search__select  {
  width: 100% !important;
}
.custom-color-orange .select-search .select-search__value input:hover {
  border: 1px solid var(--mainBorder) !important;
}

.custom-color-orange .select-search .select-search__value input {
  border: 1px solid var(--mainBorder) !important;
}

.custom-color-green .select-search .select-search__value input:hover {
  border: 1px solid var(--highlightBorder) !important;
}

.custom-color-green .select-search .select-search__value input {
  border: 1px solid var(--highlightBorder) ;
}

.custom-color-green  .has-focus .select-search__value input {
  border: 1px solid var(--mainBorder) !important;
}

.custom-color-green .has-focus .select-search__value input:hover {
  border: 1px solid var(--mainBorder) !important;
}

.custom-check-list {
  list-style: none;
  padding: 0;
}

.custom-check-list li::before {
  content: "✓";
  margin-right: 8px;
}

.has-focus .select-search__value input {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}

.custom-tenure-month {
  position: relative !important;
  left: 38px;
  top: -29px;
  height: 14px !important;
}
.custom-tenure-price {
  position: relative !important;
  display: inline-block !important;
  left: 12px;
  top: -32px;
  height: 14px !important;
  width: 10px !important;
}

.l-space {
  letter-spacing: 0px !important;
}

#continueForm {
  width: 140px !important;
}

#AdditionalPage .card {
  width: auto !important;
  height: auto !important;
}

#AdditionalPage .card .container {
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  padding-top: 10px !important;
}

#AdditionalPage .tick-green {
  height: auto !important;
}

#AdditionalPage
  .select-search:not(.select-search--multiple)
  .select-search__select {
  left: 0px !important;
}

#AdditionalPage .select-search__input {
  border: 0.75px solid #6e8ca6;
  padding-left: 10px;
}

#offersPage
  .select-search:not(.select-search--multiple)
  .select-search__select {
  left: 0px !important;
}

#offersPage .select-search__input {
  border: 0.75px solid #6e8ca6;
  padding-left: 10px;
}

#StateGstinPage .select-search__input { 
  color: rgb(242, 123, 26);
  padding-left: 10px;
}

#IwishDetailsPage .select-search__input {
  border: 0.75px solid #6e8ca6;
  padding-left: 10px;
}

#fillForm_manual input::placeholder {
  color: #757575;
  opacity: 0.5;
}

#fillForm_manual input {
  font-size: 12px;
}

.fillForm_manual input::placeholder {
  color: #757575;
  opacity: 0.5;
}

.fillForm_manual input {
  font-size: 12px;
}

#fddetailspage
  .select-search:not(.select-search--multiple)
  .select-search__select,
#fdProcessFee
  .select-search:not(.select-search--multiple)
  .select-search__select {
  left: 0px !important;
}

#fdnomRelationship input:disabled {
  background: rgb(110 140 166 / 24%);
  border: 1px solid rgb(242, 123, 26);
}

#SavingsDetails input:disabled {
  background: rgb(var(--color), var(--opacity));
  border: 0.75px solid var(--mainBorder);
}

#AdditionalPage input::placeholder {
  color: #757575;
  opacity: 0.5;
}

#AdditionalPage input {
  font-size: 12px;
}

#IwishDetailsPage input::placeholder {
  color: #757575;
  opacity: 0.5;
}

#IwishDetailsPage input {
  font-size: 12px;
}

.fdinformConfim {
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 25px !important;
  color: #414141 !important;
}

.fd-custom-button {
  width: 225px;
  height: 53px;

  background: #f27b1a !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 5px !important;
}

.sa-custom-button {
  display: inline-block;
  padding: 13px 50px !important;
  background: #f27b1a !important;
  border: 1px solid #f27b1a !important;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 5px !important;
}

.sa-terms-condition {
  padding: 10px;
  background: #ffffff;
  box-sizing: border-box;
}

.sa-success {
  border: 0.5px solid #f27b28;
  box-sizing: border-box;
  border-radius: 5px;
}

#satermscondition > p {
  padding: 0px;
  font-size: 12px !important;
}

#satermscondition > u {
  font-size: 12px !important;
  color: #4a4a4a !important;
  font-weight: 600 !important;
}

#satermscondition > ul {
  font-size: 12px !important;
  color: rgb(0, 59, 110) !important;
}

.AmzonTandCTable table ,th, td{
  border :1px solid  #4a4a4a;
  padding: 5px ;
  color: rgb(0, 59, 110);
  font-size: 12px;
}


.income-box {
  background: #ffffff;
  opacity: 0.9;
  border: 0.5px solid #6e8ca6;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  width: 160px;
}

.container-box h6 {
  margin-bottom: 0.1rem;
}

.income-box:hover {
  border: 1px solid #f27b1a;
}
.income-box:hover h6 {
  color: #f27b1a;
}

.income-box.active {
  background: #ffe7d2;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  border-radius: 5px;
}
.income-box.active h6 {
  color: #f27b1a;
  font-weight: 400;
}

.w-400 {
  font-weight: 400 !important;
}

.w-600 {
  font-weight: 600 !important;
}

.w-700 {
  font-weight: 700 !important;
}

.iWishAmount {
  font-size: 22px !important;
  height: 50px !important;
  padding-left: 20px;
}

#fdAmount {
  font-size: 22px !important;
  height: 50px;
  padding-left: 20px;
}

.fdamount-box {
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  width: 94px;
  height: 33px;
  background: #ffffff;
  border: 0.55px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.fdamount-box h6 {
  margin-top: 7px !important;
}
.fdamount-box:hover {
  border: 1px solid #f27b1a;
}
.fdamount-box:hover h6 {
  color: #f27b1a;
}

.fdamount-box.active {
  background: #ffe6d1;
  box-shadow: 0px 1.1px 5.5px rgba(222, 227, 242, 0.8);
  border-radius: 5px;
}
.fdamount-box.active h6 {
  color: #f27b1a;
  font-weight: 400;
}

#fdupiTitle {
  margin: auto;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #000;
  text-align: center;
}

.fddetail-card {
  background: #fee7d0 !important;
  border-radius: 5px !important;
  margin: 20px auto !important;
  padding: 20px 30px !important;
  z-index: 1;
  position: static !important;
  width: 64% !important;
}

.manualUpi {
  width: 64%;
  margin: auto;
}

#fdUpi {
  border: 0.75px solid var(--mainBorder);
  box-sizing: border-box;
  border-radius: 4px;
  padding-left: 10px;
}

#fdinterestRatecheck {
  width: 300px;
  margin-top: 0.75rem;
  background: #fff5ec;
  padding: 12px 10px 10px;
  justify-content: left !important;
}

#fdinterestRatecheck .rateofinterest {
  color: #f27b1a;
  font-size: 14px;
  line-height: 10px !important;
}

#investConfirmDetail {
  width: 400px;
}

.fdupi-box {
  margin-bottom: 10px;
  cursor: pointer;
  height: 50px;
  background: #ffffff;
  border: 1px solid #ffecdb;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.fdupi-box h6 {
  margin-top: 15px !important;
}
.fdupi-box:hover {
  border: 1px solid #f27b1a;
}
.fdupi-box:hover h6 {
  color: #f27b1a;
}
.success-head{
  font-size: 26px;
}

.fdupi-box.active {
  background: #ffe6d1;
  border: 0.55px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 1.1px 5.5px rgb(222 227 242 / 80%);
}

.fdupi-box.active h6 {
  color: #894302;
  font-weight: 600 !important;
}

.fdColor {
  color: #646363 !important;
}

.fdlinkStyle {
  color: #176abe !important;
  cursor: pointer;
}

.fdCancellink {
  color: #f90f0f !important;
  cursor: pointer;
}
.fdRotate {
  transform: rotate(180deg);
  transition: all 0.5s ease;
}

.iwish-box {
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  width: 94px;
  height: 33px;
  background: #ffffff;
  border: 0.55px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.iwish-box h6 {
  margin-top: 7px !important;
}
.iwish-box:hover {
  border: 1px solid #f27b1a;
}
.iwish-box:hover h6 {
  color: #f27b1a;
}

.iwish-box.active {
  background: #f27b1a;
  box-shadow: 0px 1.1px 5.5px rgba(222, 227, 242, 0.8);
  border-radius: 5px;
}
.iwish-box.active h6 {
  color: #ffffff;
  font-weight: 400;
}

.card {
  padding: 21px 19px 0px;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgb(0 0 0 / 8%);
  border-radius: 5px;
  transition: all 1s;
  cursor: pointer;
}

/* timeline css */
.timeline {
  width: 65%;
}

.timeline .nav {
  display: flex;
  justify-content: space-between;

  margin-bottom: 45px;
  background-size: 100%;
  margin: 12px 35px 57px;
  max-width: 600px;
}

.timeline .nav.nav1 {
  background: url(/ucj/media/timeline1.ad61a733.png) no-repeat center;
}

.timeline .nav.nav2 {
  background: url(/ucj/media/timeline1.ad61a733.png) no-repeat center;
}

.timeline .nav.nav3 {
  background: url(/ucj/media/timeline3.28364c28.png) no-repeat center;
}

.timeline .nav .nav-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timeline .nav .nav-item .nav-item-sub {
  border-radius: 50%;
  background: #fff;
  border: 1px solid #c4c4c4;
  position: relative;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timeline .nav .nav-item .nav-item-sub .nav-link {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  background: #c4c4c4;
}

.timeline .nav .nav-item .nav-link span {
  position: absolute;
  top: 2.5rem;
  left: -4.5rem;
  color: #c4c4c4;
  font-size: 14px;
  line-height: 19px;
  width: 11rem;
  text-align: center;
}

.timeline .nav .nav-item .active {
  background: #d4e3ee;
  border: none;
}

.timeline .nav .nav-item .nav-item-sub .active {
  background: #3c8ec9;
}

.timeline .nav .nav-item .nav-item-sub .nav-link.done {
  background: url(/ucj/media/tick-blue.e8495d9f.png);
  background-repeat: no-repeat;
  background-position: center;
}

.timeline .nav .nav-item .active span {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #414141;
}

.investTenure {
  margin-right: 10px;
}

.detailsTenure .investTenure { 
  border: 1px solid #6e8ca6 !important;
}
.investTenure-border{
  border: 1px solid #f27b1a !important;
  margin-right: 10px;
}
.investMargin {
  margin-top: 1.5rem !important;
}

#loanDetailsCard .personal-inp:focus {
  border-color: #f27b1a;
}

.credit-card-display {
  font-size: 20px;
}

.docs-width{
  width: 98% !important;
}
.recommendedForYou_banner_div {
  bottom: 55px;
  position: relative;
  left: 25%;
}
.recommendedForYou{
bottom: 55px;
  position: relative;
  left: 18%;
}
.recommendedForYou_banner {
  background-color: rgb(250, 111, 5) !important;
  width: fit-content;
  color: rgb(255, 255, 255) !important;
  padding: 2px 10px; 
  border-radius: 5px;
  font-size: 10px !important;
  margin: 0px;
  font-weight: 900 !important;
  display: flex;
  align-items: center;  
  height: 20px;  
  line-height: 20px;  
}

.white-star {
  /* filter: brightness(0) invert(1); */
  padding-right: 5px;
  width: 14px;
  height: 14px;  
}
.loan_par_readMore{
  width: 282px; 
}
.loan_par_aggregator{
  width: 282px;
  margin-top: -10px !important;
}
.loan_aggregator_top{
  margin-top: -10px !important;
  font-size: 12px !important;
}
@media only screen and (max-width: 450px) {
  .recommendedForYou{
    bottom: 55px;
      position: relative;
      left: 20% !important;
    }
}
@media (max-width: 1275px) and (min-width: 1257px) {
  .aggregator-margin-right{
    margin-left: -18px !important;
  }
  }
@media only screen and (max-width: 400px) {
  .recommendedForYou{
    bottom: 55px;
      position: relative;
      left: 22% !important;
    }
}
@media only screen and (max-width: 350px) {
  .recommendedForYou{
    bottom: 55px;
      position: relative;
      left: 24% !important;
    }
}
@media only screen and (min-width: 768px) {
  #creditCardMain {
    min-height: 305px;
    max-height: 305px;
  }

  #creditCardImage {
    min-height: 175px;
    max-height: 175px;
  }

  #creditCardImage .card-img-top {
    height: 175px;
  }

  #creditCardSub {
    min-height: 80px;
    max-height: 80px;
  }
  .custom-flex-basis-50 {
    flex-basis: 48%;
  }
}

@media (max-width: 600px) {
  .fdamount-box {
    width: 75%;
  }

  .income-box {
    width: 75%;
  }
}

@media only screen and (max-width: 418px) {
  .skip .kyc {
    right: 15px;
  }

  .fdamount-box {
    width: 100%;
    margin-right: 0px;
  }

  .income-box {
    width: 100%;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 395px) {
  .skip .kyc {
    right: 10px;
  }
}

@media only screen and (max-width: 385px) {
  .skip .kyc {
    right: 5px;
  }
}
@media only screen and (max-width: 378px) {
  .skip .kyc {
    right: 2px;
  }
  .fddetail-card {
    width: auto !important;
    margin: 20px 10px !important;
  }

  .manualUpi {
    width: auto !important;
    margin: 10px !important;
  }
}

#instList .list-group-item {
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  padding: 2px 6px !important;
  font-size: 12px;
  color: #000000;
  background: white;
}

#instList .list-group-item:hover {
  background: #f27b1a !important;
  color: #fff !important;
}
@media only screen and (max-width: 765px) {
  #investConfirmDetail {
    width: 100%;
  }

  #fdinterestRatecheck { 
    width: 100%;
  }

  #investConfirmDetail h4 {
    font-size: 15px;
  }
  .investTenure {
    margin-right: 2px;
  }
  .investMargin {
    margin-top: 0px !important;
  }
  .sf-ucj-search-wrapper .whole-overlay,
  .sf-ucj-search-wrapper .sf-popup-left-half {
    max-width: 100% !important;
  }
  .sf-search-popup-bottom {
    max-width: 100% !important;
  }
}
.popup-button {
  width: 175px;
  height: 53px;
  background: #f27b1a !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 5px !important;
}
.popup-button-orange{
  border-radius: 5px;
  background-color: rgb(230, 120, 35) !important;
  border:none !important;
  height: 40px;
  margin: 5px;
  min-width: 60px ;
}
/* cursor pointer */
.cursor-pointer,
.cursor-pointer label {
  cursor: pointer !important;
}

.info-icon-img{
  height: 14px!important;
  margin-bottom: 4px !important;
  margin-left: 4px !important;
} 

/* stp button */
.stp-button {
  color: #e67823 !important;
  border: 1px solid #e67823 !important;
}

.mb15 {
  margin-bottom: 15px !important;
}
@media only screen and (max-width: 320px) {
  .mb15 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb15 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 640px) {
  .mb15 {
    margin-bottom: 0px !important;
  }
}

.style .forex-cards {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 10px;
  position: relative;
  cursor: pointer;
  width: 220px;
  max-width: 220px;
  transition: 0.2s ease-in;
  background: #fff;
  border: 0.5px solid rgba(178, 72, 181, 0.1);
  min-height: 310px;
}

.style .forex-cards .view-details-link {
  z-index: 0 !important;
  display: flex;
  flex-direction: row !important;
}
.style .forex-cards:hover {
  transform: scale(1.05);
  transition: 0.2s ease-in;
}

.style .selected-card {
  border: 2px solid #ffb671a2;
}

.style .fc-expanded-card {
  border-width: 2px 2px 0px 2px;
  border-radius: 15px 15px 0px 0px;
}

.select-fc {
  padding: 10px 25px !important;
  border-radius: 25px;
  min-width: 0px !important;
}

.expandable-card {
  display: flex;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 15px 15px;
  left: -2px;
  right: 0px;
  position: absolute;
  border: 2px solid #ffb671a2;
  border-width: 0px 2px 2px 2px;
  width: 102%;
  transition: 0.2s ease-in;
  transform-origin: top center;
  animation: rotateX 300ms ease-in-out forwards;
  flex-direction: column;
  padding: 10px;
}

.expandable-card-not-selected {
  border: 0.5px solid rgba(178, 72, 181, 0.1);
  border-width: 0px 2px 2px 2px;
}

@keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-45deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}

.fc-content-alignment {
  padding: 0px 70px 0px 70px;
}

@media only screen and (max-width: 768px) {
  .fc-content-alignment {
    padding: 0px 10px 0px 10px;
    transition: all 0.4s ease;
  }
}

@media only screen and (max-width: 425px) {
  .emi-title h3 {
    font-size: 18px;
  }
  .emi-answer {
    font-size: 12px !important;
  }
}

.fc-desc-content {
  margin-top: 1%;
  padding-bottom: 50px;
}

.emi-title {
  width: 100%;
  font-weight: 500;
  padding: 15px 30px 15px 0;
  display: block;
  font-size: 15px;
  line-height: 34px !important;
  border-bottom: 1px solid #cdcdcd;
}

.emi-title h3 {
  color: #004a80 !important;
}

.emi-answer {
  color: #333;
  font-size: 13px;
  line-height: 19px;
  padding: 10px;
  display: block;
  margin-bottom: 2%;
}

.additional-list ul li {
  list-style: disc;
}

.additional-list ol li {
  list-style: decimal;
}

.additional-list-bold {
  font-family: ZurichBT-Bold;
  font-weight: 700;
}

.additional-list {
  padding-left: 15px;
}

.datepicker-width {
  width: 100% !important; /**SAFD - 122196 - Gayathri - 03-feb-22*/
}

.datepicker-width-pad {
  padding-left: 30px !important;
}

/**127154 - gayathri- forexcard - 06-jan-22*/

.hide-br br {
  display: none !important;
}

/* safd - 129566 - suhas - 19-jan-21 */
.save-st .loan-right .cont-md {
  max-width: 520px;
}

.save-st >.custom-background-color{
width: 100%;
}

/* safd - 129719 - suhas - 21-jan-22 - begin */
.rm-btn {
  color: #007bff;
  transition: all 0.3s ease-in;
}

.rm-btn:hover {
  color: #0056b3;
}
/* safd - 129719 - suhas - 21-jan-22 - end */
.orange-box {
  background: #ffecdb;
  box-shadow: 0px 0.905556px 4.52778px rgb(222 227 242 / 80%);
  border-radius: 9.05556px;
  padding: 20px 35px;
}

.orange-box h3,
.orange-box h2,
.orange-box p,
.orange-box a {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  text-align: initial;
}
#accountType_table th,
#accountType_table td {
  border: 1px solid #CFD7ED;
  font-size: 14px;
  font-weight: 700;
  color: #414141;
  padding: 10px;
}

#accountType_table td {
width: 50%;
}
#accountType_table tr:nth-child(even) {
  background-color: #f2f2f2;
}
#accountType_table th {
  background-color: #FFECDB;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (max-width: 540px) {
  .orange-box img {
    width: 82px;
    height: 67px;
  }

  .orange-box .font-20 {
    font-size: 16px;
  }
  #vkyc-success-cards {
    margin: 10px 0 10px 0 !important;
  }
  .vkyc-success-cards img{
    width: auto;
    height: auto;
  }

  .info {
    margin: 0px !important;
  }

  .kyc-error-col {
    -ms-flex: 0 0 96% !important;
    flex: 0 0 96% !important;
    max-width: 96% !important;
  }
}

.orange-box h3 {
  font-weight: 600;
}

.float-start {
  float: left !important;
  text-align: start;
}

.float-end {
  float: right !important;
}

.info {
  margin: 10px 0px;
}

.kyc-error-col {
  -ms-flex: 0 0 72.666667%;
  flex: 0 0 72.666667%;
  max-width: 72.666667%;
}

.skip-kyc-btn {
  color: #007bff !important;
  transition: all 0.3s ease-in;
  font-weight: 600 !important;
}

.skip-kyc-btn:hover {
  color: #0056b3 !important;
}
/*SAFD - 122196 - Gayathri - 02-feb-22 - start*/
.tick-img {
  display: block;
  min-height: 100%;
  min-width: auto;
}
.tick-img-div {
  overflow: hidden;
}
/*SAFD - 122196 - Gayathri - 02-feb-22 - end*/

/*SAFD - 122196 - Gayathri - 03-feb-22 - start*/
#datepick-id .react-datepicker-wrapper {
  width: 100%;
}
@media only screen and (max-width: 750px) {
  #datepick-id .react-datepicker-wrapper {
    width: 282px !important;
  }
}
/*SAFD - 122196 - Gayathri - 03-feb-22 - end*/
@media only screen and (max-width: 768px) {
  .savings-vkyc .documents-card {
    max-width: 100% !important;
  }

  /* pay later success page design */
  #payLaterSuccessSection.sec-box {
    padding: 0.5rem !important;
  }

  #payLaterSuccessSection.sec-box .main-box {
    padding: 0.5rem 1rem !important;
  }
  #payLaterSuccessSection .f-20 {
    font-size: 1rem !important;
  }

  #payLaterSuccessSection .successview {
    display: none !important;
  }

  #payLaterSuccessSection .successviewmob {
    display: block !important;
  }
}

@media only screen and (max-width: 930px) {
  .sec-box .main-box .avr-box {
    padding: 2.2rem 1rem 2.8rem !important;
  }
}

.savings-vkyc .documents-card {
  align-items: flex-start !important;
  max-width: 30%;
}

.savings-vkyc .documents {
  width: 85%;
}

.modal-open {
  padding-right: 0px !important;
}

/*SAFD - 130200 - Namratha - 07-feb-22 - start*/
.tnc-main-wrap p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/*SAFD - 130200 - Namratha - 07-feb-22 - end*/
/* pay later success page design */
#payLaterSuccessSection.sec-box {
  background-color: #fafafa;
  padding: 3rem;
}

#payLaterSuccessSection.sec-box .main-box {
  max-width: 113rem;
  margin: 0 auto;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);
  border-radius: 1.2rem;
  padding: 0.5rem 8.5rem;
}

#payLaterSuccessSection .mb-15 {
  margin-bottom: 0.5rem;
}

#payLaterSuccessSection .justify-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#payLaterSuccessSection .align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#payLaterSuccessSection .l-15 {
  line-height: 1.5rem;
  margin: 0;
}

#payLaterSuccessSection .f-20 {
  font-size: 1.5rem;
}

#payLaterSuccessSection .mb-42 {
  margin-bottom: 0.2rem;
}

#payLaterSuccessSection .l-22.f-14.w-400.black {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #414141;
  margin: 0 0 2.5rem 0;
}

.sec-box .main-box .avr-box {
  max-width: 92rem;
  padding: 2.2rem 5.5rem 2.8rem;
  border: 1.5px solid #ffdcbb;
  border-radius: 1rem;
  margin: 0 auto 8rem auto;
  position: relative;
}

.sec-box .main-box .avr-box .pay-detail {
  position: absolute;
  top: -12%;
  left: 5%;
  background-color: #FFF6EC;
  border: 0.5px solid #ffdcbb;
  padding: 0 1rem;
}

.sec-box .main-box .pay-int {
  max-width: 65rem;
  background: #ffffff;
  border: 0.1rem solid #ffd7be;
  -webkit-box-shadow: 0px 0.2rem 0.8rem rgb(255 244 234 / 25%);
  box-shadow: 0px 0.2rem 0.8rem rgb(255 244 234 / 25%);
  border-radius: 0.5rem;
  margin: 0 auto 3rem auto;
  padding: 1.8rem 2.5rem;
}

@media screen and (min-width: 1274px) {
  .payLaterEsign .enachMandate {
    margin-right: 125px;
  }

  .payLaterEsign .esignVer {
    margin-right: 125px;
  }
}

.style-ul:hover {
  text-decoration: underline;
}

/* Remmittance page for nri */
.switch{
    background-color: #b72e28 !important;
    color: rgb(255, 255, 255);
    padding: 5px 25px;
    font-weight:normal;
    padding: 5px 25px;
    cursor: none;
    border: none;
}

.custom-ca-styling{
  margin-top:10;
}
.custom-box-shadow{
  box-shadow: 0px 2px 5px rgb(113 113 113 / 39%);
}
.custom-peach {
  background-color: #fff2e3 !important;
  border-radius: 12px;
}
.custom-cursor-not-allowed {
  cursor: not-allowed !important;
}
.custom-background-blur {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-od-loader .modal-content {
  text-align: center;
  overflow: hidden;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 10px;
}

#myProgress {
  width: 100%;
  background-color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
}

#myProgressBar {
  width: 100%;
  background-color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  height: 9px !important;
}
#myProgressBar1 {
  height: 9px !important;
}
#myProgressBar1 .progress-bar{
  background-color: #f06428;
}

.progress-timer{
  display: flex;
  align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-align-items: baseline;
}
.otpTimerContainer{
  padding: 0px 15px 15px;
}
.progress-timer .timer-container {
  display: none;
  width: 100%;
  background-color: #FFDEB7;
  border-radius: 24px;
  margin-right: 10px;
  height: 6px !important;
}
.progress-timer .progress{
  display: block !important;
 }
.progress-timer .timer-bar {
  height: 6px !important;
  background-color: #F27B1A !important;
}
.progress-timer #timer-count {
  font-size: 14px;
  white-space: nowrap;
  font-style: italic;
  color: #053C6D;
}

#myBar {
  width: 1%;
  height: 8px;
  background: #f06428;
}

.custom-od-loader-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: white;
}

.custom-od-loader-Subtext {
  line-height: 22px;
  color: #414141;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}
.custom-input-group-radius {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-hl-od-blue{
  background-color: #dedede;
  font-size: 25px;
  color: #0b3c6d;
}
.custom-hl-od-txt-blue{
  color: #0b3c6d;
}
.custom-hl-od-txt-orange{
  color: #f58220;
}
.custom-dashed-border-bottom{
  border-bottom: 2px dashed #ccc;
}

.ca-btn {
  display:unset !important;
  margin-right: 4% !important;
}
.productStyle {
  font-size: 12px;
}

/** UCJ Funding Page - 138301- Pramoda - 13-Apr-2022 - start */
#savingsFund .fundPage{
    background: #ffe7d7;
    border: 0.865079px solid #ffbe81;
    box-sizing: border-box;
    border-radius: 0.5rem;
}

.fundPage{
  display: flex;
  padding: 15px 5%;
}
.mobile .all-center-popupUpload {
  width: 50%;
  padding: 10px;
}
/** UCJ Funding Page - 138301- Pramoda - 13-Apr-2022 - end */
.custom-orange-bg{
  background-color: #FFF6EC !important;
}
.custom-radio-select{
  border: 1px solid rgb(242, 123, 26);
  background-color: #ffffff;
  border-radius: 4px;
  color: rgb(242, 123, 26);
  text-align: center;
  padding: 6px;
  min-width: fit-content;
  cursor: pointer;
}
.custom-radio-select-selected{
  border: 1px solid rgb(242, 123, 26) !important;
  background-color: rgb(242, 123, 26) !important;
  color: #ffffff !important;
}
  
#fillForm_manual .disableInput{
  background: #fff6ec;
  border-color: #b7c6d3;
  color: #939191 !important;
}

#OrgsText .disableInput{
  background: #fff6ec;
  border-color: #b7c6d3;
  color: #939191 !important;
}

#skipBtn{
  color: #f17b23;
  background: #fff;
  border: 1px solid #f17b23;
  width: auto;
  margin-right: 5px;
}

.font-style-success {
  font-family: "Open Sans", sans-serif !important;
}
.application-form-button {
  background-color: var(--btnBgColor) !important;
  border: none;
  height: 45px;
  padding: 10px 30px !important;
  color: var(--btnColor) !important;
}
/*151874 - SAFD - Gayathri - 10-aug-22 - start*/
.ad-fund {
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 49px !important;
  color: #084b87 !important;
}
.bt-benefit {
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 34px !important;
} /**165316 - SAFD - Gayathri - 29-nov-22*/
.bt-benefit span{
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 34px !important;
}/**165316 - SAFD - Gayathri - 29-nov-22*/
.more-benefit {
  font-size: 20px;
  line-height: 27px;
  color: #f27b1a;
  font-weight: 400; /**165316 - SAFD - Gayathri - 29-nov-22*/
  cursor: pointer;
}
.fund-img {
  background: url(/ucj/media/download.65e1c27f.svg);
  background-repeat: no-repeat;
  background-size: 100% 150%;
} /**165316 - SAFD - Gayathri - 29-nov-22*/
#vpaUpiIDSelect .d-flex {
  flex-wrap: wrap;
  justify-content: start;
}
@media only screen and (max-width: 767px) {
  .fund-img {
    background: none;
  }
  .ad-fund{
    font-size: 20px !important;
    line-height: 27px !important;
    margin-bottom: 10px;
  }
  .bt-benefit {
    font-size: 14px !important;
    line-height: 19px !important;
  }
  .bt-benefit span{
    font-size: 14px !important;
    line-height: 19px !important;
  }
  .more-benefit {
    font-size: 12px;
    line-height: 16px;
  }
  .fund-min-balance{
  width: 100% !important;
  border-radius: 12px 0px 0px 12px !important;
  margin-left: 0px !important;
  margin-top: 12px;
  }
  .fund-min-balance img{
    height: 49px;
  }
  .amount-div{
    width: 100% !important
  }
  .main-fund-div{
    display: block !important;
  }
  .amount-div-disbled{
    width: 100% !important;
  }  
  .amount-p{
    margin-top: 5px;
  }
  #image-mob-false.fund-conn-img-mob{
    top: 45px;
  }
}
@media only screen and (max-width: 350px) {
  .fund-min-balance{
  height: 90px !important;
  }
}
@media (min-width: 351px) and (max-width: 767px) {
  .fund-min-balance{
    height: 75px !important;
    }
}
.fdNewColor {
  color: #414141 !important;
  margin-bottom: 0 !important;
  padding-top: 2px !important;
  font-weight: 400 !important; /**165316 - SAFD - Gayathri - 29-nov-22*/
}
.newfdupi-box {
  background: #ffffff;
  border: 1px solid #ffecdb;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 12px 15px;
  width: 210px;
  cursor: pointer;
  height: 62px;
  margin-right: 15px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.newfdupi-box:hover {
  background: #ffe6d1;
  box-shadow: none;
}
.newfdupi-box.active{
  background: #ffe6d1;
  border: 0.6px solid #f27b1a;
  box-shadow: none;
  cursor: pointer;
}
.newfdupi-box div{
  color:#414141;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
}
.newfdupi-box:hover div p{
  color:#894302 !important;
}
.newfdupi-box.active div p{
  color:#894302 !important;
}
.amount-div{
  background: #ffffff;
  border: 1px solid #f2e4d6;
  box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 12px 0px 0px 12px;
  padding: 15px 13px 15px 20px;
  width: 260px;
}
.amount-p{
  font-size: 12px !important;
  font-weight: 400 !important;
}
.amount-spn{
  font-size: 12px;
  font-weight: 600;
  color: #414141;
}
.mb-16{
  margin-bottom: 16px;
}
.amount-div div #fdAmount{
  border: none;
  box-sizing: border-box;
  font-weight: 600;
  width: 100%;
  padding-left: 0px !important;
  color: #414141;
  font-size: 22px;
  appearance: none;
  outline: none;
  height: 30px !important;
}
.fund-min-balance {
  background: #fcd9bb;
  width: 340px;
  border-radius: 0px 12px 12px 0px;
  margin-left: 31px;
  padding: 7px 20px 2px 26px;
  position: relative;
  animation: grow-shrink 2s infinite;
  display: flex;
  align-items: center;
  height: 75px;
}
@keyframes grow-shrink {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.04);
  }
  100% {
      transform: scale(1);
  }
}
.fund-min-balance p{
  font-size: 13px !important;
  font-weight: 600 !important;
}
.fund-min-balance span{
  font-size: 13px !important;
  font-weight: 600 !important;
}
.fund-conn-img {
  position: absolute;
  flex-direction: column;
  justify-content: space-evenly;
  left: 242px;
  height: 78px;
  z-index: 999;
  display: flex;
}
.fund-conn-img-mob{
  position: absolute;
  justify-content: space-between;
  height: 46px;
  z-index: 999;
  display: flex;
  top: 59px;
  width: 100%;
  padding: 0px 20px;
}
.amount-div-disbled{
    background: #fcd9bb;
    border-radius: 12px 0 0 12px;
    padding: 15px 23px 12px 28px;
    width: 260px;
}
.more-benefit:hover{
  text-decoration:none;
  color: #f27b1a;
}
.offerpage-hl{
  display: flex;
  width: 100%;
}
.offerBtn-hl{
 width:82%;
}
@media only screen and (max-width: 577px) {
  .offerpage-hl {
    display: flex;
    flex-direction: column;
  width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .loanCardWrapper {
    width: 100% !important;
    margin-left: 25px !important;
  }

  .customLoanClass {
    margin-right: 55px !important;
  }
}
.main-page .hlAdditionalPage {
  flex: 0 0 50%;
  padding-right: 30px;
}

.hlEmail{
  margin-bottom: 11px;
}
@media only screen and (max-width: 1008px) {
  .hlEmail{
   margin-bottom: 40px;
  }
}
.hlCustomTenure {
  position: relative !important;
  display: inline-block !important;
  left: -106px !important;
  top: 2px !important;
  height: 14px !important;
  width: 10px !important;
}
@media only screen and (max-width: 1051px) {
  .continue-btn-hl {
    width: 40%;
  }
}

@media only screen and (max-width: 355px) {
  #image-mob-true.fund-conn-img-mob{
    top: 75px;
  }
}
@media (min-width: 356px) and (max-width: 767px) {
  #image-mob-true.fund-conn-img-mob{
    top: 79px;
  }
}
.main-fund-div{
  display: flex;
  align-items: center;
  position: relative;
}
/*151874 - SAFD - Gayathri - 10-aug-22 - end*/
@media only screen and (min-width: 1025px) {
  .vkyc-success-cards-container{
    width: 500px;
  }
}
@media only screen and (min-width: 1917px) {
  .vkyc-success-cards-container{
    width: 800px;
  }
}
.tncPopupMainStyle {
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
  background-color: white;
  border-radius: 12px;
  border: 0.5px solid #cfd7ed;
}

.tncPopupSubStyle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.tncPopupSubtext {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  margin-left: 28.8px;
}

.modalClassName {
  max-width:65% !important
}

@media only screen and (min-width: 1332px) {
  .vkyc-success-cards {
    width: 200px;
  }
}

.two-way-auth-verified {
  background-color: #4BC7A2;
  color: white;
  display: flex;
  border-radius: 10px;
  margin-left: 5px;
}
.aadhar-text {
    font-weight: 600 ;
    display: block ;
    margin: 7px 0px 0px 0px;
}


@media only screen and (min-width: 767px){
  .custom-col-6{
    padding-right: 8px !important;
    margin-right: 10px !important;
}
}
  
  @media only screen and (max-width: 767px){
    .custom-col-6{
      padding-right: 0px !important;
}
}
/**157477 - SAFD- Gayathri - 26-sept-22 - start*/
.lopc {
  width: 250px;
  height: 250px;
}

@keyframes fontResize {
  0% {
      font-size: 14px;
   
  }
  50% {
    font-size: 16px;

  }
  100% {
    font-size: 14px;
  }
 
}
@media only screen and (max-width: 330px){
  @keyframes fontResize {
    0% {
        font-size: 10px;
     
    }
    50% {
      font-size: 11px;
  
    }
    100% {
      font-size: 10px;
    }
   
  }
}
@media (min-width: 331px) and (max-width: 375px){
  @keyframes fontResize {
    0% {
        font-size: 11px;
     
    }
    50% {
      font-size: 12px;
  
    }
    100% {
      font-size: 11px;
    }
   
  }
}
/**157477 - SAFD- Gayathri - 26-sept-22 - end*/

@media only screen and (max-width: 1000px){
  .grid-container {
    max-width: 90% !important;
  }
}

@media only screen and (max-width: 767px){
  .grid-container {
    grid-template-columns: auto !important;
    max-width: 100% !important;
  }
  .grid-item {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
  }
  .grid-container-investment{
    grid-template-columns: auto !important;
  }

  .grid-container-crossSell{
    grid-template-columns: 100% !important; 
  }
}

@media only screen and (max-width: 375px){
  .grid-container {
    max-width: 97% !important;
  }
}

.grid-container {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  max-width: 84%;
}
.grid-container-crossSell{
  display: grid;
  max-width: 94.4%;
  grid-template-columns: 50% 50%;
}
.grid-item {
  margin-right: 10px;
  margin-bottom: 15px;
}

.grid-container .column-3 {
  flex:initial !important;
  max-width:initial !important;
}

/**165316 - SAFD - Gayathri - 29-nov-22 - start*/ 
.payModeTncPopupMainStyle {
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
  background-color: white;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border: 0px solid #cfd7ed;
 }
 #payModeProgressBar {
  height: 10px !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.payModeContentMain{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  flex-direction: row;
}
.silder-div{
  display: flex;
}
.hand-cmn-style{
  position: absolute;
  animation: handCursorMove 1.5s infinite;
}
@keyframes handCursorMove {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.1);
  }
  100% {
      transform: scale(1);
  }
}
.gpay-hand1{
  top: 230px;
  right: -20px;
}
.gpay-hand2{
  top: 270px;
  right: 7px;
}
.gpay-hand3{
    top: 340px;
    right: 7px;
}
.phn-hand1 {
  top: 210px;
  right: -20px;
}
.phn-hand2 {
  top: 70px;
  right: -60px;
}
.phn-hand3 {
  top: 340px;
  right: 0px;
}
.mob-hand1 {
  top: 130px;
  right: -50px;
}
.mob-hand2 {
  top: 110px;
  right: -50px;
}
.mob-hand3 {
  top: 170px;
  right: -40px;
}
.fund-tooltip {
  background-color: #414141;
  opacity: 0.9;
  color: #fff;
  border-radius: 6px;
  padding: 12px 18px;
 
}
div#fundTooltip.tooltip-inner {
  max-width: 370px;
  text-align: start;
  background-color: #414141;
  color: #fff;
  border-radius: 6px;
  padding: 12px 18px;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before{
  border-right-color: #414141 !important;
}
.paymode-title{
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-top: 25px;
}
.paymode-desc{
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 10px;
}
.paymode-rght-div{
  margin-left: 43px;
}
.slider-web{
  display: flex;
}
.slider-mob{
  display: none;
}
@media only screen and (max-width: 767px){
  div#fundTooltip.tooltip-inner {
    max-width: 200px;
  }
}

@media only screen and (max-width: 479px){
  .payModeContentMain {
    flex-direction: column-reverse;
  }
  .payModeTncPopupMainStyle{
    padding-left: 10px;
    padding-right: 10px;
  }
  .paymode-rght-div{
    margin-left: 0px !important;
    text-align: center;
  }
  .silder-div{
    justify-content: center;
  }
  .slider-web{
    display: none;
  }
  .slider-mob{
    display: block;
    margin-top: 45px;
  }
}

@media (min-width: 480px) and (max-width: 599px){
  .payModeTncPopupMainStyle{
    padding-left: 10px;
    padding-right: 10px;
  }
  .paymode-rght-div{
    margin-left: 10px !important;
    text-align: center;
  }
  .paymode-desc{
    text-align: start;
  }
  .paymode-title{
    text-align: start;
  }
  
}
@media only screen and (min-width: 767px){
.grid-investment{
  grid-template-columns: 18% 85%  !important;
}
.grid-col-2-revise .grid-item{
  grid-column: 2 / 3;
}
.investment-modal{
  min-width: 65% !important;
}
.investment-modal .modal-content{
  margin-top: 150px;
}
}

.pop-close{
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  }

  .loanApprovedBoxCss .loanApprovedBoxSkipKyc{
    margin-left: 185px;
   } 
   .loanApprovedBoxCss .loanApprovedBoxKyc{
    margin-left: 95px;
  }
/**165316 - SAFD - Gayathri - 29-nov-22 - end*/ 

  .mycarosel{
    position: relative;
  }

  /**SAFD - 166536 - Gayathri - 23-dec-22 - start*/
  .stylesheet .radio-content:first-child {
    margin-right: 2rem;
  }
  span#diamond:after {
    content:attr(data-text);
    color:#414141;
    transform:translateX(-100%);
    position:absolute;
    background: rgb(255, 246, 236);
    font-weight: 800;
    font-size: 16px;
  }
  /**SAFD - 166536 - Gayathri - 23-dec-22 - end*/
  /* square buttons */
  .rec.rec-arrow{
      z-index: 1;
  }
    /* round buttons on hover */

  /* hide disabled buttons */
  .rec.rec-arrow:disabled , .rec.rec-arrow.rec-arrow-right:disabled{
      visibility: hidden;
  }

  /* disable default outline on focused items */
  /* add custom outline on focused items */
  .rec-carousel-item:focus {
      outline: none;
      box-shadow: inset 0 0 1px 1px lightgrey;
  }

  /* Extra small devices (phones, 600px and down) */

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
  .rec.rec-arrow.rec-arrow-left{
      position: absolute;
      top: 40%;
      font-size: 20px;
      color: #fff;
      background: #f27b1a;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 50px;
      padding: 3px 15px;
      cursor: pointer;
  }

  .rec.rec-arrow.rec-arrow-right{
      position: absolute;
      top: 40%;
      font-size: 20px;
      color: #fff;
      background: #f27b1a;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 50px;
      padding: 3px 15px;
      cursor: pointer;
      right: 10px;
  }
}
  
/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
  .rec.rec-arrow.rec-arrow-left{
      position: absolute;
      top: 40%;
      font-size: 20px;
      color: #fff;
      background: #f27b1a;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 50px;
      padding: 3px 15px;
      cursor: pointer;
  }

  .rec.rec-arrow.rec-arrow-right{
      position: absolute;
      top: 40%;
      font-size: 20px;
      color: #fff;
      background: #f27b1a;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 50px;
      padding: 3px 15px;
      cursor: pointer;
      right: 10px;
  }
}
  
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
        .rec.rec-arrow.rec-arrow-left{
      position: absolute;
      top: 50%;
      font-size: 20px;
      color: #e77817;
      background: #ffe7d7;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 40px;
      width: 10px;
      padding: 3.6rem 0.9rem;
      cursor: pointer;
  }

  .rec.rec-arrow.rec-arrow-right{
      position: absolute;
      top: 50%;
      font-size: 20px;
      color: #e77817;
      background: #ffe7d7;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 40px;
      width: 10px;
      padding: 3.6rem 0.9rem;
      cursor: pointer;
      right: 10px;
  }
  .vkyc-success-cards{
    width: 140px; 
  }
  #vkyc-success-cards{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .vkyc-success-cards-container{
    width: 400px;
  }
}
  
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
    .rec.rec-arrow.rec-arrow-left{
      position: absolute;
      top: 50%;
      font-size: 20px;
      color: #e77817;
      background: #ffe7d7;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 40px;
      width: 10px;
      padding: 3.6rem 0.9rem;
      cursor: pointer;
  }

  .rec.rec-arrow.rec-arrow-right{
      position: absolute;
      top: 50%;
      font-size: 20px;
      color: #e77817;
      background: #ffe7d7;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 40px;
      width: 10px;
      padding: 3.6rem 0.9rem;
      cursor: pointer;
      right: 10px;
  }
}
  
/* Media Query for Large screens */
@media (min-width: 1281px) {
    
    .rec.rec-arrow.rec-arrow-left{
      position: absolute;
      top: 40%;
      font-size: 20px;
      color: #e77817;
      background: #ffe7d7;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 40px;
      width: 10px;
      padding: 3.6rem 0.9rem;
      cursor: pointer;
  }

  .rec.rec-arrow.rec-arrow-right{
      position: absolute;
      top: 40%;
      font-size: 20px;
      color: #e77817;
      background: #ffe7d7;
      border: 1px solid #f27b1a;
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
      border-radius: 40px;
      width: 10px;
      padding: 3.6rem 0.9rem;
      cursor: pointer;
      right: 10px;
  }

  .grid-container-investment{
    grid-template-columns: 18% 85% !important; 
  }
}

.paylaterErrorCodeCSS{
  font-size: 9px !important;
  padding-top: 8px;
}

.checklopOffer{
  text-decoration: underline;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-top:10px;
  cursor: pointer;
}
.lopCloseButton {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  background: #FEEEE5;
  border: 1px solid #FEE3D4;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 40px;
  transform: rotate(90deg);
  color: #E77817;
  float: right;
  margin-top: 2%;
  margin-right: 2%;
  margin-bottom: 2%;
}

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

.tick-fix .tick-green{
  width: 25px !important;
}
@media only screen and (max-width: 820px) {
  .skipButton{
    display: flex;
    flex-direction: column;
  }
}
.addFundButton{
  margin-right: 10px;
}


@supports (-webkit-touch-callout: none) {
  .select-search__value .select-search__input {
   line-height: 20px;
  }
 }
.maroon {
  color: #944104 !important;
}

.black-v2 {
  color: black !important;
}
@supports (-webkit-touch-callout: none) {
  .lopCloseButton {
    border: 1px solid #FEE3D4;
    width: 33px;
    height: 33px;
    display: flex !important; 
    justify-content: center !important;
  }
}

.banner-Offer{
  color: darkblue;
  font-weight: bold !important;
  font-size: 17px !important;
}

.banner-offer-main{
  text-align: left  !important;
  margin-top: 15px;
}

.modalClassName .modal-content {
  border-radius: 12px;
  border: 0.5px solid #cfd7ed;
}

@media (min-width: 280px) and (max-width: 899px) {
  .modalClassName {
    max-width: 100% !important;
  }
  .popUpContent {
    max-width: 100% !important;
  }
  .fundingPopup{
    max-width:100% !important
  }
}

.loans_thanks_page .main-card-org-border {
  width: 40% !important;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .width-overflow {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
  }
  .marquee-container{
    display: flex;
    width: 100%;
    overflow: hidden;
  }

  .marquee {
    display: flex;
    white-space: nowrap;
    animation: scrollX 10s linear infinite;
  }

  @keyframes scrollX {
    0% {
      transform: translateX(0);
      /* Start position */
    }

    100% {
      transform: translateX(-100%);
      /* End position (off the screen) */
    }
  }
}

.loans_upload .orgsStyle{
  border: #2dbf29 1px solid !important;
}
.loans_upload .orgsStyle:focus{
  border: var(--mainBorder) 1px solid !important;
}
.pl_cc_form .orgsStyle{
  border: #2dbf29 1px solid !important;
}
.pl_cc_form .orgsStyle:focus{
  border: var(--mainBorder) 1px solid !important;
}

.pl_cc_form .recommended_banner{
  background-color: rgb(250, 111, 5) !important;
  width:fit-content;
  color: rgb(255, 255, 255) !important;
  padding: 12px 5px;
  border-radius: 5px;
  line-height: 0px;
  font-size: 10px;
  margin: 0px;
  font-weight: 900;
}
.pl_cc_form .recommended_banner_div{
  bottom: 15px;
  position:relative;
  right:45px;
  height: min-content;
}
.pl_cc_form .aggregator_button_style{
  display: flex;
}

.loan_par{
  font-size: 12px !important;
  color: #212529 !important;
}

@media screen and (max-width: 480px) {
  .pl_cc_form .aggregator_button_style{
    display: block;
  }
  .pl_cc_form .recommended_banner_div{
    position: relative;
    bottom: 60px;
    margin-left: 235px;
    right: 0px;
    height: min-content;
  }
  .pl_cc_form .recommended_banner{
    font-size: 10px;
  }
  .al_recommended_banner_div{
    margin-left: 0px !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
}
@media screen and (max-width: 372px) {
  .pl_cc_form .recommended_banner_div{
    position: relative;
    bottom: 60px;
    margin-left: 180px;
    right: 0px;
    height: min-content;
  }
  .pl_cc_form .recommended_banner{
    font-size: 10px;
  }
  .al_recommended_banner_div{
    margin-left: 0px !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
}
.loans_options_text{
  margin: 0 0 15px;
  text-align: left;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .loans_options_text{
    margin: 0 0 35px;
  }
}

@media screen and (min-width: 976px) {
  .loans_options_text_style{
    margin-left: 190px;
  }
}

@media screen and (min-width: 554px) and (max-width: 767px) {
  .loans_thanks_page .main-card-org-border,
  .crossSell-container .main-card-org-border {
    width: 70% !important;
    padding: 10px;
  }
}
@media screen and (max-width: 553px) {
  .loans_thanks_page .main-card-org-border,
  .crossSell-container .main-card-org-border {
    width: 80% !important;
    padding: 10px;
  }
  .loans_thanks_page .d-flex{
    display: block !important;
  }
}


.home-icon{
  width:40px;
  height: 40px;
}

.custom-color-green .react-datepicker-wrapper input{
  border: 1px solid var(--highlightBorder) !important;
}

.custom-color-orange .react-datepicker-wrapper input{
  border: 1px solid var(--mainBorder) !important;
}
.react-datepicker-wrapper .react-datepicker-ignore-onclickoutside{
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
} 
.custom-border-orange {
  border: 1px solid var(--mainBorder) !important;
}

svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm, 
svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm.react-datepicker-ignore-onclickoutside {
  padding: 0px !important;
  bottom:23% !important;
  left: 2% !important;
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 0%) !important;
}

/* calendar icon position fix in react-date picker input box */
@media screen and (min-width: 750px) and (max-width: 767px) {
  .calendar_custom, svg.calendar_custom.false.cal-icon-sm.react-datepicker__calendar-icon,
  svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm, 
  svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm.react-datepicker-ignore-onclickoutside  {
    left: 2% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1500px) {
  .calendar_custom, svg.calendar_custom.false.cal-icon-sm.react-datepicker__calendar-icon,
  svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm, 
  svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm.react-datepicker-ignore-onclickoutside {
    left: 4% !important;
  }
}

.custom-border-orange :focus{
  border: 1px solid var(--mainBorder) !important;
}
.custom-border-green  {
  border: 1px solid var(--highlightBorder) !important;
}
.custom-background-color {
  background: var(--mainBackground) !important;
}
.loan-right-white {
  background: var(--stepsBackgroundColor);
}
.vkyc-bold-text{
  font-weight: 600 !important;
}

.pl-select-border .select-search__input{
  border: 0.75px solid var(--highlightBorder) !important;
}
.pl-select-border .select-search__input:focus{
  border: 0.75px solid var(--mainBorder) !important;
}
.pl-select-border .select-search .select-search__value input:hover {
  border: 0.75px solid var(--mainBorder) !important;
}

.italic {
  font-style: italic;
  font-size: 20px !important;
  font-weight: 600 !important;
}
.fund-waiveoff-main {
  padding: 10px;
}

.fund-waiveoff-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 1 !important;
}

.fund-waiveoff-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1 !important;
}

.waive-off-text {
  color: #414141;
  text-align: center;
  font-size: 14px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  z-index: 1 !important;
}

.waive-off-congratulations {
  color: #414141;
  text-align: center;
  font-size: 16px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  z-index: 1 !important;
}

.waive-off-bold {
  font-weight: 600;
}

.confetti {
  background: url(/ucj/media/Confetti.57f96bbd.gif) lightgray -171.953px -154.165px / 516.471% 627.143% no-repeat;
  width: 84px !important;
  height: 69.70px !important;
  z-index: 0 !important;
}

.product-quality-img {
  z-index: 1 !important;
}

.close-img {
  z-index: 1 !important;
}

.funding-waive-proceed {
  z-index: 1 !important;
}

div#waiveOffId .modal-content {
  margin-top: 0px !important;
  border-radius: 12px;
  border: 1px solid #D0D0D0;
  background: #FFF;
}

.modalMainClassName {
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  background-color: rgba(0, 0, 0, 0.5);
}

.grid-col-4{
  grid-template-columns: 25% 25% 25% 25%;
}

@media (min-width: 992px) and (max-width: 1400px){
  .plSliderPage .rightLoanData{
    margin-top: -50px !important;
  }
}
@media (min-width: 992px) and (max-width: 1140px){
  .plSliderPage .express{
    padding: 0 15px 40px 15px;    
  }
}

.custom-focus-orange:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}

.custom-shadow-orange {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}

.form-control:focus{
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}

.no-focus:focus{
  box-shadow: none !important;
}

.custom-radio-button input:focus + label{
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}

.custom-focus-div:has(input:focus){
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}
.custom-focus-select:focus{
  box-shadow: 0 0 0 0.2rem rgb(242 123 26 / 22%) !important;
}

.faq-title {
  width: 100%;
  font-weight: 500 !important;
  display: block;
  margin-top: 10px !important;
  font-size: 24px;
  margin: 0px 0px 20px;
  line-height: 34px !important;
}
.faq-title h3 {
  font-weight: 600 !important;
  color:#000;
}
@media only screen and (max-width: 425px) {
  .faq-title h3 {
    font-weight: 600 !important;
    font-size: 18px;
  }
}
.fund-text-color {
  color: #109216 !important
}
.fund-amt-range-div {
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  flex-direction: row;
}
.fund-amt-range-txt {
  font-size: 12px;
}
.star-image {
  color: #000;
  font-size: 20px;
}
.fund-slider-main-div {
  display: flex;
  width: 100% !important;
  align-items: flex-start;
  flex-direction: row;
}
.fund-slider-left {
  display: flex;
  flex-direction: column;
  width: 65% !important;
  margin-right: 60px;
}
.fund-slider-right-box {
  display: flex;
  padding: 23px 22px;
  flex-direction: column;
  border-radius: 10px;
  border: 1.086px solid #F27B1A;
  background: #FFF1E6;
}
.fund-slider-right {
  display: flex;
  flex-direction: column;
}
.dear-customer-text {
  font-weight: 500;
  line-height: normal;
}
.zero-funding-text {
  line-height: normal;
}
.Zero-fund-subtext {
  color: #109216;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.initial-fund-text {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.fund-top-content-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 30px;
}
.slider-comp-main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 90% !important;
}
.slider-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 27px;
  flex-direction: row;
}
.slider-label-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.slider-below-content-div {
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 27px;
  width:72%;
}
.slider-below-content-txt {
  font-size: 12px;
  line-height: 18px;
}
.ninghty-five-span {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.zero-span {
  color: #109216;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.slider-right-info-text1 {
  font-size: 14.114px;
  line-height: normal;
}
.slider-right-amt {
  font-size: 43.429px;
  font-weight: 700;
  line-height: normal;
}
.slider-right-info-text2 {
  font-size: 13.029px;
  line-height: 19.543px;
}
.slider-right-info-text3 {
  font-size: 13.029px;
  font-weight: 600;
  line-height: 19.543px;
}
.slider-input-box{
  width:27%
}
.color-black {
  color: #414141;
}
.fund-font-18 {
  font-size: 18px;
}
.fund-range-color {
  background: #FFDFCD;
}
.fund-font-400 {
  font-weight: 400
}
.bgBlur{
  backdrop-filter: blur(10px) !important;
}
@media screen and (max-width: 800px) {
  .fund-slider-main-div {
    display: flex;
    flex-direction: column !important;
  }
  .fund-slider-left {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px !important;
  }
  .fund-slider-right {
    width: 100% !important;
  }
  .slider-title {
    display: flex;
    flex-direction: column !important;
  }
  .slider-label-text {
    margin-bottom: 10px !important;
  }
  .slider-input-box{
    width:70%
  }
  .slider-below-content-div {
    width:100%;
  }
}

.m-l-5 {
  margin-left: 5px !important;
}
.currencyMain {
  display:flex;
  width: 30%;
  justify-content:space-between;
}

.currencySub {
  font-family: 'Mulish';
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  .currencyMain {
    display:flex;
    width: 100%;
    justify-content:space-between;
  }
  .currencySub {
    font-family: 'Mulish';
    font-size: 20px;
  }
}

  .personal-email-verify {
    margin-left: 5px;
    align-self: center;
    margin-top: 5px;
  }

  .verified-email-img {
    height: 20px;
    width: 20px;
  }

  .email-verify {
    padding: 0px !important;
    margin: 0 !important;
    min-width: unset !important;
    font-size: 10px !important;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .email-verify-main {
    display: flex;
    width: 100% !important;
  }

  .email-field-input {
    width: 80% !important;
  }

  .email-field-green-tick {
    width: 94% !important
  }

  .altw-div{
    margin: 15px 0px 15px 0px;
      width: 80%;
      display: flex;
      justify-content: center;
  }
  @media only screen and (max-width: 1200px) {
    .altw-div{
      display: block;
    }
  }

  @media only screen and (max-width: 750px) {
    .profile-email-input {
    width: 228px !important;
    }
  }

  .email-field-input-diy {
    width: 100% !important;
  }

@media screen and (min-width: 1000px) {
  .emailVerifyBtn-loan {
    margin-top: 30px !important;
  }
}

@media (min-width: 751px) and (max-width:999px) {
  .emailVerifyBtn-loan {
    margin-top: 45px !important;
  }
}

/* @media screen and (min-width: 1101px) and (max-width:1912px){
  .emailVerifyBtn-loan-cc {
    margin-top: 44px !important;
  }
}

@media screen and (min-width: 751px) and (max-width:990px) {
  .emailVerifyBtn-loan-cc {
    margin-top: 44px !important;
  }
}

@media screen and (min-width: 991px) and (max-width: 1100px) {
  .emailVerifyBtn-loan-cc {
    margin-top: 60px !important;
  }
} */
@media (max-width: 576px) {
  .emailVerifyBtn-loan-cc {
    margin-left: -15px;
  }
}

.emailButtonWrapper{
  display: flex;
  gap: 15px;
}
@media (max-width: 576px) {
  .emailButtonWrapper {
    display: grid;
    gap: 10px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .emailButtonWrapper {
    width: 200%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .emailButtonWrapper {
    width: 160%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .emailButtonWrapper {
    width: 120%;
  }
}
@media (min-width: 1200px) {
  .emailButtonWrapper {
    width: 100%;
  }
}


.email-removal-deactive {
  width: 110px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid rgb(242, 123, 26);
  text-align: center;
  justify-content: center;
  min-width: fit-content;
  cursor: pointer;
  color: rgb(242, 123, 26);
  align-items: center;
  font-weight: 600;
  margin-top: 15px;
}

.email-removal-deactive:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(250, 111, 5);
}

.emailVerifyBtn-cc {
  width: 110px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid rgb(242, 123, 26);
  text-align: center;
  justify-content: center;
  min-width: fit-content;
  cursor: pointer;
  color: rgb(242, 123, 26);
  align-items: center;
  font-weight: 600;
  margin-top: 4px;
}

.emailVerifyBtn-loan {
  width: 110px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid rgb(242, 123, 26);
  text-align: center;
  justify-content: center;
  min-width: fit-content;
  cursor: pointer;
  color: rgb(242, 123, 26);
  align-items: center;
  font-weight: 600;
  margin-top: 15px;
}

.emailVerifyBtn-loan-hl {
  width: 110px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid rgb(242, 123, 26);
  text-align: center;
  justify-content: center;
  min-width: fit-content;
  cursor: pointer;
  color: rgb(242, 123, 26);
  align-items: center;
  font-weight: 600;
  /* margin-top: 15px; */
}

.emailPersonalBtn-loan{
  width: 88px;
  height: 32px;
  background-color: rgb(242, 123, 26);
  border-radius: 0 4px 4px 0;
  border: 1px solid rgb(242, 123, 26);
  text-align: center;
  justify-content: center;
  min-width: fit-content;
  cursor: pointer;
  color: rgb(255, 255, 255);
  align-items: center;
  font-size: 12px;
  font-weight: 600;
}

.emailPersonalBtn-loan-hide{
  pointer-events: none;
  cursor: none;
}

.emailPersonalBtn-loan:disabled{
  border: 0.75px solid var(--highlightBorder);
  cursor: not-allowed;
}

.VerifiedCheckBoxCC .tick-green-new {
  background: #098c09 !important;
}

.emailVerifyBtn-loan:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(250, 111, 5);
}

.VerifyLoans-deactive-btn {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: white;
  background: #c4c4c4;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  pointer-events: none;
  border: 1px solid currentColor;
}

.offer-container{
  display: flex;
  width: auto;
  flex-wrap: nowrap;
  justify-content: center;
}

.offer-box{
  width: 350px;
  height: 260px;
  background-color: #fef3e7;
  border: 2px solid #f27b1a;
  border-radius: 40px;
  padding: 10px 0 0 24px;
  margin-top: 65px;
  font-size: 18px;
  margin-right: -12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -6px 8px rgba(255, 92, 0, 0.5);
  z-index: 1;
}

.offer-box p{
  font-size: 21px;
  padding-bottom: 16px;
  line-height: 20px
}

.offer-box p:first-of-type {
  color: #f27b1a;
  /* gap:10px; */
  line-height: 1.2;
}

.benefit-box{
  width: 362px;
  height: 260px;
  background-color: #fef3e7;
  border: 2px solid #f27b1a;
  border-radius: 40px;
  margin-top: 65px;
  font-size: 20px;
  padding: 10px 0 0 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -6px 8px rgba(255, 92, 0, 0.5)
}

.label-content{
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  color: #4a4a4a;
  font-size: 23px;
  margin-top: 20px;
}

.label-content span , .buttonBoxCCPL span{
  color: #f27b1a;
  font-weight: 600;
}

.button-box{
  display: flex;
  position: relative;
  justify-content: center;
  gap: 10px;
  margin-top: 32px;
}
.button-box p{
  margin-top: 0px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
}

.check-button{
  border-radius: 20px !important;
  background-color: #E67823 !important;
  border: none !important;
  height: 45px !important;
  padding: 10px 10px !important;
  font-weight: bold !important;
  width: 165px !important;
  margin-top: -10px !important;
  margin-left: 10px !important;
}

@media  (max-width: 576px) {
  .check-button {
    font-size: 13px;
  }
  .button-box p {
    font-size: 18px;
    line-height: 1.2;
    margin-top: -5px;
    font-weight: bold;
  }
  .button-box{
    padding: 2%;
  }
  .offer-box{
    margin-right: 0px;
  }
}
@media  (min-width: 950px) {
  .button-box{
    display: flex;
    position: relative;
    left: 18%;
  }
}
@media  (min-width: 1650px) {
  .button-box{
    display: flex;
    position: relative;
    left: 14.5%;
  }
}
@media  (max-width: 945px) {
  .offer-container{
    display: flex;
    flex-wrap: wrap;
  }
}

@media  (max-width: 376px) {
  .offer-container{
    padding: 6px;
  }
  .check-button {
    font-size: 11px !important;
  }
  .offer-box {
    padding-right: 10px;
  }
}
@media  (max-width: 480px) {
  .image-box{
    display: none;
  }
  .check-button{
    font-size: 12px;
  }
}
@media (min-width: 945px) and (max-width: 1150px) {
  .offer-box p {
    font-size: 16px;
  }
  .benefit-box li {
    font-size: 16px;
  }
  .image-box {
    width: 480px;
    height: 280px;
  }
  .button-box {
    display: flex;
    position: relative;
    left: 18%;
  }
  .button-box p{
    font-size: 16px;
  }
  .check-button{
    border-radius: 16px !important;
    height: 32px !important;
    padding: 0px 0px !important;
    width: 130px !important;
    margin-top: -8px !important;
    font-size: 15px;
  }
  .label-content{
    font-size: 19px;
  }
}
@media (max-width: 716px) {
  .benefit-box{
   width: 350px;
  }
}
@media (min-width: 947px) {
  .offer-container{
   padding-right: 5%;
  }
}

@media (min-width: 1151px) and (max-width: 1350px) {
  .offer-box p {
    font-size: 18px;
  }
  .benefit-box li {
    font-size: 18px;
  }
  .button-box p{
    font-size: 18px;
  }
  .label-content{
    font-size: 20px;
  }
}

.user-name-wrapper{
  display: flex;
  align-items: center;
  gap:5px;
}

.logOutButton{
  padding: 5px 11px !important;
  border: 1px solid #f79a4e;
  min-width: 100px !important;
  width: fit-content;
}

.logOutButton:focus{
  box-shadow: 0 0 0 0.1rem rgb(255 248 248 / 50%);
}

@media screen and (max-width: 600px) {
  .logOutButton {
    padding: 2px 11px !important;
  }
}

.sessionTimeHeader{
  background-color: #ffb5714f;
  height: 23px;
  font-size: .875rem;
  font-size: var(--body2-fontSize);
  font-weight: 500;
  padding-left: 3px;
  padding-right: 3px;
  color: white;
}

@media screen and (max-width: 750px) {
  .loan_selfEmployee_income {
    display: none !important;
  }
}
.loan_selfEmployee_income{
  display: flex;
}

@media screen and (max-width: 750px) {
  .loan_selfEmployee_income_mobile {
    display: block !important;
  }
}
.loan_selfEmployee_income_mobile{
  display: none;
}
.wrapper-capture-list{
  font-size: 13px;
  font-weight: 600;
  list-style-type: none;
}


@media (max-width: 718px) {
  .image-capture-wrapper{
flex-wrap: wrap !important;
  }
  .stylesheet .d-flex-email {
    display: block;
  }
}


.display-none-footer {
  display: none;
  }
.main-rc-thankyou{
  max-width: 144rem;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.location-text-thank{
  text-align: center;
  margin-left: 10px;
  margin-bottom: auto;
  font-size: 13px !important;
  line-height: normal !important;
  color: #000000 !important;
}
.instruction-ref{
  color: #F27B1A;
  text-decoration: underline;
}
.instruction-ref:hover{
  color: #F27B1A;
  text-decoration: underline;
}
.instruction-ref-head{
  color: #F27B1A;
  text-decoration: underline;
  font-size: 14px;
}
.instruction-ref-head:hover{
  color: #F27B1A;
  text-decoration: underline;
  font-size: 14px;
}
.main-rc-thankyou-header{
  color: #4A4A4A;;
}
.rc-thankyou-header{
  font-size: 28px;
  font-weight: 700;
}
.rc-thankyou-text{
  font-size: 18px !important;
}
.main-thank-card-org-border{
  width:530px;
  padding: 12px;
  background:#FFE5BF;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.main-thanks-card-org-border{
  padding: 12px;
  background: #ffffff;
  border: 0.5px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.main-thanks-card1-org-border{
  width:838px;
  padding: 7px 24px;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px rgba(222, 227, 242, 0.8);
  border-radius: 10px;
}
.instruction-container{
    box-sizing: border-box;
    text-align: initial;
    background-color: #FFF2E3;
    border-radius: 10px;
    padding: 2rem 3.3rem 2rem 2.5rem;
    max-width: 86.4rem;
}
.instruction-container-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.instruction-container-steps-head{
  display: flex;
  align-items: stretch;
}
.instruction-container-steps{
  display: flex;
  gap: 30px;
}
.instruction-step-detail{
  font-weight: 500 !important;
  font-size: 14px !important;
  margin:6px;
}
.instruction-step-para{
  font-size: 12px !important;
}
.step-number{
  margin-top: 3px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFBE81;
  border-radius: 50%;
  color: white;
  font-weight: 600;
  font-size: 14px;
  line-height: 2.4rem;
}
.location-card-container{
  padding: 1.9rem 1.8rem;
  background-color: #FEE2C2;
  border-radius: 10px;
  display: flex;
  text-align: left;
}
.instruction-head{
  display: flex;
  justify-content: center;
  margin-top:10px
}
@media (min-width: 320px) and (max-width: 403px) {
  .instruction-head{
    display: flex;
    justify-content: flex-start;
    margin-top:10px
  }
}
@media (min-width: 320px) and (max-width: 803px) {
  .instruction-container-steps  {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.thankyou-card-app{
  font-size: 13px;
}
.thankyou-card-app-card{
  font-size: 13px;
  font-weight: 600;
  margin-block-start:2px
}
@media (min-width: 320px) and (max-width: 718px) {
  .main-thank-card-org-border  {
    width:100% !important
  }
  .main-thanks-card-org-border{
    width: 100% !important;
  }
}
.cc_success_div{
  text-shadow: 2px 2px 2px transparent, 2px 2px 2px black;
  position: absolute;
  bottom: 50px;
  left: 36px;
  font-size: 20px;
  font-weight: 900;
  color: white;
}
.dual_success_div {
  text-shadow: 2px 2px 2px transparent, 2px 2px 2px black;
  position: absolute;
  bottom: 40px;
  left: 16px;
  font-size: 17px;
  font-weight: 900;
  color: white;
}
.style .card-radio-check {
  border: 1px solid rgb(230, 120, 35);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 14px;
  position: relative;
  cursor: pointer;
  height: 96%;
}
.style .card-radio-check.active {
  background-color: #fef3e8;
}

.style .arr-card-checkbox.active {
  background: rgb(230, 120, 35);
}
.rounded-side {
  border-radius: 50%;
}
.gap5 {
  gap: 5px;
}
.gap15 {
  gap: 15px;
}

.style .arr-card-checkbox {
  border: 1px solid rgb(230, 120, 35);
  border-right: none;
  border-top: none;
}

.style .arr-top {
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-bottom-left-radius: 5px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.additionalOrgName .searchSelectInput{
  width: 100% !important;
}

.step-num-width {
  min-width: 25px !important;
  min-height: 25px !important;
}
@media (min-width: 768px) {
  .step-num-width {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
}

.ilogin-radio-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.ilogin-label-option {
  margin-bottom: -20px;
}
.ilogin-radio-content {
  display: flex;
  align-items: center; 
  margin-right: 20px; 
}
.ilogin-radio-label {
  margin-left: 5px; 
}
@media (max-width: 600px) {
.ilogin-radio-container {
    flex-direction: column; 
}

.ilogin-radio-content {
    margin-right: 0; 
    margin-bottom: 5px;
}
}

.ilogin-radio-content input[type="radio"] {
  appearance: none; 
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid #f27b1a; 
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}


.ilogin-radio-content input[type="radio"]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px; 
  height: 7px;
  border-radius: 50%;
  background-color: white;
}

.ilogin-radio-content input[type="radio"]:checked::before {
  background-color: #f27b1a;
}

.google-sign-in-button {
  cursor: pointer;
  transition: background-color .3s, box-shadow .3s;
  padding: 7px 16px 5px 42px;
  border: 1px solid rgb(242, 123, 26);
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 8px;
}

.google-sign-in-button:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}

.google-sign-in-button:active {
  background-color: #eeeeee;
}

.google-sign-in-button:active {
  outline: none;
  box-shadow:
    0 -1px 0 rgba(0, 0, 0, .04),
    0 2px 4px rgba(0, 0, 0, .25),
    0 0 0 3px #c8dafc;
}

.google-sign-in-button:disabled {
  filter: grayscale(40%);
  background-color: #ebebeb;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  cursor: not-allowed;
}

.slider-responsive{
  margin-top: 20px;
}
@media (min-width: 1024px) and (max-width: 1440px)  {
  .slider-responsive {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 400px) {
  .loansCrossSellLabel{
    font-size: 11px !important;
  }
  .loansCSButton{
    min-width: 220px !important;
  }
}
.disclaimerUnderline {
  text-decoration: underline;
}

.birthDateInput {
  width: 30px !important;
  border: none !important;
}

.birthMonthInput {
  width: 30px !important;
  border: none !important;
  margin-left: 6px !important;
}

.birthYearInput {
  width: 120px !important;
  border: none !important;
  margin-left: 6px !important;
}

.dateOfBirthMainWrapper input:focus {
  border: none !important;
}

.dateOfBirthMainWrapper{
  margin-top: 8px;
}

.panBoxWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  padding : 50px 50px 0px 50px;
  flex-direction: column;
}

.panBoxNew {
  padding: 15px 20px;
  background: #ffffff;
  border-radius: 10px;
  outline: none;
  display: block;
}
.textbox-pan-name input::placeholder{
  text-transform: initial;
}

.loanOptionShowForPerfios {
  display: flex !important;
}

.input-wrapper-years {
  position: relative;
}

.input-wrapper-years input {
  font-size: 12px;
  border: 1px solid #f27b1a;
  padding-right: 20px; /* Adjust padding to accommodate the span */
}

.input-wrapper-years span {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 5px; /* Adjust the distance from the right */
  font-size: 12px;
}

.input-wrapper-month  {
  position: relative;
}

.input-wrapper-month input {
  font-size: 12px;
  border: 1px solid #f27b1a;
  padding-right: 30px; /* Adjust padding to accommodate the span */
}

.input-wrapper-month span {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 5px; /* Adjust the distance from the right */
  font-size: 12px;
}
.pahl-search .select-search__control {
  height: 32px !important;
}

.pahl-search .select-search__input {
  height: 32px !important;
  font-size: 12px !important;
}

.pahl-search .select-search__input::placeholder {
  text-transform: none;
}
.thirdPartyWrapper .modal-content{
  margin-top: 120px;
  min-width: 100%;

}
.thirdPartyHeader{
 color: #ff0000 !important;
 justify-content: center;
 width: 100%;
margin-top: 10px;
}

.thirdPartyHeadingText{
  font-size: 26px !important;
  color: red !important;
}

.thirdPrtyHyperLink {
  color: #e2730f;
}
.h-32{
  height: 32px;
}
.thirdPartyButton{
  border-radius: 20px;
  border: none;
  background-color: #e2730f;
  color: #fff;
  width: 40%;
  padding: 5px 0px;
  font-size: 18px;
}
.thirdPartyWrapper .modal-content .thirdPartyHeader .modal-title{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.thirdPartyHeadingWrapper{
  display: flex;
  align-items: center;
  width: 90%;
  justify-content: center;

}
.thirdPartyButtonWrapper{
  display: flex;
  justify-content: center;
}
.modal-dialog .modal-content .thirdPartyHeader{
  padding: 5px;
}

@media only screen and (max-width: 659px) {
  .thirdPartyButton {
    width: 70% !important;
  }
}
#perfiosSelectDropdown
{
  display:flex ;
  position: relative;
  flex-direction: column;
  width:682px;
}

@media only screen and (max-width: 882px)
{
  #perfiosSelectDropdown{
    width:360px;
  }
}

@media only screen and (max-width: 461px)
{
  #perfiosSelectDropdown{
    width:282px;
  }
}

@media only screen and (max-width: 344px)
{
  #perfiosSelectDropdown{
    width:100% !important;
  }
}
@media (max-width: 991px) {
  .al-vkyc-esign {
    display: none !important;
  }
}

.select-search__input_perfios {
  font-size: 16px;
  text-align: left;
  text-overflow: ellipsis;
}

.select-search__input_perfios::placeholder {
font-size: 16px; 
font-family: Mulish; 
}

.faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-out;
}
.faq-answer.open{
  grid-template-rows: 1fr;
}
.faq-answer > div{
  overflow: hidden;
}

.min-ht-60{
  min-height: 60px !important;
}

@media only screen and (max-width: 768px) {
  .min-ht-60{
    min-height: 0px !important;
  }
}

.vkyc-thanks-page {
  height: 100vh;
  display: flex;
  justify-content: center;
}

.ml-0 {
  margin-left: 0px !important;
}

/* calendar icon position fix in react-date picker input box */
@media (max-width: 767px) {
  .calendar_custom, svg.calendar_custom.false.cal-icon-sm.react-datepicker__calendar-icon,
  svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm, 
  svg.react-datepicker__calendar-icon.calendar_custom.cal-icon-sm.react-datepicker-ignore-onclickoutside  {
    left: 3% !important;
  }
}

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

[data-note-blink="true"]{
  animation: blink 2s step-start infinite;
}

.headermodal{
  text-align: center;
  background: #fa6f05;
}

.headermodal .modal-title {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .mob-extra-padding {
    margin-top: 5% !important;
  }
}
@media (max-width: 329px) {
  .hlodmargin-bottom{
    margin-bottom: 75% !important;
    margin-bottom: 160% !important;
  }
}
.remove-spaceLessData{
  width:50% !important;
  display: flex;
  justify-content: space-between;
  margin-right: 2rem;
  color :#414141;
  padding-bottom: 0.5%;
  margin-right: 6%;
}
@media (min-width: 330px) and (max-width: 359px) {
  .hlodmargin-bottom{
    margin-bottom: 100% !important;
  }
}
@media (min-width: 360px) and (max-width: 380px) {
  .hlodmargin-bottom{
    margin-bottom: 110% !important;
  }
}
@media (min-width: 380px) and (max-width: 411px) {
  .hlodmargin-bottom{
    margin-bottom: 90% !important;
  }
}
@media (min-width: 411px) and (max-width: 490px) {
  .hlodmargin-bottom{
    margin-bottom: 75% !important;
  }
}
@media (min-width: 700px) and (max-width: 769px) {
  .hlodmargin-bottom{
    margin-bottom: 28% !important;
  }
}
@media (min-width: 769px) {
  .hlodmargin-bottom{
    margin-bottom: 10% !important;
    margin-bottom: 3.5% !important;
  }
}
.no-right-component{
  min-width: -webkit-fill-available !important;
}
.modalBodyStyle {
  padding: 32px !important;
}
.dlg-scroll-down-btn {
  position: fixed;
  bottom: 45px;
  right: 125px;
  z-index: 1000;
  cursor: pointer;
  background-color: rgb(230, 120, 35);
  color: white;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  width: 50px;
  height: 50px;
  margin-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .dlg-scroll-down-btn{
    bottom: 30px;
    right: 65px;
  }
  .dd-class .dlg-scroll-down-btn{
    bottom: 80px;
    right: 65px;
  }
}
@media (min-width: 280px) and (max-width: 319px) {
  .dlg-scroll-down-btn{
    bottom: 35px;
    right: 35px;
  }
}
@media (min-width: 769px) and (max-width: 920px) {
  .dlg-scroll-down-btn{
    bottom: 60px;
    right: 90px;
  }
  .dd-class .dlg-scroll-down-btn{
    bottom: 95px;
    right: 65px;
  }
}
@media (min-width: 920px) and (max-width: 1024px) {

  .dd-class .dlg-scroll-down-btn{
    bottom: 123px;
    right: 75px;
  }
}
.dlg-scroll-down-btn:hover {
  background-color: rgb(230, 120, 35);
  transform: scale(1.1);
}
.dlg-scroll-down-btn:disabled {
  background-color: grey;
  cursor: not-allowed;
}

.dlg-scroll-down-btn:disabled:hover {
  background-color: grey;
  transform: none;
}
.dlg-scroll-down-btn .arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.dlg-scroll-down-btn .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  color: white;
}
.pdf-modal{
  max-width: 90%;
  width: auto;
}
.pdf-modal .modal-content{
  margin-top: 100px;
}
.pdf-modal #modalHeader1 .modal-title{
  font-size: 23px;
}
@media (max-width: 768px) {
  .pdf-modal #modalHeader1 .modal-title{
    font-size: 15px;
  }
}
.pdf-modal-body{
  height: 80vh;
  text-align: center;
  position: relative;
  margin: 40px 0px;
  padding: 0px !important;
}
.dd-class .modal-content {
  margin-top: auto;
  top: 100px;
  max-height: 85%;
}
.pdf-div{
  width: 100%;
}
.pdf-page-wrapper {
  margin-bottom: 30px; /* Adds space between pages */
  display: block;
}
.pdf-page-wrapper canvas {
  border: 1px solid #ccc; /* Add a border around each page */
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); /* Add a subtle shadow around the pages */
  display: block;
  margin: 20px auto;
  max-width: 100%;
}

.drop-down-select-hl{
  position: relative;
  width: 100%;
}
.h-36{
  height:36px;
  border-radius: 3px;
}
.with-arrow {
  background-image: url(/ucj/media/dropdown_black.e6737be2.png); 
  background-repeat: no-repeat;
  background-position: right 10px center; 
  padding-right: 30px; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none; 
}

.hl-bank-dropdown
.select-search
.select-search__select
.select-search__options
.select-search__option {
    padding: 0.75rem 1.25rem !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

.hl-bank-dropdown .select-search .select-search__value input {
    font-size: 16px !important;
    padding: 13px !important;
    outline: none !important;
}

.select-search__options {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.forex-gallery-container {
  border: 2px solid #ccc;
  padding: 20px;
  border-radius: 2px;
  background-color: #f7f7f4;
}

.express-gallery-container {
  background-color: #dddddb !important;
}

.express-gallery-popup-container {
  padding-left: 60px ;
  padding-right: 60px;
}

.express-gallery-popup {
 width: fit-content !important;
}

.forex-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 38px;
  justify-content: center;
  align-items: center;
}

.forex-cards-new {
  margin: 0 auto !important;
  padding: 10px;
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease-in;
  text-align: center;
  overflow: hidden;
}

.forex-cards-new:hover {
  transform: scale(1.05);
  border: 7px solid #80808061; 
  border-radius: 10px;
}
.card-wraper-forex {
  position: relative;
}

.card-wraper-forex img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.hover-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.forex-cards-new:hover .hover-content {
  opacity: 1;
}

.forex-label-text {
  font-size: 30px;
  font-weight: 800;
  color: white;
}

.view-details {
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
}

@media (min-width: 320px) and (max-width: 1024px) {
  .instruction-head{
    display: flex;
    justify-content: flex-start;
    margin-top:10px
  }

  .forex-cards-container {
    justify-content: center;
    padding: 0px !important;
    gap: 0px !important;
    margin: 0 auto !important;
  }
  .forex-cards-new {
    min-height: 250px;
    margin: 0 auto !important;
    position: relative;
    cursor: pointer;
    transition: transform 0.2s ease-in;
    text-align: center;
    overflow: hidden;
  }
  .forex-gallery-container{
    padding: 11px;
  }
}
.express-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.express-galary-title {
  font-size: 23px;
  color: #2e698d;
  font-weight: 600;
  white-space: nowrap;
}

.divider {
  border-left: 1px solid #000; 
  height: auto; 
  align-self: stretch; 
  margin: 0 10px; 
}

.express-product-card {
  position: relative;
  border-radius: 5%;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.express-product-image {
  width: 100%;
  height: auto;
  border-radius: 5%;
  margin: 0 auto;
}
.express-product-popup-image {
  width: 400px !important;
}

.express-product-card:hover {
  transform: scale(1.05);
}

.express-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.express-popup-content {
  background: #e3e2e0;
  padding: 20px;
  border-radius: 10px;
  width: 85%;
  max-width: 700px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.express-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.express-popup-header {
  text-align: center;
  margin-bottom: 20px;
}

.express-popup-title {
  font-size: 24px;
  font-weight: 600;
}

.express-popup-description {
  font-size: 14px;
  color: #666;
}

.express-popup-images {
  text-align: center;
  margin-bottom: 20px;
}

.express-popup-image {
  width: 70%;
  height: auto;
  border-radius: 8px;
  margin: 0 auto;
}

.express-apply-now-btn,
.express-back-btn {
  padding: 12px 24px;
  font-size: 16px;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 150px;
}

.express-apply-now-btn {
  border-radius: 20px;
  background-color: maroon;
}

.express-back-btn {
  border-radius: 20px;
  background-color: maroon;
}

@media (max-width: 1024px) {
  .express-gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .express-popup-content {
    width: 90%;
    max-width: 650px;
  }
}

@media (max-width: 600px) {
  .express-gallery {
    grid-template-columns: 1fr;
  }

  .express-popup-content {
    width: 95%;
    max-width: 500px;
  }
}

@media (max-width: 1184px) and (min-width: 820px) {
  .forex-gallery-container {
    padding: 15px;
  }

  .express-galary-title {
    font-size: 20px;
    white-space: normal;
  }
}

@media (max-width: 820px) {
  .forex-gallery-container {
    padding: 10px;
  }

  .express-galary-title {
    font-size: 18px;
    text-align: left;
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .express-galary-title {
    font-size: 16px;
    text-align: left;
    white-space: normal;
  }
}
.responsive-col-ilogin {
  width: 100%; 
}
.pl-customize{
  padding-left: 1rem !important;
  padding-bottom: 0 !important;
}
@media (min-width: 853px) and (max-width: 1280px) {
  .responsive-col-ilogin {
    width: 50%; 
  }
}
@media (min-width: 912px) and (max-width: 1368px) {
  .responsive-col-ilogin {
    width: 50%; 
  }
}
@media (min-width: 820px) and (max-width: 1180px) {
  .responsive-col-ilogin {
    width: 50%; 
  }
}

.additionalEmailEditBtn{
  width: 88px;
  height: 32px;
  background-color: rgb(242, 123, 26);
  border-radius: 4px;
  border: 1px solid rgb(242, 123, 26);
  text-align: center;
  justify-content: center;
  min-width: fit-content;
  cursor: pointer;
  color: rgb(255, 255, 255);
  align-items: center;
  font-size: 12px;
  font-weight: 600;
}
.terms-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.termsModal-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
  padding: 20px;
}

.termsModal-container {
  width: 90%;
  max-width: 800px;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.termspopup-content {
  padding: 15px;
  max-height: 70vh;
  overflow-y: auto;
  color: #2c2b2b;
  font-size: 16px;
  line-height: 1.5;
}

.termsagree-btn {
  background-color: #f27b1a;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Helvetica Neue", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f27b1a;
  padding: 5px 10px;
  width: 100%;
  max-width: 200px;
  margin: 15px auto 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.termsagree-btn:hover {
  background-color: #e16210;
}

.termsclose-button {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  font-size: 20px;
  color: #777;
  border: 1px solid #777;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s, color 0.3s;
}

.termsclose-button:hover {
  background-color: #ff9900;
  color: #fff;
}

@media (max-width: 768px) {
  .termsModal-container {
    width: 95%;
    padding: 15px;
  }
  .termsagree-btn {
    font-size: 14px;
    max-width: 200px;
    padding: 10px;
  }
}

@media (max-width: 480px) {
  .termsModal-container {
    width: 98%;
    padding: 10px;
  }
  .termsagree-btn {
    font-size: 14px;
    max-width: 180px;
    padding: 8px;
  }
}

.green-tracker{
  color: #3C763D;
}
.details-card-tracker{
  background: #fff2e3;
  padding: 10px 10px;
  align-items: center;
}
.track-card{
  padding-bottom: 10px;
  font-size: 14px;
}
.tracker{
  font-size: 10px;
}
#AadharBox1, #AadharBox2, #AadharBox3 {
  width: 100% !important; 
  height: 70px !important;
}

.icon-div{
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    text-align:center;
    transform: translateX(-50%);
  }
  
  .spanner{
    position:absolute;
    top: 50%;
    left: 0;
    background: #2a2a2a55;
    width: 100%;
    display:block;
    text-align:center;
    height: 300px;
    color: #FFF;
    transform: translateY(-50%);
    z-index: 1000;
    visibility: hidden;
  }
  
  .overlay{
    position: fixed;
      width: 100%;
      height: 100%;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
  }
  
  .loader,
  .loader:before,
  .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
  }
  .loader {
    color: #ffffff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .loader:before,
  .loader:after {
    content: '';
    position: absolute;
    top: 0;
  }
  .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .loader:after {
    left: 3.5em;
  }
  @-webkit-keyframes load7 {
    0%,
    80%,
    100% {
      box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
      box-shadow: 0 2.5em 0 0;
    }
  }
  @keyframes load7 {
    0%,
    80%,
    100% {
      box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
      box-shadow: 0 2.5em 0 0;
    }
  }
  
  .show{
    visibility: visible;
  }
  
  .spanner, .overlay{
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
  }
  
  .spanner.show, .overlay.show {
      opacity: 1
  }

  #overlay, #overlay-adobe-target {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    cursor: pointer;
  }

  .overlayPage {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    cursor: pointer;
  }
  
  #text{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
  }

  .width-90-per{
    width: 90%;
  }

  .not-allowed-curs{
    cursor: not-allowed !important;
  }
  
  @media screen and (max-width: 570px) {
    #text{
      width: 80%;
      font-size: 20px;
    }
  }
  @media screen and (max-width: 500px) {
    #text{
      width: 90%;
    }
  }


  .adobe_target_ucj_uc_03 {
    position: fixed;
      width: 100%;
      height: 100%;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
  }

  #adobe_target_ucj_uc_03 {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    cursor: pointer;
  }
@media (max-width:767px) {
    .home-icon-icici {
      display: none !important;
    }
  }
  
  .home-icon-icici {
    display: inline-block;
  }
.ticker-wrapper {
    overflow: hidden;
    white-space: nowrap;
    background: #ffb571;
    color: #894302;
    padding: 10px 0;
    font-family: sans-serif;
  }
  
  .ticker {
    display: inline-block;
    width: 100%;
    position: relative;
  }
  
  .ticker-move {
    display: inline-block;
    padding-left: 100%;
    animation: ticker-scroll 20s linear infinite;
  }
  
  .ticker-item {
    display: inline-block;
    margin-right: 50px;
  }
  
  @keyframes ticker-scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
input[type="radio"] {
  border: 2px solid white;
  box-shadow: 0 0 0 1px #fc983c;
  appearance: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #fff;
  cursor: pointer;
  transition: all ease-in 0.2s;
}

input[type="radio"]:checked {
  background-color: #fc983c;
}

.form60Address select {
  -webkit-appearance: none;
  appearance: none;
}

.form60Address {
  position: relative;
}

.form60Address::after {
  content: "▼";
  font-size: 1rem;
  top: 14px;
  right: 20px;
  position: absolute;
}

.customDatePickerWidth,
.customDatePickerWidth > div.react-datepicker-wrapper,
.customDatePickerWidth
  > div
  > div.react-datepicker__input-container
  .customDatePickerWidth
  > div
  > div.react-datepicker__input-container
  input {
  width: 100%;
}

.customDatePickerHeight .react-datepicker__input-container input {
  height: 58px !important;
}

.customRadioBtns {
  display: flex;
  gap: 20px;
}

.customRadioBtn {
  background-color: #fff !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 8px !important;
  box-shadow: rgba(213, 217, 217, 0.5) 0 2px 5px 0;
  box-sizing: border-box !important;
  color: #0f1111 !important;
  cursor: pointer !important;
  display: inline-block;
  font-size: 13px !important;
  line-height: 29px !important;
  padding: 0 10px 0 11px !important;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation;
  vertical-align: middle;
  width: 100px !important;
  text-transform: capitalize;
}

.customRadioBtn:hover {
  background-color: #f7fafa !important;
}

.customRadioBtns input:checked ~ label {
  border-color: rgb(245, 143, 34) !important;
  box-shadow: rgba(213, 217, 217, 0.5) 0 2px 5px 0 !important;
  outline: 0 !important;
}

.customRadioSelected {
  border-color: rgb(245, 143, 34) !important;
  box-shadow: rgba(213, 217, 217, 0.5) 0 2px 5px 0 !important;
  outline: 0 !important;
}

.banner{
  padding: 0.25rem 0.7rem;
  background: #f27b1a;
  color: white;
  border: 1px solid #f27b1a;
  box-sizing: border-box;
  box-shadow: 0px 5px 12px rgb(242 123 26 / 16%);
  border-radius: 5px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.last-banner{
  top: 100px !important;
  left: 58% !important;
  width: 70% !important;
}

@media only screen and (max-width:767px){
  .dual-cardBanner{
    width: 140px !important;
  }
}

.last-banner-popup{
  top: 26px !important;
  left: 45% !important;
  width: 34%;
}

.font-18-ind{
  font-size: 18px !important;
}

.scroll-row{
  flex-wrap: nowrap !important; 
  overflow-x: scroll;
}

.card-86{
  width: 86%;
}

@media only screen and (min-width:994px){
  .card-86{
    width: 92%;
  }
}
@media only screen and (max-width:1359px){
  .last-banner{
    top: 100px !important;
  }
}

@media (min-width:1081px) and (max-width:1170px){
  .last-banner{
    /* width: 55%; */
    left: 55% !important;
  }
}

@media (min-width:992px) and (max-width:1080px){
  .last-banner{
    padding: 0.25rem 0.2rem !important;
    /* width: 60%; */
    left: 50% !important;
  }
}

@media (min-width:576px) and (max-width:991px){
  .card-image-div{
    width: 100%;
    margin: auto;
  }
  .top-card{
    width: 100%;
  }
}

@media (min-width:426px) and (max-width:575px){
  .single-card{
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .card-image-div{
    width: 90%;
    margin: auto;
  }
  .top-card{
    width: 100%;
  }
}

@media only screen and (max-width:425px){
  .single-card{
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .card-image-div{
    width: 100%;
    margin: 0px;
  }
  .top-card{
    width: 100%;
  }
}


@media (min-width:768px) and (max-width:991px){
  .last-banner{
    top: 100px !important;
    left: 54% !important;
    /* width: 65%; */
  }
}

@media (min-width:568px) and (max-width:767px){
  .last-banner{
    padding: 0.25rem 0.2rem !important;
    top: 72px !important;
    left: 55% !important;
    /* width: 40% !important; */
  }
  .creditcard-heading{
    margin: 10px 0px 30px 0px !important;
  }
}
@media only screen and (max-width:441px){
  .last-banner{
    padding: 0px 0px !important;
    top: 72px !important;
    left: 50% !important;
    /* width: 57% !important; */
  }
  .creditcard-heading{
    margin: 10px 0px 30px 0px !important
  }
  .credit-card-heading-div{
    min-height: 80px;
  }
}

@media (min-width:460px) and (max-width:567px){
  .last-banner{
    padding: 0.25rem 0.2rem !important;
    top: 72px !important;
    left: 55% !important;
    /* width: 40% !important; */
  }
  .creditcard-heading{
    margin: 10px 0px 55px 0px !important;
  }
}

@media (min-width:442px) and (max-width:459px){
  .last-banner{
    padding: 0.25rem 0.2rem !important;
    top: 48px !important;
    left: 50% !important;
    /* width: 50% !important; */
  }
  .creditcard-heading{
    margin: 10px 0px 30px 0px !important;
  }
}

@media only screen and (max-width:1347px){
  .recommended-banner{
    padding: 0.25rem 0.3rem !important;
    width: 70%;
  }
}
.banner-mobile-font{
  font-size: 11px !important;
}

@media only screen and (max-width:425px){
  .recommended-banner{
    padding: 0px 0px !important;
    width: 70%;
  }
  .banner-mobile-font{
    font-size: 9px !important;
  }
}


@media only screen and (min-width:992px){
  .last-banner-popup{
    padding: 0px 0px !important;
    top: 26px !important;
    left: 21% !important;
    width: 17%;
  }
}

@media (min-width:768px) and (max-width:991px){
  .credit-image-width #creditCardImage{
    width: 35%;
  }
  .last-banner-popup {
    padding: 0px 0px !important;
    top: 24px !important;
    left: 25% !important;
    width: 18%;
  }
}

@media only screen and (max-width:465px){
  .card-modal .d-flex {
    flex-wrap: nowrap;
    justify-content: start;
  }
}

@media only screen and (max-width:465px){
  .last-banner-popup {
    top: 26px !important;
    left: 39% !important;
    width: 40%;
    padding: 0px 0px !important;
  }
}

@media (min-width: 466px) and (max-width: 767px){
  .tick-mark-fix .card-modal .d-flex {
      flex-wrap: nowrap !important;
      justify-content: start !important;
  }
  .tick-mark-fix .card-modal .last-banner-popup {
    justify-content: center !important;
  }
}

@media (min-width: 320px) and (max-width: 590px){
  .name-of-card-popup {
    margin-top: 25px;
  }
}

@media (min-width: 576px) and (max-width: 767px){
  .last-banner-popup {
    top: 26px !important;
    left: 44% !important;
    width: 30%;
    padding: 0px 18px !important;
  }
}

@media (min-width: 466px) and (max-width: 575px){
  .last-banner-popup {
    top: 27px !important;
    left: 49% !important;
    width: 25%;
    padding: 0px 0px !important;
  }
}

@media (min-width: 401px) and (max-width: 465px){
  .last-banner-popup {
    top: 27px !important;
    left: 46% !important;
    width: 30%;
    padding: 0px 0px !important;
  }
}

@media only screen and (max-width: 400px){
  .last-banner-popup {
    top: 27px !important;
    left: 37% !important;
    width: 44%;
    padding: 0px 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 950px){
  .modal-responsive-fix {
      min-width: 90%;
  }
}

.tnc-margin{
  max-width: 86%;
}

.ccCardWraper .bg-line-long {
  background: url(/ucj/media/long2.8c106456.svg) 33px 2px repeat-y;
}