/*Qulification Page*/

.section {
    padding: 110px 0;
}
/*Main Section Start*/





/*Individual Subscription - Unlimited Access Section Start*/

.c_tooltip {
    position: relative;
    display: inline-block;
  }
  
  .c_tooltip .c_tooltiptext {
    display: none;
    width: 120px;
    background-color: transparent;
    color: #475467;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    position: absolute;
    z-index: 9;
    top: 100%;
    margin-left: 0;
    border: 1px solid #E3E0FB;
    font-size: 14px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 300px;
    background: #ffffff;
    box-shadow: 0 0 2px 0px #d3d3d3;
    padding: 10px;
    text-align: left;
  }
  
  .c_tooltip:hover .c_tooltiptext {
    display: block;
  }

/*Individual Subscription - Unlimited Access Section Over*/


/*input from back icons*/
.icon-front {
    position: relative;
}
.icon-front .form-control {
    padding-left: 40px;
}
.icon-front  .iconcontrol-img {
    position: absolute;
    top: 18px;
    left: 12px;
}
.icon-front .form-floating>label {
    left: 30px;
}
.icon-back {
    position: relative;
}
.icon-back .form-control {
    padding-right: 40px;
}
.icon-back  .iconcontrol-img {
    position: absolute;
    top: 18px;
    right: 12px;
}
.icon-back .form-floating>label {
    right: 30px;
}
.icon-back .iconcontrol-img.Calendaricn {
    position: absolute;
    top: 10px;
    right: 12px;
}
/*input from back icons*/

.export-head i {
    font-style: normal;
}

section.requirement-form .form-control, section.requirement-form .form-select {
    height: 46px;
}
section.requirement-form .Fill_Btn {
    display: flex;
    align-items: center;
    gap: 8px;
}
.Insightful_Box {
    box-shadow: 0px 30px 30px rgb(0 9 94 / 5%);
}

