@media only screen and (min-width: 2000px) {
    main {
        height: 100vh;
    }
}


@media only screen and (max-width:991px) {
    .step2 {
    height: auto;
    }
    .steplft {width: 100%;}
}

@media only screen and (max-width:767px) {
 .form-check .form-check-input {left: 12px;width: 22px;height: 22px;}
.form-check label.form-check-label {height: 48px;padding-left: 45px !important;font-size: var(--fs-light);line-height: var(--lh-light);}
.form-group-flex {gap: 12px !important;}
body{font-size: var(--fs-light);line-height: var(--lh-light);}
.heading {font-size: var(--fs-m);line-height: var(--lh-m);}
.steplft h3 {font-size: var( --fs-xs);line-height: var(--lh-n);}
.otp-input {width: 49.67px;}
.mb-7{margin-bottom: 24px !important;}
}

@media only screen and (max-width: 625px) {
    .steplft {padding: 0 16px;}
}

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


}

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

}