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




























/*Individual Subscription - Unlimited Access Section Start*/

.c_tooltip {
    position: relative;
    display: inline-block;
  }
  
  .c_tooltip .c_tooltiptext {
    transform: translateX(-50%);
    min-width: 260px;
    width: max-content;
    max-width: 280px;
    background: #ffffff;
    border: 1px solid #E3E0FB;
    box-shadow: 0 4px 8px rgba(16, 24, 40, .08);
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    white-space: normal;
    z-index: 60;
    text-align: left;
    left: 160px;
    bottom: -30%;
    top: auto;
    background-color: #00001E;
    color: #fff;
  }
  span.c_tooltiptext p {
    font-size: 14px;
    line-height: 1.6;
}
  .c_tooltip .c_tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #d3d3d3 transparent;
  }
  
  .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;
}
.Insightful_Box {
    box-shadow: 0px 30px 30px rgb(0 9 94 / 5%);
}
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;
}

.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 {
    background: var(--Theme-Blue-50, #EBEEFD);
    color: var(--Text-Grey-900, #101828);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 20px 16px;
    vertical-align: middle;
}
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;
}
section.complince_solution table > thead > tr:nth-child(2) th:first-child {
    text-align: left;
}
section.complince_solution  table > thead > tr:nth-child(3) th {
    vertical-align: middle;
    color: var(--Text-Grey-900, #101828);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: var(--Theme-Dark-Blue-300, #D4D3DB);
    padding: 12px 16px;
    border: none;
}
section.complince_solution table > thead > tr:nth-child(3) th:first-child {
    text-align: left;
}
section.complince_solution 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: 12px 16px;
    border: none;
}
tr.chart_row td table tbody tr td {
    overflow: hidden;
    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;
}
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;
}

tr.chart_row td table tbody tr td a:hover {}

