.profile_header {
    position: relative;

    min-height: 173px;

    padding: 32px 35px;

    margin-bottom: 25px;

    overflow: hidden;


    border-radius: 20px;

    color: #fff;

    z-index: 1;


    // -----------------------------------------
    // Content
    // -----------------------------------------

    .profile_name {
        position: relative;
        z-index: 2;

        margin: 0 0 5px;

        font-size: 28px;
        font-weight: 600;
        line-height: 1.3;
    }


    .profile_email {
        position: relative;
        z-index: 2;

        margin: 0 0 8px;

        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;

        opacity: 0.9;
    }


    .profile_meta {
        position: relative;
        z-index: 2;

        display: flex;
        align-items: center;
        gap: 18px;

        font-size: 13px;
        font-weight: 400;
        line-height: 1.5;

        opacity: 0.9;


        span {
            position: relative;


            &:not(:last-child)::after {
                content: "";

                position: absolute;

                top: 50%;
                inset-inline-end: -10px;

                width: 1px;
                height: 14px;

                transform: translateY(-50%);

                background-color: rgba(
                    255,
                    255,
                    255,
                    0.45
                );
            }
        }
    }


    // -----------------------------------------
    // Decorative Lines
    // -----------------------------------------

    &::before,
    &::after {
        content: "";

        position: absolute;

        inset-inline: -5%;

        height: 55px;

        border-top: 1px solid
            rgba(255, 255, 255, 0.22);

        border-radius: 50%;

        pointer-events: none;
    }


    &::before {
        bottom: 28px;

        transform: rotate(-2deg);
    }


    &::after {
        bottom: 10px;

        transform: rotate(-3deg);

        opacity: 0.55;
    }


    // -----------------------------------------
    // Mobile
    // -----------------------------------------

    @media (max-width: 575.98px) {

        min-height: 160px;

        padding: 25px 20px;

        border-radius: 16px;


        .profile_name {
            font-size: 23px;
        }


        .profile_email {
            font-size: 13px;
        }


        .profile_meta {
            flex-wrap: wrap;

            gap: 8px 15px;

            font-size: 11px;


            span:not(:last-child)::after {
                display: none;
            }
        }
    }
}