html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body{
    background: url(/smartpilot/assets/media/png/login_bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--Blue-blue, #02343F);
}
* {
    box-sizing: border-box;
  }
.login-section{
    display: inline-flex;
    overflow: hidden;
    border-radius: 28px;
    background: url(/smartpilot/assets/media/png/login-section.png) var(--sunny-yellow, #FFC93C);
    flex-direction: column;
    align-items: center;
    width: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 8px;
    left: 8px; 
    bottom: 8px;
    max-width: 708px;
}
.login_frm_label{
    color: var(--Blue-blue, #02343F);
    text-align: center;
    
    /* Desktop/heading-1 */
    font-family: Inter;
    font-size: 68px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 68px */
    letter-spacing: -2.04px;
    text-transform: uppercase;
}
#login_frm >div{

    display: flex;
    flex-direction: column;
    margin-top: 24px;

}
.remember_me_c{
    display: flex;
    flex-direction: row !important;
align-items: center;
gap: 12px;
align-self: stretch;
}
.remember_me_c span{
    color: var(--Black-black, #000);

/* P */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 128%; /* 20.48px */
letter-spacing: -0.32px;
}
.remember_me_c input{
    width: 20px;
    height: 20px;
}
.login_c{
    margin-top: 174px;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
}
label.login-frm-label {
    
    display: flex;
    align-self: stretch;
    color: var(--Blue-blue, #02343F);

    /* P medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 17.92px */
    letter-spacing: -0.56px;
    margin-bottom: 8px;
}
.login-frm-input{
    display: flex;
    height: 44px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Black-light-grey, #EEECF1);
    background: var(--Black-white, #FFF);
    outline:none;
}

.submit_c button{
    border-radius: 32px;
    background: var(--Black-light-grey, #EEECF1);
    color: var(--Black-grey, #8B898C);

/* P bold */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 128%; /* 20.48px */
letter-spacing: -0.32px;
display: flex;
padding: 12px 24px;
justify-content: center;
align-items: flex-start;
gap: 8px;
align-self: stretch;
border:none;
}
.submit_c button:hover{
   
background: var(--Blue-turquoise-blue, #00888F);
color: var(--Black-white, #FFF);
cursor: pointer;
}
.login_error_c{
    display: inline-flex;
padding: 14px 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 100px;
background: var(--Semantic-Error, #E32720);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
position: absolute;
    bottom: 39px;
    display: none;
}
.login_error_c span{
    color: var(--Black-white, #FFF);
text-align: center;

/* P medium bold */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 128%; /* 17.92px */
letter-spacing: -0.56px;

}
.logo_c{
    display: block;
    position: absolute;
    left: 40px;
    top: 30px;
}