:root {
  --w-100: 100%;
  --w-50: 50%;
  --p-0: 0px;
  --p-10: 10px;
  --p-15: 15px;
  --p-20: 20px;
  --p-25: 25px;
  --p-30: 30px;
  --p-40: 40px;
  --pl-0: 0px;
  --pl-10: 10px;
  --pl-20: 20px;
  --pl-30: 30px;
  --pl-40: 40px;
  --pl-50: 50px;
  --pr-0: 0px;
  --pr-10: 10px;
  --pr-20: 20px;
  --pr-30: 30px;
  --pr-40: 40px;
  --pr-50: 50px;
  --pt-10: 10px;
  --pt-20: 20px;
  --pt-30: 30px;
  --pt-40: 40px;
  --pt-50: 50px;
  --pt-60: 60px;
  --pt-70: 70px;
  --pt-80: 80px;
  --pb-10: 10px;
  --pb-20: 20px;
  --pb-25: 25px;
  --pb-30: 30px;
  --pb-40: 40px;
  --pb-50: 50px;
  --pb-60: 60px;
  --pb-70: 70px;
  --pb-80: 80px;
  --mb-20: 20px;
  --mb-30: 30px;
  --white-color: #fff;
  --color-blue: #1d4a88;
  --color-drak-blue: #1c3fca;
  --color-black: #000;
  --color-light-black: #111827;
  --color-content-black: #374151;
  --color-gray: #f3f6fd;
  --color-drak-gray: #9ca3af;
  --color-light-gray: #d0ddfc;
  --color-light-blue: #a3baf9;
  --color-green: #00875f;
  --annual-color: #32cd32;
  --color-light-green: #ebf9ef;
  --color-dec-light-gray: #4b5563;
  --color-label: #6b7280;
  --color-disable: #9ca3af;
  --color-yellow: #fec93b;
  --color-orange: #d67d26;
  --color-orange-bg: #fef8e6;
  --color-red: #e22853;
  --color-red-bg: #fdefed;
  --color-radio-Switch-off: #9ca3af;
  --color-radio-Switch-on: #1c3fca;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-23: 23px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-26: 26px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-29: 29px;
  --font-size-30: 30px;
  --font-size-31: 31px;
  --font-size-32: 32px;
  --font-size-33: 33px;
  --font-size-34: 34px;
  --font-size-35: 35px;
  --font-size-36: 36px;
  --border-radius-0: 0;
  --border-radius-16: 16px;
  --border-radius-8: 8px;
  --border-color-gray: #d2d5db;

  /* added variable for account list*/

  --fontFamily: "Inter", sans-serif;
  --fontSizeXS: 1rem;
  --fontSizeS: 1.175rem;
  --fontSizeM: 1.3rem;
  --fontSizeL: 1.55rem;
  --fontSizeXL: 1.8rem;
  --fontWeigthBold: 600;
  --fontWeightNormal: 400;
  --paragraphColor: #4b5563;
  --headingColor: #111827;
  --errorColor: red;
  --blueHdfcColor: #1c3fca;
  --bgColor: #fff;
  --colorBody: #f3f6fd;
  --boxShadow: 0px 0px 0px 2px rgba(28, 63, 202, 0.14);
  --fadeLine: #d3d6dc;
  --inActiveTabBorder: #d2d5db;
  --checkBoxSectionBoxShadow: #ecedf3;
  --selectedItemHoverBg: rgba(0, 0, 0, 0.1);
  --buttonTextColor: #f5f6fb;
  --disabledButtonBg: #a3baf9;
  --errorFieldColor: #f8442f;
  --successFieldColor: #27a808;
  --border-radius-12: 12px;
  --border-radius-11: 11px;
  --pinkColorPanel: #f4f0ff;
  --praColor: #374151;
}

.m-p-0 {
  padding: 0px;
}

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

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

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

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

.container {
  max-width: 960px;
}

body {
  background-color: #f3f6fd;
  font-family: "Inter", sans-serif;
}

.d-flex {
  display: flex !important;
}

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

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
  font-family: "Inter", sans-serif;
  margin: 0px;
  line-height: normal;
}

.h-1 {
  height: 1rem;
}
.h-2 {
  height: 2rem;
}
.h-3 {
  height: 3rem;
}
.h-4 {
  height: 4rem;
}
.h-5 {
  height: 5rem;
}
.h-6 {
  height: 6rem;
}
.h-7 {
  height: 7rem;
}
.h-8 {
  height: 8rem;
}
.h-9 {
  height: 9rem;
}
.h-10 {
  height: 10rem;
}
.h-11 {
  height: 11rem;
}
.h-12 {
  height: 12rem;
}
.h-13 {
  height: 13rem;
}
.h-14 {
  height: 14rem;
}
.h-15 {
  height: 15rem;
}
.h-16 {
  height: 16rem;
}
.h-17 {
  height: 17rem;
}
.h-18 {
  height: 18rem;
}
.h-19 {
  height: 19rem;
}
.h-20 {
  height: 20rem;
}
.h-21 {
  height: 21rem;
}
.h-22 {
  height: 22rem;
}
.h-23 {
  height: 23rem;
}
.h-24 {
  height: 24rem;
}
.h-25 {
  height: 25rem;
}
.h-26 {
  height: 26rem;
}
.h-27 {
  height: 27rem;
}
.h-28 {
  height: 28rem;
}
.h-29 {
  height: 29rem;
}
.h-30 {
  height: 30rem;
}
.h-31 {
  height: 31rem;
}
.h-32 {
  height: 32rem;
}
.h-33 {
  height: 33rem;
}
.h-34 {
  height: 34rem;
}
.h-35 {
  height: 35rem;
}
.h-36 {
  height: 36rem;
}
.h-37 {
  height: 37rem;
}
.h-38 {
  height: 38rem;
}
.h-39 {
  height: 39rem;
}
.h-40 {
  height: 40rem;
}

.h-1-25 {
  height: 1.25rem;
}
.h-1-50 {
  height: 1.5rem;
}
.h-1-75 {
  height: 1.75rem;
}
.h-2 {
  height: 2rem;
}
.h-2-25 {
  height: 2.25rem;
}
.h-2-50 {
  height: 2.5rem;
}
.h-2-75 {
  height: 2.75rem;
}
.h-3 {
  height: 3rem;
}
.h-3-25 {
  height: 3.25rem;
}
.h-3-50 {
  height: 3.5rem;
}
.h-3-75 {
  height: 3.75rem;
}
.h-4 {
  height: 4rem;
}
.h-4-25 {
  height: 4.25rem;
}
.h-4-50 {
  height: 4.5rem;
}
.h-4-75 {
  height: 4.75rem;
}

.mw-50{
  max-width: 50% !important;
}

.lower-case {
  text-transform: lowercase;
}

.lg_button {
  height: 52px;
  font-size: var(--font-size-16);
  line-height: 24px;
  font-weight: var(--font-weight-700);
  border-radius: 13px;
  min-width: 400px;
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-drak-blue);
  color: var(--white-color);
  border: none;
}

.lg_button:hover,
.lg_button:active,
.lg_button:first-child:active,
:not(.btn-check) + .lg_button:active {
  color: var(--white-color);
  text-decoration: none;
  border: none;
  outline: none;
  background-color: var(--color-drak-blue);
}

.lg_button:focus {
  color: var(--white-color);
  border: none;
  outline: none;
}

.service-form-group {
  margin-bottom: 15px;
}

.disable,
.disable:hover,
.disable:active,
.disable:first-child:active {
  background-color: var(--color-light-blue);
  cursor: not-allowed;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  visibility: hidden;
}

.location_box:hover {
  color: var(--white-color);
}

.d-none {
  display: none !important;
}

.img-fluid {
  width: 100%;
}

.border-required .form-label {
  color: var(--color-red) !important;
}

.border-required {
  border-color: var(--color-red) !important;
}

.card_container {
  background-color: var(--white-color);
  padding: var(--p-40);
  border-radius: 24px;
  margin: auto;
}

.card_container_box {
  background-color: var(--white-color);
  padding: var(--p-40);
  border-radius: 24px;
  margin: auto;
}

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

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

.height-4 {
  height: 4px;
}

/* messages css start */
.messages_section {
  position: absolute;
  top: 32px;
  z-index: 99;
  width: 100%;
}

.messages_box_top {
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
  gap: 12px;
  align-items: center;
  max-width: 320px;
  margin: 0 auto;
}

.messages_box_top_left {
  display: flex;
  gap: 12px;
  align-items: center;
}

.ornage_color {
  background-color: var(--color-orange-bg);
  font-size: var(--font-size-12);
  color: var(--color-orange);
  border-radius: var(--border-radius-8);
  font-weight: var(--font-weight-600);
}

.red_color {
  background-color: var(--color-red-bg);
  font-size: var(--font-size-12);
  color: var(--color-red);
  border-radius: var(--border-radius-8);
  font-weight: var(--font-weight-600);
}

.messages_box_top .btn-close {
  opacity: 1;
}

/* messages css End */

/* loder css start */

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

.m-loader_wrap_row {
  display: flex;
  padding-left: 10px;
  margin-top: 10px;
}

.m-loader_wrap {
  position: relative;
  width: 16px;
  height: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.m-loader_wrap .m-item {
  width: 8px;
  height: 8px;
  position: absolute;
}

.m-loader_wrap .m-item-1 {
  background-color: #e63232;
  top: 0;
  left: 0;
  z-index: 1;
  animation: m-item-1_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.m-loader_wrap .m-item-2 {
  background-color: #003397;
  top: 0;
  right: 0;
  animation: m-item-2_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.m-loader_wrap .m-item-3 {
  background-color: #000;
  bottom: 0;
  right: 0;
  z-index: 1;
  animation: m-item-3_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.m-loader_wrap .m-item-4 {
  background-color: #8888;
  bottom: 0;
  left: 0;
  animation: m-item-4_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

@keyframes m-item-1_move {
  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(0, 8px);
  }

  50% {
    transform: translate(8px, 8px);
  }

  75% {
    transform: translate(8px, 0);
  }
}

@keyframes m-item-2_move {
  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(-8px, 0);
  }

  50% {
    transform: translate(-8px, 8px);
  }

  75% {
    transform: translate(0, 8px);
  }
}

@keyframes m-item-3_move {
  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(0, -8px);
  }

  50% {
    transform: translate(-8px, -8px);
  }

  75% {
    transform: translate(-8px, 0);
  }
}

@keyframes m-item-4_move {
  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(8px, 0);
  }

  50% {
    transform: translate(8px, -8px);
  }

  75% {
    transform: translate(0, -8px);
  }
}

/* loder css End */
#top_header {
  height: 50px;
  background-color: var(--color-blue);
  display: flex;
  align-items: center;
}

.location_box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.location_box_img {
  background-color: #18375f;
  width: 36px;
  height: 36px;
  padding: 4px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.location_box_img img {
  width: 24px;
  height: 24px;
}

.location_box {
  color: var(--white-color);
  margin-left: 15px;
  text-decoration: none !important;
}

/* banner section css start */
.banner_box_section {
  margin: 30px 0;
}

.banner_box_part {
  background: url("../master_banner-desktop.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
  padding: var(--p-40);
  border-radius: 24px 24px 0 0;
}

.banner_box_part h1 {
  font-size: var(--font-size-36);
  font-weight: var(--font-weight-700);
  padding-bottom: 10px;
}

.banner_box_part h4 {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  line-height: 28px;
}

/* Account_Transfer_content_section css start */
.Account_Transfer_content_section,
.Service_content_section {
  background-color: var(--white-color);
  padding: var(--p-40);
  border-radius: 0 0 24px 24px;
}

.Account_Transfer_content_left {
  border: 1px solid var(--border-color-gray);
  padding: var(--p-20);
  border-radius: var(--border-radius-16);
}

.Account_Transfer_content_left h5 {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-600);
  line-height: 28px;
  padding-bottom: var(--pb-25);
}

.Account_Transfer_content_left ul {
  padding: var(--p-0);
  row-gap: 10px;
  display: flex;
  flex-direction: column;
}

.Account_Transfer_content_left ul li {
  list-style: none;
  display: flex;
  gap: 10px;
  color: var(--color-light-black);
  font-size: var(--font-size-14);
  text-align: left;
  align-items: flex-start;
  line-height: 20px;
}

.Account_Transfer_content_right {
  display: flex;
  row-gap: 20px;
  flex-direction: column;
}

.Account_Transfer_content_right_list {
  border-radius: var(--border-radius-16);
  background-color: var(--color-gray);
  padding: var(--p-25);
  display: flex;
  gap: 25px;
  color: var(--color-light-black);
  line-height: 20px;
}

.Highlight_block_list {
  border-radius: var(--border-radius-16);
  background-color: var(--color-gray);
  padding: var(--p-25);
  display: flex;
  gap: 25px;
  color: var(--color-light-black);
  line-height: 20px;
}

.Account_Transfer_content_right_list img {
  max-width: 40px;
}

/* banner section css End */
/* footer css start */
footer {
  background-color: var(--color-blue);
}

footer a:hover {
  color: var(--white-color);
  text-decoration: none;
}

footer {
  background-color: var(--color-blue);
}

.footer-bottom_row {
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--white-color);
}

footer p {
  margin-bottom: 0px;
}

