.container {
      background: #0055a517;
      border-radius: 15px;
      padding: 30px;
      box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
      max-width: 800px;
    }

    h1 {
      color: #ffd60a;
      text-align: center;
      margin-bottom: 20px;
      font-size: 34px;
    }

    .progress {
      height: 6px;
      margin-bottom: 30px;
      background-color: #ffffff;
    }

    .progress-bar {
      background-color: #28bcc58a;
      transition: width 0.4s ease;
    }

    .form-step {
      display: none;
    }

    .form-step.active {
      display: block;
      animation: fadeIn 0.5s;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }

    .question {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 15px;
      color: #403e3e;
    }

    .form-step:nth-child(7) .range-label,
    .form-step:nth-child(8) .range-label,
    .form-step:nth-child(9) .range-label {
      position: relative;
      display: flex;
      justify-content: space-between;
    }

    .form-step:nth-child(7) .mt-2,
    .form-step:nth-child(8) .mt-2,
    .form-step:nth-child(9) .mt-2 {
      margin-top: -2px !important;
      position: relative;
      text-align: right;
      color: #28bcc5;
    }

    .form-check {
      padding: 15px;
      margin-bottom: 10px;
      border-radius: 8px;
      border: 1px solid #ffffff;
      transition: all 0.3s;
      cursor: pointer;
      color: #fff;
    }

    .form-check:hover {
      border-color: #28bcc58a;
    }

    .form-check-input:checked + .form-check-label {
      color: #484848;
    }

    .error-message {
      color: #ff8d69;
      font-size: 14px;
      margin-top: 10px;
      display: none;
    }

    .error-message-field {
      color: #ff8d69;
      font-size: 0.9rem;
      margin-top: 5px;
      display: none;
    }

    .form-check-input:checked {
      background-color: #0055a5;
      border-color: #0055a5;
    }

    .results {
      display: none;
      margin-top: 30px;
      padding: 20px;
      background: #1a1a1a;
      border-radius: 10px;
    }

    .results h2 {
      color: #ffd60a;
    }

    .result-tier {
      padding: 15px;
      background: #2c2c2c;
      border-left: 5px solid #ffd60a;
      border-radius: 5px;
    }

    .footer {
      text-align: center;
      margin-top: 20px;
      font-size: 0.9rem;
      color: #888;
    }

    .form-control {
      background-color: transparent;
      color: #fff;
      border-color: #fff;
      padding: 13px;
    }

    .form-control:focus {
      background-color: #0a457e;
      color: #000;
      border-color: #032a4e;
      box-shadow: none;
    }

    .dependent-counter {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
      color: #fff;
    }

    .dependent-counter input {
      width: 60px;
      text-align: center;
    }

    .review-section {
      margin-top: 20px;
    }

    .review-item {
      padding: 15px;
      border-radius: 8px;
      margin-bottom: 10px;
    }

    .review-item.healthy {
      border-left: 4px solid #00ff99;
      background-color: rgba(0, 255, 153, 0.1);
    }

    .review-item.normal {
      border-left: 4px solid #ffd60a;
      background-color: rgba(255, 214, 10, 0.1);
    }

    .review-item.risky {
      border-left: 4px solid #ff4d4d;
      background-color: rgba(255, 77, 77, 0.1);
    }

    .review-item h5 {
      margin-bottom: 10px;
      color: #e0e0e0;
    }

    .review-item p {
      margin: 5px 0;
      font-size: 0.9rem;
    }

    .result-tier {
      background: #fff;
    }

    .status-label {
      font-weight: bold;
    }

    .form-control::placeholder {
      color: #fff;
    }

    .healthy .status-label {
      color: #00ff99;
    }

    .normal .status-label {
      color: #ffd60a;
    }

    .risky .status-label {
      color: #ff4d4d;
    }

    .form-step {
      color: #fff;
    }

    .form-step label.d-block.mt-3 {
      margin-bottom: 10px;
    }

    .form-control-range {
      width: 100%;
    }

    .form-step.active {
      color: black;
    }

    .range-label {
      right: 0;
      bottom: 0;
      color: #000000;
    }

    .form-step {
      position: relative;
    }

    .form-check.form-check-inline {
      margin-left: 28px;
    }

    .dependent-counter label {
      font-size: 15px;
      min-width: 175px;
    }

    .page-id-45465 .elementor-element.elementor-element-a70624d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded {
      width: 100%;
      min-width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #0055a545;
    }

    .page-id-45465 header#masthead {
      display: none;
    }

    .page-id-45465 .btn {
      padding: 10px 30px;
      font-size: 13px;
    }

    .form-step {
      font-size: 14px;
      /* min-height: 100vh; */
    }

    .page-id-45465 div#ymPluginDivContainerInitial {
      display: none !important;
    }

    .page-id-45465 footer#colophon {
      display: none;
    }

    form#healthForm label.d-block.mt-3 {
      margin: 0;
    }

    form#healthForm .form-control {
      background-color: #ffffff;
      border: 1px solid #bbbebeb8;
      color: #000000;
    }

    h2.fs-5.mainHeading.text-center {
      color: #000000;
    }

    h2.fs-5.mainHeading.text-center {
      text-align: center;
      top: 0;
      width: 100%;
      font-size: 20px !important;
      margin-bottom: 50px !important;
    }

    .progress {
      margin-top: 70px;
      display: none;
    }

    a.skip-btn.nextBtn {
      color: #fff;
      position: absolute;
      top: -96px;
      right: 0;
      text-transform: capitalize;
    }

    .metric-item {
      background: #fff;
      padding: 10px;
      margin-bottom: 15px;
      border-radius: 10px;
    }

    div#resultBox {
      background: #ffffff12 !important;
    }

    div#resultBox h2 {
      color: #ffffff;
      font-size: 26px;
    }

    .status-text {
      font-weight: bold;
      margin-left: 10px;
    }

    span.status-text.bad {
      color: #fff;
      background: #ff4d4d;
      padding: 2px 11px;
      border-radius: 4px;
      line-height: normal;
    }

    span.status-text.good {
      color: #fff;
      background: #4CAF50;
      padding: 2px 11px;
      border-radius: 4px;
      line-height: normal;
    }

    .metric-header h5 {
      font-weight: 700;
    }

    .metric-message {
      background: #d8e8ff;
      padding: 7px;
      border-radius: 0;
      margin: 6px 0;
      border-radius: 5px;
      border-bottom: 4px solid #1e61ac;
    }

    div#resultBox {
      background: transparent !important;
      font-size: 15px;
    }

    .form-step:nth-child(10) .range-label {
      position: relative !important;
    }

    .bannerSection img {
      object-fit: cover;
    }

    input[type="range"] {
      accent-color: #1071e936;
    }

    .mt-2 {
      color: #000000;
    }

    .form-step.active {
      /* overflow-y: auto; */
    }

    form#healthForm label.d-block.mt-3 {
      margin-top: 0 !important;
      color: #000;
      margin: 9px 0 !important;
    }

    .form-step:nth-child(7),
    .form-step:nth-child(10) {
      padding-bottom: 62px;
    }

    div#resultBox {
      padding: 0;
      margin-top: 0;
    }

    .metric-desc {
      padding-top: 5px;
    }

    span.status-text.bad {
      margin: 0;
    }

    span.metric-ratio,
    span.metric-score {
      font-size: 13px;
    }

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

    div#resultBox h2 {
      position: relative;
      font-size: 22px;
      text-align: center;
      color: #1e61ac;
    }

    .income {
      padding: 15px;
      margin-bottom: 10px;
      border-radius: 8px;
      border: 1px solid #ccc;
      transition: all 0.3s;
      cursor: pointer;
      width: 100%;
      background: #ffffff;
    }

    .income:focus {
      background-color: #ffffff;
      color: #000;
      border-color: #17888f36;
      outline: none;
    }

    .income::placeholder {
      color: #000;
    }

    .form-check {
      width: 8%;
      background: #ffffff;
      color: #000000;
      border-color: #d9ddded4;
    }
