.breadcrumb  {color: #6D6A7A;}
.branch-bg2 {padding: 5px ;}
.branch-form-wrap2 {display: flex;align-items: center;justify-content: flex-start;width: 100%;}
.branch-hedings2 { text-align: left;padding: 10px 10px;margin-top: 20px;font-weight:600; color: #333333;box-shadow: 0px 2px 5px -5px black;}
.branch-hedings-step {
  text-align: left;
  padding: 10px 0px;
  margin-top: 20px;
  font-weight: 600;
  color: #333333;
  box-shadow: 0px 2px 5px -5px black;
}
.left-branch2 {display: flex;gap: 20px;flex-wrap: nowrap;align-items: center;width: 100%;}
.form-group2 {display: flex;flex-direction: column;flex: 1;min-width: 150px;}
.form-group2 label {font-size: 14px;font-weight: 600;margin-bottom: 5px;white-space: nowrap;}
.form-group2 select {width: 100px;padding: 6px 10px;font-size: 14px;border: 1px solid #ccc;border-radius: 5px;outline: none;appearance: none; background-color: #fff;cursor: pointer;}

.form-group2 input {width: 100%;padding: 8px 12px;font-size: 14px; border: 1px solid #ccc;border-radius: 5px;outline: none;}
.nri-form {display: flex;flex-direction: column;gap: 12px;width: 100%;padding: 20px 0px;;border-radius: 10px;}
.nri-field label {display: block;font-size: 14px;font-weight: bold;margin-bottom: 5px;color: #333;}

@media (max-width: 768px) {.nri-field label {font-size: 13px;margin-bottom: 4px;}}
@media (max-width: 480px) {.nri-field label {font-size: 12px;margin-bottom: 3px;}.nri-form {  padding: 2px;}  .branch-hedings2{ font-size: 16px;}}

.nri-field select,
.nri-field input {width: 100%;padding: 12px;font-size: 12px;border: 2px solid #ffffff;border-radius: 8px;background: white;transition: border-color 0.3s ease-in-out;}
.nri-field select:focus, .nri-field input:focus {border-color: #ffffff;outline: none;}


@media (min-width: 768px) {.nri-form {flex-direction: row;}
.nri-field {flex: 1;}}
.nri {background-color: #aa0000;border-radius: 10px;margin-left: 5px;margin-right: 5px;}
.nri h1 {font-size: 1.2rem;color: #ffffff;margin-bottom: 10px;}
@media (max-width: 768px) {.nri h1 {font-size: 2rem;}}
@media (max-width: 480px) {.nri h1 {font-size: 1.8rem;}}
/* captcha css starts here */
.nri-captcha-container {display: flex;margin: 10px 0 10px 0;}
@media (max-width: 480px) {.nri-captcha-container {flex-direction: column;align-items: stretch;}}
.nri-captcha-group {display: flex;border-radius: 5px;overflow: hidden;flex: 1; max-width: 370px; }
@media (max-width: 480px) {.nri-captcha-group {max-width: 100%;flex-wrap: wrap;}}
.nri-captcha-input {flex: 1;padding: 10px;border: 1px solid #ccc;border-radius: 5px;outline: none;font-size: 14px;min-width: 160px;}
.nri-captcha-box {display: flex;align-items: center;gap: 8px;padding: 5px;margin-left:10px; background: #f3f3f3;border: 1px solid #ccc;border-radius: 5px;}
#nri-captcha-canvas {background: #ffffff;cursor: pointer;border-radius: 3px;}
#nri-refresh-captcha {border: none;background: none;font-size: 20px;cursor: pointer;transition: transform 0.2s ease-in-out, color 0.2s;}
#nri-refresh-captcha:hover {transform: rotate(20deg);color: #aa0000; }
/* captcha css end here */
.nri-btn {padding: 10px 15px;background: #8e8d8d;color: #fff;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;white-space: nowrap;transition: background 0.3s;}
.nri-btn:hover {background: #3d3d3d;}
@media (max-width: 480px) {.nri-btn {width: 100%; }}
.form-btn2 a {background: #a00;display: block;width: 100%;max-width: 250px;text-align: center;text-decoration: none;transition: 0.5s;padding: 15px 25px;color: #fff;border-radius: 10px;font-size: 14px;margin: 0 auto;  font-weight: 800;
&:hover {background: darken(#a00, 10%);}}
@media (max-width: 480px) {.form-btn2 a {max-width: 100%;}}

/* stepbystep tab form css starts here */
.multiple-form-container {width: 100%;max-width: 100%;margin: auto;text-align: center;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
/* Tabs Container */
.multiple-form-tabs {display: flex;justify-content:space-around;align-items: center;position: relative;width: 100%;max-width: 100%;margin: auto;padding: 0;overflow-x: auto;  white-space: nowrap;scroll-behavior: smooth;gap: 15px;height: 100px;}
.multiple-form-tabs::-webkit-scrollbar {display: none;}
.multiple-form-tabs {scrollbar-width: none;}

/* Background Line */
@media (max-width: 768px) { .multiple-form-tabs::before { top: 40%;} }
.multiple-form-tabs::before {content: "";position: absolute;width: 82%;height: 4px;background: #ddd;top: 49%;left: 9.5%;transform: translateY(-50%);z-index: 1;}

/* Each tab container */
.multiple-form-tab-container {display: flex;flex-direction: column;align-items: center;text-align: center;flex: 1;position: relative;min-width: 80px;top: 10px;}
.multiple-form-tab {width: 48px;height: 48px;font-size: 24px;line-height: 48px;text-align: center;border-radius: 50%;background: #ddd;color: #fff;font-weight: bold;transition: background 0.3s, transform 0.2s;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 2;}
.multiple-form-tab:hover {background: #a00; transform: scale(1.1); }
.multiple-form-tab.active {background: #a00;color: #fff;}
.multiple-form-label {margin-top: 6px;font-size: 14px;color: #555;position: relative;transition: color 0.3s ease, transform 0.3s ease;}
.multiple-form-tab-container:hover .multiple-form-label {color: #a00;transform: translateY(-3px);}
.multiple-form-label::after {content: "";position: absolute;left: 50%;bottom: -3px;width: 0;height: 2px;background: #a00;transition: width 0.3s ease, left 0.3s ease;}
.multiple-form-tab-container:hover .multiple-form-label::after {width: 100%;left: 0;}
@media (max-width: 768px) {.multiple-form-tab {width: 42px;height: 42px;font-size: 20px;}.multiple-form-label {font-size: 12px; word-wrap: break-word; max-width: 80px; white-space: normal;  }}
@media (max-width: 480px) {.multiple-form-tabs {flex-direction: row;overflow-x: auto;justify-content: flex-start;padding: 5px;gap: 15px; }
.multiple-form-tab-container {flex: 0 0 auto; min-width: 80px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.multiple-form-label {max-width: 80px; white-space: normal;  word-wrap: break-word;text-align: center; line-height: 1.3; padding-top: 5px; }
.multiple-form-tab {width: 40px;height: 40px;font-size: 18px;}
.multiple-form-tabs::before {/* width: 100%; */left: 25px;top:40px;width: 400px;}}
.multiple-form-step-container {display: none;width: 100%;padding: 20px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: #FBF5E7;}
.multiple-form-step-container.active {display: block;}
.multiple-form-step-container h2{ font-size: 25px; text-align: left;}
.multiple-form-step-container h3 h4{ font-size: 20px;font-weight: 500; }
.multiple-form-input {width: 100%;padding: 12px;margin: 10px 0;border: 1px solid #ccc;border-radius: 6px;font-size: 16px;}
.radio-group {display: flex;align-items: center;flex-wrap: wrap;margin-top: 10px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;gap: 10px;}
.radio-group label {font-size: 14px;font-weight: bold;}
.radio-options {display: flex;flex-wrap: wrap;gap: 15px;}
.radio-options label {display: flex;align-items: center;cursor: pointer;font-size: 14px;}
.radio-options input {appearance: none;width: 16px;height: 16px;border: 2px solid #a00;border-radius: 50%;margin-right: 6px;position: relative;cursor: pointer;}
.radio-options input:checked::before {content: "";width: 8px;height: 8px;background: #a00;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;}
.radio-content {display: none;margin-top: 15px;padding: 15px;border: 1px solid #ccc;border-radius: 6px;}
.radio-content.active {display: block;}
@media (max-width: 768px) {
.radio-group {flex-direction: column;align-items: flex-start;}
.radio-options {justify-content: flex-start; gap: 10px;}
.radio-options label {font-size: 12px;} .radio-group label{ text-align: left;}}
@media (max-width: 480px){.radio-group {padding: 8px;}
.radio-options {flex-direction: column;align-items: flex-start;gap: 8px;}
.radio-options input {width: 14px;height: 14px;}
.radio-options input:checked::before {width: 6px;height: 6px;}}
.form-navigation {display: flex;justify-content: center;gap: 10px;margin-top: 20px;}

.multiple-form-button {padding: 10px 20px;font-size: 14px; border: none; border-radius: 6px;cursor: pointer; background: #a00;color: #fff;transition: 0.3s;}
.multiple-form-button:hover {opacity: 0.8;}

.NRI-account {display: flex;align-items: center;gap: 10px;max-width: 100%;font-size: 13px;}
.NRI-account select {flex: 1; padding: 10px;border: none;border-radius: 5px;}
.NRI-account button {padding: 10px 15px;background-color: #a00;color: #fff;border: none;border-radius: 5px;cursor: pointer;white-space: nowrap;}
.NRI-account button:hover {background-color: rgb(151, 2, 2);}
@media (max-width: 576px) {
.NRI-account {flex-direction: column;gap: 5px;}
.NRI-account select,.NRI-account button { width: 100%; font-size: 12px;}}
.mode-of-operation {background: #FBF5E7;border-radius: 10px;width: 100%;text-align: left;}
.mode-of-operation p{ font-size: 13px; }
.mode-of-operation h3 {margin-bottom: 15px;font-size: 18px;}
.mode-of-operation-options {display: flex;gap: 10px;}
.mode-of-operation-options2 {float: left;gap: 10px; display: flex;}
.mode-of-operation-option {display: flex; align-items: center;gap: 5px;}
input[type="radio"] {accent-color: #a00;}
label {font-size: 14px; font-weight: 600;}
@media (max-width: 480px) 
{.mode-of-operation {padding: 15px;}
.mode-of-operation-options {flex-direction: column;align-items: start;gap: 10px;}
label {font-size: 14px;}}


/* account number css start here */
.account-num-container {display: flex;align-items: center;gap: 10px;width: 100%;margin-top: 15px;justify-content: flex-start;padding: 0 0px;}
.account-num-label {font-size: 14px;color: #666;white-space: nowrap;}
.account-num-button {background: #a00;color: white;border: none;padding: 5px 12px;font-size: 16px;cursor: pointer;border-radius: 5px; }
.account-num-boxes {display: flex;gap: 5px;flex-grow: 1;justify-content: flex-start;flex-wrap: wrap;}
.account-num-box {width: 30px; height: 40px;border: 1px solid #ccc;text-align: center;font-size: 18px;font-weight: bold;line-height: 40px;border-radius: 5px;cursor: pointer;}
.selected {border-color: #a00;background: rgba(170, 0, 0, 0.151);}
@media (max-width: 480px) {.account-num-container {  flex-direction: column;align-items: flex-start;max-width: 100%;padding: 0 2px;}.account-num-boxes {flex-wrap: wrap;justify-content: flex-start; }}


.passport-name-group {display: flex;align-items: flex-start;gap: 10px; width: 100%;max-width: 49%;}
.passport-name-field span{ color: red;}
.passport-name-field {display: flex;flex-direction: column;width: 100%;}
.passport-name-field label {font-size: 13px;font-weight: bold;margin-bottom: 5px;text-align: left;}
.passport-name-merged {display: flex;width: 100%;border-radius: 5px;overflow: hidden; }
.passport-name-dropdown {padding: 8px 12px;font-size: 13px;border: none;border-right: 1px solid #ccc;width: 80px; flex-shrink: 0;}
.passport-name-input {padding: 8px 12px;font-size: 13px;background: #fff;border: none;width: 100%;}
@media (max-width: 480px) {.passport-name-group {flex-direction: column; max-width: 100%;} 
.passport-name-dropdown { width: 70px;}}


.form-nri-container {display: flex;gap: 20px;width: 100%;align-items: flex-end;}
@media (max-width: 480px) { .form-nri-container  {display: block; }}
.calendar-nri-container,
.dropdown-nri-container {flex: 1;position: relative;}
.calendar-nri-container label,
.dropdown-nri-container label {display: block;font-weight: bold;margin-bottom: 5px;color: #333;text-align: left;}
.calendar-nri-container input[type="date"],
.dropdown-nri-container select {width: 100%;padding: 7px 41px 7px 7px;font-size: 16px;border: 2px solid #ccc;border-radius: 8px;background-color: white;appearance: none;cursor: pointer;height: 40px;transition: all 0.3s ease-in-out;border: none;font-size: 13px;}
.dropdown-nri-container::after {content: "▼"; font-size: 14px;color: #666;position: absolute;right: 14px;top: 65%;transform: translateY(-50%);pointer-events: none; }
.calendar-icon {position: absolute;right: 14px;top: 65%;transform: translateY(-50%);font-size: 20px;color: #666;pointer-events: none;}
.calendar-nri-container input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;position: absolute;width: 100%;height: 100%;cursor: pointer;}
.calendar-nri-container input[type="date"]:hover,
.dropdown-nri-container select:hover {border-color: #a00;}

@media (max-width: 768px) {.form-nri-container {gap: 10px;margin-top: 10px;} .nri-form--column { margin-top:10px;} .calendar-nri-container {margin-top: 10px;}
.calendar-nri-container input[type="date"],
.dropdown-nri-container select {font-size: 12px; padding: 8px 40px 8px 10px; border-radius: 6px; }
.calendar-icon {font-size: 16px;right: 10px; }
.dropdown-nri-container::after {font-size: 12px;right: 10px; }
.calendar-nri-container label,
.dropdown-nri-container label {font-size: 14px;} .question-radio-group {display: inline-flex !important;}}


.nri-form--container {display: flex;flex-wrap: wrap;margin: 10px auto;gap: 20px;}
.nri-form--column {flex: 1;}
.nri-form--input-group {display: flex;flex-direction: column;margin-bottom: 15px;}
.nri-form--input-group span {color: red;}
.dropdown-nri-container span {color: red;}
.mode-of-operation-options  span {color: red;}
.calendar-nri-container span {color: red;}
.tax-id-container span {color: red;}
.nri-form--input-group label {font-weight: bold;margin-bottom: 5px;text-align: left;font-size: 13px;}
.nri-form--input-group input {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 5px;border: none;font-size: 13px;}
@media (max-width: 600px) {.nri-form--container { flex-direction: column;gap: 0;}}


.nri-form--container {display: flex;flex-wrap: wrap;margin: 10px auto;gap: 20px;}
.nri-form--column {flex: 1;}
.nri-form--input-group {display: flex;flex-direction: column;margin-bottom: 15px;}
.nri-form--input-group span {color: red;}
.nri-form--input-group label {font-weight: bold;margin-bottom: 5px;text-align: left;font-size: 14px;}
.nri-form--input-wrapper {display: flex;align-items: center;border-radius: 5px; overflow: hidden;}
.nri-form--input-wrapper input {flex: 1;padding: 10px;border: none;font-size: 13px;outline: none;}
.nri-form--input-wrapper button {padding: 10px 15px;background-color: #a00;color: white; border: none;cursor: pointer;font-size: 13px;transition: 0.3s;}
.nri-form--input-wrapper button:hover {background-color: #a00;}

@media (max-width: 600px) {
.nri-form--container {flex-direction: column;gap: 0;}
.nri-form--input-wrapper { flex-direction: row; }}

.question-radio {display: -webkit-box;align-items: center;justify-content: space-between;text-align: left;}

.question-radio-group {display: flex;gap: 15px; }
.question-radio span { color: red;}
.question-radio-option {display: flex;align-items: center;gap: 5px; }
.question-radio > label {flex-grow: 1; }


.tax-id-container {text-align: center;margin: 20px auto;}
.tax-id-container label {font-weight: bold;display: block;margin-bottom: 10px;text-align: left;}
.tax-id-inputs {display: flex;justify-content: left;gap: 5px;flex-wrap: wrap;}
.tax-id-inputs input {width: 40px;height: 40px;text-align: center;font-size: 18px;border: 2px solid #ccc;border-radius: 5px;outline: none;transition: border-color 0.3s;}
.tax-id-inputs input:focus {border-color: #a00;background: rgba(170, 0, 0, 0.151);}.tax-id-inputs span {font-size: 18px;font-weight: bold;padding: 5px;}
  

  /* css for welcome-kit form  */

.welcome-kit-container {display: flex;justify-content: center;gap: 20px;padding: 20px;flex-wrap: wrap;}
.welcome-kit-box {position: relative;display: flex;align-items: center;justify-content: center;width: 250px;height: 80px;border: 2px solid #a00;border-radius: 10px;cursor: pointer;transition: all 0.3s ease-in-out;font-size: 18px;font-weight: bold;background-color: white;text-align: center;overflow: hidden;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.welcome-kit-box input {display: none;}
.welcome-kit-box label {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease-in-out;position: relative;z-index: 2;}
.welcome-kit-box::before {content: "";position: absolute;width: 300%;height: 300%;background: linear-gradient(45deg, rgb(105, 19, 19), rgba(255, 111, 111, 0.479));top: -100%;left: -100%;transform: rotate(0deg);opacity: 0;transition: opacity 0.3s ease-in-out;z-index: 1;}
.welcome-kit-box:hover::before {opacity: 1;animation: moveBackground 1.5s linear infinite;}
@keyframes moveBackground {0% {transform: translate(-100%, -100%) rotate(0deg);}50% {transform: translate(50%, 50%) rotate(45deg);}100% {transform: translate(150%, 150%) rotate(90deg);}}
.welcome-kit-box input:checked + label {background: linear-gradient(135deg,  #a00, #710404);color: white;transform: scale(1.05);box-shadow: 0 0 15px rgba(160, 0, 0, 0.8);
animation: pulseGlow 1.5s infinite alternate;}
@keyframes pulseGlow {0% {box-shadow: 0 0 10px rgba(160, 0, 0, 0.6);}100% {box-shadow: 0 0 20px rgba(255, 77, 77, 0.9);}}
.welcome-kit-box:active {
transform: scale(0.95);}
@media (max-width: 600px) {.welcome-kit-container {flex-direction: column;align-items: center;}}

.branch-locator-img p { margin-bottom: 3px !important;}
.branch-detils2 {
  background: #fbf5e7;
  padding: 20px 12px;
  height: 100%;
}