.btngroup_header {
    gap: 24px;
    padding-top: 35px;
    display: flex;
    flex-wrap: wrap;
}
/* Target the search input inside the selectpicker */
.filter-selection .bootstrap-select .dropdown-menu li a {
    padding-left: 45px;
    color: var(--Gray-700, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    background: transparent;
}

.search-with-icon .bs-searchbox input {
    padding-left: 10px; /* Add padding to make space for the icon */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 11.25L15.75 15.75L11.25 11.25Z" fill="%235D667B"/><path d="M11.9571 10.5429C11.5666 10.1524 10.9334 10.1524 10.5429 10.5429C10.1524 10.9334 10.1524 11.5666 10.5429 11.9571L11.9571 10.5429ZM15.0429 16.4571C15.4334 16.8476 16.0666 16.8476 16.4571 16.4571C16.8476 16.0666 16.8476 15.4334 16.4571 15.0429L15.0429 16.4571ZM7.5 11.75C5.15279 11.75 3.25 9.84721 3.25 7.5H1.25C1.25 10.9518 4.04822 13.75 7.5 13.75V11.75ZM3.25 7.5C3.25 5.15279 5.15279 3.25 7.5 3.25V1.25C4.04822 1.25 1.25 4.04822 1.25 7.5H3.25ZM7.5 3.25C9.84721 3.25 11.75 5.15279 11.75 7.5H13.75C13.75 4.04822 10.9518 1.25 7.5 1.25V3.25ZM11.75 7.5C11.75 9.84721 9.84721 11.75 7.5 11.75V13.75C10.9518 13.75 13.75 10.9518 13.75 7.5H11.75ZM10.5429 11.9571L15.0429 16.4571L16.4571 15.0429L11.9571 10.5429L10.5429 11.9571Z" fill="%23747474"/></svg>');
    background-position: right 10px center; /* Adjust the position to the right */
    background-repeat: no-repeat;
    background-size: 16px 16px; /* Set the size of the icon */
  }
  
.filter-selection .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    left: 12px;
    width: 20px;
    height: 20px;
    border-radius: var(--Large, 6px);
    border: 1px solid var(--Brand-600, #7F56D9);
    background: var(--Brand-50, #F9F5FF);
}
.filter-selection .bootstrap-select .dropdown-item .bs-ok-default {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    display: inline-block;
    left: 12px;
    top: 5px;
}


.btn-outline {
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition: border-color .18s var(--ease), background .18s var(--ease);
  border-radius: 4px;
  border: 1px solid var(--Theme-Blue-500, #3A58EF);
  padding: 12px 20px;
  color: var(--Theme-Blue-500, #3A58EF);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-outline:hover {
  border-color: var(--brand-500);
  background: var(--Theme-Blue-500, #3A58EF);
  color: #fff;
}
.filter-selection .bootstrap-select .dropdown-item .bs-ok-default:after {
    width: .5em;
    height: 1em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect x="0.5" y="0.5" width="19" height="19" rx="5.5" fill="white"/><rect x="0.5" y="0.5" width="19" height="19" rx="5.5" stroke="%23D0D5DD"/></svg>');
    border: none;
    width: 100%;
    height: 100%;
    transform: none;
    border-width: unset;
    background-position: center center;
    background-repeat: no-repeat;
}
.filter-selection .bootstrap-select .dropdown-item.selected .bs-ok-default:after {
    width: .5em;
    height: 1em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.6663 3.5L5.24967 9.91667L2.33301 7" stroke="%237F56D9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    border: none;
    width: 100%;
    height: 100%;
    transform: none;
    border-width: unset;
    background-position: center center;
    background-repeat: no-repeat;
}
.filter-selection .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
.filter-selection  .dropdown-menu.show {
    /* position: static !important;
    transform: none !important; */
    border: none;
}
.filter-selection .bootstrap-select>.dropdown-toggle.bs-placeholder,.filter-selection  .bootstrap-select>.dropdown-toggle.bs-placeholder:active,.filter-selection  .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.filter-selection  .bootstrap-select>.dropdown-toggle.bs-placeholder:hover,.filter-selection .btn-check:checked+.btn,.filter-selection  .btn.active,.filter-selection  .btn.show,.filter-selection  .btn:first-child:active,.filter-selection  :not(.btn-check)+.btn:active {
    color: #999;
    height: 44px;
    background: transparent;
    color: #1D2939;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-top: 12px;
    outline: none !important;
}
.filter-selection .bootstrap-select>.dropdown-toggle {
    background: transparent;
    padding-top: 11px;
    padding-bottom: 11px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);   
    outline: none !important;
    
}
.filter-selection .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    font-size: 14px;
}
/*Single selection*/
.filter-selection.single-selection .bootstrap-select .dropdown-menu li.selected.active a {
    background: #7162ea;
    color: #ffffff;

}
.filter-selection.single-selection .bootstrap-select .dropdown-menu li a {
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.filter-selection.single-selection  .bootstrap-select .dropdown-item .bs-ok-default:after {
    content: none;
}
/*Single selection Over*/

/*Learning & Compliance Solution for Your CPA & Accounting Firm Start*/

section.complince_solution table > thead > tr:nth-child(2) th span {
    display: block;
    padding-bottom: 10px;
    color: var(--Theme-Blue-500, #3A58EF);
    text-align: center;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
}
section.complince_solution table > thead > tr:nth-child(2) th span b {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}





tr.chart_row td table tbody tr td a{
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 9px;
    text-decoration-line: underline;
}


tr.chart_row td table tbody tr td a:hover {
    color: var(--Text-Grey-700, #3A58EF);
    text-decoration: underline;
}

.Trial_Left .Table_Box tr.chart_row td .user_list_tbl table tbody td:has(.arrow_black):hover {
    transform: translateX(10px);
    transition: .4s linear all;
}

tr.chart_row td table tbody tr td:has(.arrow_black):hover {}

td {}
tr.chart_row td table tbody tr:nth-of-type(even) td {
    background-color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
}
.requirement_icn {
    display: flex;
    align-items: center;
    gap: 10px;
}
.requirement_icn svg {
    cursor: pointer;
}
.requirement_icn .Plus_Icon {
    display: inline-block;
}   

.requirement_icn .Minus_Icon {
    display: none;
}

.requirement_icn.rowactive .Plus_Icon {
    display: none;
}

.requirement_icn.rowactive .Minus_Icon {
    display: inline-block;
}
.tooltipModal .row ul li a:hover {
    color: #3A58EF;
    text-decoration: underline;
}
.tooltipModal .row ul li a {
    color: #3A58EF;
}
tr.chart_row td table tbody tr td:first-child {
    width: 386px;
}
/* tr.chart_row{
    display: none;
} */
tr.chart_row td table tbody tr td:not(:first-child),section.complince_solution table tbody tr td:not(:first-child)  {
    text-align: center;
}
tr.chart_row td table tbody tr:nth-of-type(odd) td{
    background-color: #EBEEFD; 
} 

tr.chart_row td table{
    width: 100%;
    table-layout: fixed;
}



section.complince_solution h2 + p + p {
    color: var(--Text-Grey-500, #5D667B);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 56px;
    position: relative;
}
section.complince_solution h2 + p + p:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 339.477px;
    height: 2px;
    background: #D8DEFC;
    bottom: -16px;
    transform: translateX(-50%);
    left: 50%;
}
section.complince_solution h2 + p + p a {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
}

button.btn-regular {
    padding: 10px 18px;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid var(--Theme-Purple-500, #3A58EF);
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
button.btn-regular:hover {
    color: #fff;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    background: var(--Theme-Blue-700, #283FB1);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

button.btn-premium {
    padding: 10px 18px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    background: var(--White, #FFF);
    color: #3A58EF;
}
button.btn-premium:hover {
    color: #3A58EF;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-300, #758AF4);
    background: var(--Theme-Blue-100, #D8DEFC);
}


.tooltipModal p.modal-title {
    color: var(--Text-Grey-800, #1D2939);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}
.tooltipModal .modal-header button.btn-close {
    width: 4px;
    height: 4px;
    color: #000;
    box-sizing: border-box;
    opacity: 1;
}
.tooltipModal  .modal-header {
    padding-top: 8px;
    border: none;
    padding-bottom: 0;
}
.tooltipModal .modal-body {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0;
}
.tooltipModal .row {
    margin-top: 16px;
    border-bottom: 1px solid #D0D5DD;
    padding-bottom: 8px;
}


tr.chart_row_parant:has(.rowactive) td > svg {
    display: none;
}

/*Learning & Compliance Solution for Your CPA & Accounting Firm End*/

.btn-coming_soon {
    padding: 1px 4px;
    color: var(--Theme-Purple-500, #3A58EF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid var(--Theme-Purple-500, #3A58EF);
    border-radius: 4px;
    background: var(--Theme-Blue-50, #ebeefd);
    margin-left: 4px;
}

button.btn-coming_soon:hover {
    cursor: inherit;
}





section.complince_solution table tr.chart_row td .user_list_tbl table tbody td:has(.arrow_black):hover {
    transform: translateX(10px);
    transition: .4s linear all;
}

section.complince_solution table tr.chart_row td table tbody tr td svg.arrow_black {
    width: 16px;
    height: 16px;
}

section.complince_solution table tbody tr.chart_row_parant td h2 {
    margin-bottom: 0;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.q_indevidual_sub .pricing-table th.second_th h6 {
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}
.Signup_Team_Main {
    background-image: url(../images/sign-bg.webp);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding: 50px 0;
    min-height: calc(100vh - 122.58px);
}

section.Sign_Header {
    background: var(--Text-Grey-50, #F9FAFB);
    padding: 20px 0;
}

.back_btn a {
    color: var(--Text-Grey-900, #101828);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.back_btn a svg {
    margin-right: 12px;
}


/* .Sign_Right {
    border-radius: 8px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
    padding: 46px 24px 24px 24px;
    position: relative;
} */














section.complince_solution {
    padding-bottom: 72px;
    padding-top: 72px;
    background: #EBEEFD;
}

section.complince_solution label {
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    color: #3A58EF;
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
}

section.complince_solution h2 {
    color: #26244A;
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 24px;
}

section.complince_solution h2 + p {
    color: var(--Text-Grey-500, #475467);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 36px;
}





section.complince_solution table > thead > tr:nth-child(2) th:first-child {
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: normal;
    color: #344054;
    padding-bottom: 0;
    width: 709px;
}
                        
section.complince_solution table > thead > tr:nth-child(2) th {
    background: #fff;
    color: #344054;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px 20px 16px;
    vertical-align: middle;
    letter-spacing: normal;
    border: 0;
    padding-bottom: 0;
}

section.complince_solution table > thead > tr:nth-child(3) th:first-child {
    text-align: left;
}

section.complince_solution table > thead > tr:nth-child(3) th {
    vertical-align: middle;
    color: #344054;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: #fff;
    padding: 12px 16px;
    border: none;
}
section.complince_solution table > thead > tr:nth-child(3) th span {
    border-radius: 50px;
    background: var(--Theme-Blue-100, #D8DEFC);
    padding: 5px 16px;
    display: block;
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
}
section.complince_solution .table-responsive {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 36px 36px 0px 20px;
}

.complince_solution table th:nth-child(4), 
.complince_solution table th:nth-child(5), 
.complince_solution table td:nth-child(4), 
.complince_solution table td:nth-child(5) {
    display: block;
}

.Try_for_free {
    display: flex;
    align-items: center;
}

.Try_for_free h3 {
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: normal;
    color: #344054;
    margin-right: 16px;
    margin-left: 12px;
}

.Try_for_free h3 span {
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: normal;
    color: #3A58EF;
}



.requirement_icn.rowactive > svg {
    transform: rotate(45deg);
}


section.complince_solution table tr.chart_row td table tbody tr:nth-of-type(odd) td {
    background-color: transparent;
    padding-bottom: 12px;
    padding-top: 12px;
}

.table-responsive.user_list_tbl > table tbody > tr td:first-child {
    width: 663px;
    padding-left: 65px;
} 

.complince_solution table td:nth-child(4) {
    min-height: 53px;
}

.table-responsive.user_list_tbl > table tbody > tr td.Inner_td {
    padding-left: 25px;
}

.table-responsive.user_list_tbl > table tbody > tr:nth-child(2) td.Col_td {
    width: 100% !important;
}

.tooltipModal .row ul {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-left: 4px;
    letter-spacing: normal;
}

.tooltipModal .row ul li {
    list-style: none;
}

.tooltipModal .row p {
    color: var(--Text-Grey-700, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: normal;
}

.tooltipModal h1 {
    color: var(--Text-Grey-800, #344054);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: normal;
}


.complince_solution p.Call_Us_Text {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: normal;
    text-align: center;
    color: #475467;
    margin-top: 36px;
}

.complince_solution p.Call_Us_Text svg {
    margin-right: 8px;
}

.complince_solution p.Call_Us_Text a {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: normal;
    text-align: center;
    text-decoration: underline;
    color: #3A58EF;
}

.complince_solution .complince_solution_table {
    width: 100%;
}

.complince_solution_table tbody td {
    background-color: #fff;
}

/*Learning & Compliance Solution section for Your CPA & Accounting Firm Start - 05-08 */
    button.btn-regular.Btn_Schedule {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        gap: 8px;
    }

    .q_indevidual_sub .pricing-table th.second_th {}

    .q_indevidual_sub .pricing-table th.second_th p {
        color: var(--Text-Grey-500, #5D667B);

    /* Text xs / Regular */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 150% */
    }

    .q_indevidual_sub .pricing-table th.second_th b {
        color: var(--Theme-Blue-500, #3A58EF);

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

    .q_indevidual_sub .slicer-goldbtn {
        color: var(--White, #FFF);
        text-align: center;

    /* Text xs / Bold */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 150% */
        padding: 4px 10px;
        min-width: 110px;
    }

/*Learning & Compliance Solution section for Your CPA & Accounting Firm end - 05-08 */




section.complince_solution.firstcolumn {}

section.complince_solution.firstcolumn .c_tooltip span.c_tooltiptext {
    left: 170px;
    bottom: -30%;
    top: auto;
    background-color: #00001E;
    color: #fff;
}

section.complince_solution.firstcolumn .c_tooltip {}



tr.chart_row td table tbody tr td {
    overflow: visible;
    color: var(--Text-Grey-700, #344054);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 3px 16px;
}

.c_tooltip .c_tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 8px;
    margin-left: -18px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #00001E transparent transparent;
}

span.c_tooltiptext p {
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
}


.q_indevidual_sub .pricing-table .table>tbody tr:last-child td {
    border-bottom: 1px solid #EAECF0 !important;
}




section.complince_solution.lastcolumn table td:last-child, section.complince_solution.lastcolumn table th:last-child {
    background: #EBEEFD !important;
}
section.complince_solution.middlecolumn table td:nth-last-child(2), section.complince_solution.middlecolumn table th:nth-last-child(2) {
    background: #EBEEFD !important;
}
/* section.complince_solution.firstcolumn table td:nth-last-child(3), section.complince_solution.firstcolumn table th:nth-last-child(3) {
    background: #EBEEFD !important;
    width: 200px;
} */
section.complince_solution table tr.chart_row > td {
    padding: 0;
    background-color: transparent !important;
    border-radius: 0 !important;
}
tr.chart_row td .user_list_tbl {
    border: none;
    border-radius: 0;
    overflow: visible;
    padding: 0;
}
section.complince_solution table  tr th, section.complince_solution table  tr td {
    min-width: calc(50% / 3) !important;
    /* width: calc(50% / 3) !important; */
}
section.complince_solution table  tr th:first-child, section.complince_solution table  tr td:first-child {
    width: 50% !important;
    min-width: 50% !important;
}


section.complince_solution table tr:nth-child(2) th:last-child,section.complince_solution table tr:nth-child(2) th:nth-last-child(2),section.complince_solution table tr:nth-child(2) th:nth-last-child(3) {
    /* border-radius: 16px 16px 0 0; */
}
td[colspan="5"] {
    border: none !important;
}

/* section.complince_solution.middlecolumn .table>tbody tr.chart_row_parant:first-child td:nth-last-child(2) .btn-premium,
section.complince_solution.firstcolumn .table>tbody tr.chart_row_parant:first-child td:nth-last-child(3) .btn-premium,
section.complince_solution.lastcolumn .table>tbody tr.chart_row_parant:first-child td:nth-last-child(1) .btn-premium {
    background: #3a58ef;
    color: #fff;
} */
.pricing-table.firstcolumn-pricing th:nth-child(2),.pricing-table.firstcolumn-pricing td:nth-child(2) {
    background: #EBEEFD;
}
.pricing-table.middlecolumn-pricing th:nth-child(3),.pricing-table.middlecolumn-pricing td:nth-child(3) {
    background: #EBEEFD;
}
.pricing-table.lastcolumn-pricing th:nth-child(4),.pricing-table.lastcolumn-pricing td:nth-child(4) {
    background: #EBEEFD;
}
.pricing-table.firstcolumn-pricing thead th:nth-child(2) {
    border-radius: 16px 16px 0 0;
}
.pricing-table.middlecolumn-pricing thead th:nth-child(3) {
    border-radius: 16px 16px 0 0;
}
.pricing-table.lastcolumn-pricing thead th:nth-child(4) {
    border-radius: 16px 16px 0 0;
}
.q_indevidual_sub_inner .pricing-table thead tr th{
    padding-top: 16px;
}
.pricing-table.firstcolumn-pricing .btn-premium, .pricing-table.middlecolumn-pricing .btn-premium, .pricing-table.lastcolumn-pricing .btn-premium {
    background: transparent;
}


/* New CSS - Pricing - Start - 090126 */


section.Banner_Pricing {
    background: var(--White, #FFF);
    padding-block: 56px;
    text-align: center;
}

section.Banner_Pricing .Sec_Title {}

section.Banner_Pricing .Sec_Title h1 {
    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;
    margin-bottom: 16px;
}

section.Banner_Pricing .Sec_Title h1 span {
    color: var(--Theme-Blue-500, #3A58EF);
    text-align: center;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.96px;
}

section.Banner_Pricing .Sec_Title h2 {
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 12px;
    letter-spacing: 0;
}

section.Banner_Pricing .Sec_Title h3 {
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0;
}

.complince_solution  .Pricing_Table_Top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.complince_solution .tab-content .Pricing_Table_Top_Select span {
    display: flex;
    align-items: center;
    color: var(--Text-Grey-700, #344054);

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

.complince_solution .tab-content .Pricing_Table_Top_Select .form-floating {
    border-radius: 8px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    width: 144px;
}

.complince_solution .tab-content .Pricing_Table_Top_Select .form-floating>.form-select {
    padding: 8px 12px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 14px;
}

section.complince_solution.firstcolumn .tab-content .Pricing_Table_Top_Select {
    margin-right: auto;
    display: flex;
    justify-content: end;
    margin-top: -70px;
    margin-bottom: 24px;
}


.Pricing_Table_Top_Tabs {}

.Pricing_Table_Top_Tabs .nav-pills {
    border-radius: 12px;
    background: var(--Text-Grey-50, #F9FAFB);
    padding: 2px;
}

.Pricing_Table_Top_Tabs .nav-pills li.nav-item {}

.Pricing_Table_Top_Tabs .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;
    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% */
}

.Pricing_Table_Top_Tabs .nav-pills 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;
    min-width: 177px;
}

.Pricing_Month_label {}

.Pricing_Month_label h3 {
    color: var(--Theme-Dark-Blue-700, #3E3C64);
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */
    letter-spacing: -0.6px;
}

.Pricing_Month_label h3 sub {
    color: var(--Theme-Dark-Blue-700, #3E3C64);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.28px;
    bottom: 0;
}

.Plans_label {}

.Plans_label label.Plans_Text {
    border-radius: 50px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 2px 12px;
    color: var(--Text-Grey-700, #344054);
    text-align: center;

/* Text md / Semibold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    display: inline-block;
    width: auto;
    margin: 0;
}

.All_Features_label {
}

.All_Features_label h3 {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 136.364% */
}










section.Lets_Build {
    background: var(--White, #FFF);
    padding: 72px 0;
}
.Lets_Build.bg-grey{
    background: #EBEEFD;
  }

section.Lets_Build .Sec_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.72px;
    text-align: center;
    padding-bottom: 0;
}

section.Lets_Build .Sec_Title h2 span {
    color: var(--Theme-Blue-500, #3A58EF);
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 133.333% */
    letter-spacing: -0.72px;
}

section.Lets_Build .Sec_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: 36px;
}

.Lets_Build_Box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-bottom: 0;
}

.Lets_Build_Box a.Schedule_Call_Btn {
    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;
    display: inline-block;
    color: var(--White, #FFF);

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

.Lets_Build_Box a.Chat_Btn {
    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;
}

.Lets_Build_Box a.Chat_Btn:hover {
    background: var(--Theme-Blue-500, #3A58EF);
    color: #fff;
}

.Lets_Build_Box a.Chat_Btn:hover svg path {
    stroke: #fff;
}

.Lets_Build_Box a.Schedule_Call_Btn:hover {
    border-radius: 4px;
    background: var(--Theme-Blue-800, #182878);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.Lets_Build a.Call_Btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    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% */
}



div#Table_Id3 {}

div#Table_Id3 table td:last-child, div#Table_Id3 table th:last-child {
    background: #EBEEFD !important;
    width: 200px;
}

div#Table_Id3 .table>tbody tr.chart_row_parant:first-child td:nth-last-child(3) .btn-premium {}

div#Table_Id3 .table>tbody tr.chart_row_parant:first-child td:last-child .btn-premium {
    background: #3a58ef;
    color: #fff;
}

div#Table_Id3 table tr th:first-child, div#Table_Id3 table tr td:first-child {
    width: 75% !important;
    min-width: 50% !important;
}



section.complince_solution.firstcolumn table th.Selected_Plan,
section.complince_solution.firstcolumn table td.Selected_Plan {
    background: #EBEEFD !important;
    color: #fff;
    width: 200px;
}


section.complince_solution.firstcolumn table button.Selected_Plan {
    background: #3a58ef !important;
    color: #fff;
}

section.complince_solution.firstcolumn table td.Selected_Plan {
    color: #475467;
}

section.complince_solution.firstcolumn table tr:first-child th.Selected_Plan {
    min-height: 42px;
    border-radius: 8px 8px 0 0;
}

/* New CSS - Pricing - End - 090126 */



/* New CSS - Pricing - Start - 090226 */

.Participant_label {}

.Participant_label label.Plans_Text {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--Text-Grey-50, #F9FAFB);
    padding: 2px 8px;
    display: inline-block;
    width: auto;
    margin: 0;
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: inherit;
}

section.complince_solution table tr:first-child th {
    text-align: center;
    border: 0;
    /* padding: 0; */
    vertical-align: middle
}

section.complince_solution table tr:first-child th span {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--Text-Grey-50, #F9FAFB);
    padding: 2px 8px;
    color: var(--Text-Grey-700, #344054);
    text-align: center;

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

.Selcted_Plan {
    background: var(--Theme-Blue-100, #D8DEFC);
    /* border-radius: 8px 8px 0 0; */
}

section.complince_solution table tr:first-child th:first-child {
    text-align: left;
}

section.complince_solution table.table thead tr:first-child th.Selcted_Plan {
    border-radius: 12px 12px 0 0;
    vertical-align: middle;
    min-height: 42px;
}






section.complince_solution table.table tbody tr td.Selcted_Plan svg circle {
    fill: #3A58EF;
}

section.complince_solution table.table tbody tr td.Selcted_Plan svg path {
    fill: #fff;
}



section.complince_solution table.table tbody tr td.close_Td_text.Selcted_Plan svg circle {
    fill: #FEE4E2;
}

section.complince_solution table.table thead tr th.Selcted_Plan {
    background-color: #ebeefd;
}




section.complince_solution table.table tbody tr td.Selcted_Plan {
    background-color: #ebeefd !important;
}

section.complince_solution table.table tbody tr td.Selcted_Plan button.btn-premium {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    color: #fff;
}


tr.chart_row.New_Audit_Table {}

tr.chart_row.New_Audit_Table h2 {
    color: var(--Text-Grey-600, #475467);

/* Text lg / Medium */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    text-align: left;
    margin: 0;
    letter-spacing: 0;
}

tr.chart_row.New_Audit_Table td {}

section.complince_solution table tbody tr td {
    color: #475467;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 12px 16px;
    border: none;
    border-bottom: 1px solid #D0D5DD;
    letter-spacing: normal;
}

section.complince_solution table tr.chart_row.New_Audit_Table td {
    padding: 12px 16px;
}

section.complince_solution table tr.chart_row.New_Audit_Table td:last-child {
    /* min-height: 77px; */
}



section.complince_solution table > thead > tr:nth-child(2) th .Pricing_Month_label span.c_tooltiptext {
    display: none;
}

section.complince_solution.firstcolumn .Pricing_Month_label .c_tooltip:hover {}

section.complince_solution.firstcolumn .Pricing_Month_label .c_tooltip:hover span.c_tooltiptext {
    display: block;
    width: max-content;
    left: 190px;
    bottom: 0;
}



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

.complince_solution_bottom {
    margin-top: 24px;
}

.complince_solution_bottom_box h3 {
    color: var(--Text-Grey-700, #344054);

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

section.complince_solution .complince_solution_bottom_box h2 {
    color: var(--Theme-Blue-500, #3A58EF);

/* Display lg / Bold */
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
    margin-bottom: 8px;
    text-align: left;
}

section.complince_solution .complince_solution_bottom_box p {
    color: var(--Text-Grey-600, #475467);

/* Text md / Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    text-align: left;
    margin: 0;
    min-height: 48px;
}

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

section.complince_solution .complince_solution_bottom_box h2 sub {
    color: var(--Text-Grey-600, #475467);

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


/* New CSS - Pricing - End - 090226 */


section.Schedule_Contact {
    background: #fff;
    padding: 0;
}
.Lets_Build.bg-grey section.Schedule_Contact {
background: #EBEEFD;
}













/* ── Page Header ──────────────────────────────── */



.tag-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}
.tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--r-pill);
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--gray-600);
  box-shadow: var(--shadow-sm);
}

/* ── Controls ─────────────────────────────────── */








/* ── Scope toggle ─────────────────────────────── */
.scope-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.scope-toggle {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--r-pill);
  padding: 3px;
  box-shadow: var(--shadow-sm);
}
.tog-btn {
  padding: 7px 18px;
  border-radius: var(--r-pill);
  border: none;
  background: transparent;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--gray-500);
  cursor: pointer;
  transition: background .18s var(--ease), color .18s var(--ease);
  white-space: nowrap;
}
.tog-btn.active { background: var(--brand-800); color: #fff; }
.tog-btn:not(.active):hover { background: var(--brand-50); color: var(--brand-600); }

/* ── Pricing Wrap ─────────────────────────────── */


/* ── Price Card ───────────────────────────────── */


.scope-badge {
  display: inline-block;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.8);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--r-pill);
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-left: 6px;
}









/* ── Column header ────────────────────────────── */




/* ── Accordion sections ───────────────────────── */


















/* ── Feature rows ─────────────────────────────── */







/* ── Info tooltip ─────────────────────────────── */






/* ── Check icon ───────────────────────────────── */




/* ── Footer bar ───────────────────────────────── */




/* ════════════════════════════════════════════════
   ADD-ONS SECTION
   ════════════════════════════════════════════════ */

.addons-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.addons-heading h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--brand-900);
  letter-spacing: -.02em;
}
.addons-heading p {
  font-size: 14px;
  color: var(--gray-500);
  margin-top: 2px;
}
.addons-sub { font-size: 14px; color: var(--gray-500); margin-bottom: 20px; }

/* ── Addon Header Card (banner design) ─────── */
.addon-header-card {
  background: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-800) 100%);
  border-radius: 16px;
  padding: 22px 28px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; flex-wrap: wrap;
  margin-bottom: 14px;
}
.addon-header-text .addon-label {
  font-size: 11px; font-weight: 800; color: rgba(255,255,255,.65);
  text-transform: uppercase; letter-spacing: .1em; margin-bottom: 6px;
}
.addon-header-text h3 {
  font-size: 20px; font-weight: 800; color: #fff; letter-spacing: -.03em; line-height: 1.2;
}
.addon-header-text p { font-size: 13px; color: rgba(255,255,255,.7); margin-top: 5px; }
.addon-header-pill {
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.25);
  border-radius: 64px; padding: 8px 20px;
  font-size: 14px; font-weight: 800; color: #fff; white-space: nowrap; flex-shrink: 0;
}


@media (max-width: 700px) {
  .addons-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .addons-grid { grid-template-columns: 1fr; }
}

/* ── Add-on Card ──────────────────────────────── */



/* Price badge — always top-right */
.addon-price {
  position: absolute;
  top: 14px; right: 14px;
  background: var(--brand-800);
  color: #fff;
  border-radius: var(--r-pill);
  padding: 3px 11px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  z-index: 2;
}

/* Default state: icon + title centered */
.addon-default {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  transition: opacity .2s var(--ease);
}
.addon-card:hover .addon-default { opacity: 0; pointer-events: none; }

.addon-icon {
  font-size: 26px;
  line-height: 1;
}
.addon-title-default {
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-900);
  line-height: 1.3;
  padding-right: 60px; /* avoid overlap with price badge */
}

/* Hover state: title on top + description */
.addon-hover {
  position: absolute;
  inset: 0;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s var(--ease);
  padding-top: 16px;
}
.addon-card:hover .addon-hover { opacity: 1; pointer-events: auto; }

.addon-title-hover {
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-800);
  line-height: 1.3;
  padding-right: 72px; /* space for price badge */
  margin-top: 2px;
}


/* Accent stripe on left */
.addon-card::before {
  content: '';
  position: absolute;
  left: 0; top: 16px; bottom: 16px;
  width: 3px;
  border-radius: 0 2px 2px 0;
  background: var(--brand-400);
  opacity: 0;
  transition: opacity .2s var(--ease);
}
.addon-card:hover::before { opacity: 1; }

/* ── Disclaimer ───────────────────────────────── */


@media (max-width: 600px) {
  .price-card { padding: 20px 16px 18px; }
  .price-amount { font-size: 36px; }
  .col-header, .sec-header, .pt-row { grid-template-columns: 1fr 80px; }
}











html { scroll-behavior: smooth; }


/* ── Page Header ─────────────────────────────── */
.page-header {
    max-width: inherit;
    margin: 0 auto 28px;
    text-align: center;
}
.page-header h1 {
  font-size: 28px;
  font-weight: 900;
  color: var(--brand-900);
  letter-spacing: -.02em;
  line-height: 1.2;
}
.page-header p {
  font-size: 14px;
  color: var(--gray-500);
  margin-top: 6px;
}

/* ── Controls bar ─────────────────────────────── */
.controls {
    max-width: inherit;
    margin: 0 auto 20px;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* ── Revenue dropdown group ───────────────────── */
.rev-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 240px;
  flex: 1;
  max-width: 360px;
}
.rev-label-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.rev-lbl {
  font-size: 14px;
  font-weight: 700;
  color: var(--gray-500);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.sel-wrap { position: relative; }
.sel-wrap::after {
  content: '';
  position: absolute; right: 12px; top: 50%;
  transform: translateY(-50%);
  border: 4px solid transparent; border-top: 5px solid var(--gray-500);
  pointer-events: none;
}
.rev-sel {
    width: 100%;
    appearance: none;
    background: #FFFFFF;
    border: 1px solid var(--gray-300);
    border-radius: var(--r-md);
    padding: 10px 36px 10px 12px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-900);
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.rev-sel:focus {
  outline: none;
  border-color: var(--brand-400);
  box-shadow: 0 0 0 3px rgba(78,105,241,.12);
}

/* ── Pricing Wrap ─────────────────────────────── */
.pricing-wrap {
    max-width: inherit;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid var(--gray-200);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

/* ── Price Card Header ────────────────────────── */
.price-card {
  background: linear-gradient(135deg, var(--brand-800) 0%, var(--brand-700) 100%);
  padding: 28px 32px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.price-left {}
.price-badge {
  display: inline-block;
  background: rgba(255,255,255,.15);
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: var(--r-pill);
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.price-label {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,.65);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
}
.price-amount {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.03em;
  line-height: 1;
  transition: opacity .18s var(--ease);
}
.price-amount.flash { opacity: 0; }
.price-sub {
  font-size: 14px;
  color: rgba(255,255,255,.6);
  margin-top: 4px;
}
.price-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.price-includes {
  font-size: 14px;
  color: var(--White, #FFF);
  text-align: right;
}
.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 24px;
  background: #fff;
  color: var(--brand-800);
  border: none;
  border-radius: var(--r-pill);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
  transition: transform .15s var(--ease), box-shadow .15s var(--ease);
}
.cta-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0,0,0,.22); }

/* ── Column header (features label row) ──────── */
.col-header {
    display: grid;
    grid-template-columns: 1fr 140px;
    align-items: center;
    padding: 12px 20px 12px 20px;
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-200);
}
.col-header-label {
  font-size: 14px;
  font-weight: 700;
  color: var(--gray-500);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.col-header-tier {
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-700);
  text-transform: uppercase;
  letter-spacing: .06em;
  text-align: center;
}

/* ── Section rows ─────────────────────────────── */
.acc-section {
  border-bottom: 1px solid var(--gray-100);
  background: #ffffff;
}
.acc-section:last-child { border-bottom: none; }

.sec-header {
  display: grid;
  grid-template-columns: 1fr 140px;
  align-items: center;
  padding: 14px 20px;
  background: #ffffff;
  border-bottom: 1px solid var(--gray-200);
  cursor: pointer;
  user-select: none;
  transition: background .15s var(--ease);
}
.acc-section.open .sec-header { background: var(--brand-50); }
.sec-header:hover { background: var(--brand-100); }
.sec-title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sec-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--brand-800);
  letter-spacing: -.01em;
}
.sec-arrow {
  width: 24px; height: 24px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}
.sec-arrow .icon-plus  { display: block; }
.sec-arrow .icon-minus { display: none; }
.acc-section.open .sec-arrow .icon-plus  { display: none; }
.acc-section.open .sec-arrow .icon-minus { display: block; }

.sec-count {
  font-size: 14px;
  font-weight: 600;
  color: var(--brand-500);
  background: var(--brand-100);
  border-radius: var(--r-pill);
  padding: 1px 8px;
}
.sec-check-col {
  text-align: center;
}

/* ── Feature rows ─────────────────────────────── */
.acc-body {
  display: none;
}
.acc-section.open .acc-body { display: block; }

.pt-row {
  display: grid;
  grid-template-columns: 1fr 140px;
  align-items: center;
  padding: 11px 20px;
  border-bottom: 1px solid var(--gray-100);
  transition: background .12s var(--ease);
}
.pt-row:last-child { border-bottom: none; }
.pt-row:hover { background: var(--gray-50); }

.feat-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 55px;
  color: var(--gray-700);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: inherit;
}
.feat-name { flex: none; }

/* ── Info tooltip (i button) ──────────────────── */
.fi {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px; height: 16px;
  border-radius: 50%;
  border: 1.5px solid var(--gray-300);
  font-size: 9px; font-weight: 700; color: var(--gray-400);
  cursor: default; font-style: normal;
  flex-shrink: 0;
  transition: border-color .12s, color .12s;
}
.fi:hover { border-color: var(--brand-400); color: var(--brand-500); }
.ft {
    display: none;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--gray-800);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    padding: 7px 12px;
    border-radius: var(--r-md);
    z-index: 60;
    box-shadow: var(--shadow-md);
    pointer-events: none;
    max-width: 280px;
    width: max-content;
    white-space: normal;
    line-height: 1.5;
}
.ft::after {
  content: '';
  position: absolute;
  top: 100%; left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: var(--gray-800);
}
.fi:hover .ft { display: block; }

/* ── Check icon ───────────────────────────────── */
.check-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chk-icon {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: #D8DEFC;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.chk-icon svg path { stroke: #3A58EF; }

/* ── Footer notes ─────────────────────────────── */
.pt-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid var(--gray-200);
  background: var(--gray-50);
}
.ft-note {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-600);
}
.ft-dot {
  width: 3px; height: 3px;
  border-radius: 50%;
  background: var(--gray-300);
}

/* ── Disclaimer ───────────────────────────────── */
.disclaimer {
    max-width: inherit;
    margin: 20px auto 0;
    border-radius: 4px;
    border: 1px solid var(--Theme-Yellow-400, #F1C94E);
    background: var(--Theme-Yellow-50, #FDF9EB);
    padding: 10px;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
}
.disclaimer p {
    margin: 5px 0 0;
    line-height: 1.5;
    font-size: 14px;
}

/* ── Custom price note ───────────────────────── */
.custom-note {
  font-size: 14px;
  color: rgba(255,255,255,.7);
  font-style: italic;
  margin-top: 4px;
}

@media (max-width: 600px) {
  .price-card { padding: 20px 16px 18px; }
  .price-amount { font-size: 36px; }
  .price-right { align-items: flex-start; }
  .col-header, .sec-header, .pt-row { grid-template-columns: 1fr 80px; }
  .col-header-tier, .sec-check-col, .check-col { }
}








    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
    --brand-50: #EBEEFD;
    --brand-100: #D8DEFC;
    --brand-200: #9CABF7;
    --brand-300: #758AF4;
    --brand-400: #4E69F1;
    --brand-500: #3A58EF;
    --brand-600: #314BD0;
    --brand-700: #283FB1;
    --brand-800: #12327B;
    --brand-900: #04092A;
    --gray-50: #F9FAFB;
    --gray-100: #F2F4F7;
    --gray-200: #EAECF0;
    --gray-300: #D0D5DD;
    --gray-400: #98A2B3;
    --gray-500: #667085;
    --gray-600: #475467;
    --gray-700: #344054;
    --gray-800: #1D2939;
    --gray-900: #101828;
    --success: #12B76A;
    --success-lt: #D1FAE5;
    --warning: #F79009;
    --warning-lt: #FEF3C7;
    --shadow-sm: 0 1px 3px rgba(16,24,40,.10), 0 1px 2px rgba(16,24,40,.06);
    --shadow-md: 0 4px 8px rgba(16,24,40,.08);
    --shadow-lg: 0 12px 16px rgba(16,24,40,.08);
    --r-xs: 4px;
    --r-sm: 5px;
    --r-md: 8px;
    --r-lg: 12px;
    --r-pill: 64px;
    --ease: cubic-bezier(.4,0,.2,1);
    --purple-50: #F3F1FD;
    --purple-400: #7162EA;
    --purple-500: #5849D0;
    --purple-800: #26244A;
    --warning-bg: #FFFAEB;
    --warning-border: #FEF0C7;
    --warning-text: #B54708;
}

    body {
    background: linear-gradient(0deg, #F5F8FD 0%, #F5F8FD 100%), #FFF;
}

    /* ── PAGE WRAPPER ── */
    .page-wrapper {
      max-width: 1100px;
      margin: 0 auto;
      padding: 48px 40px 80px;
    }

    /* ── TAB NAV ── */
    .tab-nav {
      display: flex;
      gap: 4px;
      background: var(--brand-50);
      border: 1px solid var(--gray-200);
      border-radius: 8px;
      padding: 6px;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 36px;
    }

    .tab-btn {
      padding: 10px 24px;
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      font-weight: 600;
      color: var(--gray-500);
      background: transparent;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.18s ease;
      white-space: nowrap;
    }

    .tab-btn:hover {
      color: var(--gray-700);
      background: rgba(58,88,239,0.06);
    }

    .tab-btn.active {
      background: #FFFFFF;
      color: var(--brand-500);
      box-shadow: 0 1px 3px rgba(16,24,40,0.10), 0 1px 2px rgba(16,24,40,0.06);
    }

    /* ── TAB PANELS ── */
    .tab-panel { display: none; }
    .tab-panel.active { display: block; }

    /* ── CONTROLS ROW ── */
    .controls-row {
      display: flex;
      gap: 20px;
      align-items: flex-end;
      margin-bottom: 28px;
      flex-wrap: wrap;
    }

    .control-group {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .control-label {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--gray-500);
    }

    .select-wrap {
      position: relative;
    }

    .select-wrap select {
      appearance: none;
      -webkit-appearance: none;
      background: #FFFFFF;
      border: 1px solid var(--gray-300);
      border-radius: 6px;
      padding: 10px 40px 10px 14px;
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      font-weight: 500;
      color: var(--gray-900);
      cursor: pointer;
      width: 100%;
      min-width: 220px;
      transition: border-color 0.15s;
    }

    .select-wrap select:focus {
      outline: none;
      border-color: var(--brand-500);
      box-shadow: 0 0 0 3px rgba(58,88,239,0.12);
    }

    .select-wrap::after {
      content: '';
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid var(--gray-400);
      pointer-events: none;
    }


    /* ── PRICING CARD ── */
    .pricing-card {
      background: var(--brand-800);
      border-radius: 12px;
      padding: 32px 36px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 32px;
      gap: 24px;
    }

    .pricing-card-left {}

    .pricing-fee-label {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.6);
      margin-bottom: 6px;
    }

    .pricing-fee-amount {
      font-size: 52px;
      font-weight: 700;
      color: #FFFFFF;
      line-height: 1;
      margin-bottom: 8px;
    }

    .pricing-fee-note {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255,255,255,0.55);
    }

    .pricing-card-right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 12px;
    }

    .pricing-card-meta {
      text-align: right;
      font-size: 14px;
      font-weight: 500;
      color: rgba(255,255,255,0.7);
      line-height: 1.6;
    }

    .btn-get-started {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #FFFFFF;
      color: var(--brand-800);
      border: none;
      border-radius: 6px;
      padding: 12px 28px;
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.15s ease;
      white-space: nowrap;
    }

    .btn-get-started:hover {
      background: var(--brand-50);
    }

    /* ── WHAT'S INCLUDED SECTION ── */
    .included-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
    }

    .included-title {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--gray-500);
    }

    /* ── FEATURE GROUP ── */
    .feature-group {
      background: #FFFFFF;
      border: 1px solid var(--gray-200);
      border-radius: 10px;
      margin-bottom: 12px;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(16,24,40,0.06);
    }

    .feature-group-header {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 14px 20px;
      cursor: pointer;
      user-select: none;
      background: var(--gray-50);
      border-bottom: 1px solid var(--gray-200);
      transition: background 0.15s;
    }

    .feature-group-header:hover {
      background: var(--brand-50);
    }

    .feature-group-header.collapsed {
      border-bottom: none;
    }

    .chevron {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      color: var(--brand-500);
      transition: transform 0.2s ease;
    }

    .feature-group-header.collapsed .chevron {
      transform: rotate(-90deg);
    }

    .feature-group-name {
      font-size: 14px;
      font-weight: 700;
      color: var(--gray-900);
      flex: 1;
    }

    .feature-group-body {
      overflow: hidden;
      transition: max-height 0.25s ease;
    }

    .feature-group-body.collapsed {
      max-height: 0 !important;
    }

    .feature-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 13px 20px;
      border-bottom: 1px solid var(--gray-100);
      gap: 12px;
    }

    .feature-item:last-child {
      border-bottom: none;
    }

    .feature-item-name {
      font-size: 14px;
      font-weight: 400;
      color: var(--gray-700);
      flex: 1;
    }

    .check-icon {
      width: 24px;
      height: 24px;
      background: var(--brand-500);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .check-icon svg {
      width: 13px;
      height: 13px;
      stroke: #fff;
      stroke-width: 2.5;
      fill: none;
    }

    /* ── ADD-ONS SECTION ── */
    .addons-section {
    max-width: inherit;
    margin: 36px auto 0;
    margin-top: 36px;
}

    .addons-header {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 6px;
    }

    .addons-title {
      font-size: 20px;
      font-weight: 700;
      color: var(--gray-900);
    }

    .addons-subtitle {
      font-size: 14px;
      color: var(--gray-500);
      margin-bottom: 20px;
    }

    .addons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}

    .addon-card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(16,24,40,0.06);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 160px;
    display: flex;
    flex-direction: column;
}

    .addon-card:hover {
    box-shadow: 0 4px 12px rgba(58,88,239,0.12);
    border-color: var(--brand-500);
    transform: translateY(-2px);
}

    .addon-price-badge {
      display: inline-block;
      background: var(--brand-800);
      color: #FFFFFF;
      font-size: 14px;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: 20px;
      margin-bottom: 10px;
    }

    .addon-name {
      font-size: 14px;
      font-weight: 600;
      color: var(--gray-800);
      line-height: 1.4;
    }

    .addon-desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-500);
    line-height: 1.5;
    flex: 1;
    margin-top: 4px;
    display: none;
}

    .addon-card:hover .addon-desc {
      display: block;
    }

    /* ── DISCLAIMER BOX ── */
    .disclaimer-box {
      max-width: inherit;
      margin: 20px auto 0;
      border-radius: 4px;
      border: 1px solid var(--Theme-Yellow-400, #F1C94E);
      background: var(--Theme-Yellow-50, #FDF9EB);
      padding: 10px;
      color: var(--Text-Grey-700, #344054);
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: inherit;
    }

    .disclaimer-box p {
      font-size: 14px;
      margin: 5px 0 0;
      line-height: 1.5;
    }

    .disclaimer-box strong {
      font-weight: 700;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 700px) {
      .page-wrapper { padding: 24px 16px 60px; }
      .pricing-card { flex-direction: column; align-items: flex-start; }
      .pricing-card-right { align-items: flex-start; }
      .pricing-fee-amount { font-size: 40px; }
      .controls-row { flex-direction: column; align-items: flex-start; }
    }




  /* ══════════════════════════════════════════
     COMPILATION & REVIEW — NEW LAYOUT
  ══════════════════════════════════════════ */

  .Compilation-Review-Services {
    padding: 72px 0 0;
  }

  .cr-section-header {
    text-align: center;
    /* max-width: 820px; */
    margin: 0 auto 40px;
    padding: 0 16px;
  }

  .cr-section-h2 {
    font-size: 36px;
    font-weight: 700;
    color: #26244A;
    line-height: 1.25;
    letter-spacing: -0.72px;
    margin: 0 0 16px;
  }

  .cr-section-h3 {
    font-size: 18px;
    font-weight: 400;
    color: #475467;
    line-height: 1.6;
    margin: 0 0 12px;
  }

  .cr-section-h4 {
    font-size: 16px;
    font-weight: 400;
    color: #475467;
    line-height: 1.7;
    margin: 0;
  }

  .cr-wrapper {
    max-width: inherit;
    margin: 40px auto 80px;
    padding: 0 0px;
  }

  .cr-controls { margin-bottom: 24px; }
  .cr-control-group { display: flex; flex-direction: column; gap: 6px; max-width: 300px; }

  /* ── Table container ── */
  .cr-table-wrap {
    background: #fff;
    border: 1px solid #EAECF0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(16,24,40,0.08);
  }

  /* ── Header row ── */
  .cr-header-row {
    display: grid;
    grid-template-columns: 1fr 200px 200px;
    border-bottom: 1px solid #EAECF0;
  }

  .cr-header-left {
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    border-right: 1px solid #EAECF0;
  }

  .cr-table-title {
    font-size: 42px;
    font-weight: 700;
    color: #101828;
    font-family: 'Inter', sans-serif;
    line-height: 1.2;
  }

  .cr-plans-pill {
    display: inline-block;
    border: 1px solid #D0D5DD;
    border-radius: 64px;
    padding: 3px 12px;
    font-size: 19px;
    font-weight: 600;
    color: #475467;
    width: fit-content;
  }

  /* ── Plan columns in header ── */
  .cr-plan-col {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    border-right: 1px solid #EAECF0;
    background: #fff;
  }

  .cr-plan-col .cr-select-btn {
    margin-top: auto;
  }

  .cr-plan-col:last-child { border-right: none; }

  .cr-plan-col--selected {
    background: #EBEEFD;
    position: relative;
  }

  .cr-plan-price {
    font-size: 42px;
    font-weight: 700;
    color: #3A58EF;
    line-height: 1;
    font-family: 'Inter', sans-serif;
    transition: opacity 0.18s;
  }

  .cr-price-teal { color: #3A58EF; }

  .cr-plan-name {
    font-size: 14px;
    font-weight: 700;
    color: #101828;
    background: #EAECF0;
    border-radius: 64px;
    padding: 3px 14px;
  }

  .cr-plan-col--selected .cr-plan-name {
    background: #D8DEFC;
    color: #12327B;
  }

  .cr-plan-sub {
    font-size: 14px;
    color: #667085;
    font-weight: 400;
    line-height: 1.4;
  }

  .cr-plan-turnaround { margin: 2px 0; }

  .cr-ta-badge {
    font-size: 14px;
    font-weight: 700;
    color: #3A58EF;
    background: #EBEEFD;
    border: 1px solid #9CABF7;
    border-radius: 64px;
    padding: 2px 10px;
  }

  .cr-teal-ta-badge {
    color: #0F766E;
    background: #CCFBF1;
    border-color: #99F6E4;
  }

  .cr-custom-note {
    font-size: 14px;
    color: #667085;
    font-style: italic;
  }

  /* ── Select / Selected buttons ── */
  .cr-select-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 24px;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    margin-top: 4px;
    width: 100%;
    justify-content: center;
  }

  .cr-select-btn--outline {
    background: #fff;
    border: 1.5px solid #3A58EF;
    color: #3A58EF;
  }

  .cr-select-btn--outline:hover {
    background: #EBEEFD;
  }

  .cr-select-btn--filled {
    background: #3A58EF;
    border: none;
    color: #fff;
  }

  .cr-select-btn--filled:hover { background: #314BD0; }

  /* ── "All Features" sub-header row ── */
  .cr-features-header-row {
    display: grid;
    grid-template-columns: 1fr 200px 200px;
    border-bottom: 1px solid #EAECF0;
    background: #F9FAFB;
  }

  .cr-features-label {
    padding: 13px 24px;
    font-size: 14px;
    font-weight: 700;
    color: #344054;
    font-family: 'Inter', sans-serif;
    border-right: 1px solid #EAECF0;
    display: flex;
    align-items: center;
  }

  .cr-features-col-label {
    padding: 10px 8px;
    font-size: 14px;
    font-weight: 700;
    color: #3A58EF;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #EAECF0;
  }

  .cr-features-col-label:last-child { border-right: none; }

  .cr-features-col-label span { font-weight: 500; color: #667085; text-transform: none; font-size: 10px; letter-spacing: 0; }

  .cr-features-col-label--teal { color: #0F766E; }

  /* ── Accordion sections ── */
  .cr-acc-section {
    border-bottom: 1px solid #EAECF0;
  }

  .cr-acc-section:last-of-type { border-bottom: none; }

  .cr-sec-header {
    display: grid;
    grid-template-columns: 1fr 200px 200px;
    align-items: center;
    padding: 0;
    background: #ffffff;
    border-bottom: 1px solid #EAECF0;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
  }

  .cr-acc-section.cr-open .cr-sec-header { background: #F2F4F7; }
  .cr-sec-header:hover { background: #EBEEFD; }

  .cr-sec-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    border-right: 1px solid #EAECF0;
  }

  .cr-sec-arrow {
    width: 24px; height: 24px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
  }
  .cr-sec-arrow .icon-plus  { display: block; }
  .cr-sec-arrow .icon-minus { display: none; }
  .cr-open .cr-sec-arrow .icon-plus  { display: none; }
  .cr-open .cr-sec-arrow .icon-minus { display: block; }

  .cr-sec-title {
    font-size: 14px;
    font-weight: 700;
    color: #12327B;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.01em;
  }

  /* ── Feature rows ── */
  .cr-acc-body { display: none; }
  .cr-open .cr-acc-body { display: block; }

  .cr-pt-row {
    display: grid;
    grid-template-columns: 1fr 200px 200px;
    align-items: center;
    border-bottom: 1px solid #F2F4F7;
    transition: background 0.12s;
  }

  .cr-pt-row:last-child { border-bottom: none; }
  .cr-pt-row:hover { background: #F9FAFB; }

  .cr-feat-cell {
    padding: 12px 24px 12px 75px;
    font-size: 14px;
    font-weight: 500;
    color: #344054;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
    border-right: 1px solid #F2F4F7;
    display: flex;
    align-items: center;
    gap: 7px;
  }

  /* ── Info button & tooltip ── */
  .cr-info {
    position: relative;
    display: inline-block;
  }

  .cr-tooltip {
    display: none;
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 300px;
    background: #00001E;
    color: #fff;
    border: 1px solid #00001E;
    border-radius: 6px;
    box-shadow: 0 0 2px 0px #d3d3d3;
    padding: 10px;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    white-space: normal;
    pointer-events: none;
  }

  .cr-tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #00001E transparent;
  }

  .cr-info:hover .cr-tooltip { display: block; }

  /* Check column — default: no background, no circle (white tick invisible on white) */
  .cr-check-col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    border-right: 1px solid #F2F4F7;
    background: transparent;
  }

  .cr-check-col:last-child { border-right: none; }

  .cr-chk {
    width: 22px; height: 22px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    background: #D8DEFC;
  }

  /* Unselected tick: blue stroke */
  .cr-chk svg path { stroke: #3A58EF; }

  /* Active (selected) column: light bg on cell + blue circle + white tick */
  .cr-check-col.cr-col-active {
    background: rgba(235, 238, 253, 0.35) !important;
  }

  .cr-check-col.cr-col-active .cr-chk {
    background: #3A58EF !important;
  }

  .cr-check-col.cr-col-active .cr-chk svg path {
    stroke: #fff !important;
  }

  .cr-dash { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; }
  .cr-dash-line { width: 12px; height: 2px; background: #D0D5DD; border-radius: 2px; }

  /* ── Responsive ── */
  @media (max-width: 700px) {
    .Compilation-Review-Services { padding: 48px 0 0; }
    .cr-section-h2 { font-size: 24px; letter-spacing: 0; }
    .cr-section-h3 { font-size: 16px; }
    .cr-section-h4 { font-size: 15px; }
    .cr-wrapper { padding: 0 16px; }
    .cr-header-row,
    .cr-features-header-row,
    .cr-sec-header,
    .cr-pt-row { grid-template-columns: 1fr 110px 110px; }
    .cr-plan-col { padding: 16px 10px; }
    .cr-plan-price { font-size: 30px; }
    .cr-table-title { font-size: 17px; }
    .cr-header-left { padding: 20px 16px; }
    .cr-feat-cell { padding: 10px 16px 10px 55px; }
    .cr-sec-title-wrap { padding: 10px 16px; }
  }






@media (max-width:1366.51px) { 

        
    section.complince_solution table > thead > tr:nth-child(2) th:first-child {
        width: 540px;
    }

    .pilotimgs img {
        max-width: 230px;
    }

    section.complince_solution .complince_solution_bottom_box p {
        font-size: 15px;
    }

}



@media (max-width:1199.51px) {  
    section.complince_solution table > thead > tr:nth-child(2) th:first-child {
        width: 460px;
    }

}


@media (max-width: 991.51px) {
    section.complince_solution table tbody tr.chart_row_parant td h2 {
        text-align: left;
    }

    section.complince_solution table tr th:first-child, section.complince_solution table tr td:first-child {
        width: 39% !important;
        min-width: 50% !important;
    }

    /* section.complince_solution.firstcolumn table td:nth-last-child(3), section.complince_solution.firstcolumn table th:nth-last-child(3) {
        background: #EBEEFD !important;
        width: 150px;
    } */

}


@media (max-width: 767.51px) {
    section.complince_solution h2 {
        font-size: 26px;
    }

      
    .requirement_icn > svg {
        min-width: 24px;
    }

    .section {
        padding: 60px 0;
    }
    body h1 {
        font-size: 24px;
    }
    body h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
  
    /*section.Trending_Main h2*/

    .Trending_Tabs ul.nav-pills {
        gap: 16px;
        justify-content: flex-start;
        margin-bottom: 24px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
    }
  
    section.section.our_industry h2{
        font-size: 20px;
    }
    .q_indevidual_sub_inner h2{
        font-size: 20px;
    }
    
    .professional-testi-nm {
        text-align: right;
        position: relative;
        padding-right: 16px;
        margin-bottom: 0;
        margin-top: 24px;
    }

    .c_tooltip .c_tooltiptext::after {
        left: 6px;
    }
    
   
    .c_tooltip .c_tooltiptext {
        left: 0;
        transform: translateX(0%);
        min-width: 300px;
    }
   
    section.explore {
        margin-top: 50px;
        margin-bottom: 20px;
    }


    section.complince_solution table tr th, section.complince_solution table tr  td {
        /* width: auto !important;
        min-width: auto !important; */
        white-space:nowrap;
    }

    .complince_solution .Pricing_Table_Top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
        flex-direction: column;
        gap: 16px;
    }

    .Pricing_Table_Top_Tabs .nav-pills li.nav-item .nav-link {
        padding: 8px 11px;
        min-width: 140px;
    }

    section.complince_solution table tr th:first-child, section.complince_solution table tr td:first-child {
        width: 48% !important;
        min-width: 50% !important;
    }

    /* section.complince_solution.firstcolumn table td:nth-last-child(3), section.complince_solution.firstcolumn table th:nth-last-child(3) {
        background: #EBEEFD !important;
        width: 160px;
    } */

    .Lets_Build_Box {
        flex-direction: column;
    }

    .Lets_Build_Box a.Schedule_Call_Btn, .Lets_Build_Box a.Chat_Btn {
        padding: 12px 14px;
    }

    section .Sec_Title h2 {
        font-size: 24px !important;
        line-height: inherit !important;
    }

    section .Sec_Title h2 span {
        font-size: 24px !important;
        line-height: inherit !important;
    }

    section.Banner_Pricing h3 {
        color: var(--Text-Grey-700, #344054);
        line-height: inherit !important;
    }

    section.complince_solution .table-responsive {
        background: #FFFFFF;
        border-radius: 16px;
        padding: 16px 16px 0px 16px;
    }

    section .Sec_Title p {
        font-size: 16px !important;
        line-height: inherit !important;
    }

    section.complince_solution.firstcolumn .tab-content .Pricing_Table_Top_Select {
        margin-top: 0;
    }
 
}


/*Media Query Over*/

.svg-mbm {
    mix-blend-mode: multiply;
}

.vcfo-hidden {
    display: none;
}

.addon-note-text {
    font-size: 14px;
    color: var(--gray-500);
    margin-top: 3px;
}