/* Global CSS */
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; -webkit-text-size-adjust: 100%;}

@font-face {
   font-family:"Gilroy-Light";
   src: url(../../fonts/Gilroy/Gilroy-Light.ttf);
}
@font-face {
   font-family:"Gilroy-Bold";
   src: url(../../fonts/Gilroy/Gilroy-Bold.ttf);
}

body{
   font-family:"Gilroy-Light";
   background-color: #f6f9fd;
   overflow-x: hidden;
}

.login-container{
   max-width: 915px;
   margin: 50px auto 0;
   width: 95%;
}

.Logo img{
   max-width: 286px;
   width: 100%;
}
.head-container{
   text-align: center;
}

h1{
    font-family:"Gilroy-Light";
   font-size: 40px;
   line-height: 44px;
}
   h1 span{
      color: #0583ce
   }

form{
   max-width: 600px;
   margin:20px auto;
   background: white;
   height: 410px;
   padding: 25px;
   border-radius: 15px
}
.form-head h2{
   font-size: 31px;
   text-align: center;
   font-family:"Gilroy-Bold";
   margin: 10px 0;
}
.form-head p{
   font-size: 19px;
    font-family:"Gilroy-Light";
   margin: 10px 0;
}
.input-data{
   margin: 20px 0 0;
}
   .input-data label{
      font-size: 19px;
      font-family:"Gilroy-Bold";
      margin: 10px 0;
      display: block;
   }
   .input-data input, select{
      font-size: 18px;
      font-family:"Gilroy-Light";
      padding: 10px;
      display: block;
      width: 100%;
      border: 1px solid #d4e7ff;
   }
button, a{
   font-size: 21.5px;
   font-family:"Gilroy-Bold";
   color: white;
   border:none;
   text-align: center;
   max-width: 210px;
   background-color: #2a166f;
   margin: 35px auto 20px;
   display: block;
   border-radius: 40px;
   padding: 10px;
   cursor: pointer;
   width: 100%
}

.error-message{
   background: #c63636;
   padding: 5px 10px;
   color: white;
}

/* Responsive Lagin Page */

@media (max-width: 500px){
   .login-container{margin-top: 30px}
}