@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-compentance-card {
display: flex;
flex-direction: column;
border-bottom: 1px solid #eaeaea;
padding: 0.5rem;
padding-left: 1.5rem;
}
.row-flex {
    display: flex;
    flex-direction: row
}
.column-flex {
    display: flex;
    flex-direction: column
}

.projectManagement-icon {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}
.span-sub-title {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}
.span-sub-sub-title {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}
.level-icon {
    object-fit: cover;
    opacity: 1;
}
.competance-icon {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}