.resume-content .language-option .form-check-input:checked, 
.resume-content .language-options-box .form-check-input:checked,
.resume-content .experience-option .form-check-input:checked {
    background-color: var(--base-dark-gray);
    border-color: var(--base-dark-gray);
}

.resume-step-contents[dir="ltr"] .experience-option .form-check-label {
    padding-top: 2px;
    padding-left: 8px;
}

.resume-step-contents[dir="rtl"] .experience-option .form-check-label {
    padding-right: 8px;
}

.resume-content .next-step-btn {
    background-color: var(--base-dark-gray);
    color: white !important;
}

.resume-content .next-step-btn:hover, .resume-content .next-step-btn:active {
    background-color: var(--hover-gray) !important;
}

.resume-content .language-options-box .form-check-label {
    padding-top: 1px;
}

.resume-content .user-skill {
    padding: 10px 12px;
    border-radius: 20px;
    font-size: 14px;
    max-width: fit-content;
}

.resume-content .work-box {
    min-height: 240px;
}

.resume-content .experience-box {
    border: 2px solid var(--experience-border);
    width: 50%;
    height: 154px;
}

.resume-content .experience-box .experience-item .title {
    color: var(--base-dark-gray);
}

.resume-content .experience-box .experience-status {
    width: 14px;
    height: 14px;
    background-color: var(--add-color);
}

.resume-content .experience-box.active .experience-status {
    background-color: var(--action-green);
}

.resume-step-contents[dir="ltr"] {
    text-align: left;
}

.resume-step-contents[dir="ltr"] .form-check {
    padding-right: 0;
    padding-left: 1.8em;
}

.resume-step-contents[dir="ltr"] .form-check .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: -1.8em;
}

.resume-step-contents[dir="rtl"] {
    text-align: right;
}


.resume-step-contents[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.8em;
}

.resume-step-contents[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.8em;
}

.resume-step-contents[dir="ltr"] .language-option {
    margin-left: 12px;
}

.resume-step-contents[dir="rtl"] .language-option {
    margin-right: 12px;
}

@media (max-width: 767.98px) {
    .resume-content .step-divider {
        height: 2px;
        width: 24px;
        flex: 1 1 auto;
    }
    .resume-content .experience-box {
        width: 100%;
    }
}