@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap");

body,
html {
    font-family: Poppins, sans-serif !important;
}

.hidden {
    display: none !important;
}


.img-background-login{
    background-image:url('/img/login_background.jpg') !important;
    background-size: cover;
    /* border-radius: 1rem; */
  }

  .kt_app_root_login{
      padding: 2.5rem 3rem;
  }

  .size-logo{
      height: 170px;
  }

  .width-custom{
    width: 500px !important;
  }

  @media screen and (max-width: 992px) {

      body { 
        background-size: cover !important; 
      }

}

  @media screen and (max-width: 560px) {
    .width-custom{
        width: 400px !important;
      }

      body { 
        background-size: cover !important; 
      }

}

  @media screen and (max-width: 481px) {
      .wrapper-form{
          padding-right: 2rem;
          padding-left: 2rem;
          width: 100%;
      }

      .kt_app_root_login{
          padding: 2.5rem 2rem;
      }

      .img-background-login{
          /* border-radius: 1rem; */
          background-image: none !important;
      }

      .hide_mobile{
          display: none !important;

      }

      .width-custom{
        width: 400px !important;
      }

  }

  @media screen and (max-width: 400px) {
      .size-logo{
          height: 100px;
      }

      .width-custom{
        width: 300px !important;
      }
  }