label.total_p {
    display: none;
}
span.emi_in {
    display: none;
}
    .options {
      display: flex;
      gap: 14px;
      justify-content: center;
    }

    .form-step:nth-child(9) {
      padding-bottom: 100px !important;
    }

    .box {
      width: 100%;
    }

    .color::placeholder {
      color: #000000;
    }

    .options1 {
      gap: 21px;
      justify-content: center;
    }

    .Wellcome-Screen h2.fs-5.mainHeading.text-center {
      font-size: 34px !important;
      font-weight: 300;
      color: #0055a5;
      margin: 20px 0;
    }

    a.nextBtn.btn-info.btn.mt-2 {
      background: #0055a5;
      color: #fff;
      padding: 20px 97px;
      border-radius: 100px;
      border: none;
    }

    button#submitBtn {
      background: #0055a5;
      color: #fff !important;
      padding: 20px 97px;
      border-radius: 100px;
      border: none;
    }

    #scoreChartContainer {
      width: 200px;
      height: 200px;
      margin: 20px auto;
    }

    @media(max-width:767px) {
    .question {
    font-size: 17px;
    padding-bottom: 5px !important;
}

      .page-id-45465 .elementor-element.elementor-element-a70624d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded {
        padding: 0;
      }

      h1 {
        font-size: 21px;
      }

      .form-wizard-wrapper.p-5 {
        padding: 20px !important;
        border-radius: 0 !important;
      }

      .container.p-0 {
        border-radius: 0;
        border: none;
        min-height: 100vh;
      }
.form-check {
    width: 30% !important;
    border-radius: 71px;
    padding: 4px 10px;
    margin-left: 3px;
}

input.spouseNo, input.spouseYes {
    width: 24%;
    height: 21px;
    margin-left: -1px !important;
    margin-top: 5px;
}
.yes {
    position: relative;
    right: -87px;
    top: 7px;
}
      .options {
        justify-content: start;
        gap: 16px;
      }

      .box {
    width: 97% !important;
    padding: 14px 44px;
}
      .options1 {
        justify-content: start;
      }
    }

    .form-step {
      padding: 3rem !important;
    }

    .form-step label {
      color: #444;
      margin-bottom: 4px;
    }

    .form-step:nth-child(11) .question {
      text-align: left;
    }

    h2.fs-5.mainHeading.text-center {
      margin-bottom: 30px !important;
    }

    .form-step.Wellcome-Screen {
      padding: 0 !important;
    }

    .range-wrapper {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      align-items: top;
      background: #fff;
      padding-bottom: 15px;
      border-radius: 7px;
      border-bottom: 3px solid #0f71e9;
    }

    .range-wrapper .icon {
      width: 20%;
      text-align: center;
      font-size: 40px;
    }

    .range-wrapper .icon + div {
      display: block;
      width: 76%;
    }

    .range-wrapper .icon i {
      color: #0055a5;
    }

    h2.fs-5.mainHeading.text-center {
      position: relative;
    }

    h2.fs-5.mainHeading.text-center a.prevBtn.text-decoration-none {
      color: #3d3939;
      position: absolute;
      left: 0;
    }

    .form-step:nth-child(3) .question.px-3 {
      text-align: left;
      padding-left: 0 !important;
      padding-bottom: 0 !important;
    }

    div#resultBox {
      padding: 40px;
    }

    .page-id-45465 .elementor-element.elementor-element-a70624d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded {
      background: #fff !important;
    }

    a.nextBtn.btn-info.btn.mt-2 {
      font-size: 18px;
    }

    .container.p-0 {
      width: 100% !important;
      width: 750px !important;
    }

    .form-step .subLabel.text-muted.py-2 {
      font-size: 15px !important;
    }

    .form-step input.income {
      width: 100% !important;
      max-width: 100%;
      background: #fff;
    }

    .subLabel {
      font-size: 17px !important;
    }

    form#healthForm .form-control {
      font-size: 14px;
      background-color: #fff !important;
    }

    .options1 .form-check.box input {
      margin-top: 0px;
    }

    .alert.alert-success.mt-3 {
    background: #fbc040;
    border: none;
}
    @media(max-width:767px) {
      /**** Vandana Thakur ******/
      label.total_p {
    display: block  !important;
}
span.emi_in {
    display: block  !important;
}
   .box:hover label {
    color: #fff !important;
}
      .no {
    margin: 6px 0px 0px -65px;
}
  
   .box input {
    margin-top: -2px !important;
    width: 12%;
    height: 29px;
    border-radius: 91px !important;
    margin-right: 20px;
    margin-left: -33px !important;
}
      .icon_s {
    /* top: -27px !important; */
}
 label.total_p {
    position: absolute;
    top: 16px;
    right: 20px;
    text-align: center;
    display: none !important;
}
      span.emi_in {
    position: relative;
    left: -41px;
    top: 19px;
}
.range-wrapper {
    border-bottom: 0px solid #0f71e9 !important;
    position: relative;
    padding-left: 10px;
}
      .income_s{
        padding: 0px !important;
      }
    .range-label span {
    font-weight: 700;
}
.annual_s{
  padding-bottom: 0px !important;
}
      
.alert.alert-success.mt-3 {
    background: #fbc040;
    border: none;
    position: fixed;
    bottom: 0px;
    left: 10px;
    right: 10px;
}
      .income_r {
    margin-top: 16px;
}
.alert_s {
    margin-top: 60px !important;
}
      .description_loan {
    padding-bottom: 13px;
}
      .description_ex{
        padding-top: 10px;
      }
      .range_ex {
    margin-top: 45px;
}
.bannerSection img {
    object-fit: cover;
    height: 100%;
}
.info {
    padding-top: 50px;
}

/**** tab2*****/
input[type="range"] {
    accent-color: #0055a5;
}
.form-check:hover {
    background: #0055a5 !important;
}

.form-check-input:checked {
    background-color: #fff;
    border-color: #8080803b;
}
    .border-col.alert_s {
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    margin-top: 73px !important;
}
.alert_s {
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    font-style: italic;
}
.data_in {
    padding-top: 5px;
}
      /**** Vandana Thakur ******/

     a.nextBtn.btn-info.btn.mt-2 {
    padding: 10px 78px;
    width: 100%;
    margin-bottom: 100px;
}
.Wellcome-Screen h2.fs-5.mainHeading.text-center {
    color: #000 !important;
}

     .Wellcome-Screen h2.fs-5.mainHeading.text-center {
    font-size: 18px !important;
    margin-bottom: 30px !important;
    margin-top: 50px !important;
}

      .form-step-inner-section.text-center.py-5.px-5 {
        padding: 1rem !important;
      }

      .form-step {
        padding: 2rem !important;
      }
      

      .options {
        justify-content: left;
      }

      h2.fs-5.mainHeading.text-center {
    margin-bottom: 80px !important;
}

.range-wrapper label.d-block.mt-3 {
    padding-bottom: 17px !important;
    border-bottom: 1px solid #80808045;
    padding-top: 10px;
    font-weight: 600;
    font-size: 15px;
}
.range-wrapper .icon {
    width: 20%;
    text-align: center;
    font-size: 40px;
    position: relative;
    top: -1px;
    border-bottom: 1px solid #80808045;
    height: 60px;
}

.box {

    margin-top: 7px;
}
      div#resultBox h2 {
        color: #000;
        padding-top: 30px;
        padding-bottom: 19px;
      }

      div#resultBox {
        background: #ededed !important;
        margin: 0 10px;
        padding: 0 !important;
      }

      .container.p-0 {
        width: 100% !important;
        min-width: 100% !important;
      }

     .form-step {
    height: auto !important;
    padding: 40px 25px !important;
}
        a.nextBtn.btn-info.btn.mt-2 {
            text-align: center;
            margin-top: 36px !important;
        }

      .page-id-45465 .elementor-element.elementor-element-a70624d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded .elementor-element.elementor-element-b7ac7c1.elementor-widget.elementor-widget-html {
        min-width: 100%;
      }
      h2.fs-5.mainHeading.text-center {
    margin-bottom: 50px !important;
    font-size: 22px !important;
    line-height: 20px;
}

