body { color:#000; font-family:Mulish; }
a, i, button { transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; }
button:focus { outline:none; }
a { text-decoration:none; }
img { height:auto; max-width:100%; width:auto; }

.login-sec { background-image:url(../images/irr-login-background.webp); background-position:top center; background-size:cover; border-radius:0 0 0 110px; padding:65px 0; text-align:center; }
.login-sec h1 { color:#fff; font-size:32px; font-weight:800; margin:0; }
.login-sec h2 { border-top:1px solid rgba(255,255,255,0.15); color:#fff; display:inline-block; font-size:20px; font-weight:700; line-height:1.4; margin:65px 0 25px; padding:62px 45px 0; }
.login-sec h3 { color:#fff; font-size:18px; font-weight:400; line-height:1.6; margin:0; padding:45px 0; }
.login-sec h4 { font-size:20px; font-weight:400; margin:15px 0; }
.login-sec h4 a { color:#fff; }
.login-sec h4 a:hover { color:#999; }
.login-sec h5 { border-bottom:1px solid rgba(255,255,255,0.15); color:#fff; display:inline-block; font-size:18px; font-weight:700; margin:0; padding:15px 8px 45px; }
.login-sec h6 { color:rgba(255,255,255,0.5); font-size:12px; margin:18px 0 28px; }

.login-sec form { background-color:#f7f7f8; border:1px solid #DEDEDE; border-radius:25px; padding:50px 45px 60px; }
.in-box { margin:0 0 24px; position:relative; text-align:left; }
.in-box p { color:#393D42; display:block; font-size:16px; font-weight:400; margin:0 0 6px; }
.box { background-color:#fff; border:1px solid #D9D9D9; border-radius:0; color:#393D42; font-size:16px; outline:none; padding:7px 12px; width:100%; }
.box:focus { border:1px solid #0D647C; }
.box::placeholder { color:#393D42; opacity:1; }
.login-sec form button { background-color:#0D647C; border:none; color:#fff; font-size:18px; font-weight:700; margin:0 0 38px; padding:8px 35px; text-transform:uppercase; }
.login-sec form button:hover { background-color:#29335B; color:#fff; }
.for-txt a { color:#0D647C; font-size:11px; font-weight:400; display:inline-block; margin:0 9px; text-decoration:underline; }
.for-txt a:hover { color:#393D42; }


/********************** login page Media **********************/
@media (min-width:320px) and (max-width:767.98px){
.login-sec { border-radius:0; }	
.login-sec form { padding:45px 35px 50px; }
.login-sec h1 { font-size:30px; line-height:1.3; }
.login-sec h2 { margin-bottom:3px; }
.login-sec h3 { font-size:16px; padding-top:25px; }
}

@media (min-width:768px){
.login-sec form { margin:0 auto; width:422px; }
}