.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;
    width: 200px;
}
tr.chart_row td table tbody tr:nth-of-type(odd) td{
    background-color: #EBEEFD; 
    width: 200px;
} 
section.complince_solution table tr.chart_row > td {
    padding: 12px 16px;
}
tr.chart_row td table{
    width: 100%;
    table-layout: fixed;
}
tr.chart_row td .user_list_tbl {
    border: 1px solid #D0D5DD;
    border-radius: 5px;
}
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: 10px;
}
section.complince_solution h2 + 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: 10px;
}
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;
}
section.complince_solution {
    padding-bottom: 50px;
}
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 h1 {
    color: var(--Text-Grey-800, #1D2939);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.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;
}
.tooltipModal .row ul {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding-left: 4px;
}
.tooltipModal .row p {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
tr.chart_row_parant:has(.rowactive) td > svg {
    display: none;
}
.table-responsive.user_list_tbl > table tbody > tr td:first-child {
    width: 454px;
    padding-left: 65px;
}
/*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;
}

.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: none;
}
.complince_solution .complince_solution_table{
    width: 900px;
}


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-top: 72px;
    padding-bottom: 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-responsive {
    background: #FFFFFF;
    border-radius: 16px;
}

.complince_solution .complince_solution_table {
    width: 1100px;
}

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;
    font-style: normal;
    padding: 0 16px 20px 16px;
    vertical-align: middle;
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: normal;
    text-align: center;
    color: #344054;
    border: 0;
    padding-bottom: 0;
    width: 200px;
}

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;
    width: 200px;
}
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;
}

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

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

.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-style: normal;
    padding-left: 4px;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
}

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

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

.tooltipModal h1 {
    color: var(--Text-Grey-800, #344054);
    font-style: normal;
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    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%;
}

/*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 .user_list_tbl {
    overflow: visible;
}

tr.chart_row td table tbody tr td {
    overflow: visible;
}

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

span.c_tooltiptext p {
    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-radius: 0;
    border: none;
    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: 24px;
    letter-spacing: 0;
}

.complince_solution .Pricing_Table_Top {
    display: flex;
    align-items: center;
    justify-content: center;
    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;
}

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: 36px;
}

.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; */
    color: var(--Text-Grey-700, #344054);
    width: 200px;
}

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

/* 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;
    width: 200px;
}

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.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 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 {

}

section.complince_solution table.table tbody tr td.Selcted_Plan {

}

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

tr.chart_row.New_Audit_Table td {}

section.complince_solution table tbody tr td {}

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;
    min-height: 226px;
}

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

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 {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-500, #5D667B);
    background: var(--White, #FFF);
    margin-top: 0;
    transition: 0.5s ease-in-out all;
}

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 */


.Pricing_Table_Top_Tabs .nav-pills li.nav-item .nav-link span{
    border-radius: 4px;
    background: var(--Theme-Yellow-500, #F0C33A);
    color: var(--Text-Grey-900, #101828);
    text-align: center;
    /* Text md / Semibold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    padding: 2px 8px;
    min-width: 177px;
}

section.Schedule_Contact {
    background: transparent;
    padding: 0;
}






  *, *::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);
  }

  html { scroll-behavior: smooth; }


  /* ── Page Header ─────────────────────────────── */
  .page-header {
    max-width: inherit;
    margin: 0 auto 28px;
    text-align: center;
  }
  .page-header 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;
  }
  .page-header p {
    margin-top: 6px;
    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;
  }

  /* ── Billing Toggle ───────────────────────────── */
  .billing-toggle-wrap {
    max-width: inherit;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
  }
  .billing-toggle {
    display: inline-flex;
    align-items: center;
    background: var(--Text-Grey-50, #F9FAFB);
    border: none;
    border-radius: 12px;
    padding: 2px;
    gap: 2px;
  }
  .tog-btn {
    padding: 8px 20px;
    border: none;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    min-width: 177px;
    cursor: pointer;
    background: transparent;
    color: var(--Text-Grey-500, #5D667B);
    transition: background .18s var(--ease), color .18s var(--ease);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
  }
  .tog-btn.active {
    background: var(--Theme-Blue-800, #182878);
    color: #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;
  }
  .save-badge {
    background: var(--Theme-Yellow-500, #F0C33A);
    color: var(--Text-Grey-900, #101828);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    padding: 2px 6px;
    text-transform: inherit;
  }
  .tog-btn.active .save-badge {
    /* background: rgba(255,255,255,.25);
    color: #fff; */
  }

  /* ── 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: visible;
  }

  /* ── Plan Header (thead-style rows) ──────────────── */
  .plan-header-row {
    background: #fff;
    border-bottom: 3px solid var(--Text-Grey-200, #EAECF0);
  }
  .phr-row {
    display: grid;
    grid-template-columns: 500px repeat(3, 1fr);
    align-items: center;
    border-bottom: 1px solid var(--Text-Grey-200, #EAECF0);
  }
  .phr-row:last-child { border-bottom: none; }
  .phr-label {
    padding: 16px 20px;
    text-align: left;
  }
  .phr-cell {
    padding: 16px 20px;
    text-align: center;
    border-left: 1px solid var(--Text-Grey-200, #EAECF0);
    background: #fff;
  }
  .phr-featured {
    background: var(--Theme-Blue-100, #D8DEFC);
  }

  /* Row 1 — States */
  .phr-states-row { background: #fff; }
  .phr-states-row .phr-cell span {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--Text-Grey-50, #F9FAFB);
    padding: 2px 8px;
    display: inline-block;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  .phr-states-row .phr-featured span {
    background: var(--Theme-Blue-100, #D8DEFC);
    border-color: var(--Theme-Blue-200, #9CABF7);
  }

  /* Row 2 — Prices */
  .phr-price-row { background: transparent; }
  .phr-price-row .phr-featured { background: var(--Theme-Blue-100, #D8DEFC); }
  .plan-price {
    display: block;
    font-family: Inter;
    font-size: 30px;
    font-weight: 700;
    color: var(--Theme-Blue-500, #3A58EF);
    letter-spacing: -0.6px;
    line-height: 38px;
    transition: opacity .18s var(--ease);
  }
  .plan-price.flash { opacity: 0; }
  .plan-price-period {
    font-size: 14px;
    color: var(--Text-Grey-700, #344054);
    margin-top: 4px;
    font-weight: 400;
  }
  .plan-price-annual-note {
    font-size: 14px;
    color: var(--Theme-Blue-500, #3A58EF);
    margin-top: 3px;
    font-weight: 500;
  }

  /* Row 3 — Plan names */
  .phr-plans-row { background: var(--Theme-Dark-Blue-300, #D4D3DB); }
  .phr-plans-row .phr-label { background: #fff; }
  .phr-plans-row .phr-featured { background: var(--Theme-Blue-200, #9CABF7); }
  .phr-plans-row .phr-cell span {
    border-radius: 50px;
    background: var(--Theme-Blue-100, #D8DEFC);
    padding: 5px 16px;
    display: inline-block;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  /* Row 4 — CTA */
  .phr-cta-row { background: #fff; }
  .plan-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    background: var(--White, #FFF);
    color: var(--Theme-Blue-500, #3A58EF);
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    border-radius: 4px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);
  }
  .plan-cta:hover {
    background: var(--Theme-Blue-100, #D8DEFC);
    border-color: var(--Theme-Blue-300, #758AF4);
    color: var(--Theme-Blue-500, #3A58EF);
  }

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

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

  .sec-header {
    display: grid;
    grid-template-columns: 500px repeat(3, 1fr);
    align-items: center;
    background: #fff;
    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-cell {
    padding: 13px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
  }
  .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-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--brand-800);
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sec-count {
    font-size: 14px;
    font-weight: 600;
    color: var(--brand-500);
    background: var(--brand-100);
    border-radius: var(--r-pill);
    padding: 1px 8px;
    white-space: nowrap;
  }
  .sec-plan-col {
    border-left: 1px solid var(--gray-200);
  }

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

  .pt-row {
    display: grid;
    grid-template-columns: 500px repeat(3, 1fr);
    align-items: center;
    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 {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .feat-name {
    color: var(--gray-700);
    flex: none;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
  }
  .feat-note {
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-500);
    background: var(--gray-100);
    border-radius: var(--r-xs);
    padding: 1px 6px;
    white-space: nowrap;
    margin-top: 1px;
  }

  /* ── Info tooltip (c_tooltip) scoped to compliance-pricing ── */
  section.compliance-pricing .c_tooltip {
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
    vertical-align: middle;
  }
  section.compliance-pricing .c_tooltip img {
    display: block;
    width: 16px;
    height: 17px;
  }
  section.compliance-pricing .c_tooltip .c_tooltiptext {
    transform: translateX(-50%);
    min-width: 260px;
    width: max-content;
    max-width: 280px;
    background: #ffffff;
    border: 1px solid #E3E0FB;
    box-shadow: 0 4px 8px rgba(16, 24, 40, .08);
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    white-space: normal;
    z-index: 60;
    text-align: left;
    left: 160px;
    bottom: -30%;
    top: auto;
    background-color: #00001E;
    color: #fff;
  }
  section.compliance-pricing .c_tooltip .c_tooltiptext p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
  }
  section.compliance-pricing .c_tooltip .c_tooltiptext::after {
    border-color: transparent #00001E transparent transparent;
  }

  /* ── Check / X icons ──────────────────────────── */
  .plan-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    border-left: 1px solid var(--gray-100);
  }
  .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;
  }
  .x-icon {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: #FEE2E2;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .docs-badge {
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-500);
    background: var(--gray-100);
    border-radius: var(--r-xs);
    padding: 2px 7px;
    letter-spacing: .04em;
  }

  /* ── 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;
    background: var(--warning-lt);
    border: 1px solid #FDE68A;
    border-radius: var(--r-md);
    padding: 14px 18px;
    font-size: 14px;
    color: var(--gray-700);
    line-height: 1.6;
  }

  /* ── Competitor comparison row ────────────────── */
  .comp-row {
    display: grid;
    grid-template-columns: 340px repeat(3, 1fr);
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-200);
  }
  .comp-label-cell {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-500);
    text-transform: uppercase;
    letter-spacing: .06em;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .comp-label-cell span {
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--gray-400);
    margin-top: 2px;
  }
  .comp-val-cell {
    padding: 10px 16px;
    border-left: 1px solid var(--gray-200);
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.5;
  }
  .comp-save {
    font-size: 14px;
    font-weight: 700;
    color: var(--success);
  }

  @media (max-width: 700px) {
    .phr-row,
    .col-header,
    .sec-header,
    .pt-row,
    .comp-row { grid-template-columns: 200px repeat(3, 1fr); }
    .plan-price { font-size: 22px; line-height: 1.2; }
    .phr-label { padding: 12px 10px; }
    .phr-cell { padding: 12px 10px; }
    .feat-cell { padding: 9px 10px; }
  }


*, *::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);
}

html { scroll-behavior: smooth; }




/* ── Section label ────────────────────────────── */
.section-label {
      max-width: inherit;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-label-text {
  font-size: 14px;
  font-weight: 800;
  color: var(--brand-700);
  text-transform: uppercase;
  letter-spacing: .1em;
}
.section-label-line {
  flex: 1;
  height: 1px;
  background: var(--brand-200);
}

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

/* ── Table column header ──────────────────────── */
.col-header {
  display: grid;
  align-items: center;
  background: linear-gradient(135deg, var(--brand-800) 0%, var(--brand-700) 100%);
}
.col-header.onboarding-grid { grid-template-columns: 2fr 1fr 0fr 0fr; }
.col-header.addon-grid      { grid-template-columns: 2fr 1fr; }

.col-header-cell {
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 800;
  color: rgba(255,255,255,.9);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.col-header-cell + .col-header-cell {
  border-left: 1px solid rgba(255,255,255,.1);
  text-align: center;
}

/* ── Data rows ────────────────────────────────── */
.pt-row {
  display: grid;
  align-items: stretch;
  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); }
.pt-row.onboarding-grid { grid-template-columns: 2fr 1fr 0fr 0fr; }
.pt-row.addon-grid      { grid-template-columns: 2fr 1fr; }

/* ── Cells ────────────────────────────────────── */
.cell-service {
  padding: 14px 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
}
.service-name {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-800);
  line-height: 1.35;
}
.service-desc {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 1.5;
}

.cell-price {
  padding: 14px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--gray-100);
  text-align: center;
}
.price-val {
  font-size: 14px;
  font-weight: 700;
  color: var(--Text-Grey-700, #344054);
  line-height: 1.3;
}
.price-val.included {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #3A58EF;
    background: #D8DEFC;
    border-radius: var(--r-pill);
    padding: 3px 10px;
}
.price-val.custom {
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-600);
  background: var(--brand-50);
  border-radius: var(--r-pill);
  padding: 3px 10px;
}

.cell-applies {
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--gray-100);
  gap: 4px;
  text-align: center;
}
.applies-badge {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-700);
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  border-radius: var(--r-pill);
  padding: 2px 9px;
  white-space: nowrap;
}
.applies-badge.all {
  color: var(--gray-600);
  background: var(--gray-100);
  border-color: var(--gray-200);
}

.cell-who {
  padding: 14px 16px;
  display: flex;
  align-items: center;
  border-left: 1px solid var(--gray-100);
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-600);
  line-height: 1.5;
}

/* ── Info tooltip ─────────────────────────────── */
.fi {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px; height: 15px;
  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;
  margin-left: 4px;
  vertical-align: middle;
  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;
  white-space: normal;
  line-height: 1.5;
  width: max-content;
}
.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; }

/* ── Footer notes ─────────────────────────────── */
.pt-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 13px 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;
}

section.onboarding-addons-pricing .c_tooltip {
    margin-left: 3px;
}


section.onboarding-addons-pricing {
    padding-bottom: 40px;
}

section.bg-light-blue {
    background: #EBEEFD;
}

@media (max-width: 700px) {
  .col-header.onboarding-grid,
  .pt-row.onboarding-grid { grid-template-columns: 1.5fr repeat(3, 1fr); }
  .col-header.addon-grid,
  .pt-row.addon-grid { grid-template-columns: 1.5fr 1fr 1.6fr; }
  .cell-service { padding: 12px 12px; }
}



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

    .complince_solution_bottom_box h3 {
        font-size: 16px; 
    }

    section.complince_solution .complince_solution_bottom_box h2 {
        font-size: 42px;
    }


    tr.chart_row td table tbody tr td:not(:first-child),
    section.complince_solution table tbody tr td:not(:first-child)  {
        width: 171px;
    }
    tr.chart_row td table tbody tr:nth-of-type(odd) td{
        width: 171px;
    } 
    section.complince_solution table tr:first-child th {
        width: 171px;
    }
    section.complince_solution.firstcolumn table th.Selected_Plan, 
    section.complince_solution.firstcolumn table td.Selected_Plan {
        width: 171px;
    }
    section.complince_solution table > thead > tr:nth-child(2) th {
        width: 171px;
    }
    section.complince_solution table > thead > tr:nth-child(3) th {
        width: 171px;
    }

}



@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: center;
        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;
    }

    .complince_solution_bottom_box h3 {
        font-size: 18px; 
    }

    section.complince_solution .complince_solution_bottom_box h2 {
        font-size: 48px;
    }

    .complince_solution_bottom_box {
        min-height: auto;
    }

    .service-name {
        font-size: 16px;
        font-weight: 500;
    }
 
}


/*Media Query Over*/

@supports (font: -apple-system-body) and (-webkit-appearance: none) and (hanging-punctuation: first) { 
    
    tr.chart_row td table tbody tr td:not(:first-child),
    section.complince_solution table tbody tr td:not(:first-child)  {
        width: 200px;
    }
    tr.chart_row td table tbody tr:nth-of-type(odd) td{
        width: 200px;
    } 
    section.complince_solution table tr:first-child th {
        width: 200px;
    }
    section.complince_solution.firstcolumn table th.Selected_Plan, 
    section.complince_solution.firstcolumn table td.Selected_Plan {
        width: 220px;
    }
    section.complince_solution table > thead > tr:nth-child(2) th {
        width: 200px;
    }
    section.complince_solution table > thead > tr:nth-child(3) th {
        width: 200px;
    }
}


/* =====================================================
   RESPONSIVE — compliance-pricing & onboarding-addons-pricing
   ===================================================== */

/* ── Tablet (≤ 991px): enable horizontal scroll ── */
@media (max-width: 991px) {
  section.compliance-pricing .pricing-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .plan-header-row { min-width: 580px; }
  .phr-row {
    grid-template-columns: 240px repeat(3, 1fr);
    min-width: 580px;
  }
  .sec-header {
    grid-template-columns: 240px repeat(3, 1fr);
    min-width: 580px;
  }
  section.compliance-pricing .pt-row {
    grid-template-columns: 240px repeat(3, 1fr);
    min-width: 580px;
  }
  .comp-row {
    grid-template-columns: 240px repeat(3, 1fr);
    min-width: 580px;
  }

  section.onboarding-addons-pricing .pricing-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .col-header.onboarding-grid,
  .pt-row.onboarding-grid { min-width: 520px; }
  .col-header.addon-grid,
  .pt-row.addon-grid { min-width: 420px; }

  .page-header h2 { font-size: 30px; line-height: 40px; }
  .page-header p  { font-size: 16px; line-height: 24px; }
}

/* ── Small tablet (≤ 768px) ── */
@media (max-width: 768px) {
  .phr-row {
    grid-template-columns: 180px repeat(3, 1fr);
    min-width: 500px;
  }
  .sec-header {
    grid-template-columns: 180px repeat(3, 1fr);
    min-width: 500px;
  }
  section.compliance-pricing .pt-row {
    grid-template-columns: 180px repeat(3, 1fr);
    min-width: 500px;
  }
  .comp-row {
    grid-template-columns: 180px repeat(3, 1fr);
    min-width: 500px;
  }
  .plan-header-row { min-width: 500px; }

  .plan-price { font-size: 22px; line-height: 1.25; }
  .Pricing_Month_label h3 { font-size: 22px; line-height: 30px; }
  .All_Features_label h3  { font-size: 16px; line-height: 24px; }
  .phr-label { padding: 12px 10px; }
  .phr-cell  { padding: 12px 8px; }
  .plan-cta  { font-size: 14px; padding: 8px 12px; }

  .col-header.onboarding-grid,
  .pt-row.onboarding-grid {
    min-width: 460px;
    grid-template-columns: 1.5fr repeat(3, 1fr);
  }
  .col-header.addon-grid,
  .pt-row.addon-grid {
    min-width: 380px;
    grid-template-columns: 1.4fr 0.8fr 1.3fr;
  }
  .cell-price { padding: 12px 8px; }
  .cell-who   { padding: 12px 10px; font-size: 14px; }
  .price-val  { font-size: 14px; }

  .page-header h2 { font-size: 26px; line-height: 34px; }
  .page-header p  { font-size: 15px; line-height: 22px; margin-bottom: 24px; }
  .tog-btn    { min-width: 130px; font-size: 14px; padding: 8px 14px; }
  .save-badge { font-size: 14px; padding: 2px 6px; }
}

/* ── Mobile phone (≤ 575px) ── */
@media (max-width: 575px) {
  /* compliance-pricing: most compact */
  .phr-row {
    grid-template-columns: 255px repeat(3, minmax(110px, 1fr));
    min-width: 580px;
  }
  .sec-header {
    grid-template-columns: 140px repeat(3, minmax(70px, 1fr));
    min-width: 580px;
  }
  section.compliance-pricing .pt-row {
    grid-template-columns: 255px repeat(3, minmax(110px, 1fr));
    min-width: 580px;
  }
  .comp-row {
    grid-template-columns: 140px repeat(3, minmax(70px, 1fr));
    min-width: 400px;
  }
  .plan-header-row { min-width: 580px; }

  .plan-price { font-size: 16px; line-height: 1.2; }
  .plan-price-period { font-size: 14px; }
  .plan-price-annual-note { font-size: 14px; }
  .Pricing_Month_label h3 { font-size: 16px; line-height: 20px; }
  .All_Features_label h3  { font-size: 14px; line-height: 1.35; }
  .sec-title  { font-size: 14px; white-space: normal; overflow: visible; text-overflow: unset; }
  .sec-title-cell { padding: 10px 8px; min-width: 255px;}
  .plan-cta   { font-size: 14px; padding: 7px 8px; }
  .phr-label  { padding: 10px 6px; }
  .phr-cell   { padding: 10px 4px; }
  .feat-cell  { padding: 8px 6px; }
  .feat-name  { font-size: 14px; }
  .plan-cell  { padding: 8px 4px; }
  .chk-icon, .x-icon { width: 18px; height: 18px; }

  /* onboarding grid: compact horizontal scroll */
  .col-header.onboarding-grid,
  .pt-row.onboarding-grid {
    grid-template-columns: 235px repeat(3, minmax(55px, 1fr));
    min-width: 550px;
  }

  /* addon grid: stack as cards */
  .col-header.addon-grid { display: none; }
  .pt-row.addon-grid {
    display: flex;
    flex-direction: column;
    min-width: unset !important;
    padding: 14px 16px;
    gap: 6px;
  }
  .pt-row.addon-grid .cell-service {
    padding: 0 0 10px 0;
    border-left: none;
    border-bottom: 1px solid var(--gray-100);
    margin-bottom: 4px;
  }
  .pt-row.addon-grid .cell-price {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-left: none;
    padding: 0;
  }
  .pt-row.addon-grid .cell-price::before {
    content: "Price:";
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-500);
    margin-right: 8px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .pt-row.addon-grid .cell-who {
    display: block;
    border-left: none;
    padding: 0;
  }
  .pt-row.addon-grid .cell-who::before {
    content: "Who needs it:";
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-500);
    margin-bottom: 3px;
  }

  /* .col-header-cell { padding: 10px 8px; font-size: 11px; } */
  /* .price-val { font-size: 12px; } */
  /* .price-val.included { font-size: 11px; padding: 2px 6px; } */

  .page-header h2 { font-size: 22px; line-height: 30px; }
  .page-header p  { font-size: 14px; line-height: 20px; margin-bottom: 18px; }
  .tog-btn    { min-width: 110px; font-size: 14px; padding: 7px 10px; }
  .save-badge { font-size: 14px; padding: 2px 5px; }
}