.footeranchor {
  text-decoration: underline;
  color: var(--white-color);
}

footer .footer-bottom {
  background-color: var(--color-blue) !important;
}

a.footeranchor:hover,
a.footeranchor:focus {
  color: #ffffff;
  text-decoration: underline;
}

/* footer css End */

/* login page css start */
.login_box_part a {
  text-decoration: underline;
  color: var(--color-blue);
  font-weight: var(--font-weight-400);
}

.login_box_part .mobile_number_box {
  position: relative;
  border: 1px solid var(--border-color-gray);
  border-radius: 8px;
  padding: 4px 10px;
  margin-top: 10px;
}

.login_box_part .form-control {
  font-size: var(--font-size-14);
  color: var(--color-light-black);
  box-shadow: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: textfield;
  height: 48px;
}

.mobile_number_box .form-control {
  padding: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  height: 40px;
}

.login_box_part .form-control:focus {
  outline: var(--color-blue);
}

.date_input input {
  text-transform: uppercase;
  font-weight: var(--font-weight-400);
}

.login_box_part {
  max-width: 400px;
  margin: auto;
}

.login_box_part p {
  color: #374151;
  font-size: var(--font-size-12);
  line-height: 20px;
}

.login_box_part .tel-number-field {
  max-width: 55px;
  width: auto;
  background: transparent;
  margin-right: 5px;
}

.login_box_part .form-label {
  color: var(--color-light-black);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-600);
}

.mobile_number_box .form-label {
  position: absolute;
  background-color: var(--white-color) !important;
  padding: 5px 10px;
  top: -14px;
  color: var(--color-light-black);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-600);
}

.login_box_part .tel-number-field {
  border-right: 1px solid #e5e7eb;
}

.login_box_part .service-form-group {
  margin-bottom: 20px;
}

/* The container */
.Identify_Using {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
  color: var(--color-drak-gray);
}

.form-check {
  display: flex;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: var(--font-size-14);
  margin: 0px;
  height: 24px;
  align-items: center;
  font-weight: var(--font-weight-400);
}

/* Hide the browser's default radio button */
.form-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #c1c1c1;
}

/* On mouse-over, add a grey background color */
.form-check:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.form-check input:checked ~ .checkmark {
  border-color: var(--color-blue);
}

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

/* Show the indicator (dot/circle) when checked */
.form-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.form-check .checkmark:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--color-blue);
}

/* login page css end */

/* enter-otp page css start */
.otp_section {
  min-height: calc(100vh - 85px);
  padding-top: 50px;
  padding-bottom: 50px;
}

.enter-otp {
  background-color: var(--white-color);
  padding: var(--p-30);
  border-radius: 24px;
  max-width: 460px;
  margin: auto;
}

.enter-otp h2 {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-600);
  line-height: 28px;
  padding-bottom: var(--pb-10);
}

.verif-head {
  text-align: center;
  padding-bottom: var(--p-10);
  line-height: 20px;
}

.verif-head p {
  line-height: 20px;
}

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

.send_otp div {
  width: 50%;
}

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

.send_otp_send {
  color: #6b7280;
}

.send_otp_send a {
  font-size: var(--font-size-14);
  text-decoration: none;
  color: #6b7280;
}

.send_otp_send strong {
  font-weight: var(--font-weight-600);
}

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

.send_otp_send span {
  color: var(--color-black);
  font-weight: var(--font-weight-600);
}

.otp_code_inputs input {
  border-radius: 12px;
  /* width: 100%; */
  min-width: auto;
  height: 48px;
  border: none;
  text-align: center;
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-600);
}

.otp_code_inputs input:focus {
  outline: none;
}

.otp_code_inputs {
  background: var(--white-color);
  border: 1px solid var(--color-blue);
  box-shadow: 0px 0px 0px 2px rgba(28, 63, 202, 0.14);
  border-radius: 12px;
  margin-top: 30px;
}

.send_otp_maximum {
  color: var(--color-label);
}

input[maxlength="6"] {
  border: 0;
  margin-left: 25px;
  letter-spacing: 40px;
  outline: none;
}

/* enter-otp page css end */

/* customer id page css start */
.customer_detail_section {
  min-height: calc(100vh - 85px);
  padding-top: 50px;
  padding-bottom: 50px;
}

.messages_box_part {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -24px;
  position: absolute;
  width: 100%;
  z-index: 9999;
}

.messages_box_part img {
  max-width: 20px;
  max-height: 20px;
}

.messages_box_part p {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-600);
  color: var(--color-green);
  background-color: var(--color-light-green);
  padding: 10px 12px;
  border-radius: var(--border-radius-8);
}

.Customer_detail {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
  text-align: center;
}

.Customer_detail h2 {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-600);
  line-height: 32px;
  color: var(--color-light-black);
}

.Customer_detail p {
  margin-top: 5px;
  color: var(--color-content-black);
}

.card_row {
  position: relative;
}

.card_row .card-input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  width: 100%;
  height: 60%;
  cursor: pointer;
  z-index: 99;
}

.card {
  border: 1px solid var(--border-color-gray);
  border-radius: var(--border-radius-8);
  padding: var(--p-20);
  position: relative;
  min-height: 215px;
  margin-bottom: 30px;
}

.card-input:checked + .card {
  border-color: var(--color-blue);
  background-color: var(--color-gray);
}

.card-input:checked + .card .card_hadding_part .custom-control-label {
  border-color: var(--color-blue);
}

.card-input:checked + .card .card_hadding_part .custom-control-label::after {
  content: "";
  height: 12px;
  width: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: var(--color-blue);
  border-radius: var(--border-radius-16);
}

.card_label {
  background-color: var(--color-light-gray);
  color: var(--color-light-black);
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--border-radius-16);
  position: absolute;
  top: -15px;
}

.card_hadding_part {
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-600);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-light-black);
}

.card_hadding_part .custom-control-label {
  border: 1px solid var(--border-color-gray);
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius-16);
  position: relative;
}

.card_details_content p {
  color: var(--color-light-black);
  font-weight: var(--font-weight-500);
}

.card_details_content ul {
  color: var(--color-light-black);
  font-weight: var(--font-weight-400);
  margin: 0px;
  padding-left: 0px;
  list-style: none;
  color: var(--color-dec-light-gray);
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.card_details_content .disable_text {
  color: var(--color-disable);
}

.card_button_row {
  margin-top: 10px;
}

.your_card_text_part h4 {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
  color: var(--color-light-black);
  margin-bottom: 30px;
}

/* customer id page css End */

/* account page css start */
.account_details {
  margin: 0px;
}

.Customer_detail h3 {
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-600);
  line-height: 32px;
  color: var(--color-light-black);
}

.card.account_card {
  min-height: 194px;
}

.Customer_detail ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  list-style: none;
  text-align: left;
  gap: 80px;
  margin-top: 20px;
}

.Customer_detail label {
  font-weight: var(--font-weight-400);
  color: var(--color-dec-light-gray);
}

.Customer_detail li p {
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-18);
}

.select_account_card_details label {
  color: var(--color-label);
  font-weight: var(--font-weight-400);
}

.select_account_card_details p {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
  color: var(--color-light-black);
}

.select_account_card_details ul {
  margin-top: 15px;
  padding: 0px;
  display: flex;
  list-style: none;
  justify-content: space-between;
}

.select_account_card_details ul li {
  width: 50%;
}

.account_card .card_hadding_part .custom-control-label {
  border-radius: 4px;
}

.card-input:checked + .card.account_card .card_hadding_part .custom-control-label {
  border-color: var(--color-blue);
}

.card-input:checked + .card.account_card .card_hadding_part .custom-control-label::after {
  height: 25px;
  width: 25px;
  top: -1px;
  left: -1px;
  background: var(--color-blue) url("../journey_checkbox.svg");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 4px;
}

.disable-card .card {
  background-color: #f9faff;
  border: 1px solid #f9faff;
}

.disable-card .card_label {
  background-color: #ecedf3;
  color: var(--color-disable);
}

.disable-card .card_hadding_part {
  color: var(--color-disable);
}

.disable-card .select_account_card_details label {
  color: var(--color-label);
}

.disable-card .select_account_card_details p {
  color: var(--color-disable);
}

.disable-card .card-input {
  display: none;
}

.back-button {
  display: flex;
  align-items: center;
  font-size: var(--font-size-16);
  color: var(--color-drak-blue);
  font-weight: var(--font-weight-600);
  text-decoration: none;
  gap: 5px;
}

.back-button:hover {
  color: var(--color-drak-blue);
  text-decoration: none;
}

.back-button img {
  width: 20px;
  height: 20px;
}

.pt-0 {
  padding-top: 0px;
}

.back_button_part {
  padding: 16px 0px;
}

.progress-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 30px;
  max-width: 100%;
  width: 520px;
  background-color: #f5f6fb;
  padding: 9px 20px;
  border-radius: 28px;
  margin: auto auto 40px;
}

.circle {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: var(--font-size-16);
}

.circle label {
  background-color: var(--white-color);
  border-radius: 50%;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-12);
  border: 2px solid var(--border-color-gray);
}

.circle.active {
  font-weight: var(--font-weight-600);
  color: var(--color-light-black);
}

.circle.active label {
  border-color: var(--color-drak-blue);
  color: var(--color-drak-blue);
}

.completed label {
  border-color: var(--color-drak-blue);
  background: var(--color-drak-blue) url("../journey_checkbox.svg");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px;
}

.circle::after {
  content: "";
  width: 37px;
  background: linear-gradient(90deg, #d3d6dc 50%, rgba(255, 255, 255, 0) 100%);
  border-radius: 1px;
  height: 2px;
}

.circle.active::after {
  background: linear-gradient(90deg, #1c3fca 50%, rgba(255, 255, 255, 0) 100%);
}

.circle:last-child::after {
  display: none;
}

.inactive_card {
  display: none;
}

.accountCollection .select_account_card_details ul li:last-child {
  padding-left: 25px;
}

span.cooling_message {
  margin-bottom: 30px;
  display: flex;
  margin-top: -20px;
  color: #e22853;
  line-height: 20px;
}

.disable-card.cooling .card {
  border: 1px solid #ff0000 !important;
  box-shadow: 0px 0px 0px 2px rgba(226, 40, 83, 0.14);
}

/* account page css end */

/* branch page css start */
.Select_Branch_text_part {
  margin: 20px 0 15px;
}

.Select_Branch_text_part h4 {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
}

.Select_Branch_text_part p {
  margin: 0 0 5px;
}

.new_branch_select_text_part {
  background-color: #f4f0ff;
  padding: 12px;
  color: var(--color-light-black);
  font-weight: var(--font-weight-500);
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 10px;
  border-radius: var(--border-radius-8);
  margin-bottom: 40px;
}

.search_input_data_box {
  max-width: 400px;
  margin: 0 auto 20px;
}

.search_input_data_part ul {
  padding: 0px;
  border: 1px solid var(--color-disable);
  list-style: none;
  border-radius: var(--border-radius-8);
  margin-top: 1px;
  max-height: 144px;
  overflow-y: auto;
}

.search_input_data_part ul li {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color-gray);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.search_input_data_part ul li a {
  color: var(--color-content-black);
  text-decoration: none;
  font-weight: var(--font-weight-400);
}

.form-outline {
  position: relative;
}

.form-outline .form-control {
  height: 48px;
  border-radius: var(--border-radius-8);
  padding-right: 30px;
  background: var(--white-color) url("../icon-search.svg");
  background-position: 98% center;
  background-repeat: no-repeat;
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-600);
}

.form-outline .form-control:focus ~ .form-label {
  color: var(--color-light-black);
  padding: 4px 10px;
  font-size: var(--font-size-12);
}

.form-outline .form-control.active ~ .form-label,
.form-outline .form-control:focus ~ .form-label {
  transform: translateY(-22px) translateY(0.1rem) scale(0.8);
  font-weight: var(--font-weight-600);
}

.form-outline .form-control ~ .form-label {
  position: absolute;
  top: 11px;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 11px;
  padding-top: 0.37rem;
  pointer-events: none;
  transform-origin: 0 0;
  transition: all 0.2s ease-out;
  margin-bottom: 0;
  background-color: var(--white-color);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-400);
  border-radius: var(--border-radius-16);
}

.form-outline .form-control:focus {
  border-color: var(--color-blue);
  box-shadow: inset 0 0 0 1px var(--color-blue);
  font-weight: var(--font-weight-600);
}

.form-outline .form-control,
.form-outline .form-control:focus {
  transition: all 0.1s linear;
  box-shadow: none;
}

.form-outline .form-control:focus,
.search_input_data_box .form-outline .form-control.active {
  color: #4f4f4f;
  background-color: var(--white-color);
  outline: 0;
  /* box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%), 0 0 0 0.25rem rgb(59 113 202 / 25%); */
}

.card.new_branch_card {
  min-height: 176px;
}

.new_branch_card a {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-600);
  color: var(--color-drak-blue);
  text-decoration: none;
  cursor: pointer;
}

.new_branch_card .card_details_content p {
  margin-bottom: 15px;
}

.new_branch_card ul {
  gap: 5px;
}

.new_branch_card ul li label {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-14);
  margin-bottom: 0px;
}

