html {
    min-height: calc(100% + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  
  
  body {
      background-color: #1B1F27;
      height: 100%;
      overflow: hidden;
      background-attachment: fixed;
      background-image: url(//www.w2z.com.br/wp-content/themes/w2z/dist/css/../img/bg-home.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      width: 100%;
      z-index: 5;
      
  }
  
  
  .area-login {
      
      background-color: #132842;
      position: relative;
      width: 100%;
      max-width: 450px; /* Adicione esta linha para limitar a largura */
      overflow: hidden;

      
  }
  
  
  .custom-select {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
    }
  
  .vh-100 {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }


  .confirm-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    
  }
  
  .confirm-popup-inner {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
  }