.Pricing_Models {
    display: block;
}

.Offshore_Staffing_Main {
    background: #FFF;
}

.Offshore_Staffing_Main.Outsourcing_Main {
    background: var(--Theme-Blue-50, #EBEEFD);
}

.Outsourcing_vs_Offshore_Staffing_vs_MOS {
    background: var(--Theme-Blue-50, #EBEEFD);
}

.Level_wise_Talent_Box {
    padding: 24px 36px;
    text-align: center;
    min-height: 312px;
    max-height: 312px;
}

.Level_wise_Talent_Box h3 {
    margin-bottom: 8px; 
}

.Level_wise_Talent_Box p {
    color: var(--Text-Grey-600, #475467);
}

.Level_wise_Talent_Box:hover {
    background: var(--White, #FFF);
}

.Level_wise_Talent_Box:hover label {
    opacity: 1;
}

.Level_wise_Talent_Box:hover h3 {
    opacity: 1;
}

.Level_wise_Talent_Box:hover p {
    transform: translate(0px, 0px);
    color: var(--Text-Grey-600, #475467);
}


.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;
    /* display: none; */
}

.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;
}

  /* Responsive
  ==================================== */
  @media all and (max-width: 500px) {
    
}
    

  /* Column margins
     ========================================================================== */
  @media all and (min-width: 500px) {
   
  }

@media only screen and (max-width: 1366.51px) {
    .Level_wise_Talent_Box {
        min-height: 390px;
        max-height: 390px;
    }

    .Level_wise_Talent_Box:hover {
        padding: 24px 36px;
    }

    .Level_wise_Talent_Box h3 {
        font-size: 15px;
    }

     .profile-card .col:after {
        content: '';
        right: 0px;
    }
    
}

@media(max-width:1199.51px){ 
    
}

@media(max-width:991.51px){ 
    
}
@media(max-width:767.51px){
    .profile-card.mx-auto .row.g-2.text-start.mb-3 {
        display: inline-block;
    }

    .profile-card .col {
        position: relative;
        flex: auto;
        float: left;
        width: auto;
        margin-right: 10px;
    }

    .profile-card .col:after {
        /* display: none; */
            height: 24px;
            right: -5px;
    }

     .profile-card .col {
        position: relative;
        width: auto;
        flex: auto;
    }

}