.box-ver-mais-informacao.valores {
    position: absolute;
    top: 10%;
    right: 0 !important;
    left: unset;
    padding: 40px;
    background: white;
    height: 100%;
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
    width: 50%;
  }

  .btn-ver-mais-informacao.valores:active+.box-ver-mais-informacao {
    opacity: 1;
    z-index: -1;
  }

  .btn-ver-mais-informacao.valores.active+.box-ver-mais-informacao {
    top: 0;
    right: 0 !important;
    left: unset;
    z-index: 4;
    overflow: auto;
    padding-bottom: 50px;
    width: 50%;
  }

  .displaymobile{
    display: none !important;
  }




  .bolha-roza,
  .bolha-roxa {
    opacity: 0.5 !important;
  }

  @media (max-width: 992px) {
    img.nosso-compromisso {
      max-width: 150px;
      transform: scale(1.4) !important;
    }
  }

  @media (max-width: 767.85px) {
    .displaymobile{
      display: flex !important;
    }

    .displaydesktop{
      display: none !important;
    }
  
    .box-ver-mais-informacao.valores {
        position: absolute;
        top: unset;
        right: unset !important;
        left: unset;
        bottom: 0;
        padding: 40px;
        background: white;
        height: 100%;
        opacity: 0;
        transition: 0.5s;
        z-index: -1;
        width: unset;
        height: 50%;
      }
    
      .btn-ver-mais-informacao.valores:active+.box-ver-mais-informacao {
        opacity: 1;
        z-index: -1;
      }
    
      .btn-ver-mais-informacao.valores.active+.box-ver-mais-informacao {
        top: unset;
        right: unset !important;
        left: unset;
        bottom: 0;
        z-index: 4;
        overflow: auto;
        padding-bottom: 50px;
        width: unset;
        height: 57%;
      }

    .img-box-vm {
      min-height: 250px;
    }

    .box-termos-vm {
      height: 100%;
    }
  }

  @media (max-width: 420.85px) {

    .box-termos-vm,
    .box-ver-mais-informacao {
      padding: 20px;
    }
  }