body, html {
        position: absolute !important;
        width: fit-content !important;
        height: 100% !important;
        background-repeat: no-repeat !important;
        background-position: center;
        background-size: cover !important;
       background-image: url("https://img.freepik.com/free-vector/white-gray-geometric-pattern-background-vector_53876-136510.jpg?t=st=1649347836~exp=1649348436~hmac=58ccfc3909521abb6fc73f96322b10162a4be94c206b6866925e99c1ad66ba98&w=1380") !important;
    background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;

    }
    .shilpi-card{
    z-index: -1;
        border-right: 2px solid #f1f1f1;
        box-shadow: 2px 0 8px rgb(0 0 0 / 0%)!important
    }
    .modal-content{
        border-radius: 24px;
    }
    .card{
        background-color: rgb(255, 255, 255);
    }
    .bg-blue {
        background-color: rgb(1, 118, 255) !important;
        border-radius: 16px 16px 0px 0px;
      }
      .btn-success {
        border: 3px solid;
        font-weight: 500;
        background: linear-gradient(#fcfdff 0,#eaeef5 100%) no-repeat padding-box;
        color: #263035;
        border: 1px solid #d0d4df;
    }
    .btn-success:focus{
        border: 3px solid;
        font-weight: 500;
        background: linear-gradient(#fcfdff 0,#dee5f1 100%) no-repeat padding-box;
        color: #263035 !important;
        border: 1px solid #d0d4df;
    }
    .btn-success:hover, .btn-danger:hover{
        border: 3px solid;
        font-weight: 500;
        background: linear-gradient(#fcfdff 0,#dee5f1 100%) no-repeat padding-box;
        color: #263035;
        border: 1px solid #d0d4df;
        /* border-color: #4a81d4; */
    }
    .btn-danger:disabled{
        border: 3px solid;
        font-weight: 500;
        background: linear-gradient(#fcfdff 0,#dee5f1 100%) no-repeat padding-box;
        color: #263035;
        border: 1px solid #d0d4df;

    }
.btn-success:disabled{
    border: 3px solid;
        font-weight: 500;
        background: linear-gradient(#fcfdff 0,#dee5f1 100%) no-repeat padding-box;
        color: #263035;
        border: 1px solid #d0d4df;
}
      
    button#check_code {
        margin-top: 10px;
    }
    .login-header {
        color: #0176ff !important;
        font-weight: 800;
    }
    .btn-primary {
        color: #fff;
        background-color: #ffc84b;
        border-color: #fcbe32;
        box-shadow: 0 0 0 #f8dba9;
        FONT-WEIGHT: 700;
    }
    .btn-primary:hover{
        color: #fff;
        background-color: #ffc84b;
        border-color: #FDD319;
        box-shadow: 0 0 0 #f8dba9;
        FONT-WEIGHT: 700;
    }
    .btn-primary:focus {
        color: #fff;
        background-color: #ffc84b;
        border-color: #FDD319;
        box-shadow: 0 0 0 #f8dba9;
        FONT-WEIGHT: 700;
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
        color: #fff;
        background-color: #ffc84b;
        border-color: #FDD319;  
        box-shadow: 0 0 0 #f8dba9;
    }
    .mt-5, .my-5 {
        margin-top: 10.5rem!important;
    }
.footer-alt{
        position: unset;
            left: 0;
            bottom: 0;
            width: 100%;
}

         .footer .text-right{
             text-align: center !important;
         }
         .text-white-50{
             color: rgb(1, 118, 255) !important;
         }
         .container{
            box-shadow: 0px 0px #ccc6 !important
         }

    /* Media Query */
    @media (max-device-width: 480px) {
        .mt-5, .my-5 {
        margin-top: 2.5rem!important;
    }
        }