.Offshoring_Outsourcing_Main {
    background: var(--Theme-Blue-100, #D8DEFC);
    text-align: center;
}
.Offshoring_Outsourcing_Main ul.Main_Tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 12px;
    background: #F3F4F6;
    padding: 2px;
    margin-block: 16px;
}
.Offshoring_Outsourcing_Main ul.Main_Tab li.nav-item button {
    color: var(--Text-Grey-500, #5D667B);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 60px;
}
.Offshoring_Outsourcing_Main ul.Main_Tab li .nav-link.active {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 4px -2px rgba(24, 39, 75, 0.06), 0 2px 4px -2px rgba(24, 39, 75, 0.02), 0 0 2px 0 #E0E0E0;
    border: none;
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
section {
    text-align: left;
}
section.Banner_Main {
    background: #12327B;
    padding-block: 48px;
}
.Banner_Left h1 {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.Banner_Left h3 {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 24px;
}
.Banner_Left a {
    border-radius: 4px;
    border: 1px solid var(--White, #FFF);
    padding: 12px 20px;
    display: inline-block;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.Banner_Left a svg {
    margin-right: 8px;
}
.Banner_Right {
    border-radius: 12px;
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 24px;
}
.Right_Part {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-300, #D0D5DD);
    background: #FFF;
    padding: 40px 15px;
}
.Left_Part h2 {
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 2px;
}
.Left_Part h5 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px;
}
.Pointer ul li {
    list-style: none;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 12px;
}
.Pointer ul li svg {
    left: 0;
    position: absolute;
}
.Pricing_Btn {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}
.Pricing_Btn a {
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    width: 100%;
    padding: 8px;
    text-align: center;
}
section.Level_Talent {
    background: var(--Theme-Blue-50, #EBEEFD);
    padding-block: 48px;
}
.Talent_Title {
    position: absolute;
}
.Talent_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.Talent_Title p {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
section.Staff_Across {
    background: var(--White, #FFF);
    padding-block: 72px;
}
.Across_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-bottom: 12px;
}
.Across_Title p {
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.Across_Title {
    margin-bottom: 48px;
}
.Accounting_Advisory {
    text-align: center;
}
.Accounting_Advisory h3 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
}
.Advisory_Can {
    text-align: left;
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 48px;
    margin-bottom: 48px;
}
.Advisory_Box {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--Theme-Blue-800, #182878);
    padding: 24px;
}
.Advisory_Top_Box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.Advisory_Top_Box h4 {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
.Advisory_Top_Box h6 {
    border-radius: 50px;
    background: var(--White, #FFF);
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 4px 16px;
}
.Advisory_Center {
    display: flex;
    align-items: center;
}
.Advisory_Left {
    border-right: 1px solid;
    padding-right: 16px;
    margin-right: 16px;
    width: 50%;
}
.Flag {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
}
.Advisory_Left h5 {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 2px;
}
.Advisory_Left p {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.Advisory_Right h5 {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 2px;
}
.Advisory_Right p {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.Bookkeeper_Box {
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-300, #D0D5DD);
    background: var(--White, #FFF);
    padding: 16px;
    margin-top: 24px;
}
.Bookkeeper_Box h4 {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    height: 64px;
    margin-top: 16px;
}
.Bookkeeper_Box a {
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-decoration-line: underline;
    display: inline-block;
        transition: all .5s 
cubic-bezier(.17, .07, .19, 1);
}
/* .Bookkeeper_Box:hover a {
    transform: translateX(160px);
} */
.Bookkeeper_Box a svg {
    margin-left: 8px;
}
.Bookkeeper_Box:hover img {
    filter: grayscale(0%);
}
.Bookkeeper_Box img {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(100%);
}
.Sample_Profiles {
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 72px 0;
}

.Sample_Profiles h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}

.Sample_Profiles_Box_Main {
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.Sample_Profiles_InnerBox {
    border-radius: 16px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 36px;
    margin-bottom: 0;
    height: 100%;
}

.Sample_Profiles_InnerBox_Author {
    display: flex;
    margin-bottom: 32px;
}

.Sample_Profiles_InnerBox_Author_Left {
    margin-right: 24px;
}

.Sample_Profiles_InnerBox_Author_Left img {
    min-width: 101px;
}

.Sample_Profiles_InnerBox_Author_Right h3 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 8px;
}

.Sample_Profiles_InnerBox_Author_Right p {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
}

.Sample_Profiles_InnerBox_Author_Points {
    max-height: 155px;
    overflow: hidden;
}

.Sample_Profiles_InnerBox_Author_Points ul li {
    border-radius: 4px;
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 4px 12px;
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    list-style: none;
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 10px;
}

.Sample_Profiles_InnerBox_Author_Links a {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    padding: 8px 14px;
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.Sample_Profiles_InnerBox_Author_Links {
    display: inline-block;
    margin-top: 32px;
}

.sample_profiles_Box {
    padding: 50px 0;
}

.Sample_Profiles_InnerBox:hover {
    border-radius: 16px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
}

.Sample_Profiles_InnerBox:hover .Sample_Profiles_InnerBox_Author_Links a {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.Sample_Profiles_InnerBox:hover .Sample_Profiles_InnerBox_Author_Links a svg path {
    fill: #fff;
}

a.View_All_Btn {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    padding: 12px 20px;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    margin-top: 48px;
    display: inline-block;
}
.Offshore_Staffing_Main {
    background: #FFF;
    padding-block: 72px;
}

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

.Outsourcing_vs_Offshore_Staffing_vs_MOS {
    /* background: var(--Theme-Blue-50, #EBEEFD); */
    padding-block: 72px;
}

.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);
}
.Offshore_Staffing_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;
    margin-bottom: 12px;
}

.Offshore_Staffing_Title ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
}

.Offshore_Staffing_Title ul li {
    list-style: none;
    display: inline-block;
    color: var(--Text-Grey-600, #475467);
    text-align: center;

/* Text lg/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    border-right: 1px solid var(--Text-Grey-300, #D0D5DD);
    padding-right: 12px;
    margin-right: 12px;
}

.Offshore_Staffing_Title ul li:last-child {
    border: 0;
    margin-right: 0;
    padding-right: 0;
}

.Offshore_Staffing_Tabs {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.Offshore_Staffing_Tabs .nav-pills {
    justify-content: center;
    border-radius: 50px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 8px;
    display: flex;
    margin-bottom: 32px;
}

.Offshore_Staffing_Tabs .nav-pills .nav-link.active {
    border-radius: 50px;
    background: var(--Theme-Blue-800, #182878);
    box-shadow: 0px 4px 4px -2px rgba(24, 39, 75, 0.06), 0px 2px 4px -2px rgba(24, 39, 75, 0.02), 0px 0px 2px 0px #E0E0E0;
    color: var(--White, #FFF);

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

.Offshore_Staffing_Tabs .nav-pills .nav-link {
    border-radius: 50px;
    background: var(--Theme-Blue-50, #EBEEFD);
    color: var(--Text-Grey-500, #5D667B);

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

.Offshore_Staffing_Main .tab-content {
    overflow: hidden;
    max-height: inherit;
}

.Offshore_Staffing_InnerBox {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    text-align: center;
    background: var(--White, #FFF);
}

.Offshore_Staffing_InnerBox_Top {
    background: var(--Theme-Blue-100, #D8DEFC);
    border-radius: 12px 12px 0 0;
    padding: 5px 24px;
}

.Offshore_Staffing_InnerBox_Top b {
    color: var(--Text-Grey-700, #344054);
    text-align: center;

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

.Offshore_Staffing_InnerBox_Top p {
    color: var(--Text-Grey-700, #344054);
    text-align: center;

/* Text md / Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.Offshore_Staffing_InnerBox_Bottom {
    padding: 9px 16px;
}

.Offshore_Staffing_InnerBox_Bottom p {
    color: var(--Text-Grey-700, #344054);
    text-align: center;

/* Text lg / Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}

.Offshore_Staffing_InnerBox_Bottom p sub {
    bottom: 0;
    color: var(--Text-Grey-700, #344054);

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

.Country_Tabs .nav-pills {
    border: 0;
    padding: 0;
    background: transparent;
}

.Country_Tabs .nav-pills li .nav-link {
    padding: 8px 24px;
    color: var(--Text-Grey-600, #475467);

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    filter: grayscale(1);
    background: transparent;
    border: 0;
}

.Country_Tabs .nav-pills li .nav-link.active {
    background: transparent;
    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% */
    position: relative;
    filter: grayscale(0);
    border: 0;
    box-shadow: none;
}

.Country_Tabs .nav-pills li .nav-link svg {
    margin-right: 16px;
}

.Country_Tabs .nav-pills li .nav-link.active:after {
    content: '';
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #3A58EF 26.44%, #3A58EF 50.48%, #3A58EF 75%, rgba(255, 255, 255, 0.00) 100%);
    width: 122px;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -4px;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.Offshore_Staffing_Btns {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
        margin-top: 48px;
    }
    
    .Offshore_Staffing_Btns a.Additional_Btn_Link {
        border-radius: 4px;
        background: var(--Theme-Blue-500, #3A58EF);
    
    /* Shadow/xs */
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
        padding: 12px 20px;
        color: var(--White, #FFF);
    
    /* Text md / Semibold */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }
    
    .Offshore_Staffing_Btns a.Schedule_Btn_Link {
        border-radius: 4px;
        border: 1px solid var(--Theme-Blue-500, #3A58EF);
        padding: 12px 20px;
        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% */
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .Offshore_Staffing_Btns a.Additional_Btn_Link:hover {
        border-radius: 4px;
        background: var(--Theme-Blue-800, #182878);
    
    /* Shadow/xs */
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    }
    
    .Offshore_Staffing_Btns a.Schedule_Btn_Link:hover {
        background: var(--Theme-Blue-500, #3A58EF);
        color: #fff;
    }

    .Offshore_Staffing_Btns a.Schedule_Btn_Link:hover svg path {
        fill: #fff;
    }

.Outsourcing_vs_Offshore_Staffing_vs_MOS_title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;
    margin-bottom: 12px;
}

.Outsourcing_vs_Offshore_Staffing_vs_MOS_title h2 span {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: -0.72px;
}
.Outsourcing_vs_Offshore_Staffing_vs_MOS_title p {
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 48px;
}
.tabledata {
    padding: 36px;
    border-radius: 16px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
}
.tabledata th {
    padding: 16px;
    background: var(--Theme-Blue-800, #182878);
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    white-space: nowrap;
    text-align: center;
}
.tabledata th:first-child {
    border-radius: 8px 0 0 8px;
    text-align: left;
}
.tabledata th:last-child {
    border-radius: 0 8px 8px 0;
}
.tabledata .table>tbody tr td {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 8px !important;
    vertical-align: middle;
    border: none;
}

.tabledata .table>tbody tr.accordion-toggle td {
    border-top: 1px solid #EAECF0;
}
.tabledata .accordion-body {
    max-width: 638px;
    color: var(--Text-Grey-600, #475467);
    text-align: justify;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-left: 28px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}
.tabledata .table>tbody tr.accordion-toggle td strong {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.tabledata .table>tbody tr.accordion-toggle td:not(:first-child) {
    pointer-events: none;
    text-align: center;
}
.tabledata tr.accordion-toggle td:first-child .rotate-icon {
    transition: .4s all ease;
    transform: rotate(0deg);
    display: inline-block;
}
.tabledata tr.accordion-toggle.active td:first-child .rotate-icon {
    transform: rotate(180deg);
    transition: .4s all ease;
    display: inline-block;

}
.Offshore_Staffing_Main .table-responsive {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
}

.Offshore_Staffing_Main .table-responsive thead th {
    border: 0;
    color: var(--Text-Grey-700, #344054);

/* Text md/Bold */
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 16px;
    background: var(--Theme-Blue-50, #EBEEFD);
    border-right: 1px solid #E4E8EE;
}

.Offshore_Staffing_Main .table-responsive thead th:last-child {
    border: 0;
}

.Offshore_Staffing_Main .table-responsive tbody tr td:first-child p {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.Offshore_Staffing_Main .table-responsive tbody tr:nth-child(odd) td {
    border-top: 1px solid var(--Text-Grey-200, #EAECF0);
    border-right: 1px solid var(--Text-Grey-200, #EAECF0);
    border-left: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--Text-Grey-50, #F9FAFB);
    color: var(--Text-Grey-700, #344054);

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

.Offshore_Staffing_Main .table-responsive tbody tr:nth-child(even) td {
    border-top: 1px solid var(--Text-Grey-200, #EAECF0);
    border-right: 1px solid var(--Text-Grey-200, #EAECF0);
    border-left: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--Text-Grey-50, #F9FAFB);
    color: var(--Text-Grey-700, #344054);

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

.Offshore_Staffing_Main .table-responsive tbody tr:nth-child(odd) td:last-child {
    border-right: 0;
}

.Offshore_Staffing_Main .table-responsive tbody tr:nth-child(even) td:last-child {
    border-right: 0;
}

.Offshore_Staffing_Main .table-responsive table.table {
    margin-bottom: 0;
}

.Offshore_Staffing_Main .table-responsive thead th:first-child {
    text-align: center;
}

.Offshore_Staffing_Main .table-responsive tbody tr td:first-child {
    text-align: left;
    vertical-align: middle;
    width: 49%;
}

.Offshore_Staffing_Main .table-responsive tbody tr td {
    text-align: center;
}

.Offshore_Staffing_Main .table-responsive tbody tr td:last-child {
    text-align: center;
}

a.Offshore_Staffing_Btn_Link {
    color: var(--Theme-Blue-500, #3A58EF);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    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;
    margin-top: 48px;
    display: inline-block;
}

.Offshore_Staffing_Main.Outsourcing_Main {
    background: var(--White, #FFF);
}

.Offshore_Staffing_Main.Outsourcing_Main .table-responsive thead th {
    border-right: 1px solid #E4E8EE;
    background: var(--Theme-Blue-100, #D8DEFC);
}

.Offshore_Staffing_Title h3 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px; /* 114.286% */
    margin-bottom: 12px;
}

.Offshore_Staffing_Title h3 span {
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.Offshore_Staffing_Title p {
    color: var(--Text-Grey-600, #475467);
    text-align: center;

/* Text lg/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}
.Offshore_Staffing_Main .table-responsive tbody tr:nth-child(odd) td:last-child {
    border-right: 0;
    border-right: 0px solid var(--Text-Grey-200, #EAECF0);
}

.Offshore_Staffing_Main .table-responsive tbody tr:nth-child(even) td:last-child {
    border-right: 0;
    border-right: 0 solid var(--Text-Grey-200, #EAECF0);
}

.Regular_Staffing_Main .table-responsive tbody tr:last-child td, 
.Price_Revision_Box .table-responsive tbody tr:last-child td {
    border-bottom: 0px solid var(--Text-Grey-200, #EAECF0);
}

.Offshore_Staffing_Main .table-responsive thead th:first-child {
    border-radius: 0;
    background: var(--Theme-Blue-100, #D8DEFC);
}
.Regular_Staffing_Main .table-responsive tbody tr:last-child td:first-child {
    border-radius: 0;
}

.Offshore_Staffing_Main .table-responsive tbody tr:last-child td:last-child {
    border-radius: 0;
}

.Offshore_Staffing_Main .table-responsive tbody tr td {
    text-align: center;
    border-bottom: 1px solid var(--Text-Grey-200, #EAECF0);
}

.Offshore_Staffing_Main .table-responsive tbody tr:nth-child(even) td {
    background: var(--Text-Grey-50, #fff);
}


/* View Skills  - start */

.Skills ul {
    list-style-image: none;
    padding: 0 0 0 0;
}

.Skills ul li {
    list-style: none;
    position: relative;
    padding: 0 0 10px 30px;
    font-style: normal;
    color: #2D2D2D;
    font-weight: 500;
}


.Hiring_New_Table_Body .Skills ul li:before {
    content: '';
    background: url(../../v2/images/hiring-pricing/Hiring_New_Table_check.svg) no-repeat;
    top: 7px;
    left: 11px;
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.Skills ul li.list-unstyled:before {
    display: none;
}


.Offshore_Staffing_Modal .Skills ul li:before {
    content: '';
    background: url(../../v2/images/hiring-pricing/Offshore_Modal_Check.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 12px;
    position: absolute;
    left: 0;
}

.Offshore_Staffing_Modal span {
    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% */
    min-width: 205px;
    margin-right: 5px;
}

.Offshore_Staffing_Modal .Skills ul li {
    padding: 12px 12px 12px 26px;
    border-bottom: 1px solid var(--Text-Grey-300, #D0D5DD);
    display: flex;
    position: relative;
}

.Offshore_Staffing_Modal p {
    color: var(--Text-Grey-700, #344054);

/* Text sm / Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin: 0;
}

.Offshore_Staffing_Modal .modal-header h2 {
    color: var(--Text-Grey-900, #101828);

/* Display xs / Bold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
}

.modal.show.Offshore_Staffing_Modal .modal-dialog.modal-xl .modal-header {
    background: transparent;
}


.Hiring_New_Body.Hiring_New_Table_Body {}


.Hiring_New_Body.Hiring_New_Table_Body  .Skills ul li ol.list-unstyled li::before {
    content: '';
    background-color: #344054;
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -15px;
    background-image: none;
    border-radius: 50px;
}

.Hiring_New_Table_Body .Skills ul li ol.list-unstyled li {
    list-style: none;
    padding: 0 0 10px 0px;
}

.Hiring_New_Table_Body .modal-header.Bookkeeper {
    background: #fff;
}

.Hiring_New_Table_Body .modal-header.Bookkeeper h2 {
    color: var(--Text-Grey-900, #101828);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}



/* View Skills - end */
section.Level_Talent {
    background: var(--Theme-Blue-50, #EBEEFD);
    padding-block: 50px;
    position: relative;
}
.Lavels_Box {
    top: 11.5%;
    border-radius: 8px;
    border: 1px solid var(--Theme-Dark-Blue-200, #EAECF0);
    background: var(--White, #FFF);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
    position: absolute;
    display: flex;
    right: 23.2%;
    align-items: center;
    padding-right: 40px;
}
.Lavels_Box p {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    background: linear-gradient(151deg, #3A58EF 0.88%, #8398FF 99.04%);
    padding: 10px;
    border-radius: 8px 0px 0px 8px;
}
.Lavels_Box h6 {
    padding: 8px;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-left: 8px;
}
.Lavels_Box a {
    margin-left: 5px;
}
.Lavels_Box.Lavel-2 {
    top: 21.5%;
    right: 28.4%;
}
.Lavels_Box.Lavel-3 {
    top: 31.3%;
    right: 37%;
}
.Lavels_Box.Lavel-4 {
    top: 41.3%;
    right: 43.3%;
}
.Lavels_Box.Lavel-5 {
    top: 50.8%;
    right: 49.3%;
}
.Lavels_Box.Lavel-6 {
    top: 60.4%;
    right: 58.3%;
}
.Lavels_Box.Lavel-7 {
    top: 70.2%;
    right: 63.3%;
}
.Lavels_Box.Lavel-8 {
    top: 80%;
    right: 72.3%;
}
.c_tooltip .c_tooltiptext {
  display: none;
  width: 120px;
  color: #fff;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 9;
  top: 100%;
  margin-left: 0;
  border: 0;
  font-size: 14px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 395px;
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 8px;
  background: var(--Theme-Purple-900, #00001E);
  text-align: left;
}
.c_tooltip .c_tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff0 #fff0 #00001e;
}
.Lavels_Box span.c_tooltiptext p {
    color: var(--Base-White, #FFF);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 0;
    background: transparent;
    margin-top: 4px;
}
.c_tooltip .c_tooltiptext h5 {
    color: var(--Base-White, #FFF);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}
.Lavels_Box:before {
    content: "";

}


.Offshoring_Model_New {
    background: url(../images/offshoring-outsourcing/Offshore_Modal_Bg.png);
    background-size: cover;
}

.Offshoring_Model_New .modal-dialog-centered {
    border: 0;
    padding: 0;
    position: relative;
    height: 100vh;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}

.Offshoring_Model_New .modal-dialog-centered .modal-header {
    padding: 0;
    position: absolute;
    top: 0;
    right: -98px;
    margin: 0;
}

.Offshoring_Model_New .modal-dialog-centered .modal-header button.btn-close {
    background: transparent;
    width: auto;
    height: auto;
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-500, #5D667B);
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Text-Grey-500, #5D667B);

/* Text sm / Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    opacity: 1;
    margin: 0;
    z-index: 9;
}

.Offshoring_Model_New .modal-dialog-centered .modal-header button.btn-close:hover {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-500, #5D667B);
    background: var(--Text-Grey-200, #EAECF0);
    color: var(--Text-Grey-500, #5D667B);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-content {
    padding: 0;
    border: 0;
    background: transparent;
    margin: 0 140px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top {
    display: flex;
    align-items: flex-end;
    gap: 26px;
    margin-bottom: 48px;
    justify-content: space-between;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con {
    padding-block: 0px 0;
    padding-inline: 0;
    border: 0;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-left {
    max-width: 640px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-left label.Offshoring_Model_label {
    border-radius: 500px;
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 4px 16px;
    display: flex;
    align-items: center;
    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% */
    gap: 10px;
    max-width: 135px;
    margin-bottom: 16px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-left h2.modal-title {
    color: var(--Text-Grey-900, #101828);
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.96px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right {}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-300, #D0D5DD);
    background: var(--Text-Grey-50, #F9FAFB);
    padding: 2px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills li.nav-item {}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills li.nav-item .nav-link.active {
    border-radius: 10px;
    background: var(--Theme-Blue-800, #182878);
    box-shadow: 0 4px 4px -2px rgba(24, 39, 75, 0.06), 0 2px 4px -2px rgba(24, 39, 75, 0.02), 0 0 2px 0 #E0E0E0;
    padding: 8px 34px;
    color: var(--White, #FFF);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills li.nav-item .nav-link {
    min-width: 129px;
    padding: 8px 20px;
    color: var(--Text-Grey-500, #5D667B);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-bottom-scroll {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 400px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-box {
    border-radius: 8px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 16px;
    height: 100%;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-box span {
    border-radius: 8px;
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 12px;
    margin-bottom: 12px;
    margin-right: 0;
    display: inline-block;
    width: 48px;
    min-width: 48px;
    max-width: 48px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-box h3 {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    margin-bottom: 8px;
}

.Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-box  p {
    color: var(--Text-Grey-700, #344054);

/* Text md / Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.Lavels_Img .level-wise {
    display: block;
}
.Lavels_Img .level-wise-mob {
    display: none;
}


.Offshoring_Outsourcing_Main .Offshore_Staffing_tabs {
    margin: 0;
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    gap: 22px;
}

.Offshoring_Outsourcing_Main .Offshore_Staffing_tabs ul.Main_Tab {
    margin: 0;
}

.Offshore_Staffing_Main .Advisory_Tabs {
    position: relative;
}

.Offshore_Staffing_Main .tab-content {
    overflow: visible;
}

.Offshoring_Outsourcing_Main .Offshore_Staffing_tabs label {
    color: var(--Text-Grey-600, #475467);
    text-align: center;

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

.Offshoring_Outsourcing_Main .Offshore_Staffing_tabs ul.Main_Tab {
    border-radius: 50px;
    border: 1px solid var(--Text-Grey-300, #D0D5DD);
    background: var(--White, #FFF);
}

.Offshoring_Outsourcing_Main .Offshore_Staffing_tabs ul.Main_Tab li.nav-item {}

.Offshoring_Outsourcing_Main .Offshore_Staffing_tabs ul.Main_Tab li.nav-item .nav-link.active {
    border-radius: 50px;
    background: var(--Theme-Blue-800, #182878);
    color: var(--White, #FFF);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.Offshoring_Outsourcing_Main .Offshore_Staffing_tabs ul.Main_Tab li.nav-item .nav-link {
    color: var(--Text-Grey-500, #5D667B);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    padding: 8px 20px;
    width: 120px;
}




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


/* Offshore Staffing New CSS - 170626 */


    /* ── Section ── */
    .pricing-section {
      padding: 72px 0;
      background: #fff;
    }

    /* ── Title ── */
    .section-title {
      text-align: center;
      font-size: 36px;
      font-weight: 700;
      color: #0A1746;
      line-height: 44px;
      letter-spacing: -0.02em;
      margin-bottom: 12px;
    }

    /* ── Pills row ── */
    .pills-row {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 0;
      margin-bottom: 40px;
    }
    .pills-row span {
      font-size: 18px;
      font-weight: 400;
      color: #6B7280;
      padding: 0 16px;
      border-right: 1px solid #D1D5DB;
      line-height: 28px;
      letter-spacing: 0;
    }
    .pills-row span:last-child { border-right: none; }

    /* ── Controls Row ── */
    .controls-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 28px;
      flex-wrap: wrap;
    }

    /* ── Country Dropdown (Figma: floating label style) ── */
    .country-dropdown-wrapper {
      position: relative;
      min-width: 220px;
    }

    /* Country flag circle */
    .flag-circle {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      overflow: hidden;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      line-height: 1;
    }

    /* ── Closed state trigger button ── */
    .dd-trigger {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      width: 100%;
      padding: 10px 12px;
      background: #fff;
      border: 1px solid #D0D5DD;
      border-radius: 4px;
      cursor: pointer;
      outline: none;
      transition: border-color 0.15s;
      min-height: 44px;
    }
    .dd-trigger:hover { border-color: #98A2B3; }
    /* floating label — hidden until country selected */
    .dd-trigger .dd-trigger-float-label {
      display: none;
      position: absolute;
      top: -10px;
      left: 11px;
      background: #fff;
      padding: 0 4px;
      font-size: 12px;
      font-weight: 400;
      color: #5D667B;
      line-height: 18px;
      white-space: nowrap;
      pointer-events: none;
      z-index: 1;
    }
    .dd-trigger.has-value .dd-trigger-float-label { display: block; }
    .dd-trigger .dd-trigger-text {
      font-size: 14px;
      font-weight: 500;
      color: #1D2939;
      line-height: 20px;
      white-space: nowrap;
    }
    .dd-trigger .dd-trigger-inner {
      display: flex;
      align-items: center;
      gap: 10px;
      flex: 1;
      padding: 4px 0;
    }
    .dd-chevron-icon {
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      color: #5D667B;
      transition: transform 0.2s;
    }

    /* ── Open state: floating label box ── */
    .dd-open-box {
      display: none;
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      z-index: 200;
      background: transparent;
    }
    .dd-open-box.open { display: block; }

    /* floating label chip */
    .dd-float-label {
      position: absolute;
      top: -10px;
      left: 11px;
      background: #fff;
      padding: 0 4px;
      font-size: 12px;
      font-weight: 400;
      color: #5D667B;
      line-height: 18px;
      z-index: 2;
      pointer-events: none;
      white-space: nowrap;
    }

    /* top part of open box (shows selected value + chevron-up) */
    .dd-open-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      width: 100%;
      padding: 8px 12px;
      background: #fff;
      border: 1px solid #D0D5DD;
      border-bottom: none;
      border-radius: 4px 4px 0 0;
      cursor: pointer;
      min-height: 44px;
    }
    .dd-open-header-inner {
      display: flex;
      align-items: center;
      gap: 10px;
      flex: 1;
      padding: 4px;
    }
    .dd-open-header-text {
      font-size: 14px;
      font-weight: 400;
      color: #101828;
      line-height: 20px;
      white-space: nowrap;
    }

    /* dropdown list panel */
    .dd-list-panel {
      background: #fff;
      border: 1px solid #D0D5DD;
      border-top: none;
      border-radius: 0 0 4px 4px;
      padding: 12px 0 16px;
    }
    .dd-list-inner {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding: 0 8px;
    }
    .dd-option {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 8px;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.12s;
      filter: grayscale(1);
    }
    .dd-option:hover { background: #F9FAFB; }
    .dd-option.selected { 
        background: #EEF1FD; 
        filter: grayscale(0); 
    }
    .dd-option .dd-opt-text {
      font-size: 14px;
      font-weight: 500;
      color: #5D667B;
      line-height: 20px;
      flex: 1;
    }
    .dd-divider {
      height: 1px;
      background: #EAECF0;
      margin: 4px 0;
    }

    /* ── Talent Tabs (Figma: Header Navbar) ── */
    .talent-tabs {
        display: flex;
        align-items: center;
        gap: 0;
        border-radius: 4px;
        border: 1px solid var(--Text-Grey-300, #D0D5DD);
        background: var(--White, #FFF);
        padding: 8px 30px;
        position: relative;
        text-align: center;
    }
    .talent-tabs label.Hire_From_Lbl {
        display: inline-block;
        width: 100%;
        position: absolute;
        top: -14px;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        background: var(--White, #FFF);
        max-width: 100px;
        max-height: 24px;
    }
    .talent-tab-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      cursor: pointer;
      text-decoration: none;
      filter: grayscale(1);
    }
    .talent-tab-inner {
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: center;
      padding: 8px 24px;
      border-radius: 4px;
    }
    .talent-tab-item .tab-label {
      font-size: 16px;
      font-weight: 500;
      color: #475467;
      line-height: 24px;
      white-space: nowrap;
      transition: color 0.15s;
    }
    .talent-tab-item.active {
        filter: grayscale(0);
    }
    .talent-tab-item.active .tab-label {
      font-weight: 600;
      color: #3A58EF;
    }
    .talent-tab-underline {
      height: 1px;
      width: 100%;
      background: transparent;
    }
    .talent-tab-item.active .talent-tab-underline {
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #3A58EF 26%, #3A58EF 75%, rgba(255,255,255,0) 100%);
    }

    /* ── Pricing Toggle (Figma: pill style) ── */
    .pricing-toggle-wrap {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 0;
    }
    .toggle-pill {
      display: flex;
      align-items: center;
      background: #fff;
      border: 1px solid #D0D5DD;
      border-radius: 50px;
      padding: 4px;
      gap: 2px;
    }
    .toggle-pill-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 110px;
      height: 40px;
      border-radius: 50px;
      border: none;
      font-size: 16px;
      font-weight: 500;
      font-family: 'Inter', sans-serif;
      cursor: pointer;
      background: transparent;
      color: #5D667B;
      transition: background 0.15s, color 0.15s;
      line-height: 24px;
      white-space: nowrap;
    }
    .toggle-pill-btn.active {
      background: #182878;
      color: #fff;
    }

    /* ── Pricing Cards (Figma: Component 345) ── */
    .pricing-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 24px;
      margin-bottom: 0;
    }
    .pricing-card {
        flex: 0 0 calc(25% - 18px);
      border: 1px solid #EAECF0;
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
    }
    .pricing-card-header {
      background: #EBEEFD;
      padding: 12px 16px;
      min-height: 58px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      border-bottom: 1px solid #EAECF0;
    }
    .pricing-card-level {
      font-size: 16px;
      font-weight: 700;
      color: #2A3343;
      line-height: 24px;
      width: 100%;
      text-align: center;
    }
    .pricing-card-role {
      font-size: 16px;
      font-weight: 400;
      color: #2A3343;
      line-height: 24px;
      width: 100%;
      text-align: center;
    }
    .pricing-card-body {
      background: #fff;
      padding: 12px 16px;
      min-height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      border-top: 1px solid #EAECF0;
    }
    .price-main {
      font-size: 18px;
      font-weight: 600;
      color: #2A3343;
      line-height: 28px;
    }
    .price-unit {
      font-size: 14px;
      font-weight: 400;
      color: #2A3343;
      line-height: 20px;
      margin-left: 2px;
    }

    /* ── Note badge ── */
    .note-badge {
      display: inline-block;
      background: #EEF1FD;
      color: #3556E8;
      font-size: 11px;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 20px;
      margin-bottom: 16px;
    }

    /* ── CTA Row (Figma) ── */
    .cta-row {
      display: flex;
      justify-content: center;
      gap: 24px;
      margin-top: 40px;
      flex-wrap: wrap;
    }
    .btn-cta-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 28px;
      background: #3556E8;
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      font-family: 'Inter', sans-serif;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      text-decoration: none;
      transition: background 0.2s;
      line-height: 20px;
      height: 48px;
    }
    .btn-cta-primary:hover { background: #4163F2; color: #fff; }

    .btn-cta-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 12px 28px;
      background: #fff;
      color: #3556E8;
      font-size: 14px;
      font-weight: 600;
      font-family: 'Inter', sans-serif;
      border: 1.5px solid #3556E8;
      border-radius: 6px;
      cursor: pointer;
      text-decoration: none;
      transition: background 0.2s;
      line-height: 20px;
      height: 48px;
    }
    .btn-cta-secondary:hover { background: #F7F8FC; color: #3556E8; }

    /* ── Responsive ── */
    @media (max-width: 991px) {
      .pricing-grid { gap: 16px; }
      .pricing-card { flex-basis: calc(50% - 8px); }
      .controls-row { flex-direction: column; align-items: flex-start; gap: 16px; }
      .pricing-toggle-wrap { align-items: flex-start; }
    }
    @media (max-width: 767px) {
      .section-title { font-size: 26px; }
      .pricing-grid { gap: 12px; }
      .pricing-card { flex-basis: calc(50% - 6px); }
      .talent-tab-inner { padding: 8px 14px; }
      .talent-tab-item .tab-label { font-size: 14px; }
      .pills-row span { font-size: 12px; padding: 4px 10px; }
    }
    @media (max-width: 480px) {
      .pricing-card { flex-basis: 100%; }
      .cta-row { flex-direction: column; align-items: center; }
      .country-dropdown-wrapper { min-width: 100%; }
      .dd-trigger { min-width: 100%; }
    }




@media only screen and (min-width : 1920px) {
    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-bottom-scroll {
        max-height: 450px;
        overflow-y: auto;
        min-height: 450px;
    }
}

@media only screen and (max-width: 1366.51px) { 
    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-left {
        max-width: 605px;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-bottom-scroll {
        max-height: 315px;
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 315px;
    }

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

}


@media only screen and (max-width: 767px) {

    h1 {
    font-size: 28px !important;
    }
    h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    h4 {
        font-size: 18px !important;
    }
    h5 {
        font-size: 16px !important;
    }
    p {
        font-size: 14px !important;
    }
    .Bookkeeper_Box img {
        width: 100%;
    }
    .Offshore_Staffing_Title ul li {
        margin-bottom: 15px;
    }
    .Offshore_Staffing_Btns {
        display: inline-block;
    }
    .Advisory_Box {
        margin-bottom: 20px;
    }
    .Banner_Left {
        margin-bottom: 24px;
    }
    .Left_Part {
        margin-top: 15px;
    }
    .Talent_Title {
        position: inherit;
        margin-bottom: 20px;
    }
    .Offshore_Staffing_Btns a.Additional_Btn_Link {
        display: inline-block;
        margin-bottom: 10px;
    }
    .Offshore_Staffing_Title ul {
        display: inline-block;
        margin-bottom: 16px;
    }

    .Offshoring_Model_New .modal-dialog-centered {
        border: 0;
        padding: 0;
        position: relative;
        height: inherit;
        max-width: inherit;
        width: 100%;
        margin: 0;
        min-height: inherit;
        align-items: start;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con {
        padding-block: 0px 0;
        padding-inline: 0;
        border: 0;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-content {
        padding: 0 24px;
        margin: 48px 0;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-bottom .modal-body-bottom-scroll {
        max-height: inherit;
        overflow-y: hidden;
        overflow-x: hidden;
        min-height: inherit;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top {
        display: flex;
        align-items: start;
        gap: 26px;
        margin-bottom: 48px;
        justify-content: start;
        flex-direction: column;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-header {
        padding: 0;
        position: absolute;
        top: -37px;
        right: 12px;
        margin: 0;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills li.nav-item .nav-link.active {
        padding: 8px 12px;
        font-size: 14px;
    }

    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills li.nav-item .nav-link {
        min-width: 123px;
        padding: 8px 12px;
        font-size: 14px;
    }



    

    .Lavels_Img .level-wise-mob {
        display: block;
    }

    .Lavels_Img .level-wise {
        display: none;
    }

    .Lavels_Box {
        top: 0 !important;
        right: 0 !important;
        position: relative;
        padding: 0;
        margin-bottom: 12px;
    }

    .Country_Tabs .nav-pills li .nav-link {
        display: flex;
    }

    .Country_Tabs .nav-pills {
        display: flex;
        align-items: center;
        justify-content: start;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 16px;
    }

    .Offshoring_Outsourcing_Main ul.Main_Tab {
        display: flex;
        align-items: center;
        justify-content: start;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .Offshoring_Outsourcing_Main ul.Main_Tab li.nav-item button {
        padding: 10px 16px;
        min-width: 150px;
    }

    .Country_Tabs .nav-pills li .nav-link.active:after {
        content : '';
        bottom: 0px;
    }

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

    .Offshore_Staffing_Title ul li {
        margin-bottom: 8px;
        font-size: 14px;
        padding-right: 6px;
        margin-right: 6px;

    }

    .tabledata {
        padding: 16px; 
    }

    .tabledata th {
        padding: 8px; 
        font-size: 15px;
        line-height: inherit;
    }

    .tabledata .table>tbody tr td {
        font-size: 14px;
        line-height: inherit;
        padding: 8px 0px !important;
    }

    .first-tdata {
        position: relative;
        padding-left: 28px;
    }

    .tabledata tr.accordion-toggle td:first-child .rotate-icon {
        position: absolute;
        left: 0;
    }

    .tabledata .table>tbody tr.accordion-toggle td strong {
        font-size: 14px;
        line-height: inherit;
    }

    .tabledata .accordion-body {
        font-size: 14px;
        line-height: inherit;
        text-align: left;
    }

    .accordion-collapse.accordion-inner-row td:first-child {
        display: block;
        max-width: 260px;
        width: 260px;
    }

    h2 span {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    section {
        /* padding-block: 46px !important; */
    }

    .Bookkeeper_Box h4 {
        height: inherit;
    }

    h2.Sec_title {
        margin-bottom: 24px !important;
    }

    .Skills_Box {
        min-height: inherit;
    }

    section.Banner_Main {
        padding-block: 48px;
    }

    section.Level_Talent {
        padding-block: 48px;
    }

    section.Staff_Across {
        padding-block: 48px;
    }

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

    .Offshore_Staffing_Main {
        padding-block: 48px;
    }

    .Outsourcing_vs_Offshore_Staffing_vs_MOS {
        padding-block: 48px;
    }

    .Offshoring_Outsourcing_Main .Offshore_Staffing_tabs {
        position: relative;
        top: 0;
        right: 0;
        z-index: 9;
        justify-content: center;
        margin-bottom: 24px;
    }


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


}

@media only screen and (max-width: 375.51px) {
    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills li.nav-item .nav-link {
        min-width: 106px;
    }
}

@media only screen and (max-width: 320.51px) {
    .Offshoring_Model_New .modal-dialog-centered .modal-body.Add_Con .modal-body-top .modal-body-top-right .nav.nav-pills li.nav-item .nav-link {
        min-width: 78px;
    }
}