@font-face {
    font-family: 'Exo2-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('Exo2-Regular.ttf');
    }
@font-face {
    
    font-family: 'Oswald-Medium';
    font-style: normal;
    font-weight: 300;
    src: url('Oswald-Medium.ttf');
    }
body{
    font-family: 'Exo2-Regular';
}
 /*login css*/

 .user_card {
      height: auto;
      width: 350px;
      margin-top: 100px;
      margin-bottom: auto;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      background-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%), 0 3px 10px 0 rgb(0 0 0 / 19%);
      position: relative;
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 10px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      border-radius: 5px;

    }
    .brand_logo_container {
      position: absolute;
      top: -75px;
      padding: 10px;
      text-align: center;
    }
    .brand_logo {
      width: 150px;
      box-shadow: 0px 21px 25px -8px rgba(0,0,0,0.75);
      -webkit-box-shadow: 0px 21px 25px -8px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 21px 25px -8px rgba(0,0,0,0.75);
      border-radius: 50px;
    }
    .form_container {
      margin-top: 10px;
    }
    .login_btn {
      width: 100%;
      background: linear-gradient(to right, #ED1651 0%, #0068b4 100%);
      color: white !important;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      transition: 0.3s ease-in-out;
      padding: 5px;
      border: none;
      border-radius: 25px;
    }
    .login_btn:focus, .login_btn:hover {
      background: linear-gradient(to left, #ED1651 0%, #0068b4 100%);
      box-shadow: none !important;
      outline: 0px !important;
      transition: 0.3s ease-in-out;
    }

    .login_container {
      padding: 0 2rem;
    }
    .loginLink{
      width: 100%;
    }
    .enquiry_btn {
      width: 100%;
      background: #c0392b !important;
      color: white !important;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      transition: ease-in .3s;
    }
    .enquiry_btn:focus, .enquiry_btn:hover {
      box-shadow: none !important;
      outline: 0px !important;
      transition: ease-in .3s;
    }

    .enquiry_container {
      padding: 0 2rem;
    }
    .enquiryLink{
      width: 100%;
    }
    .input-group-text {
      background: transparent; !important;
      color: #d70045 !important; 
      border: 0 !important;
      border-radius: 0.25rem 0 0 0.25rem !important;
    }
    .input_user,
    .input_pass:focus {
      box-shadow: none !important;
      outline: 0px !important;
    }
    .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
      background-color: #c0392b !important;
    }
    .signUpLink, .FYPLink {
      text-decoration: none !important;
      color: #d40434;
      font-weight: 700;
    }
    .loginForm{
      width: 90%;
    }