/*================================================
DM Experience Area CSS
=================================================*/
.dm-experience-area {
    background-color: #f3f8ff;
}

.dm-experience-content span {
    font-size: var(--fontSize);
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    color: var(--optionalColor);
}

.dm-experience-content h3 {
    font-size: 42px;
    margin-bottom: 15px;
}

.dm-skill-bar .skill-bar {
    margin-top: 30px;
}

.dm-skill-bar .skill-bar .progress-title-holder {
    position: relative;
    margin-bottom: 5px;
}

.dm-skill-bar .skill-bar .progress-title {
    font-size: var(--fontSize);
    font-weight: 400;
    color: var(--blackColorDm);
}

.dm-skill-bar .skill-bar .progress-number-mark {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: var(--fontSize);
    color: var(--blackColorDm);
    font-weight: 400;
}

.dm-skill-bar .skill-bar .progress-content-outter {
    height: 6px;
    background-color: #dadde0;
}

.dm-skill-bar .skill-bar .progress-content {
    height: 6px;
    background: linear-gradient(to right, #ff3a34, #ff4a33, #ff5832, #ff6532, #ff7033);
    width: 0%;
}

.dm-skill-bar .skill-bar .progress-content.two {
    background: linear-gradient(to right, #3c08ac, #2f26b4, #2238ba, #1546bf, #0e53c2);
}

.dm-skill-bar .skill-bar .progress-content.three {
    background: -webkit-gradient(linear, left top, right top, from(#361170), color-stop(#451391), color-stop(#5514b3), color-stop(#6612d6), to(#780dfa));
    background: linear-gradient(to right, #361170, #451391, #5514b3, #6612d6, #780dfa);
}

.dm-skill-bar .skill-bar .progress-content.four {
    background: -webkit-gradient(linear, left top, right top, from(#ef2974), color-stop(#f73767), color-stop(#fc475a), color-stop(#ff584d), to(#ff6841));
    background: linear-gradient(to right, #ef2974, #f73767, #fc475a, #ff584d, #ff6841);
}

.dm-skill-bar .skill-bar .progress-content.five {
    background: -webkit-gradient(linear, left top, right top, from(#0164eb), color-stop(#007ef6), color-stop(#0096fc), color-stop(#00abfc), to(#00bffa));
    background: linear-gradient(to right, #0164eb, #007ef6, #0096fc, #00abfc, #00bffa);
}