/*####### style skills-contioner #########*/
.skills-contioner .skills-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*####### style title #########*/
.skills-contioner .title {
    position: absolute;
    transform: translate(5rem, 8rem);
}

/*####### style after #########*/
.skills-contioner .title::after {
    content: "";
    width: 350px;
    height: 1px;
    transform: translate(10px, 17px);
    background: white;
    position: absolute;
}

/*####### style icon #########*/
.skills-contioner .skills-wrapper .icon {
    color: blue;
}

/*####### style left-section #########*/
.skills-contioner .skills-wrapper .left-section .skills-box {
    border: 2px solid #c2bbc2;
    margin: 1rem;
}

.skills-contioner .skills-wrapper .left-section {
    display: flex;
    justify-content: space-between;
    margin-left: 4rem;
    transform: translateY(5rem);
}

.skills-contioner .skills-wrapper .left-section .skills-box .box-header {
    font-weight: bold;
    border-bottom: 1px solid #c2bbc2;
    color: blueviolet;
    width: 190px;
}

.skills-contioner .skills-wrapper .left-section .skills-box .box-content {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 5px;
    color: #878d97;
    padding: 5px;
}