.new_branch_card ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.new_branch_card ul li input {
  width: 24px;
  height: 24px;
}

.new_branch_card input[type="radio"] {
  accent-color: var(--color-drak-blue);
  cursor: pointer;
}

.card.Account_Transfer_card {
  min-height: auto;
}

.Account_Transfer_card ul {
  margin: 0px;
}

.Account_Transfer_card .select_account_card_details {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.account_transfer_bottom_text p,
.occupation_details_bottom_text p {
  font-size: var(--font-size-12);
  margin-bottom: 10px;
  color: var(--color-content-black);
  padding: 0 15px;
  line-height: 20px;
}

.account_transfer_bottom_text p a,
.occupation_details_bottom_text p a {
  text-decoration: none;
  font-weight: bold;
}

.yellow_Card .average_balance p {
  margin-bottom: 5px;
}

.yellow_Card .average_balance label {
  margin-bottom: 0px;
}

.yellow_Card .card_label {
  background-color: var(--color-yellow);
}

.Account_Transfer_box_detail {
  margin-bottom: 20px;
  position: relative;
}

.Account_Transfer_box_detail a {
  font-size: var(--font-size-16);
  color: var(--color-drak-blue);
  font-weight: var(--font-weight-600);
  position: absolute;
  right: 0px;
  top: 10px;
  text-decoration: none;
}

/* branch page css End */

.transfer_box_section {
  min-height: calc(100vh - 85px);
  padding-top: 50px;
  padding-bottom: 50px;
}

.transfer_box_part {
  background: var(--color-light-black);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
  padding: var(--p-40);
  border-radius: 24px 24px 0 0;
}

.transfer_text_part {
  text-align: center;
  padding-bottom: 50px;
}

.transfer_text_part img {
  max-width: 117px;
  margin: 0px auto 20px;
}

.transfer_text_part h1 {
  color: var(--white-color);
  font-size: var(--font-size-24);
  margin-bottom: 8px;
}

.transfer_text_part p {
  color: #8f929a;
}

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

.Service_Request_box_row {
  background: var(--white-color);
  padding: 20px 16px;
  border-radius: var(--border-radius-16);
  width: 400px;
  margin: auto;
  border: 1px solid var(--border-color-gray);
  margin-bottom: 20px;
}

.Service_Request_box_row {
  margin-top: -60px;
}

.Service_manual.Service_Request_box_row {
  margin-top: -45px;
}

.Service_Request_box_list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.Service_Request_box_right label {
  font-weight: var(--font-weight-400);
}

.Service_Request_box_right p {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-600);
}

.Service_Request_box_list_bottom_left h4 {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-400);
}

.Service_Request_box_list_bottom_left h4 a {
  color: var(--color-drak-blue);
  font-weight: var(--font-weight-600);
}

.Service_Request_box_list_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--border-color-gray);
}

.Service_Request_box_list_bottom_right img {
  max-width: 20px;
}

/*  10-02-2023 css start */

/* Account-Selected page css start */
.mb-30 {
  margin-bottom: 30px;
}

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

.form-check_card {
  min-height: 194px;
}

.form-check_card .inactive_card {
  font-size: var(--font-size-12);
  color: var(--color-content-black);
  background-color: var(--white-color);
  display: inline-block;
  padding: 4px 10px;
  border-radius: 50px;
  font-style: italic;
  border: 1px solid var(--border-color-gray);
  position: absolute;
  right: 15px;
  top: -10px;
}

.Know-more-button {
  padding: 12px 0px 0;
  margin-top: 12px;
  border-top: 1px solid var(--border-color-gray);
}

.Know-more-button a {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-600);
  color: var(--color-drak-blue);
}

.select_radio_card {
  min-height: 172px;
}

.regular_card {
  background-color: var(--color-yellow);
  color: var(--color-light-black);
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--border-radius-16);
  font-size: var(--font-size-12);
  margin: 15px 0px 10px;
  font-weight: var(--font-weight-500);
  vertical-align: middle;
}

.I_agree_checkbox p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: var(--font-size-12);
}

.I_agree_checkbox input {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  margin: 0px;
  accent-color: var(--color-drak-blue);
  margin-right: 10px;
}

.I_agree_checkbox p a {
  font-weight: var(--font-weight-500);
  color: var(--color-drak-blue);
  padding-left: 5px;
}

/* Account-Selected page css End */

/* Preview-Details page css start */
.three_grid ul {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  row-gap: 30px;
}

.three_grid ul li {
  width: auto;
}

.money_row {
  margin-bottom: 20px;
  background-color: #f3f6fd;
  padding: 20px;
  gap: 20px;
  border-radius: var(--border-radius-16);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.money_row h3 {
  font-size: var(--font-size-16);
  color: var(--color-light-black);
  font-weight: var(--font-weight-600);
  margin-bottom: 10px;
}

.money_row p {
  font-weight: var(--font-weight-500);
  color: var(--color-content-black);
}

.money_row p a {
  color: var(--color-drak-blue);
}

.money-Switch > input[type="checkbox"] {
  display: none;
}

.money-Switch > label {
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 40px;
  background: transparent;
}

.money-Switch > label::before {
  background: var(--color-radio-Switch-off);
  /* box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); */
  border-radius: var(--border-radius-16);
  content: "";
  height: 24px;
  margin-top: 0px;
  position: absolute;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  width: 40px;
}

.money-Switch > label::after {
  background: var(--white-color);
  border-radius: var(--border-radius-16);
  /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
  content: "";
  height: 20px;
  left: 2px;
  margin-top: 0;
  position: absolute;
  top: 2px;
  transition: all 0.3s ease-in-out;
  width: 20px;
}

.money-Switch > input[type="checkbox"]:checked + label::before {
  background: var(--color-radio-Switch-on);
  opacity: 1;
}

.money-Switch > input[type="checkbox"]:checked + label::after {
  background: var(--white-color);
  left: 18px;
}

/* Preview-Details page css End */

/*  10-02-2023 css End */

/* LOGIN DATE PICKER CSS START */
.datepicker-dropdown {
  min-width: 350px;
}

.datepicker-dropdown table {
  width: 100%;
}

.datepicker td,
.datepicker th {
  padding: 9px !important;
}

.input-group-text {
  border: transparent;
  background: transparent;
  position: absolute;
}

.input-group {
  width: 100%;
}

#date {
  border-radius: 8px !important;
}

/*  */

.button_text_blue {
  font-size: var(--font-size-14);
  color: var(--color-drak-blue);
}

.modal-backdrop.fade.in {
  opacity: 0;
}

.terms_conditions_part.modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999999999999999;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  height: 100%;
}

.terms_conditions_part .modal-dialog {
  width: 100%;
  margin: 0px auto;
  height: 100%;
  transition: none !important;
}

.terms_conditions_part .modal-content {
  position: relative;
  background-color: var(--white-color);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border: none;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 100%;
  padding: var(--p-40);
  border-radius: 24px;
}

.customer_detail_part {
  position: relative;
}

.modal-open {
  overflow: visible;
  padding-right: 0px !important;
}

.terms_conditions_part .modal-title {
  font-size: var(--font-size-24);
  margin: 0px;
}

.terms_conditions_part .modal-header {
  padding: 0px;
  border-bottom: none;
}

.terms_conditions_part .modal-header .btn-close {
  margin-top: -32px;
  opacity: 1;
}

.terms_conditions_part .modal-body {
  font-size: var(--font-size-12);
  color: var(--color-dec-light-gray);
}

.terms_conditions_part .modal-body ul {
  padding: 0px;
}

.modal-body ul li {
  color: var(--color-dec-light-gray);
  padding-bottom: 15px;
  line-height: 20px !important;
}

.terms_conditions_part .modal-body p {
  padding-bottom: 15px;
  line-height: 20px !important;
  font-size: var(--font-size-12);
}

/* 404 page  css start */
.not_found_section {
  padding: 30px 0;
}

.not_found_section_content p {
  line-height: 20px;
  color: var(--color-light-black);
}

.not_found_section_content h2 {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-600);
}

.not_found_section_content {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
  text-align: center;
}

.outline_button {
  background-color: transparent;
  border: 1px solid var(--color-drak-blue);
  color: var(--color-drak-blue);
  display: flex;
  gap: 10px;
  min-width: 175px;
}

.outline_button:hover {
  background-color: var(--color-drak-blue);
  border: 1px solid var(--color-drak-blue);
  color: var(--white-color);
  display: flex;
  gap: 10px;
  min-width: 175px;
}

.outline_button .hover_show {
  display: none;
}

.outline_button:hover .hide_hover {
  display: none;
}

.outline_button:hover .hover_show {
  display: inline-block;
}

.not_found_section_content img {
  max-width: 100%;
}

.half_w {
  width: 50%;
}

/* 404 page css End */

/* loader css start */
.loader_img {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.loader_img_box {
  background-color: var(--white-color);
  border-radius: 30px;
  padding: 20px;
}

.loader_img_box img {
  max-width: 80px;
  height: 80px;
}

/* loader css End */

/* Custom Css */
.error {
  visibility: hidden;
  color: var(--color-red);
  font-size: 14px;
  font-weight: 400;
}

.success {
  visibility: hidden;
  color: var(--color-green);
  font-size: 14px;
  font-weight: 400;
}

#document_val {
  border-radius: 8px;
  border: 1px solid #ccc;
}

.send_otp_send span a.sendOtp {
  color: var(--color-drak-blue);
  cursor: pointer;
}

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

.select_account_card_details ul li.full_width {
  width: 100%;
}

/* Account-Transfer page css start 17-03-2023  */

.Account_Transfer_title h1 {
  font-size: var(--font-size-22);
}

.Service_Request_box_part_new {
  flex-direction: column;
}

.Service_Request_box_list_row {
  background: var(--white-color);
  border-radius: var(--border-radius-16);
  width: 400px;
  margin: auto;
  border: 1px solid var(--border-color-gray);
  margin-bottom: 20px;
  margin-top: 25px;
}

.Contact_your_Request_box_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

.Contact_your_Request_box_row a {
  color: var(--color-drak-blue);
}

.Contact_your_Request_box_row a,
.Contact_your_Request_box_row a:hover {
  text-decoration: none;
}

.essential_box_list_row {
  background: var(--color-gray);
  padding: 20px;
  border-radius: 0 0 16px 16px;
}

.essential_box_list_text label {
  font-weight: var(--font-weight-500);
  color: var(--color-black);
  line-height: normal;
}

.Service_Request_box_part_new h4 {
  font-weight: var(--font-weight-600);
}

/* Account-Transfer page css end 17-03-2023  */
/* Failure Page */
.transfer_text_part h1#failure_message {
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-400);
  line-height: 34px;
}

.transfer_text_part h1#failure_message a {
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-400);
  line-height: 34px;
  color: var(--white-color);
  text-decoration: none;
  word-break: break-all;
}

.transfer_text_part h1#failure_message a:focus,
.transfer_text_part h1#failure_message a:hover {
  text-decoration: underline;
}

input#id_token {
  border: none;
  width: 65%;
  background: var(--bgColor);
}

span#myTooltip {
  visibility: hidden;
  width: 105px;
  background-color: #555c;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 6px;
  position: absolute;
  bottom: 108%;
  left: 55%;
  opacity: 1;
  transition: opacity 0.3s;
  white-space: nowrap;
  z-index: 1;
}

span#myTooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 40%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Failure Page */

/* Start-- CSS for Account list page 07-04-2023 */

.flex {
  display: flex !important;
}

.flexDirectionCol {
  flex-direction: column;
}

.justifyContentCenter {
  justify-content: center !important;
}

.alignItemCenter {
  align-items: center;
}

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

.justifyContentSpaceEven {
  justify-content: space-evenly !important;
}

.fontFamily {
  font-family: "Inter", sans-serif;
}

.fontSizeStopperNumber {
  font-size: 1rem;
}

.fontSizeParagraph {
  font-size: 1.175rem;
}

.fontSizeStopper {
  font-size: 1.3rem;
}

.fontSizeCustomerData {
  font-size: 1.412rem;
}

.fontSizwAccountNumber {
  font-size: 1.55rem;
}

.fontSizeHeader {
  font-size: 1.8rem;
}

.fontSizeTwoRem {
  font-size: 2.3rem;
}

.fontWeightBold {
  font-weight: 600;
}

.fontWeightNormal {
  font-weight: 400;
}

.textAlignCenter {
  text-align: center;
}

.textDecorationNone {
  text-decoration: none !important;
}

.pointerFinger {
  cursor: pointer;
}

.paraColor {
  color: #4b5563;
}

.headColor {
  color: #111827;
}

.paddingPara {
  padding: 1rem 0;
}

.paddingCustomerData {
  padding: 1rem 0 4rem 0;
}

.gapAccNoAndAadher {
  gap: 10px;
}

.lineHeightPara {
  line-height: 1.5rem;
}

.widthUnset {
  width: unset !important;
}

.width100Per {
  width: 100% !important;
}

.notifiactionModal {
  width: 100%;
  height: 100%;
}

.bgWhite {
  display: flex;
  justify-content: center;
  background: var(--bgColor);
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  border-radius: 16px;
}

.closeButton {
  width: 100%;
  background: none;
  border: none;
  display: flex;
  justify-content: flex-end;
}

.flexJustiyContentCenter {
  justify-content: center;
}

