/* login main bg */

.login-sec-left {width: 50%;}
.login-title-1 {color: var(--body-font-color);font-size: 32px;line-height: 35px;font-weight: 600;}
.login-title-2 {color: #4D4B4C;line-height: 23px;font-weight: 600;padding-top: 15px;display: block;}
.login-form-inner{position: relative; margin-top: 20px;}
.login-form-inner img {position: absolute;top: 45px;cursor: pointer;width: 22px;left: 76%;}
.login-form label {color: #4D4B4C;line-height: 24px;font-weight: 400;margin-bottom: 8px;display: block;}
.login-form input {width: 100%;max-width: 491px;height: 38px;border: 1px solid #a19d9f;background: #ffffff;outline: none;padding: 20px;font-size: 14PX;line-height: 20PX;color: #717171;font-weight: 400;font-family: 'Sora';}
.login-form input::-webkit-input-placeholder {font-size: 14PX;line-height: 20PX;color: #717171;font-weight: 400;font-family: 'Sora';}
.forget-password {font-size: 16px;line-height: 24px;font-weight: 400;margin-top: 36px;display: inline-block;cursor: pointer;color: #CF231E;}
.sign-in-btn button {font-size: 18px;color: #F5F5F5;font-weight: 600;cursor: pointer;font-family: 'Sora';background-color: #002842;width: 200px;border-radius: 5px;border: none;height: 55px;margin-top: 14px;}
.sign-in-btn button:hover {background-position: 100%;}
.login-bg {display: flex;width: 100%;justify-content: space-between;gap: 14px;background: #ffffff;margin-top: 26px;}
.sign-up-btn button {background: var(--primary-p2-background);margin: 35px 0;}


/* responsive */
@media only screen and (max-width:1100px),(max-width:1199px) {}
@media only screen and (max-width:1000px),(max-width:1099px) {
.login-form-inner img {    left: 88%;}
}

@media only screen and (max-width:800px),(max-width:899px) {}
@media only screen and (max-width:700px),(max-width:799px) {
.login-title-1 {    font-size: 22px;  line-height: 28px;}
.login-title-2 {    font-size: 14px;    line-height: 18px;}
.login-form input {  padding: 0 10px;}
.login-form-inner img {    top: 43px;    left: 88%;}

}

@media only screen and (max-width:600px),
(max-width:699px) {}

@media only screen and (max-width:500px),
(max-width:599px) {}

@media only screen and (max-width:400px),(max-width:499px) {
.login-bg { display: block;  margin-top: 10px;}
.login-sec-left { width: 100%;}
.login-title-1 { font-size: 20px;    line-height: 22px;}
.login-title-2 { font-size: 12px; padding-top: 8px;}
.login-form { margin-top: 24px;}
.login-form input::-webkit-input-placeholder { font-size: 12px;}
.login-form label { font-size: 14px; line-height: 20px;}
.forget-password { font-size: 14px; line-height: 20px; margin-top: 20px;}
.sign-in-btn button { font-size: 14px; line-height: 18px; max-width: 230px; height: 44px; margin-top: 8px;}
.login-sec-right { margin-top: 36px;}
.sign-up-btn { margin-top: 16px;}
.login-form-inner img { top: 38px;  left: 90%;}
.login-form-inner{margin-top: 15px;}
}

@media only screen and (max-width:360px),
(max-width:399px) {}

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