/* ================= Login Start ================= */
.member-container { font-family: 'IBM Plex Sans', sans-serif; overflow: hidden; }
.text-blue{color: #0F62FE;}
.member-left { width: 50%; height: 100%; background: #0043CE; overflow: hidden; position: fixed; left: 0; top: 0; padding: 130px 50px 130px; display: flex; flex-flow: column; justify-content: center; }
.member-left .member-left-upper { position: absolute; left: 10%; top: 0; width: 57%; }
.member-left .member-left-lower { position: absolute; right: 10%; bottom: 0; width: 57%; }
.mr-inner-logo { margin: 0 auto 13px; width: 100px; }
.mr-inner-logo img { width: 100%; }
.main-member-text { max-width: 700px; margin: 0 auto; }
.main-member-text h2 { font-size: 36px; line-height: 44px; margin-bottom: 12px; }
.main-member-text h4 { font-size: 20px; margin-bottom: 0; }
.btn-login { background-color: #4589FF; width: 100%; display: block; padding: 12px 20px; color: #fff; text-align: center; font-size: 16px; transition: all .3s ease-in; }
.btn-login { background-color: #0060ff; color: #fff !important; }
.member-right { width: 50%; padding: 0 50px; overflow: auto; margin-left: 50%; height: 100%; }
.mr-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.mr-inner-content {max-width: 429px;width: 100%;padding: 25px 30px;background: #FFFFFF;box-shadow: 0px 0px 37px 1px rgba(0, 0, 0, 0.15);border-radius: 4px;}
.member-logo-area { width: 14.75vw; display: block; margin-bottom: 95px; margin-bottom: 6.5vw; transition: none; filter: brightness(0) invert(1); }
.member-logo-area img { width: 100%; }
.member-image { width: 92%; position: absolute; left: 0; bottom: -11vw; height: 54vw; object-fit: contain; object-position: left top; max-height: 84vh; }
.member-intro-desc h5 { font-weight: 700; font-size: 35px; line-height: 43px; letter-spacing: 0.05vw; margin-bottom: 0; font-size: 2.42vw; line-height: 1.2; }
.member-intro-desc p { font-weight: 400; font-size: 24px; line-height: 29px; letter-spacing: 0.02vw; font-size: 1.65vw; line-height: 1.2; }
.mr-inner-content h1 { font-weight: 600; font-size: 25px; line-height: 24px; letter-spacing: 0.8px; color: #001D6C; margin-bottom: 30px; text-transform: capitalize; text-align: center; }
.mr-inner-content .form-group { position: relative; }
.mr-inner-content .form-group:not(:last-child) { margin-bottom: 25px; }
.new-form-group:not(:last-child) { margin-bottom: 30px; }
.mr-inner-content .form-label { font-weight: 400 !important; font-size: 14px; line-height: 17px; color: #525252; }
.mr-inner-content .form-control:focus { background-color: #f5f5f5; }
.mr-inner-content .form-control { background-color: transparent; color: var(--color-black); height: 36px; border: 0; border-bottom: 1px solid #4589FF; font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: 0.01em; color: #000000; padding: 8px 14px 8px 14px; border-radius: 0px !important; }
.mr-inner-content .form-control-sugg { font-size: 12px; color: #525252; }
.mr-inner-content select.form-control { padding-right: 36px; appearance: none; background-image: url(assets/images/select-arrow.png); background-size: 10px; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 10px); }
.mr-inner-content .form-control::placeholder { color: var(--color-dark); opacity: 0.5; }
.mr-inner-content form-control:focus, .form-select:focus { color: currentColor; background-color: #f5f5f5; box-shadow: 0 0 0 1px #1C1D23; }
.fml-input-group-item .form-control::placeholder { color: rgb(51 50 48 / 80%) !important; }
.mr-inner-content textarea.form-control { height: 120px; resize: none; }
.number-input span { font-weight: 400; font-size: 14px; line-height: 17px; color: rgb(0 0 0 / 60%); position: absolute; top: 50%; transform: translateY(-50%); left: 17px; }
.number-input .form-control { padding-left: 40px; }
.form-select { background-color: #f5f5f5; border: none; height: 40px; }
.form-btn .btn { min-width: 190px; }
.cpc-item .form-control { background: #EDEDED !important; }
.forgot-psw { font-weight: 400; text-transform: capitalize; font-size: 14px; line-height: 1; color: var(--color-orange); margin-top: 16px; }
.forgot-psw a:hover { text-decoration: underline !important; }
.form-group.form-btn { margin-top: 30px; }
.eye-icon-box { width: 16px; height: 16px; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 9; display: flex; align-items: center; justify-content: center; }
.login-content-text h6 { font-size: 16px; font-weight: 600; margin-bottom: 15px; }
.login-content-text p { line-height: 22px; color: rgb(0 0 0 / 85%); }
.login-content-text { margin-bottom: 30px; }
.separator { height: 1px; background: #ebebeb; }
.mr-inner-links { margin-top: 25px; }
.mr-inner-links h6 { font-size: 14px; font-weight: 600; margin-bottom: 15px; }
.mr-inner-links p { margin-bottom: 10px; }
.mr-inner-content .form-group .form-check { position: relative; padding-left: 20px; }
.mr-inner-content .form-group .form-check .form-check-input { display: none; }
.mr-inner-content .form-group .form-check .form-check-label { font-size: 14px; line-height: 20px; }
.mr-inner-content .form-group .form-check .form-check-label::before { content: ''; position: absolute; width: 15px; height: 15px; border: 1px solid #555; border-radius: 2px; left: 0; top: 5px; }
.mr-inner-content .form-group .form-check input:checked + .form-check-label::before { border-color: #0043ce; }
.mr-inner-content .form-group .form-check input:checked + .form-check-label::after { transform: scale(1); }
.mr-inner-content .form-group .form-check .form-check-label::after { content: ''; position: absolute; width: 9px; height: 9px; background-color: #0043ce; left: 3px; top: 8px; border-radius: 1px; transform: scale(0); transition: all .3s ease-in; }

/* ================= Login End ================= */




@media (max-width:767.98px) {
	.member-left { display: none; }
	.member-right { margin: 0; width: 100%; padding: 30px 20px; }
	.mr-inner-logo { width: 74px; }
	.mr-inner-content h1 { font-size: 22px; }
	.btn-login { padding: 10px 20px; }
}