.flexAlignItemCenter {
  align-items: center;
}

.successBox {
  height: 60px;
  width: 25rem;
  position: absolute;
  top: 2.1rem;
  left: 40%;
  background-color: #ebf9ef;
  border-radius: 8px;
  color: #00875f;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.transferSection {
  background-color: #fff;
  width: 100%;
  padding: 20px 0;
  border-radius: 15px;
}

.transferSection {
  background-color: #fff;
  width: 100%;
  padding: 20px 0;
  border-radius: 15px;
}

.tabSection {
  width: 60%;
  /* margin: 10px; */
  background-color: #f3f6fd;
  padding: 10px;
  border-radius: 30px;
}

.tabsContent {
  display: flex !important;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
}

.tab {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  border: 1.5px solid #1c3fca;
  box-shadow: 0px 0px 0px 2px rgba(28, 63, 202, 0.14);
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}

.inactiveTab {
  border: 1.5px solid #d2d5db !important;
  box-shadow: unset;
}

.activeTabColor {
  color: #1c3fca;
}

.progressBar {
  width: 5.5vw;
  height: 2px;
  background-image: linear-gradient(to right, #1c3fca, #fff);
}

.progressBarFade {
  background-image: linear-gradient(to right, #d3d6dc, #fff) !important;
}

.customerDataAcc {
  width: 80%;
}

.mulCusAadherDbt {
  width: 100%;
}

.mulCusAadher {
  width: 45%;
}

.dbt_account {
  width: 35%;
}

.as_user_info {
  width: 80%;
  padding: 18px 0px;
  justify-content: space-between;
}

.as_user_info_multiple {
  display: flex;
  margin: 10px;
  /* text-align: center; */
  justify-content: center;
  width: 95%;
  justify-content: space-evenly;
  padding-left: 38px;
}

.horizontal_line {
  border-bottom: 4px solid #f3f6fd;
}

.select_account_head {
  padding-bottom: 5px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */

  letter-spacing: -0.01em;
  font-feature-settings: "ss01" on;

  /* Light/Neutral/900(Text) */

  color: #111827;
}

.align-center-vertically {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.pl-2rem {
  padding-left: 2rem !important;
}
.w-30 {
  width: 30% !important;
}
.account-dropdown {
  padding: unset;
  border: 1px solid #d2d5db;
  width: 30%;
  border-radius: 8px;
}
.w-45 {
  width: 45% !important;
}
.w-4 {
  width: 4% !important;
}
.w-81-5 {
  width: 81.5% !important;
}
.bg-indigo {
  background-color: #1c3fca !important;
}
.height-unset {
  height: unset !important;
}
.ml-15 {
  margin-left: 15px;
}
.mr-15 {
  margin-right: 15px;
}
.wrap-text {
  word-break: break-all;
}
.overflow-scroll-y {
  overflow-y: scroll;
}
.h-70 {
  height: 70%;
}
.languageSection {
  padding: unset;
  border: 1px solid #d2d5db;
  width: 50%;
  border-radius: 8px;
}

.legendTag {
  display: unset;
  width: unset;
  top: -0.7rem;
  background-color: white;
  position: absolute;
  padding: 2px 2px;
  margin-bottom: unset;
  line-height: unset;
  color: unset;
  border: unset;
  border-bottom: unset;
  margin: 0 0 0 10px;
}

.service-legend-tag {
  display: unset;
  width: unset;
  top: -0.9rem;
  background-color: white;
  position: absolute;
  padding: 2px 2px;
  margin-bottom: unset;
  line-height: unset;
  color: unset;
  border: unset;
  border-bottom: unset;
  background-color: #d0ddfc;
  margin: 0 0 0 20px;
  border-radius: 8px;
  padding: 4px;
}

.languageSelection {
  width: 100%;
  border: none;
  padding-bottom: 5px;
  padding-left: 1.1rem;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../icon_down_arrow.png") no-repeat;
  background-position: calc(100% - 15px) 5px;
  height: 35px;
  margin-top: 0.5rem;
}

input:focus,
text-area:focus,
select:focus {
  outline: none;
}

.singleAccContainer {
  width: 50%;
}

.singleAccSection {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 15px 4rem 15px 2rem;
}

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

.form-checkButton {
  height: 1.8rem;
  width: 1.8rem;
  accent-color: var(--blueHdfcColor);
  margin: unset !important;
}

.gapYesNoSection {
  gap: 4px;
  margin-right: 6px;
}

.banksDropDown {
  width: 100% !important;
}

.form-check label {
  margin-bottom: 20px !important;
}

.confirmBox {
  width: 50%;
}

.confirmBoxText {
  line-height: 24px;
  display: flex;
  align-items: center;
  font-feature-settings: "ss01" on;
  color: #111827;
  padding: 3rem 0 1rem 0;
}

.yesNoSection {
  padding: 0 0 1rem 0;
}

.issue_number {
  border: 1px solid;
  background: #f3f6fd;
  border-radius: 16px;
  border: none;
  padding: 15px;
  margin: 20px 0 10px 0;
}

.buttonSection {
  gap: 1vw;
  padding: 1rem 0;
  width: 100%;
}

.cotinueButton {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 52px;
  color: var(--buttonTextColor);
  background-color: var(--blueHdfcColor);
  font-weight: 600;
  border: none;
  border-radius: 13px;
  padding: 14px 20px;
}

.agrreBtnWidth {
  width: 50%;
}

.buttonIcon {
  width: 0.7rem;
}

#agreeButton:disabled,
#agreeButton[disabled] {
  background-color: var(--disabledButtonBg);
  cursor: no-drop;
}

.mainSection {
  margin-left: 20px;
  margin-right: 20px;
}

.back-card {
  background: #ffffff;
  border-radius: 24px;
}

.relativePosition {
  position: relative;
}

.ac_select_card {
  height: 470px;
  width: 90%;
  background-color: #fff;
  border-radius: 24px;
  margin-bottom: auto;
}

.plr-15 {
  padding: 0 15px;
}

.infoText {
  padding: 7px 0;
}

.accountTransferHead {
  padding-top: 6rem;
}

input:focus,
text-area:focus,
select:focus {
  outline: none;
}

.accounts {
  border: 1.5px solid #d2d5db;
  width: 100%;
  border-radius: 10px;
  padding: 5%;
  margin: 0 2.5% 0 7.5%;
  min-width: unset;
}

.mt-25 {
  margin: 25px 0px;
}

.branchCodeSection {
  padding-right: 9vw !important;
}

.cursor-pointer {
  cursor: pointer;
}

.reasonLabel {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  padding: 0px 0 7px 20px;
  font-size: 14px;
}

.fontSizeParagraph:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.fontSizeParagraph:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

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

/* css forloader */
.loader-container {
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
}

.loader-container {
  z-index: 3;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

/*End-- CSS for Account list page  07-04-2023 */

/* Start-- CSS for Consent page on 13-04-23 */

.mainSection {
  width: 97%;
}

.flexAlignItemBaseline {
  align-items: baseline;
}

.fontFamily {
  font-family: var(--fontFamily);
}

.f0 {
  font-size: 0.9rem !important;
}

.f1 {
  font-size: var(--fontSizeXS) !important;
}

.f2 {
  font-size: var(--fontSizeS) !important;
}

.f3 {
  font-size: var(--fontSizeM) !important;
}

.f4 {
  font-size: var(--fontSizeL) !important;
}

.f5 {
  font-size: var(--fontSizeXL) !important;
}

.textAlignLeft {
  text-align: left;
}

.pointerBlock {
  cursor: no-drop;
}

.textColorError {
  color: var(--errorColor);
}

.backuttonIcon {
  width: 1.5rem;
}

.backButton {
  color: var(--blueHdfcColor);
}

.backButtonSection {
  justify-content: flex-start;
  align-items: center;
  gap: 1vw;
}

.heightErBtn {
  height: 44px !important;
}

.cancelBtnError {
  font-weight: 700;
}

.termsAndConditionSection {
  background-color: var(--bgColor);
  width: 100%;
  padding: 20px 0;
  border-radius: 15px;
}

.completeTab {
  background-color: var(--blueHdfcColor);
  box-shadow: unset;
}

.tabTestColor {
  color: var(--blueHdfcColor);
}

.paddingText {
  padding: 1.5rem 0;
}

.paddingAcceptText {
  padding: 1.9rem 0 0 2rem;
}

.textJustify {
  text-align: justify;
}

.termsPadding {
  padding: 8px 0;
}

.termsGap {
  gap: 0.5rem;
  padding-bottom: 2rem;
}

.conditionGapandPadding {
  gap: 1.5rem;
  padding: 1rem 0;
}

.conditionSection {
  padding: 2rem 3.5rem;
}

.checkBoxSection {
  width: 100%;
  box-shadow: inset 0px 1px 0px var(--checkBoxSectionBoxShadow);
  border-radius: 12px;
  padding: 1.5rem;
}

.form-checkContainer {
  width: 94%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.conditionCheckbox {
  height: 20px;
  width: 2.5vw;
}

.containerCheckBox {
  position: relative;
  cursor: pointer;
}

.paddingCheckBox {
  padding-right: 16px;
}

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

.checkMarkConsent {
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: var(--bgColor);
  border-radius: 6px;
  border: 1px solid var(--inActiveTabBorder);
}

.topChecbox1 {
  top: 1px;
}

.topChecbox2 {
  top: -8px;
}

.topChecbox3 {
  top: -10px;
}

.containerCheckBox:hover input ~ .checkMarkConsent {
  background-color: var(--bgColor);
}

.containerCheckBox input:checked ~ .checkMarkConsent {
  background-color: var(--blueHdfcColor);
}

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

.containerCheckBox input:checked ~ .checkMarkConsent:after {
  display: block;
}

.containerCheckBox .checkMarkConsent:after {
  left: 7px;
  top: 2px;
  width: 4px;
  height: 10px;
  border: 1px solid var(--bgColor);
  border-width: 0 1.5px 1.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #1c3fca;
}

.acnchorTag {
  text-decoration: none !important;
  color: var(--blueHdfcColor) !important;
  cursor: pointer;
}

/* End-- CSS for Consent page on 13-04-23 */

/* start-- CSS for Preview page on 15-04-23 */

.back-btn-main {
  margin: 1% 1%;
  width: 50%;
  height: 24px;
}

.back-btn-main a {
  text-decoration: none !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #1c3fca;
}

.journey-body-main-card {
  margin: 20px 10px;
  background: #fff;
  border-radius: 24px;
}

.preview-main-card {
  padding: 24px 24px;
}

.preview-head {
  margin-bottom: 30px;
  text-align: center;
}

.preview-head h4 {
  font-family: inter;
  font-size: 24px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1%;
}

.preview-head p {
  font-family: inter;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  line-height: 20px;
}

.preview-user-detail {
  padding: 0px 20px;
}

.preview-float-right {
  float: right;
}

.preview-user-detail h4 {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #4b5563;
}

.preview-user-detail p {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #1f2431;
}

.preview-account-divider {
  position: inherit;
  height: 4px;
  width: 100%;
  background: #f3f6fd;
}

.account-main-card {
  padding: 0px 24px;
}

.account-head {
  text-align: center;
  margin: 30px 0px;
}

.account-head h4 {
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-weight: 600;
  color: #111827;
  display: inline-block;
}

.account-edit-link {
  display: inline-block;
  float: right;
}

.account-edit-link a {
  text-decoration: none !important;
  padding-right: 25px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #1c3fca;
}

.account-head p {
  font-family: inter;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  line-height: 20px;
}

.account-user-main-body {
  display: flex;
  justify-content: space-evenly;
  box-sizing: border-box;
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 20px 10px;
  margin: 10px 25px;
}

.account-user-detail {
  position: inherit;
}

.account-user-detail h4 {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  color: #4b5563;
}

.account-user-detail p {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #1f2431;
}

.account-user-detail a[button] {
  float: right !important;
}

.terms-content {
  display: flex;
  width: 100%;
  padding: 20px 35px;
}

.terms-content p {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #4b5563;
}

.preview-continue-btn {
  margin: 13px 0px;
  border-radius: 8px;
  text-align: center;
}

.preview-continue-btn button {
  color: #f5f6fb;
  font-family: inter;
  font-weight: 600;
  background: #1c3fca;
  padding: 14px 20px;
  border-radius: 13px;
  width: 400px;
  height: 52px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  margin-bottom: 20px;
}

.preview-continue-btn button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* End-- CSS for Preview page on 15-04-23 */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* End-- CSS for Consent page on 13-04-23 */

/* Start Name Addition Account List on 03-05-23 */
.NA-acc-list-journey-body-main-card {
  margin: 31px 10%;
  background: #fff;
  border-radius: 24px;
}

.preview-user-main-body {
  display: flex;
  justify-content: center;
}

.account-user-dropdown {
  position: relative;
}

.account-dropdown-text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  position: absolute;
  font-size: 12px;
  line-height: 20px;
  background: #ffffff;
  left: 27%;
  padding: 0px 6px;
  top: -10px;
  border-radius: 10px;
}

.account-user-dropdown-select {
  appearance: none;
  display: block;
  box-sizing: border-box;
  border: 1px solid #d2d5db;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 10px 10px;
  margin: auto;
  width: 50%;
  overflow: auto;
  background-image: url("image/Vector.png");
  background-position-x: 97%;
  background-position-y: 50%;
  background-repeat: no-repeat;
}

.option-default {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #bbbbbb;
  border: 1px solid #d2d5db;
}

.option {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #111827;
  border: 1px solid #d2d5db;
}

.NA-acc-list-preview-continue-btn {
  padding: 30px 0px 22px 0px;
  width: 100%;
}

.dynamicSelection {
  background-position: calc(100% - 15px) 0px !important;
}

.NA-acc-list-accDropDown {
  height: 40px;
  background-position: calc(100% - 17px) 7px !important;
}

/* End Name Addition Account List on 03-05-23 */

/* Start Name Addition Add member on 03-05-23 */

.nomineeWarning {
  position: absolute;
  width: 25%;
  top: 2rem;
  left: 40%;
  background-color: #fef8e6;
  border-radius: 8px;
  padding: 12px 0;
  animation: fadeInAnimation ease 20s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.nomineeWarningText {
  color: #f99f35;
  width: 60%;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.NA-add-mem-mainSection {
  width: 90%;
}

.NA-add-mem-tabSection {
  width: 70% !important;
  background-color: var(--colorBody);
  padding: 10px !important;
  border-radius: 30px !important;
}

.NA-add-mem-progressBar {
  width: 2.5vw !important;
  height: 2px !important;
  background-image: linear-gradient(to right, var(--blueHdfcColor), var(--bgColor));
}

.customerData {
  display: flex !important;
  justify-content: center;
  gap: 6vw;
  width: 86%;
  padding: 2rem 0 3rem 0;
}

.memQuery {
  padding-top: 2rem;
}

.yesNoSection {
  padding: 1.5rem 0 1.5rem 0;
}

.NA-add-mem-gapYesNoSection {
  gap: 6px;
  padding: 10px;
}

.existingUserName {
  padding: 20px 0;
}

.submitFormData {
  width: 100%;
}

.NA-add-mem-radioButton {
  height: 1.8rem !important;
  width: 1.8rem !important;
  accent-color: var(--blueHdfcColor) !important;
  margin: unset !important;
}

.datePickerShow::-webkit-inner-spin-button,
.datePickerShow::-webkit-calendar-picker-indicator {
  display: block !important;
  -webkit-appearance: unset !important;
  visibility: visible !important;
}

/* End Name Addition Add member on 03-05-23 */

/* Start Name Addition Select Mode on 04-05-23 */

.select_card_disbaled {
  background: #f3f6fd;
}

.list_card {
  padding-top: 20px;
  border: 0px solid #d2d5db;
  border-radius: 11px;
  position: relative;
  min-height: 80px;
  width: 100%;
  margin-top: 30px;
  padding: 10px;
  background-color: #ffffff;
}

input[type="radio"] {
  border: 0px;
  height: 2em;
  accent-color: #1c3fca;
  width: 1.4rem;
}

.NA-sel-mode-Customer_detail {
  padding-bottom: 20px;
}

input[name="disabledradio"] {
  pointer-events: none;
}

.NA-sel-mode-card_hadding_part {
  width: 89%;
}

.background_color_selected {
  background-color: #f3f6fd;
}

.Know-more {
  float: right;
  width: 94.5%;
}

.Know-less {
  float: right;
  width: 94.5%;
}

.Customer_detail {
  padding-bottom: 20px;
}

.select_mode_card {
  border: 1px solid #d2d5db;
  border-radius: var(--border-radius-12);
  position: relative;
  min-height: 85px;
}

.Customer_detail ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  list-style: none;
  text-align: left;
  gap: 80px;
  margin-top: 20px;
}

.NA-sel-mode-card_row {
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
}

.form-checkBtnDSel {
  width: 2.5rem;
}

/* End Name Addition Select Mode on 04-05-23 */

/* Start Name Addition Get Nominee on 04-05-23 */

.tab-Card {
  padding-top: 10px;
}

.tab_text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 1.3rem;
  color: #111827;
  white-space: nowrap;
}

.progressBarFade-Blue {
  background-image: linear-gradient(to right, #1c3fca 50%, rgba(255, 255, 255, 0) 100%) !important;
}

#tab2 {
  border: 1.5px solid #1c3fca;
}

.text_gray {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #374151;
}

.text_blue {
  color: #1c3fca;
  font-weight: 400;
}

.validation-statement {
  width: 100%;
  height: 100%;
  background: #f4f0ff;
  border-radius: 10px;
  padding: 10px;
}

.validation-statement p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  font-feature-settings: "ss01" on;
  color: #111827;
}

.validation-statement img {
  height: 50%;
}

.preview-nominee-card {
  padding: 4% 2%;
}

.nominee-label {
  background: #f4f0ff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding: 2%;
}

.nominee-label-values {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #111827;
}

.nominee-label-values h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #111827;
  display: inline;
}

.nominee-label-values a {
  text-decoration: none !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 24px;
  color: #1c3fca;
  display: inline;
  padding: 2%;
}

.preview-details {
  border: 1px solid #d2d5db;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: #ffffff;
  border-top: none;
  padding: 2%;
}

.preview-details-text {
  margin-bottom: 20px;
  flex-direction: column;
  gap: 1rem;
}

.preview-details-text h6 {
  height: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  color: #6b7280;
}

.preview-details-text p {
  height: auto;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  color: #111827;
}

.consent-details {
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #374151;
}

.consent-details input[type="checkbox"] {
  height: 22px;
  width: 2%;
  margin: 0px 10px 0px 0px;
  background: #ddd;
  border-radius: 4.5px;
  border: 2px solid #ffffff;
  accent-color: #1c3fca;
}

#edit_button {
  background: #ffffff !important;
  color: #1c3fca;
  border: 2px solid #1c3fca;
}