span.emi_in {
    display: inline-block !important;
}
img.w-100.mobile-hide {
    display: none;
}

.bannerSection img.mobile-show {
    /* height: 96vh; */
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
}
a.nextBtn.btn-info.btn.mt-2 {
    position: fixed;
    left: 10px;
    right: 0;
    width: 95%;
    /* margin: 0 auto; */
    bottom: 2%;
}
		.form-step-inner-section.text-center.py-5.px-5 {
    /* background: #0c141e; */
    position: relative;
    z-index: 9;
}

.bannerSection img.mobile-show {
    /* height: 100vh; */
}

.form-step.active.Wellcome-Screen {
    position: relative;
}

.form-step.active.Wellcome-Screen:after {
    /* background: #00000029; */
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0 !important;
    height: 188px;
    bottom: 0;
    backdrop-filter: blur(4px);
}
.YesNocheckbox .form-check {
    background: transparent;
    border: navajowhite;
    width: auto !important;
    padding: 0;
    line-height: 52px;
}

.YesNocheckbox  input.form-check-input {
    padding: 16px 40px;
    margin-left: 0;
    margin: 5px 9px;
    float: none !important;
}

.YesNocheckbox input.form-check-input:checked {
    background-color: #0055a5;
}

.YesNocheckbox .form-check:hover {
    background: transparent !important;
}
.autoScrollSection {
    max-height: 41vh;
    overflow-y: auto;
}
.options1.lifeInsuranceWrapper .icon {
    /* top: -27px !important; */
}
div#spouseIncomeField {
    padding: 0 0 !important;
}

.checkwrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 16px;
}

.checkwrapper .form-check {
    background: transparent;
    border: none;
    width: 100% !important;
    font-size: 11px;
}

.checkwrapper .form-check:hover {
    background: transparent !important;
}

.checkwrapper .form-check input:checked {
    background-color: #0055a5;
}
    

.form-step.spause-income.p-5.active {
    padding-bottom: 150px !important;
}

.form-step:nth-child(8) {
    padding-bottom: 140px !important;
}

.form-step:nth-child(10) {
    padding-bottom: 140px !important;
}

.form-step:nth-child(11) {
    padding-bottom: 130px !important;
}


.autoScrollSection::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.autoScrollSection::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.autoScrollSection::-webkit-scrollbar-thumb
{
	background-color: #0055a5;
}


    }

    /* .form-step {
    display: block !important;
} */

  img.mobile-show {
    display: none;
}

@media (max-height: 700px) {
      /* Styles to apply when the viewport is at least 768px high */
      .autoScrollSection {
               max-height: 42vh;
      }
    }


@media (min-height: 700px) and (max-height: 1024px) {
      /* Styles to apply when the viewport is at least 768px high */
      .autoScrollSection {
               max-height: 50vh;
      }
    }

.range-wrapper .icon img {
    width: 43px;
    padding-bottom: 10px;
}
.form-check.form-switch label {
    line-height: 10px;
}