.upload-screen-container{
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: inherit;
    @media screen and (min-width: 770px){
        border: 1px solid #b8b8b8;
    }
    .image-cheque-div{
        padding-top: 60px;
        img {
            height: 100%;
            min-width: 307px;
        }
    }
    .image-dl-div{
        padding-top: 60px;
        img {
            height: 100%;
            min-width: 217px;
        }
    }
    .image-pan-div{
        padding-top: 60px;
        img {
            height: 100%;
            min-width: 189px;
        }
    }
    .image-gstin-div{
        padding-top: 60px;
        img {
            height: 100%;
            min-width: 138px;
        }
    }
    .title-div{
        letter-spacing: -0.3px;
        color: #232323;
        font-size: 16px;
        font-weight: 600;
        margin: 13px 0 6px;
    }
    .subtitle-div{
        font-size: 14px;
        color: rgba(35,35,35,0.54);
        line-height: 1.71;
        letter-spacing: -0.2px;
        margin-bottom: 25px;
        padding: 0px 32px;
    }
    .phone-upload-div{
        font-size: 12px;
        font-weight: 600;
        color: #4a90e2;
        img {
            width: 24px;
            vertical-align: middle;
            margin-right: 7px;
        }
        input[type=file]{
            opacity: 0.0;
            transform: translate3d(0, -100%, 0);
            width: 100%;
        }
    }
    .camera-upload-div{
        font-size: 12px;
        font-weight: 600;
        color: #4a90e2;
        img {
            width: 24px;
            vertical-align: middle;
            margin-right: 7px;
        }
        input[type=file]{
            opacity: 0.0;
            transform: translate3d(0, -100%, 0);
            width: 100%;
        }
    }
    .later-upload-div{
        font-size: 12px;
        font-weight: 600;
        color: #4a90e2;
        position: relative;
        margin-top: -5px;
        padding: 5px 0;
        img {
            width: 24px;
            vertical-align: middle;
            margin-right: 7px;
            transform: rotate(-90deg);
        }
    }
    @media screen and (max-width: 770px){
        .computer-upload-div{
            display: none;
        }
    }
    @media screen and (min-width: 770px){
        .phone-upload-div{
            display: none;
        }
        .camera-upload-div{
            display: none;
        }
        .computer-upload-div{
            font-size: 12px;
            font-weight: 600;
            color: #4a90e2;
            position: relative;
            div {
                border: 1px solid #4a90e2;
                width: fit-content;
                width: -moz-fit-content;
                padding: 18px 28px
            }
            img {
                width: 24px;
                vertical-align: middle;
                margin-right: 7px;
            }
            input[type=file]{
                opacity: 0.0;
                height:100%;
                position: absolute;
                left: 30%;
                width: 40%;
                top: 0;
            }
        }
        .later-upload-div{
            margin-top: 15px;
        }
    }
    .button-wrapper{
        margin: 16px 16px 32px;
    }
    .button-div{
        font-size: 12px;
        font-weight: 600;
        color: #4a90e2;
        padding: 20px 0px;
        background-color: #ffffff;
    }
    .overlay{
        display: none;
    }
}
@media screen and (min-width: 770px){
    .upload-screen-container{
        align-self: center;
        height: 80%;
        padding: 20px;
        background-color: #fcfcfc;
        padding-bottom: 40px;
        margin: 50px 0;
        .overlay{
            display: block;
            position: fixed;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,0.30);
            z-index: -1;
        }
    }
    
}