*{

        margin: 0;

        padding: 0;

        box-sizing: border-box;

    }

    /* center popup  */

    .center_popup{

      background: white;

    padding: 30px;

    border-radius: 10px;

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: fit-content;

    }

    .outer_center_popup{

      position: absolute;

    width: 100vw;

    height: 100vh;

    top: 0;

    left: 0;

    z-index: 50!important;
    background: rgba(0,0,0,0.5);
    }

    .relative{

      position: relative;

    }

    .popup_message{

        font-size: 30px;

    }

    .btn-grad-approve {

    background-image: linear-gradient(to right, #134E5E 0%, #71B280 51%, #134E5E 100%);

    /* margin: 10px; */

    margin: 10px;

    padding: 15px 45px;

    text-align: center;

    text-transform: uppercase;

    transition: 0.5s;

    background-size: 200% auto;

    color: white;

    box-shadow: 0 0 20px #eee;

    border-radius: 10px;

    display: block;

}

.btn-grad-approve:hover {

    background-position: right center;

    color: #fff;

    text-decoration: none;

}

    .btn-grad-disburse {

        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);

    margin: 10px;

    padding: 15px 45px;

    text-align: center;

    text-transform: uppercase;

    transition: 0.5s;

    background-size: 200% auto;

    color: white;

    box-shadow: 0 0 20px #eee;

    border-radius: 10px;

    display: block;

  }

  .btn-grad-disburse:hover {

    background-position: right center;

    color: #fff;

    text-decoration: none;

  }