.card{
    width: 270px;
    height: 350px;
    background-color: whitesmoke;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.img{
    width: 100%;
    height: 15%;
    background-color: #1a9df4;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card .img img{
    width: auto;
    height: 170%;
    border-radius: 50%;
    border: 3px solid white;
    margin-top: 15px;
}
.card .name{
    margin-top: 23%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bar{
    margin-top: 3%;
    width: 80%;
    height: 2px;
    background-color: #1a9df4;
}
.infos{
    margin-top: 5%;
    margin-bottom: 10px;
}
.infos .row{
    padding-left: 18px;
    display: flex;
    align-items: center;
}
.infos .row .diff{
    margin-top: 12px;
    margin-bottom: 12px;
}
.infos .row i{
    margin-right: 10px;
}
.infos .row p{
    font-size: 14px;
}
.card-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 13%;
    margin-top: 20px;
}


.wrapperCard {
    margin-top: 20%;
}

.containerCard {
    width: 280px;
    height: 300px;
    background: #fff;
    position: relative;
    border-radius: 10px;
}

.containerCard .profile-imgCard {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: 85px;
    border: 5px solid #edf1f7;
}

.contentCard {
    padding: 65px 20px 20px;
}

.contentCard .sub-contentCard {
    text-align: center;
}

.contentCard .sub-contentCard h1 {
    text-transform: uppercase;
    font-size: 24px;
    color: #1a9bf0;
}

.contentCard .sub-contentCard span {
    font-size: 12px;
    color: #494949;
}

.contentCard .sub-contentCard p {
    margin-top: 15px;
    font-weight: 600;
}

.contentCard .sub-contentCard span.locationCard {
    display: block;
    margin: 5px 0 20px;
}

.contentCard .sub-contentCard span.locationCard .fa {
    font-size: 18px;
    margin-right: 5px;
}

.contentCard .sub-contentCard a {
    color: #1a9bf0;
}

.dataCard {
    width: 100%;
    overflow: hidden;
    margin: 30px 0 20px;
}

.inner-dataCard {
    width: 33.3%;
    float: left;
    text-align: center;
}

.inner-dataCard span .fa {
    font-size: 30px;
    margin-bottom: 5px;
    color: #1a9bf0;
}

.btnCard {
    clear: both;
    text-align: center;
    width: 100%;
    height: 35px;
    background: #1a9bf0;
    color: #fff;
    text-transform: uppercase;
    line-height:36px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 10px;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    transform: translateY(12px);
}