body{

margin:0;

padding:0;

font-family:Segoe UI;

background:

linear-gradient(rgba(255,153,0,.85),

rgba(0,128,0,.70)),

url('../Images/modi.jpg');

background-size:cover;

background-position:center;

height:100vh;

}

.overlay{

display:flex;

justify-content:center;

align-items:center;

height:100vh;

}

.login-box{

width:420px;

background:white;

border-radius:20px;

padding:30px;

box-shadow:0 0 40px rgba(0,0,0,.4);

}

.logo{

width:90px;

margin-bottom:10px;

}

.leaders{

display:flex;

justify-content:space-around;

margin-top:15px;

}

.leaders img{

width:85px;

height:85px;

border-radius:50%;

border:3px solid orange;

object-fit:cover;

}

h2{

color:#ff6600;

font-weight:bold;

}

h5{

color:green;

margin-bottom:20px;

}

#btnLogin{

background:#ff6600;

color:white;

font-size:18px;

font-weight:bold;

}

#btnLogin:hover{

background:#138808;

}

@media(max-width:768px){

.login-box{

width:95%;

}

.leaders img{

width:65px;

height:65px;

}




}
/* Footer */

.login-footer{
    text-align:center;
    margin-top:20px;
    color:#fffff;
    font-size:14px;
    text-shadow:1px 1px 3px rgba(0,0,0,.5);
}

.company-name{
    color:#FFD700;
    font-weight:bold;
    font-size:15px;
}

.login-footer p{
    margin:4px 0;
}

@media(max-width:768px){

.login-footer{
    font-size:12px;
}

.company-name{
    font-size:13px;
}

}