.signInSection{background-image: url('/Default/assets/img/login/img/main-Bg.svg');background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;min-height: 100vh;padding: 36px;}
.logoSectionLeft{background-image: url('/Default/assets/img/login/img/bg-img.svg');background-size: cover;background-position: center;height: 100%;border-radius: 24px;padding-top: 120px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;min-height: calc(100vh - 200px);}
.w-logo{max-height: 122px;width: auto;object-fit: contain;}
.handIcon{max-width: 325px;position: relative;bottom: -1px;}
.formContentBox {padding: 0px 0px;max-width: 520px;margin-left:120px;}
.formContentBox h2{font-size: 40px;line-height: 40px;font-weight: 700;color: #00447A;margin-bottom: 30px;}
.controlBox{margin-bottom: 20px;}
.controlBox small.help-block {color: #ff0000;}
.c-f-label{font-size: 16px;line-height: 19px;font-weight: 500;color: #323232;margin-bottom: 10px;display: block;}
.captchaRow{display: flex;gap: 40px;justify-content: space-between;}
.cpatcha-bg img{width:auto;height: 48px;overflow: hidden;}
.c-fControl{background: #F8FCFF;border: 1px solid #C2C2C2;border-radius: 6px;min-height: 45px;}
.form-select.c-fControl {width: 100%;-webkit-appearance: none;padding: 10px 12px;color: #777777;}
input.c-fControl:focus{box-shadow: none;}
.captchaImage {display: flex;align-items: center;width: 240px;justify-content:flex-end;gap:15px;}
.cPassword{padding-right: 60px;}
.eyeIcon{position: absolute;right: 20px;top: 40px;cursor: pointer;}
.arrowIcon{position: absolute;right: 20px;bottom: 19px;cursor: pointer;}
.verifyBtn,.submitBtn{background: #EE9700;border-radius: 8px;color: #fff;font-size: 20px;line-height: 26px;font-weight: 700;padding: 10px 0;width: 100%;margin-top: 40px;}
a.forgotPassword { text-decoration: none; font-size: 16px; font-weight: 600; text-align: center; margin: 16px auto; color: #323232;}
.cMinW-150{width: calc(100% - 300px);}
.cpatcha-bg {border-radius: 8px;display: flex;background: #dcdcdc;width: 150px;align-items: center;justify-content: center;height: 48px;overflow: hidden;}
.parichay-ad {margin-top: 40px;display: flex;gap: 24px;align-items: center;justify-content: center;}
a.parichayText {font-size: 16px;text-decoration: none;font-weight: 500;color: #323232;}
/* otp section css here  */
.messageBox {background: #C4E6FF 0% 0% no-repeat padding-box;border-radius: 8px;display: flex;padding: 16px;align-items: center;justify-content: center;margin-bottom: 40px;}
.messageBox p{text-align: center; color: #323232;margin: 0px;font-size: 18px;line-height: 26px;font-weight: 500;}
.otpInputBox {display: flex;justify-content: space-between;align-items: center;}
.otpInput {width: 64px;height: 64px;background: #F8FCFF;border: 1px solid #C2C2C2;border-radius: 8px;text-align: center;}
section.signInSection .container-fluid > .row.justify-content-between {align-items: center;}
.formContentBox label.form-label {font-size: 16px;font-weight: 500;margin-bottom: 5px;}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1299px) {
    .captchaRow{gap: 40px;}
    .cMinW-150 { width: calc(100% - 253px);}
    .w-logo{max-height: 100px;width: auto;object-fit: contain;}
    .formContentBox { margin-left: 60px;}
    .captchaImage{width: 150px;}
}
@media only screen and (max-width: 1096px) {
    .w-logo{max-height: 80px!important;width: auto;object-fit: contain;}
    .otpInput {
        width: 50px;
        height: 50px;}
}
@media only screen and (max-width: 991px) {
    .handIcon{display: none;}
    .logoSectionLeft {width: 100%;max-width: 520px;margin: 0 auto 30px; padding: 30px!important;min-height: auto;}
.formContentBox {margin: auto;}
.formContentBox h2{font-size: 36px!important;line-height: 36px!important;margin-bottom: 16px;}
.w-logo{margin-bottom: 0;}
}
@media only screen and (max-width: 650px) {
    .signInSection{padding: 24px 3px;}
    .w-logo {max-height: 80px!important;}
    .c-f-label { margin-bottom: 6px;}
    .controlBox{margin-bottom: 16px;}
    .cMinW-150 {width: calc(100% - 104px);}
}
@media only screen and (max-width: 575px) {
    .w-logo {max-height: 70px!important;}
    .cpatcha-bg img{max-width: 120px;width:auto;object-fit: cover;height: 40px;}
    .parichay-ad {margin-top: 16px;display: flex;gap: 24px;align-items: center;justify-content: center;flex-direction: column;}
    .formContentBox h2{font-size: 24px!important;margin-bottom: 10px;}
    .cpatcha-bg{height: 40px;}
    .c-fControl{border-radius: 4px;min-height: 40px;height: 40px;}
    .controlBox{margin-bottom: 10px;}
    .c-f-label{font-size: 14px;}
    .logoSectionLeft{border-radius: 10px;}
    .formContentBox{padding: 5px 0;}
    .parichay-ad .parichayText{display: none;}
}
@media only screen and (max-width: 376px) {
    .w-logo {max-height: 60px!important;}
    .otpInput {  width: 45px;height: 45px;}
}

@media (max-height:800px) {
    .logoSectionLeft{padding-top: 50px;}
    .w-logo{margin-bottom: 50px;}
    .c-fControl{min-height: 45px;}
    .controlBox{margin-bottom: 15px;}
    .formContentBox label.form-label {font-size: 14px;margin-bottom: 4px;}
    .formContentBox h2{font-size: 32px;line-height: 32px;}
    section.signInSection button.btn.primary.submitBtn {margin-top: 20px;}
    .parichay-ad{margin-top: 30px;}
}

@media only screen and (max-height:700px) and (max-height: 650px) {
    .signInSection{padding: 20px;}
    .w-logo {margin-bottom: 30px;max-height: 85px;}
    .formContentBox h2{margin-bottom: 20px;}
    .parichay-ad{margin-top: 20px;}
}