/*Qulification Page*/
body{
    background: linear-gradient(0deg, #F5F8FD 0%, #F5F8FD 100%), #FFF;
}
.section {
    padding: 72px 0;
}

.Banner {
    background: url(../images/sample-profile/sample-profile-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0 87px;
}

.Banner li.breadcrumb-item {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}

.Banner li.breadcrumb-item a {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    padding: 0 10px;
    color: #344054;
    background-image: url(../images/sample-profile/Chevron--right.svg);
    margin-top: 2px;
}



.profile-card {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    margin-top: 12px;
    transition: 0.5s all ease-in-out;
}

.profile-card:hover {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-500, #5D667B);
    background: var(--White, #FFF);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
    margin-top: 0;
    transition: 0.5s all ease-in-out;
}

.profile-card:hover button.View_Profile_Btn,
.profile-card:hover a.View_Profile_Btn {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);

/* Shadow/xs */
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    color: #fff;
}

.profile-avatar {
    width: 90px;
    height: 90px;
    min-width: 90px;
}

.level-badge {
    background-color: #fff3cd;
    color: #856404;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 600;
}

.info-label {
    font-size: 13px;
    color: #6c757d;
}

.info-value {
    font-weight: 600;
    font-size: 14px;
}

.skill-badge {
    background-color: #f1f3ff;
    color: #333;
    border-radius: 10px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
}

.btn-outline-primary {
    border-radius: 12px;
    font-weight: 600;
}


section.Listing_Main {
    background: #FFF;
    padding-block: 48px;
}

.Listing_Main_Box {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 24px;
    margin-top: -110px;
}

img {}

.profile-card h5 {
    color: var(--Theme-Dark-Blue-800, #26244A);

/* Text lg / Bold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    margin-bottom: 4px;
}

.profile-card  p {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
}

.profile-card p span.level-badge {
    border-radius: 50px;
    background: var(--Theme-Yellow-200, #F7E19C);
    color: var(--Text-Grey-900, #101828);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 150% */
    padding: 2px 8px;
    display: inline-block;
}

.profile-card .info-label {
    color: var(--Text-Grey-400, #98A2B3);

/* Text xs/Medium */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
    margin-bottom: 4px;
}

.profile-card .info-value {
    color: var(--Text-Grey-700, #344054);

/* Text sm / Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    display: flex;
    align-items: center;
    gap: 8px;
}

.profile-card .small.text-muted {
    color: var(--Text-Grey-700, #344054);

/* Text sm / Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.profile-card .small.text-muted span, 
.profile-card .info-value span {
    vertical-align: middle;
    padding-right: 5px;
}

.profile-card .info-value span img {
    max-width: 22px;
}

.Skills_Box {}

.Skills_Box .info-label {
    color: var(--Text-Grey-700, #344054);

/* Text md/Bold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    margin-bottom: 12px;
}

.Skills_Box_Labels {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}

.Skills_Box_Labels span.skill-badge {
    border-radius: 4px;
    background: var(--Theme-Blue-50, #EBEEFD);
    color: var(--Text-Grey-700, #344054);
    text-align: center;

/* Text sm / Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    padding: 4px 12px;
}

button.View_Profile_Btn, a.View_Profile_Btn {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    padding: 10px 18px;
    color: var(--Theme-Blue-500, #3A58EF);

/* Text md / Semibold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    background: transparent;
    text-align: center;
}

.profile-card .col:after {
    content: '';
    width: 1px;
    height: 24px;
    border-right: 1px solid var(--Text-Grey-300, #D0D5DD);
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 5px;
}

.profile-card .col {
    position: relative;
}

.profile-card .col:last-child:after {
    display: none;
}


.profile-card.mx-auto {}

.profile-card.mx-auto .d-flex.align-items-start.mb-3 {
    min-height: 104px;
}

.profile-card.mx-auto .row.g-2.text-start.mb-3 {
    min-height: 76px;
}

.profile-card.mx-auto .Skills_Box {
    min-height: 168px;
    display: inline-block;
}

@media (max-width:1366.51px) { 
    .profile-card .col:after {
        content: '';
        right: 0px;
    }
}

@media (max-width:1199.51px) {  

}

@media (max-width: 991.51px) {

}


@media (max-width: 767.51px) {
    .profile-card .col {
        position: relative;
        width: auto;
        flex: auto;
    }
}

/*Media Query Over*/