.buttonIcon {
  width: 0.7rem;
}

.preview-continue-btn button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* End Name Addition Get Nominee on 04-05-23 */

/* Start Name Addition Add Nominee on 04-05-23 */

.flexJustiyContentSpaceEve {
  justify-content: space-evenly;
}

.fontWeightSemiBold {
  font-weight: var(--fontWeigthSemiBold);
}

.textNoWrap {
  white-space: nowrap;
}

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

.accDtlsHead {
  padding-top: 2rem;
}

.addMemHead {
  padding-top: 3rem;
}

.noteMem {
  width: 90%;
  border: none;
  border-radius: 8px;
  background-color: #f4f0ff;
  padding: 5px 0;
}

.noteMemNo {
  width: 60%;
}

.noteText {
  width: 80%;
}

.centerLine {
  width: 100%;
  height: 4px;
  background-color: #f3f6fd;
}

.addressMapCheck {
  align-items: center;
  justify-content: flex-start;
  margin: 1rem 0;
}

.requirmentPointsSec {
  margin-left: 6rem;
}

.requirmentPoints {
  gap: 5px;
}

.blackDot {
  height: 4px;
  width: 4px;
  background-color: #000;
  border-radius: 50%;
  margin-top: 2px;
}

.dataFieldSection:disabled,
.dataFieldSection[disabled], .appt-dataFieldSection:disabled,
.appt-dataFieldSection[disabled] {
  background-color: #f7f7f7;
  color: #9ca3af;
  cursor: no-drop;
}

.dataFields :disabled,
.dataFields[disabled] {
  background-color: #f7f7f7;
  color: #9ca3af;
  cursor: no-drop;
}

.inputNewMem:disabled,
.inputNewMem[disabled] {
  background-color: #f7f7f7;
  color: #9ca3af;
  cursor: no-drop;
}

.placeHolderStyle::placeholder {
  color: #6b7280;
  letter-spacing: normal;
  font-size: 1rem;
  text-transform: capitalize !important;
}

.placeHolderStyle:disabled::-webkit-input-placeholder {
  color: #9ca3af;
}

.dataFieldSection {
  padding: 2px 5px 7px 5px;
  border: 1px solid var(--inActiveTabBorder);
  width: 90%;
  border-radius: 8px;
}

.appt-dataFieldSection {
  padding: 8px 5px 7px 5px;
  border: 1px solid var(--inActiveTabBorder);
  width: 90%;
  border-radius: 8px;
}

.dataFields {
  width: 100%;
  border: none;
  padding-bottom: 5px;
  padding-top: 0.8rem;
  padding-left: 1.1rem;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../icon_down_arrow.png") no-repeat;
  background-position: calc(100% - 12px) 12px;
}

.appt-dataFields {
  width: 100%;
  border: none;
  padding: 7px 0 5px 10px;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../icon_down_arrow.png") no-repeat;
  background-position: calc(100% - 8px) 8px;
}

.pairFieldContainer {
  padding-top: 1rem;
}

.inputNewMem {
  border: none !important;
  width: 100%;
  margin-left: 5px !important;
  letter-spacing: unset;
}

.letterSpaceingPan {
  letter-spacing: 3px !important;
}

.upperCase {
  text-transform: uppercase;
}

.errBorder {
  border: 1.5px solid var(--errorFieldColor) !important;
}

.errLegendText {
  color: var(--errorFieldColor) !important;
}

.errorText {
  color: var(--errorFieldColor) !important;
  padding: 0.5rem 0 0 1.5rem;
}

.succesBorder {
  border: 1.5px solid var(--successFieldColor) !important;
}

.successLegendText {
  color: var(--successFieldColor) !important;
}

.inputNewMem::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.datePicker {
  background: url(../icon_calendar.svg) no-repeat;
  background-position: calc(100% - 10px) 16px;
  cursor: pointer;
  appearance: none;
}

.appt-datePicker {
  background: url(../icon_calendar.svg) no-repeat;
  background-position: calc(100% - 10px) 6px;
  cursor: pointer;
  appearance: none;
  padding: 8px 0 5px 0;
}

.memRequirmentSec {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 10px;
}

.requirments {
  gap: 1rem;
  margin-top: 3px;
}

.requirmentDivider {
  height: 1px;
  width: 100%;
  background-color: #d2d5db;
  margin-top: 8px;
}

.NA-add-mem-checkboxContainer {
  width: unset !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
}

.accountCheckbox {
  height: 20px !important;
  width: 18px !important;
  opacity: 1 !important;
  accent-color: #1c3fca;
}

.NA-add-mem-containerCheckBox {
  position: relative;
  display: block;
  margin-bottom: 26px;
  cursor: pointer;
  font-size: 25px;
  padding: 0 25px 0 22px;
}

#continueButton:disabled,
#continueButton[disabled] {
  background-color: var(--disabledButtonBg);
  cursor: no-drop;
}

/* End Name Addition Add Nominee on 04-05-23 */

/* Start Name Addition Get Nominee on 08-05-23 */
.NA-get-nom-nominee-label-values {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #111827;
}

.NA-get-nom-nominee-label-values h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #111827;
  display: inline;
}

.NA-get-nom-nominee-label-values a {
  text-decoration: none !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 24px;
  color: #1c3fca;
  display: inline;
  padding: 2%;
}

.buttonArea {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.checkNewMemConsent {
  width: 3% !important;
}

.removeNomineeModal {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

/* End Name Addition Get Nominee on 08-05-23 */

/* Start Name Addition Nominee Preview on 08-05-23 */

.pre_detail_heading {
  text-align: center;
  margin: 25px auto;
}

.pre_detail_heading h3 {
  font-weight: var(--fontWeigthBold);
  font-size: 24px;
  line-height: 32px;
  color: var(--headingColor);
}

.pre_detail_heading p {
  font-weight: var(--fontWeightNormal);
  font-size: 14px;
  line-height: 20px;
  color: var(--praColor);
}

.wrapper {
  width: 70%;
}

.preview-main-bg {
  background: var(--bgColor);
  padding: 15px 23px 23px 23px;
  border-radius: 24px;
}

.card-header {
  padding: 0px;
  border: 0px;
}

.card-title > div,
.card-title > div:active {
  display: block;
  padding: 15px;
  color: var(--headingColor);
  font-size: 20px;
  font-weight: var(--fontWeigthBold);
  text-decoration: none;
  font-family: var(--fontFamily);
}

.panel-bg {
  background: var(--pinkColorPanel);
  padding: 5px 6px;
  border-radius: 16px 16px 0 0;
}

.panel-border {
  border: 1px solid var(--inActiveTabBorder);
  border-radius: 16px;
}

.expanded-icon {
  float: right;
  cursor: pointer;
}

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

.preview-label h4 {
  font-weight: var(--fontWeightNormal);
  font-size: 14px;
  line-height: 20px;
  color: var(--labelColor);
  font-family: var(--fontFamily);
}

.preview-label span {
  font-weight: var(--fontWeigthBold);
  font-size: 16px;
  line-height: 28px;
  color: var(--headingColor);
  font-family: var(--fontFamily);
}

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

.dropdown-bg {
  background: var(--bgColor);
  border-radius: 0 0 16px 16px;
}

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

.edit-txt {
  font-weight: var(--fontWeigthBold);
  font-size: 16px;
  line-height: 24px;
  text-decoration: none !important;
  color: var(--blueHdfcColor);
  cursor: pointer;
}

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

.preview-bottom p {
  font-weight: var(--fontWeightNormal);
  font-size: 12px;
  line-height: 18px;
  color: var(--praColor);
}

.preview-bottom p a {
  text-decoration: none;
  color: var(--blueHdfcColor);
  font-weight: var(--fontWeigthBold);
}

.preview-bottom button {
  background: var(--blueHdfcColor);
  border-radius: 13px;
  color: var(--bgColor);
  border: none;
  padding: 10px 20px;
  width: 42%;
  margin-top: 15px;
}

/* End Name Addition Nominee Preview on 08-05-23 */
/* Name Addition Landing Page Start */
.Important_Things_text_part {
  padding: 25px 15px;
}

.d-block {
  display: block;
}

.Important_Things_text_part h4 {
  font-weight: var(--font-weight-600);
  text-align: left;
  font-size: var(--font-size-18);
}

.Important_Things_text_part ul {
  padding-left: 15px;
  text-align: left;
}

.Important_Things_text_part ul li {
  padding-top: var(--pt-20);
}

/* Name Addition Landing Page End */

/* Occupation Detail Page Start */
.accountCollection .select_account_part {
  position: relative;
  margin-bottom: 30px;
}

.accountCollection .select_account_part label {
  position: absolute;
  top: -8px;
  max-width: 90%;
  white-space: nowrap;
  left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 4px;
  pointer-events: none;
  transform-origin: 0 0;
  transition: all 0.2s ease-out;
  margin-bottom: 0;
  background-color: var(--white-color);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-600);
  border-radius: var(--border-radius-8);
}

.accountCollection .select_account_part .form-control {
  height: 48px;
  border-radius: var(--border-radius-8);
  padding-right: 30px;
  background-position: 98% center;
  background-repeat: no-repeat;
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-500);
  color: var(--color-light-black);
}

