.basic-profile {
    background: linear-gradient(180deg, #073C4C 0%, #FFF 100%);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    min-height: 404px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

    .basic-profile .user-image {
        position: relative;
    }

        .basic-profile .user-image img {
            width: 120px;
            height: 120px;
        }

.left-profile-flex-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

    .left-profile-flex-item i {
        width: 24px;
        font-size: 20px;
    }

    .left-profile-flex-item div {
        flex: 1;
    }


.right-profile-flex-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.left-profile-flex-item div {
    flex: 1;
}


.profile-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

    .profile-chips span {
        border: 1px solid var(--bs-gray-300);
        padding: 4px 12px;
        border-radius: 8px;
    }

.profile-experiences .experience-meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.text-primary a {
    color: var(--bs-primary);
}

.text-muted a {
    color: var(--bs-secondary-text-emphasis);
}

/* STEP WRAPPER — Scrollable on mobile */
.stepper-container {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}

    .stepper-container::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

.stepper {
    list-style: none;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px; /* spacing between nodes */
    padding: 0;
    margin: 0 0 60px 0;
    min-width: 100%;
}

.step-item {
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 0.875rem;
}

    /* Connecting Lines */
    .step-item::after {
        content: "";
        position: absolute;
        top: 18px; /* moves line behind circle */
        left: calc(100% + 3px);
        height: 2px;
        width: 48px;
        background: var(--bs-gray-300);
    }

    .step-item:last-child::after {
        display: none;
    }

/* Circle */
.step-number {
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    border-radius: 50%;
    background: var(--bs-gray-300);
    color: var(--bs-primary-text-emphasis);
    font-weight: 600;
    margin-bottom: 6px;
    z-index: 2; /* makes sure it comes above the line */
    position: relative;
}

.step-item {
    flex: 1;
}

    /* Active Step */
    .step-item.active .step-number {
        background: var(--bs-primary);
        color: var(--bs-white);
        /*            box-shadow: 0 0 0 4px var(--bs-primary-light);*/
    }

    /* Completed Step */
    .step-item.completed .step-number {
        background: var(--bs-success);
        color: var(--bs-white);
    }

    .step-item.completed::after {
        background: var(--bs-success);
    }

/* Title text */
.step-title {
    display: block;
    margin-top: 2px;
    color: var(--bs-gray-500);
}

.step-item.active .step-title {
    font-weight: 500;
    color: var(--bs-primary);
}

.step2-industries .form-check-radio td:first-child {
    padding-left: 1rem;
}

.wizard-navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

    .wizard-navigation a {
        min-width: 120px;
    }