@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
:root {
   
    --font-primary: 'Poppins', sans-serif;
    --primary_color:#1959c8;
    --secondary_color:#4e4e4e;
    --tertiary_color:#EFF3FB;

}

body{padding-bottom:0px !important; font-family: var(--font-primary) !important;}
input, button, a, select, textarea,p, div,h1, h2, h3{ font-family: var(--font-primary) !important;}
#footer{background-color: rgba(0,0,0,0.5) !important; padding: 20px 0px !important;}
.order-md-1{ margin-top: auto}
#footer .col-md-6, #footer .col-md-6 a{ color: #fff;}
#footer::after, #footer::before{ background-color: transparent !important;}
.footer-login{ position: absolute; bottom: 0px; width: 100%; }
 #login-page{min-height:100vh;padding-bottom:250px !important; background-image:url('images/dealerportal_background_image.png') !important; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.max-width-login{ max-width: 500px !important; width: 90%; margin: 0 auto;}
.header-ntp-page{ background-color: #fff; padding: 10px 2%;display: flex; gap: 20px; justify-content: space-between; align-items: center; }
.header-ntp-text{ flex:1; display: flex; gap: 4px; justify-content: flex-end; align-items: center; }
.header-ntp-logo{ width: 25%;}
.header-ntp-logo img{ width: auto; height:55px; max-width: 80%;}
.header-ntp-text a{ display: inline; text-decoration: none; font-size:16px; color:var(--primary_color)}
.header-ntp-text a svg{height:20px; width:auto;  display: inline-block; vertical-align: middle; margin-right: 5px;}
.login-heading h1{ font-size: 30px; font-weight: 600; margin: 10px 0px; padding: 0px; line-height: 1.2; text-align: center; position: relative;}
.login-heading h1:after{ height: 4px; width:80px; left: 50%; margin-left: -40px; bottom: -10px; position: absolute; content: ''; background-color: var(--primary_color);}
.login-heading p{ text-align: center; line-height: 20px; padding: 24px 0px 20px 0px; font-size: 16px;  max-width: 410px !important; margin: 0 auto;}
.toggle-password-wrapper{ top:5px !important}
.login-username, .login-password{ position: relative; }
.login-username input, .login-password input{ width: 100%; padding: 10px 12px 10px 38px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
.login-username:before, .login-password:before{ font-family: "FontAwesome"; position: absolute; left: 12px; top: 38px; color: #999; font-size: 16px; }
.login-username:before{ content: "\f007"; }
.login-password:before{ content: "\f023"; }
.login-password .toggle-password{ position: absolute; right: 12px; top: 38px; color: #999; cursor: pointer; font-size: 16px; }
.forgot_password a{ color:var(--primary_color) !important}
@media screen and (max-width: 767px) {
body {padding-top: 0px !important;}
.header-ntp-logo img{ height: 40px !important; width: auto !important; max-width: 80%;}
.header-ntp-page{flex-wrap: wrap; gap:8px}
.header-ntp-logo{ width: 100%; text-align: center; margin-bottom: 10px; }
header {height: 0px !important;}
.header-ntp-text {gap: 4px;justify-content: center;align-items: center;}
#login-page {padding: 30px 0; padding-bottom: 150px !important;}
}