.accountCollection .select_account_part .form-control {
  border-color: #d2d5db;
}

.date_range .form-outline .form-control {
  background: unset;
  border-color: #d2d5db;
}

.date_range .form-outline .form-control:disabled {
  background: #eeeeee;
}

.date_range .form-outline .form-control ~ .form-label {
  border-radius: unset;
  padding: 2px 4px;
  top: 12px;
}

/** Occupation details page end */

/* Start Name Addition ETB Landing Page */

.NA-ETB-landingPagePadding {
  padding: 30px;
}

/* End Name Addition ETB Landing Page */

/* Start Name Addition ETB Confirm Details */

.gap {
  gap: 10px;
}

.fontWeightMedium {
  font-weight: 500;
}

.lineHeightHead {
  line-height: 2.8rem;
}

.NA-ETB-fontSizeHeader {
  font-size: 2.4rem;
}

.paramargin {
  margin: 1rem 0;
}

.width70per {
  width: 55%;
}

.paragraphColor {
  color: var(--paragraphColor);
}

.bottomPadding {
  padding-bottom: 1.3rem;
}

.NA-ETB-successBox {
  height: 36px;
  width: 23rem;
  position: absolute;
  top: 3.1rem;
  left: 50%;
  background-color: #ebf9ef;
  border-radius: 8px;
  color: #00875f;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  transform: translateX(-50%);
  z-index: 99;
  animation: fadeInAnimation ease 20s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.declineButton {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 52px;
  color: #1c3fca;
  font-weight: 700;
  border: 1px solid #1c3fca;
  border-radius: 13px;
  padding: 14px 20px;
  background: #ffffff;
}

.NA-ETB-panel-bg {
  background: var(--pinkColorPanel);
  padding: 15px 4px;
  border-radius: 16px;
  margin: 0px !important;
}

.NA-ETB-expanded-icon {
  margin: 10px 8px;
  cursor: pointer;
  float: right;
}

.preview-bottom-button {
  background: var(--blueHdfcColor);
  border-radius: 13px;
  color: var(--bgColor);
  border: none;
  padding: 10px 20px;
  width: 42%;
  margin-top: 15px;
}

.modalContent {
  background-color: #fefefe;
  margin: auto;
  padding: 25px 40px;
  border: 1px solid #888;
  width: 80%;
  border-radius: 24px;
}

.NA-ETB-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.NA-ETB-close:hover,
.NA-ETB-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.formBtnSce {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 10px;
  padding: 0 1.5rem;
}

.NA-ETB-marginTop {
  margin-top: var(--p-10);
}

.NA-ETB-padding {
  padding: var(--p-10);
}

.NA-ETB-buttonIcon {
  width: 2rem;
}

.NA-ETB-modal {
  background-color: rgba(0, 0, 0, 0.4);
}

.confirm_padd {
  background-color: #fff;
}

.NA-ETB-paddingFive {
  padding: 5px !important;
}

/* End Name Addition ETB Confirm Details */

/* Start Name Addition ETB Select Identity */

.NA-ETB-banner_box_section {
  margin-top: 50px !important;
}

.CommonTextStyle {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
}

.FontFamilyAndStyle {
  font-family: "Inter";
  font-style: normal;
}

.positionRelative {
  position: relative;
}

.positionAbsolute {
  position: absolute;
}

.SelectConsentText {
  white-space: nowrap;
}

.box_shadow {
  box-shadow: 0px 0px 0px 2px rgba(28, 63, 202, 0.14);
}

.Header_Border {
  border: 1.5px solid #1c3fca !important;
}

.tabActive {
  border: 1.5px solid #1c3fca !important;
  color: #1c3fca;
}

.NA-ETB-progressBarFade {
  width: 3.5vw !important;
  height: 2px;
  background-image: linear-gradient(to right, #d3d6dc, #fff);
}

.VerifyItsYouText {
  font-weight: 600;
  font-size: 1.75rem;
  text-align: center;
  color: #111827;
  padding-top: 3rem;
  padding-bottom: 1rem;
}

.verifyOptionText {
  text-align: center;
  color: #374151;
  padding-bottom: 2rem;
}

.BtnDiv {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.ContinueBtn {
  width: 40%;
  padding: 1.1vw 1.3vw;
  background: #a7b9ff;
  border-radius: 1vw;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  color: #f5f6fb;
  border: none;
  cursor: pointer !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 43px;
}

.DontStoreInfoDiv {
  width: 40%;
  background: #f4f0ff;
  border-radius: 10px;
  padding: 1rem;
  margin: 2rem 0;
}

.diamondCheckIcon {
  width: 1rem;
}

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

.VerifyOtionsDiv {
  width: 90%;
}

.RadioIcon {
  width: 1.5rem;
  height: 1.5rem;
  border: 1.5px solid #d2d5db;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 1.5rem;
}

.InnerCircle {
  background: blue;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: none;
}

.OptionsHeading {
  color: #111827;
  font-weight: 600;
  font-size: 1.5rem;
}

.optionsDesc {
  color: #4b5563;
  padding-top: 0.5rem;
}

.DebitCardDiv,
.NetBankingDiv {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 1.5rem;
  align-items: flex-start;
  cursor: pointer;
  width: 49%;
}

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

.VerifyType {
  padding-left: 1rem;
  padding-right: 2rem;
}

.NA-ETB-legendTag {
  display: unset;
  width: unset;
  padding: 4px 4px !important;
  margin-bottom: unset;
  line-height: unset;
  color: unset;
  border: unset;
  border-bottom: unset;
  margin: 0 0 0 5px;
  border-radius: 12px;
  background-color: #d0ddfc;
}

/* End Name Addition ETB Select Identity */

/* Start Name Addition ETB Aadhar eKyc */

.NA-ETB-mainSection {
  width: 90%;
}

.textWraping {
  white-space: nowrap;
}

.service-tab-sec {
  width: 65%;
  background-color: var(--colorBody);
  padding: 10px;
  border-radius: 30px;
}

.service-sec-progress {
  width: 3.5vw !important;
  height: 2px;
  background-image: linear-gradient(to right, var(--blueHdfcColor), var(--bgColor));
}

.NA-ETB-Ekyc-legendTag {
  display: unset;
  width: unset;
  padding: 2px 2px;
  margin-bottom: unset;
  line-height: unset;
  color: unset;
  border: unset;
  border-bottom: unset;
  margin: 0 0 0 10px;
}

.NA-ETB-checkBoxSection {
  width: 100%;
  box-shadow: none !important;
  border-radius: 12px;
  padding: 1.5rem;
}

.topChecbox1 {
  top: 1px;
}

.topChecbox2 {
  top: -8px;
}

.topChecbox3 {
  top: -10px;
}

/* End Name Addition ETB Aadhar eKyc */

/* Start Name Addition ETB Fatca Birth Details */

.fatkainput {
  width: 100%;
  border: none;
}

.birthplace {
  padding: 10px;
}

.addresscheckbox {
  accent-color: var(--blueHdfcColor);
  width: 18px;
  height: 18px;
}

.fatkaHeading {
  margin-top: 40px;
}

.indiancheck {
  border: 1px solid #f3f6fd;
  width: 90%;
  margin-top: 20px;
  border-radius: 16px;
  background-color: #f3f6fd;
  padding: 20px;
}

.addresscheck {
  border: 1px solid #d2d5db;
  width: 90%;
  margin-top: 20px;
  border-radius: 16px;
  background-color: #ffffff;
  padding: 20px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.NA-ETB-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.NA-ETB-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .NA-ETB-slider {
  background-color: var(--color-radio-Switch-on);
}

input:focus + .NA-ETB-slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .NA-ETB-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.NA-ETB-slider.round {
  border-radius: 34px;
}

.NA-ETB-slider.round:before {
  border-radius: 50%;
}

.headingFatchCard {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.desFatchCard {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.card_row1 {
  position: relative;
}

.card_row1 .card-input1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 99;
}

#submitButton:disabled,
#submitButton[disabled] {
  background-color: var(--disabledButtonBg);
  cursor: no-drop;
  color: #fff;
}

/* End Name Addition ETB Fatca Birth Details */

/* Start Name Addition ETB Fatca Next (Occupation Field) Details */

.paddingFive {
  padding: 5px !important;
}

.dataMarriedSection {
  padding: 2px 5px 7px 5px;
  border: 1px solid var(--inActiveTabBorder);
  width: 50%;
  border-radius: 8px;
  margin: auto;
}

.hr {
  border: 2px solid #f3f6fd;
}

.confirm_detail_bg {
  background: var(--bgColor);
  border-radius: 24px;
}

.confirm_detail_heading {
  text-align: center;
  margin: 25px auto;
}

.confirm_detail_heading h3 {
  font-weight: var(--fontWeigthBold);
  font-size: 24px;
  line-height: 32px;
  color: var(--headingColor);
}

.marital_status {
  text-align: center;
}

.marital_status h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #111827;
}

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

.NA-ETB-radio {
  display: none;
}

.NA-ETB-radio + label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-weight: 400;
}

.NA-ETB-radio + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid #1c3fca;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s;
}

.NA-ETB-radio + label::after {
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1;
  border: 1px solid #1c3fca;
  background: #1c3fca;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s;
}

.NA-ETB-radio:checked + label::after {
  opacity: 1;
}

.radio-btn-mtr {
  margin: 15px 19px 0px 0px;
}

.contact-bottom {
  text-align: center;
  width: 100%;
}

.contact-bottom button {
  background: var(--blueHdfcColor);
  border-radius: 13px;
  color: var(--bgColor);
  border: none;
  padding: 10px 20px;
  width: 50%;
  margin-top: 15px;
  margin-bottom: 25px;
  height: 52px;
}

.NA-ETB-languageSection {
  padding: unset;
  border: 1px solid var(--inActiveTabBorder);
  width: 90% !important;
  border-radius: 8px;
  color: #111827;
  font-weight: 500;
}

.pairSelectContainer {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.NA-ETB-languageSelection {
  width: 100%;
  border: none;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../icon_down_arrow.png) no-repeat;
  background-position: calc(100% - 15px) 7px;
  padding: 3px 9px 1rem 10px !important;
  cursor: pointer;
}

.inputOccupation {
  width: 95%;
  border: none;
  margin: 0 10px;
  padding: 10px;
  color: #111827;
  font-weight: 500;
}

.d-noneLegendText {
  color: #d2d5db !important;
  padding: unset !important;
  font-weight: 400 !important;
  padding: 0 0 1px 0 !important;
}

.disabledSelect {
  background-color: #f7f7f7 !important;
}

.disabledLegend {
  color: #9ca3af !important;
}

.disbledRadioButton::before {
  background-color: #f7f7f7 !important;
  border-color: #9ca3af !important;
}

.NA-ETB-dropDowns {
  appearance: none;
  height: 38px !important;
  background: url("../icon_down_arrow.png") no-repeat !important;
  background-position: calc(100% - 15px) 8px !important;
}

/* End Name Addition ETB Fatca Next (Occupation Field) Details */

/* Start Name Addition ETB Preview Details */

.preview-label input {
  display: none;
}

.preview-label {
  margin-bottom: 15px;
}

/* End Name Addition ETB Preview Details */

.text_underline {
  text-decoration: underline !important;
}

.accountCollection .select_account_card_details.no-pd ul li:last-child {
  padding-left: unset !important;
}

/* Start Name Addition NTB Landing Page */

.main-box {
  margin: 30px 0px;
}

.info-box {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  margin: auto;
  padding: 2px 8px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.info-box-param {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #111827;
}

.mt14 {
  margin: 14px 6px;
}

.leftPadding {
  padding-left: 4px;
}

.branchCodeSection {
  padding-right: 9vw !important;
}

.margin10px {
  margin: 10px;
}

.fontcolor {
  color: #4b5563;
}

.marginbottom3px {
  margin-bottom: 3px;
}

.lan_w_47 {
  width: 47%;
  margin: 10px;
}

.lan_fw_600 a {
  font-weight: 600;
}

.h_11_rem {
  height: 13rem;
  line-height: 20px;
}

.no-border {
  border: none !important;
}

/* End Name Addition NTB Landing Page */

/* Start Name Addition NTB vKYC Page */
.progressBarLong {
  width: 7.5vw;
  height: 2px;
  background-image: linear-gradient(to right, var(--blueHdfcColor), var(--bgColor));
}

.humanIcon {
  width: 100%;
}

.vKycSubHeading {
  padding-bottom: 15px;
}

.noteSection {
  width: 90%;
}

.requiredNote {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 15px;
  height: 210px;
}

.paddinNoteText {
  padding: 10px 0 0 0;
}

.gapNoteText {
  gap: 0.5rem;
}

.userNoteData {
  background: #f4f0ff;
  border-radius: 16px;
  padding: 15px;
  height: 210px;
}

.userNoteTextSec {
  padding-left: 10px;
}

.useNoteText {
  width: 90%;
}

.kycCosentSec {
  width: 90%;
  gap: 1rem;
}

.textColorRed {
  color: #e53c46;
}

.buttonNoBckGround {
  color: var(--blueHdfcColor);
  background-color: var(--bgColor);
  border: 1px solid var(--blueHdfcColor);
}

/* End Name Addition NTB vKYC Page */

/* Start Mobile Updation Customer Detail Page */

.mobileNotabSection {
  width: 70% !important;
}

#mobileNoSubHead {
  padding: var(--p-30);
}

.mobilecustomerDataAcc {
  width: 55% !important;
}

.mobileNoHeading {
  padding-top: var(--pt-30);
}

#mobileNoSubHeading {
  padding-top: var(--pt-10);
  padding-bottom: 15px;
}

