@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: GraphikBold;
    src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.div-contact-card {
display: flex;
flex-direction: column;
border-bottom: 1px solid #eaeaea;
padding: 15px;
}
.row-flex {
    display: flex;
    flex-direction: row;
}

.column-flex {
    display: flex;
    flex-direction: column;
}

.span-style {
    
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}
.span-phone {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}
.title {
    font-size: 18px;
}
.sub-title {
    font-size: 15px;
}

.icon-img {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    
}
.user-icon {
    padding-top: 2px;
}
.call-icon {
    padding-top: 8px;
}
.div-contact {
    padding-left: 10px;
}

.email {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}