.idcont {
    position: relative;
    text-align: center;
    color: #000;
}
.com_logo{
    position: absolute;
    top: 8px;
    left: 30%;
font-size:28px;
font-family: 'Sofia';
font-weight:500px;
}
.com_logo img{height:40px; width:120px;}
.com_nam{
    position: absolute;
    top: 8px;
    left: 38%;
font-size:25px;

}
.fa-id {
    position: absolute;
    top: 37%;
    left: 58%;
    transform: translate(-50%, -50%);
 
}
.u-id {
    position: absolute;
    top: 29%;
    left: 75%;
    transform: translate(-50%, -50%);
}
.fa-ph {
    position: absolute;
    top: 52%;
    left: 58%;
    transform: translate(-50%, -50%);
}
.u-ph {
    position: absolute;
    top: 44%;
    left: 78%;
    transform: translate(-50%, -50%);
}
.fa-em {
    position: absolute;
    top: 66%;
    left: 58%;
    transform: translate(-50%, -50%);
}

.u-em {
    position: absolute;
    top: 59%;
    left: 79%;
    transform: translate(-50%, -50%);
font-size:10px;
}
.fa-mp {
    position: absolute;
    top: 81%;
    left: 58%;
    transform: translate(-50%, -50%);
}
.u-co {
    position: absolute;
    top: 74%;
    left: 77%;
    transform: translate(-50%, -50%);
}
.u-img {
    position: absolute;
    top: 52%;
    left: 27%;
    transform: translate(-50%, -50%);

}

.u-img img {height:100px; width:100px; border-radius:50% 50%;}
.u-nm {
    position: absolute;
    top: 87%;
    left: 28%;
    transform: translate(-50%, -50%);
font-family: 'Sofia';
font-size:20px;
}