#mobileNoInput {
  border: 1px solid var(--inActiveTabBorder);
  width: 50%;
}

.otpBanner {
  width: 90%;
  align-items: center;
  justify-content: center;
  background-color: #e6ddfe;
  border-radius: var(--border-radius-11);
  padding: var(--p-10);
  margin: var(--p-30) auto;
}

.otpbannerText {
  padding-left: var(--pl-10);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-14);
}

.mobilebuttonSection {
  padding: 3rem 0 !important;
}

.pb_5 {
  padding-bottom: 5px;
}

/* End Mobile Updation Customer Detail Page */

/* Start Mobile Updation 2FA Verification page */
.Two_FA_OtpTabSection {
  width: 90% !important;
}

.enter2FAOTPHeading {
  padding-bottom: 20px;
}

.Two_FA_OtpInput {
  width: 50%;
  margin: auto;
}

.mobilePaddingLeft {
  padding-left: 5px;
}

.TwoFAMobileUpdation {
  min-height: 55vh;
  padding-top: 0px;
}

/* End Mobile Updation 2FA Verification page */

/* Start Email Updation Account Details page */

.mobileinputbox {
  width: 100%;
  height: 45px;
  border: none;
  border-radius: var(--border-radius-16);
  padding: var(--p-10);
}

.buttonSectionq {
  padding: 3rem 0 !important;
}

.error-email {
  position: absolute;
  left: 24%;
}

.email-otp {
  max-width: 650px !important;
}

.email-otp-padd {
  padding: var(--p-15) 50px;
}

.otp-pro-w {
  width: 100% !important;
}

.emailSuccessMsg {
  height: 37px;
  width: 28rem;
  position: absolute;
  top: 3.1rem;
  left: 40%;
  background-color: #ebf9ef;
  border-radius: 8px;
  color: #00875f;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  z-index: 999;
}

.emailHide {
  opacity: 0;
  visibility: hidden;
}

/* End Email Updation Account Details Page */

/* Start Mobile EKYC Verification page */
.confirmYourIdentityTab {
  width: 70% !important;
  margin-top: 30px;
}

.DontStoreInfoDiv {
  margin: 3rem auto !important;
  margin-bottom: 0 !important;
}

.verifyOptionText {
  padding-bottom: 4rem !important;
}

.BtnDiv {
  padding-top: 1rem !important;
}

.VYICustom {
  background-color: #d0ddfc;
  padding: 5px 10px !important;
  border-radius: 1rem;
}

/* End Mobile EKYC Verification page */
/** Login Page New Updates Start */
.tellUsText {
  font-size: var(--fontSizeXL);
  font-weight: var(--fontWeigthBold);
  padding-bottom: var(--pb-25);
}

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

.optionStyle {
  width: 47%;
  padding: var(--p-20);
  border-radius: var(--border-radius-16);
  gap: 20px;
  align-items: center;
  cursor: pointer;
  background-color: var(--bgColor);
}

.cus_cc_active {
  background: var(--colorBody);
  border: 1px solid var(--color-drak-blue);
}

.cus_cc_inActive {
  border: 1px solid var(--inActiveTabBorder);
}

.cus_cc_inactiveCircle {
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--inActiveTabBorder);
  border-radius: 50%;
}

.optionText {
  color: var(--headingColor);
}

.content_section {
  background-color: var(--white-color);
  padding: var(--p-30) 0 0;
}

.cus_radioButton,
.cus_radioSection {
  gap: 6px;
  padding: 10px;
}

.cus_radioButton_Select {
  height: 1.8rem !important;
  width: 1.8rem !important;
  accent-color: var(--blueHdfcColor) !important;
  margin: unset !important;
}

.cus_lg_highlights {
  width: 60%;
  background-color: #e6ddfe;
  border-radius: var(--border-radius-11);
  padding: var(--p-10) var(--p-10) var(--p-10) var(--p-15);
  margin: var(--p-30) auto;
  line-height: var(--p-20);
  display: flex;
}

.cus_lg_higlights_text {
  padding-left: var(--pl-30);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-14);
  line-height: 20px;
}

.cus_lg_higlights_text span {
  font-weight: var(--font-weight-700);
}

.cus_lg_mobile_title {
  text-align: center;
  font-size: 16px;
  font-weight: var(--font-weight-600);
}

.cus_lg_higlights_img {
  vertical-align: top;
  position: absolute;
  width: var(--p-20);
  padding-top: 2px;
  height: auto;
}

/** Login Page New Updates End */
/** Result Page New CSS Start */
.cus_result_data_title {
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
}

.cus_result_data_value {
  font-size: 16px;
  font-weight: 600;
}

.cust_request_box_list {
  display: flex;
  align-items: center;
  row-gap: 20px;
  flex-wrap: wrap;
}

.w-100 {
  width: 100% !important;
}

p#footerInfo {
  width: 75%;
  line-height: 20px;
  font-size: 14px;
  color: #374151;
  text-align: center;
}

/** Result Page New CSS End */

/** Revoke Email Updation page **/

.flexJustiyContentSpaceEvenly {
  justify-content: space-evenly;
}

.customerDetailsColorData {
  color: var(--customerDataColor);
  padding: 5px 0;
}

.requestheadFontSize {
  font-size: var(--font-size-14);
}

.requestsubFontSize {
  font-size: var(--font-size-18);
}

.emailReceived {
  width: 50%;
  margin: 26px auto;
  background: #f4f0ff;
  text-align: center;
  border-radius: 16px;
  padding: 15px 20px;
}

.emailLength {
  width: 112%;
}

/** End Revoke Email Updation page **/

/** start Revoke Mobile Updation page **/

.cancelMobileBanner {
  background-color: #f4f0ff;
  width: 52%;
  border-radius: 16px;
  padding: 10px;
}

/** end Revoke Mobile Updation page **/

p.card_owner {
  margin-bottom: 20px;
  color: var(--color-dec-light-gray);
}

/** AML Non-Indivisual **/
.anualTurnover {
  border: 1px solid #d2d5db;
  border-radius: var(--border-radius-8);
  justify-content: space-between;
}

.borderNone {
  border: none;
}

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

.lakhsBorder {
  border-left: 2px solid #e5e7eb;
  margin-right: 8px;
}

.lakhs {
  margin: auto 12px;
  position: absolute;
  top: 13px;
  right: 45px;
  letter-spacing: 2px;
  color: #000 !important;
}

.otherLegend {
  position: relative;
  margin-bottom: 30px;
}

.otherLegend input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-transform: uppercase;
}

.otherLegend label {
  position: absolute !important;
  top: 13px !important;
  left: 10px !important;
  padding: 0px 5px !important;
  background-color: #fff !important;
  pointer-events: none !important;
  transition: transform 0.2s ease-out, font-size 0.2s ease-out, color 0.2s ease-out !important;
  font-weight: 400;
}

.otherLegend input:focus + label,
.otherLegend input:valid + label {
  transform: translateY(-18px);
  font-size: 12px;
  background-color: #f9f9f9;
}

.otherText {
  font-weight: var(--font-weight-400) !important;
}

.textUpper {
  text-transform: uppercase;
}

.annualClr {
  color: var(--annual-color);
  margin-top: -17px;
}

.annualMb {
  margin-bottom: 3px !important;
}

.resData {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
  width: 55%;
  margin-top: 25px;
}

.showData {
  text-align: left;
}

.resData .showData p {
  margin-top: 5px;
  color: var(--color-content-black);
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-16);
}

.resData .showData label {
  font-weight: var(--font-weight-400);
  color: var(--color-dec-light-gray);
}

/** End Non-Indivisual **/

/* Start M2M Confirm As Guardian Page */

.identity-mode-div {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 5px 15px 15px 15px;
}

.top-success-box {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  background-color: #ebf9ef;
  color: #00875f;
  align-items: center;
  justify-content: space-evenly;
  padding: 12px 12px;
  border-radius: 8px;
  transform: translateX(-50%);
  z-index: 99;
  animation: fadeInAnimation ease 20s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  gap: 15px;
}

/* End M2M Confirm As Guardian Page  */

