.card {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}
.img-template {
    height: 30vh;
    background: #000000b8;
    object-fit: scale-down;
    object-position: center center;
}
#id-card-field{
    width:2.5in;
    height:3.5in;
    position:relative;
    background:#fff;
    overflow: hidden;
}
#id-card-field .field-item{
    position:absolute;
    margin: 3px 5px;
}
#id-card-field .field-item.focus::before{
    content:"0";
    position:relative;
    width:100%;
    height:100%;
    border: 1px pink;
}
#id-card-field .field-item[data-type="textfield"]{
    padding:3px 5px;
}
#id-card-field .field-item.img{
    width:50px;
    height:50px;
}
#id-card-field .field-item>img{
    width:100%;
    height:100%;
    object-fit:fill;
    object-position:center center;
    border-radius:inherit;
}
.remove_field{
    cursor:pointer;
}
img#cimg{
    height: 15vh;
    width: 15vh;
    object-fit: cover;
    border-radius: 100% 100%;
}



/*================page=====================*/
.id_card_data{
    display: inline-block;
    margin: 5px;
}
#page_loader {
            display: -ms-flexbox;
            display: flex;
            background-color: #f4f6f9;
            height: 100vh;
            width: 100%;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            align-items: center!important;
            text-align: center;
        }