/* Start M2M Verification mode Page  */
.other-options {
  background-color: #f3f6fd;
  border-radius: 16px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

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

/* End M2M Verification mode Page  */

/* Start M2M account details Page  */
.mtb-15 {
  margin: 15px 0;
}

.account-box-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.account-sub-box-center {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.mto-25 {
  margin-top: 25px;
}

.pan-verify-field {
  border: none;
  margin-left: 10px;
  width: 90%;
  height: 40px;
  text-transform: uppercase;
}

.color-green {
  color: var(--color-green);
}

.note-pink-box {
  width: 70%;
  border: none;
  border-radius: 8px;
  background-color: #f4f0ff;
  padding: 10px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.pan-verified-box {
  background-color: #f3f6fd;
  border-radius: 16px;
  padding: 30px 25px;
}

.pan-verified-input {
  border: 1px solid #d2d5db;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  position: relative;
}

.pan-legend {
  position: absolute;
  top: -7px;
  background-color: #f3f6fd;
  padding: 0 3px;
}

.pt-15 {
  padding-top: 15px;
}

.account-modes {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding-top: 2rem;
}

/* End M2M account details Page  */

/* Start M2M branch details Page */

.bank-detials-heading {
  color: #6b7280;
}

.bank-branch-detail {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 20px;
  margin: 15px;
}

.account-type {
  border: 1px solid #d2d5db;
  padding: 15px;
  border-radius: 16px;
}

.account-devider {
  height: 1px;
  width: 100%;
  background-color: #d2d5db;
}

.amb-text {
  color: #6b7280;
}

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

.p-15 {
  padding: 15px;
}

/* End M2M branch details Page */

/* Start M2M Add Nominee Page */

.nominee-gurdian-name {
  padding: 2px 5px 7px 5px;
  border: 1px solid var(--inActiveTabBorder);
  width: 50%;
  border-radius: 8px;
}

.auto-fill-address-check-section {
  align-items: center;
  margin: 1rem 0;
}

/* End M2M Add Nominee Page */

/* Start M2M Confirm Details Page */
.address-mode-div {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 10px;
}

.birth-details-section {
  width: 66%;
  margin-bottom: 30px;
}

.width-city-input {
  width: 60% !important;
}

.address-section {
  width: 90%;
}

/* End M2M Confirm Details Page */

/* Start M2M Minor Page */
.congCard {
  border: 1px;
  background: #f4f0ff;
  width: 70%;
  border-radius: 8px;
  padding: 20px;
}

.cus_dropdown_outline .cus_dropdown_control {
  background: var(--white-color) url(dropdown.svg) !important;
  background-position: 98% center !important;
  background-repeat: no-repeat !important;
}

.form-outline .form-control,
.form-outline .form-control:focus,
.cus_dropdown_outline .cus_dropdown_control,
.cus_dropdown_outline .cus_dropdown_control:focus {
  transition: all 0.1s linear;
  box-shadow: none;
}

.form-outline .form-control,
.cus_dropdown_outline .cus_dropdown_control {
  height: 48px;
  border-radius: var(--border-radius-8);
  padding-right: 30px;
  background: var(--white-color) url(../icon-search.svg);
  background-position: 98% center;
  background-repeat: no-repeat;
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-600);
}

.imgCard {
  border: 1px dotted #9ca3af;
  border-radius: 8px;
  background: #f3f6fd;
  gap: 2rem;
  text-align: center;
  display: grid;
  justify-items: center;
  padding: 10px;
}

.imgIconCard {
  border: 1px;
  background: #a3baf9;
  width: 30%;
  height: 40%;
}

.pb-10 {
  padding-bottom: 10px;
}

.custom-select {
  position: relative;
  font-family: Arial;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent var(--bgColor) transparent;
  top: 7px;
}

.select-selected {
  background: url(../Assets/dropdown.svg) no-repeat;
  background-position: calc(100% - 15px) 4px;
  font-size: var(--fontSizeS);
  color: var(--headingColor);
}

.optionItems {
  border-bottom: 1px solid var(--inActiveTabBorder);
  border-radius: 8px;
}

.select-items div,
.select-selected {
  font-size: var(--fontSizeS);
  color: var(--headingColor);
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
}

.select-items {
  background-color: var(--bgColor);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid var(--inActiveTabBorder);
  border-radius: 8px;
}

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: var(--selectedItemHoverBg);
}

.p-30 {
  padding: 30px;
}

.imgUpload {
  padding: 15px;
}

.file-input * {
  width: 100%;
}

.gap-15 {
  gap: 15px;
}

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

.row-bottom-gap {
  margin-bottom: 10px;
}

.other-options-white {
  border: 1px solid #d2d5db;
  background-color: #ffffff;
  border-radius: 16px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

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

.w-90-m-100 {
  width: 90% !important;
}

.w-93-m-100 {
  width: 93% !important;
}

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

/* End M2M Minor Page */
/* Start Signature Update */
.tncText {
  color: var(--color-content-black);
  text-align: justify;
}

.tncMtb {
  margin: 20px 0px;
}

.termncnConsent {
  margin: 25px 0px 20px 25px;
}

.tncSpace {
  padding: 15px 20px 30px;
  width: 60%;
}

.f6 {
  font-size: 3rem;
}

.box-width {
  width: 85%;
}

.navWidth {
  width: 50% !important;
}

.buttonWidth {
  width: 35% !important;
}

.customerid_deatils {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  text-align: center;
}

.customerid_deatils p {
  color: #374151;
  font-weight: 400;
  margin-top: 8px;
}

.please_note {
  width: 71%;
  align-items: center;
  justify-content: center;
  background-color: #e6ddfe;
  border-radius: var(--border-radius-11);
  padding: var(--p-10);
  margin-top: 25px;
  margin-bottom: 45px;
}

.tncSelect {
  color: var(--color-drak-blue);
}

.head_identity {
  color: #111827;
  font-weight: 600;
  font-size: 2rem;
}

.img_text_inline {
  display: inline;
}

.store_info {
  width: 51%;
  background: #f4f0ff;
  border-radius: 10px;
  padding: 10px;
  margin: 3rem auto !important;
  margin-bottom: 14px !important;
}

.img_info {
  width: 2.5rem;
}

.info_text {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  margin-left: 10px;
}

.cont_btn_bord {
  border-radius: 13px !important;
}

.vKYCRequiredNote {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 15px;
  min-height: 250px;
}

.vKYCuserNoteData {
  background: #f4f0ff;
  border-radius: 16px;
  padding: 15px;
  min-height: 250px;
}

.revokeHead {
  font-size: var(--font-size-24);
}

.revokeData {
  margin-left: 18%;
}

.signatureMt {
  margin-top: 25px;
}

.noteSectionSig {
  width: 94%;
}

.useNoteTextsig {
  width: 94%;
}

.popupText {
  padding: 0px 20px;
}

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

.suvkycWidth {
  width: 80%;
}

.suvkycbutton {
  padding: 1rem 6rem;
}

/* End Signature Update */

/* Start Email Update CC */

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

.maskedCreditCardNumber {
  color: #111827;
  padding-left: 9px;
}

.creditcardsWrap {
  flex-wrap: wrap;
}

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

#customerDataCC {
  justify-content: center;
}

.emailCCVerifyConsent {
  width: 80%;
}

.selectEmailIdContainer {
  width: 90%;
  border: 1px solid #d2d5db;
  border-radius: 1rem;
}

.SelectEmailText {
  background-color: #f4f0ff;
  padding: 20px;
  border-radius: 1rem 1rem 0 0;
}

.personalOfficeEmails {
  margin: 20px;
}

.personalEmail,
.officeEmail {
  display: flex;
  justify-content: space-between;
}

.personalEmailInput {
  width: 50%;
}

.checkBoxAndEmail {
  gap: 15px;
}

.topChecbox {
  top: -15px;
}

.errortext {
  padding-bottom: 15px;
  color: red;
}

.otpBannerCC {
  width: 90% !important;
}

/* End Email Update CC */
.Important_Things_text_part ul.no-list-style {
  padding-left: 0;
  list-style: none;
}

.Important_Things_text_part ul li span {
  background: #1c3fca;
  padding: 6px 12px;
  font-size: 12px;
  margin-right: 10px;
  color: #fff;
  border-radius: 50%;
}

/* Start Name Change  */

.resDataNC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
  width: 35%;
  margin-top: 25px;
}

.resDataNC .showData label {
  font-weight: var(--font-weight-400);
  color: var(--color-dec-light-gray);
}

.resDataNC .showData p {
  font-weight: 600;
  font-size: 18px;
}

.mtb-35 {
  margin: 35px 0px;
}

.VerifyItsYouTextNC {
  font-weight: 600;
  font-size: 28px;
  text-align: center;
  color: #111827;
  padding-bottom: 3rem;
}

.labelFontColr h4 {
  color: #6b7280 !important;
}

.checkWid {
  width: 100% !important;
}

.tncColor a {
  color: #1c3fca;
  text-decoration: none !important;
  font-weight: 600;
}

.nameImg {
  height: 14px;
}

.personalDetailsNameChange {
  width: 224px;
  display: inline;
  float: right;
}

.personalInline {
  display: inline;
}

.cnofirmBtn {
  width: 50% !important;
}

.oldName {
  color: #9ca3af !important;
}

/* End Name Change  */

/** Landing Page Minor start */

.m2m_land_beigeCard {
  background-color: #f4f0ff;
  padding: var(--p-40);
  border-radius: 8px;
  margin: auto;
  width: 80%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.m2m_landing_bold {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-600);
  /* line-height: 32px; */
  color: var(--color-black);
  padding: 15px;
}

.m2m_note_with_img {
  gap: 1rem;
  padding: 10px;
}

.m2m_indiancheck {
  border: 1px solid #f3f6fd;
  width: 50%;
  margin-top: 20px;
  border-radius: 16px;
  background-color: #f3f6fd;
  padding: 15px;
}

.padding2rem {
  padding: 2rem 0 !important;
}

/** Landing Page Minor end */

/* Address Customer Account Details Start*/
.AC_otpBanner {
  margin: 20px auto !important;
  width: 68% !important;
  background-color: #f4f0ff !important;
}

.AC_customerDataAcc {
  border: 1px solid #d2d5db;
  border-radius: 16px;
  padding: 20px;
  display: flex !important;
}

/* Address Customer Account Details End*/

/* Address Change Details Start*/

.AC_otpBannerStyle {
  width: 90% !important;
  padding: 20px !important;
  justify-content: left !important;
}

.AC_OptionsSelect {
  display: flex;
  gap: 25px;
  width: 90%;
  margin: 0 auto;
}

.AC_optionStyle {
  align-items: flex-start !important;
  padding: 15px !important;
  cursor: pointer !important;
}

.AC_optionText {
  width: 80%;
}

.blueDot {
  height: 1rem;
  width: 1rem;
  background-color: var(--color-drak-blue);
  border-radius: 50%;
}

/* Address Change Details End*/

/* Address GSTIN Page CSS Start */

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

.GSTverfiyBtn {
  font-weight: 600;
  color: var(--color-light-blue);
  cursor: pointer;
  background-color: var(--white-color);
  border: none;
}

input#GSTNumber {
  letter-spacing: 4px;
  text-transform: uppercase;
}

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

.imageUploadSection {
  width: 45%;
  border: 1.75px dotted #9ca3af;
  border-radius: 16px;
  padding: 20px;
}

.imageUploadIcon {
  padding-bottom: 20px;
  cursor: pointer;
}

.browseAndUpload {
  cursor: pointer;
  color: var(--color-drak-blue);
}

.imageSizeText {
  color: #6b7280;
}

.previewImageSection {
  background-color: #f3f6fd;
  border: none;
}

/* Address GSTIN Page CSS End */

/*Combine Address Change Page CSS Start */

.cursorPointer {
  cursor: pointer;
}

.dropdown-divider {
  background-color: #d2d5db;
  height: 1px;
}

.blueColor {
  color: #1c3fca;
}

.addNew {
  cursor: pointer;
  background: none;
  border: none;
}

.width80 {
  width: 80%;
}

/*Combine Address change Page CSS End */

/*Combine New Address Page CSS Start */

.AC_inputStyle {
  width: 100%;
  padding: 15px;
  border: 1px solid #d2d5db !important;
  border-radius: 8px;
  letter-spacing: 0 !important;
  margin-left: 0 !important;
}

.width20 {
  width: 20px;
}

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

/*Combine New Address  Page CSS End */

/*Combine Preview Details Page CSS Start */

.creditAndLoad {
  padding: 25px;
}

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

.pl_5 {
  padding-left: 5px;
}

.txt_align {
  text-align: center;
}

.address_Change_container {
  width: 90%;
}

.lblfontsize {
  font-size: 12px;
}

.lblColor {
  color: #4b5563;
}

.lblfontWeight {
  font-weight: normal;
}

.p_20 {
  padding: 20px;
}

.pl_70 {
  padding-left: 0;
}

/*Combine Preview Details Page CSS End */
.failed_highlight {
  line-height: 2rem;
  display: block;
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  color: #8f929a;
}

.Service_Result_Support_Note {
  font-size: 14px;
  color: var(--color-label);
  line-height: 20px;
  font-weight: 400;
}

.Service_Result_Support_Note a {
  font-weight: 600;
  color: var(--color-drak-blue);
}

.fail_head_title {
  font-size: 13px !important;
  line-height: 20px;
}

.fail_title {
  font-size: 12px;
  font-weight: 500;
}

.custom_border_in_block {
  margin: 0 10px;
}

.bb-round-corner {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.w-auto {
  width: auto;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-15 {
  padding: 15px 0;
}

.m-unset {
  margin: unset !important;
}
.ml-30 {
  margin-left: 30px;
}
.m2m_landing_bold_heading {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-600);
  padding: 0px 4px 0px 4px;
}

.banner_text_part {
    min-height: 125px;
}

.custom_otp_desc {
	color: var(--color-dec-light-gray);
	font-size: 13px;
}

#verifyPanBtn:disabled,
#verifyPanBtn[disabled] {
  background-color: var(--disabledButtonBg);
  cursor: no-drop;
}

.Service_Request_box_right p a {
  text-decoration: unset;
}

ol.custom-num-landing {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
  margin-top: 15px;
--icon-space: 2.5em;
}

ol.custom-num-landing li {
  counter-increment: item;
  margin-bottom: 20px;
  font-size: var(--font-size-14);
  text-align: left;
  line-height: 24px;
  color:#111827;
  font-family: "Inter", sans-serif;
  padding-left: var(--icon-space);
}

ol.custom-num-landing li::before {
  margin-right: 10px;
  content: counter(item);
  background: #1c3fca;
  border-radius: 100%;
  color: white;
  width: 24px;
  height: 24px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
}

.unset-border-radius{
  border-radius: unset;
}

.tel-number-dropdown{
  width: 20% !important;
  background: url("../dropDown_DownIcon.svg") no-repeat !important;
  background-position: calc(100% - 4px) 16px !important;
  color: #6B7280 !important;
}

#highlightInfo{
  display: flex;
  background-color: #F3F6FD;
  width: 400px;
  border-radius: 16px;
  padding: 15px;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 15px;
}

/** Bootstrap addition changes **/
.service-modal-body {
  flex: unset !important;
}

.dynamicSelectionNc {
  background-position: calc(100% - 14px) 14px !important;
}

.bg-transparent{
  background: transparent;
}

.max-w-80{
  max-width: 80%;
}

.responsive-flex-basis{
  flex-basis: 45%;
}

.top-0{
  top:0 !important;
}

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

.right-0{
  right:0 !important;
}

.left-0{
  left:0 !important;
}

.service-dropdown{
  width: 100% !important;
  background: url("../dropDown_DownIcon.svg") no-repeat !important;
  background-position: calc(100% - 8px) 16px !important;
  color: #6B7280 !important;
}

.basis-100{
  flex-basis: 100%;
}

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

.w-80{
  width: 80% !important;
}

.Account_Transfer_content_left ul li.no-gap-ws {
  gap:unset;
  white-space: nowrap;
}

.Account_Transfer_content_left ul li.no-gap-ws img {
  margin-right: 10px;
}

.Account_Transfer_content_left ul li.no-gap-ws b {
  font-weight: 600;
}

object#DigiCertClickID_2rtD92_K_object{
  transform: unset !important;
  max-width: 80px;
}

div#DigiCertClickID_2rtD92_K {
  padding-right: 15px;
  border-right: 1px solid #fff;
}