body *,
   ::before,
   ::after {
           box-sizing: border-box;
           scroll-behavior: smooth;
   }

   html {
           scroll-behavior: smooth;
   }

   body {
           font-family: "Poppins", sans-serif;
           font-weight: 400;
           font-size: 18px;
           line-height: 1.5;
           background-color: #fff;
           min-height: 100vh;
           display: flex;
           flex-direction: column;
           color: #000;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
           margin: 0;
           line-height: 1.3;
   }

   h1 {
           font-weight: 700;
           font-size: 44px;
   }

   h2 {
           font-weight: 700;
           font-size: 24px;
   }

   h3 {
           font-weight: 400;
           font-size: 22px;
   }

   a {
           text-decoration: none;
           display: inline-block;
   }

   a:focus-visible {
           outline: none !important;
   }

   p,
   ul {
           margin: 0;
   }

   .d-flex {
           display: flex;
   }

   .flex-col {
           display: flex;
           flex-direction: column;
   }

   .white {
           color: #FFFFFF;
   }

   .black {
           color: #000000;
   }

   .green-teal {
           color: #00539D;
   }

   .bg-green {
           background-color: #00539D;
   }

   .pli_cta {
           position: relative;
           cursor: pointer;
           overflow: hidden;
           transition: background .3s ease;
           z-index: 1;
           text-decoration: none;
           display: inline-block;
           font-weight: 400;
           border: 1px solid transparent;
   }

   .pli_cta::before {
           content: "";
           position: absolute;
           inset: 0;
           z-index: -1;
           clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 100%);
           transition: clip-path .5s;
   }

   .pli_cta:hover::before {
           clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
   }

   .pli_cta:hover {
           animation: textSwap .3s ease forwards;
   }

   .white-pli_cta {
           color: #00539D;
           background: #FFFFFF;
           padding: 16px 32px;
           border: 1px solid rgba(0, 0, 0, 0.1);
   }

   .white-pli_cta::before {
           background: #00539D;
   }

   .white-pli_cta:hover {
           color: #fff !important;
           border-color: #FFFFFF;
   }

   .blue-cta {
           color: #FFFFFF;
           background: #00539D;
           padding: 16px 40px;
   }

   .blue-cta::before {
           background: #FFF;
   }

   .blue-cta:hover {
           color: #00539D;
           border-color: #00539D;
   }

   .blck-cta {
           color: #FFFFFF;
           background: #26283B;
           padding: 16px 45px;
           font-weight: 500;
   }

   .blck-cta::before {
           background: #FFF;
   }

   .blck-cta:hover {
           color: #5E9B8A;
           border-color: #5E9B8A;
   }

   .font-22 {
           font-size: 22px;
   }

   .font-20 {
           font-size: 20px;
   }

   .p_220 {
           padding: 220px 0;
   }

   .p_140 {
           padding: 140px 0;
   }

   .pt_140 {
           padding-top: 140px;
   }

   .mt_140 {
           margin-top: 140px;
   }

   .pb_150 {
           padding-bottom: 150px;
   }

   .pt_120 {
           padding-top: 120px;
   }

   .pb_100 {
           padding-bottom: 100px;
   }

   .pt_100 {
           padding-top: 100px;
   }

   .p_80 {
           padding: 80px 0;
   }

   .pb_80 {
           padding-bottom: 80px;
   }

   .pt_45 {
           padding-top: 45px;
   }

   .mt_60 {
           margin-top: 60px;
   }

   .pb-0 {
           padding-bottom: 0;
   }

   .gap-20 {
           display: flex;
           gap: 20px;
   }

   .spc-btwn {
           display: flex;
           justify-content: space-between;
   }

   /* ***************************************************************************************************** */
   .logo img {
           width: 100%;
           /* max-width: 110px; */
   }

   .header-wrp {
           padding: 21px 0;
   }

   .contact a:hover {
           color: #000;
   }

   .banner-wrapper {
           background: #00539D;
   }

   .banner-wrapper h1 {
           text-align: center;
           margin-bottom: 20px;
   }

   .banner-form {
           max-width: 687px;
           width: 100%;
           margin: auto;
   }

   .banner-form input {
           background: transparent !important;
           padding: 16px 21px;
           border-radius: 0;
           border: 1px solid rgba(255, 255, 255, 0.15) !important;
           color: #fff !important;
           font-size: 18px;
   }

   .banner-form input:focus {
           outline: none;
           box-shadow: none;
   }

   .banner-form input::placeholder {
           color: #fff;
   }

   .banner-form button {
           margin: 40px 0 15px;
           width: fit-content;
           padding: 16px 55px;
   }

   .bottom-side p {
           font-size: 14px;
           color: #fff;
   }

   .imp-notice {
           margin-top: 30px;
   }

   .fot-pera {
           max-width: 1287px;
   }

   .imp-notice ul {
           padding: 0;
           list-style: none;
           gap: 7px;
   }

   .imp-notice ul a {
           color: #fff;
           text-decoration: underline;
           padding-right: 7px;
           border-right: 3px solid #fff;
           display: inline-block;
           line-height: 18px;
   }

   .imp-notice ul li:last-child a {
           border-right: none;
   }

   footer {
           margin-top: auto;
   }

   /* second page  */
   .header-wrp {
           border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   }

   .inner-ban-wrp {
           background: transparent;
   }

   .inner-ban-wrp {
           background: transparent;
   }

   .inner-ban-form .form-row input {
           border: 1px solid rgba(0, 0, 0, 0.1) !important;
           color: #000 !important;
   }

   .inner-ban-form .form-group {
           width: 100%;
   }

   .inner-ban-form .form-row {
           gap: 30px;
           margin-bottom: 20px;
   }

   .inner-ban-form label {
           color: #000;
           margin-bottom: 10px;
   }

   .inner-banner-sec .inner-ban-form {
           max-width: 950px;
   }

   .inner-ban-wrp h1 {
           margin: 0 !important;
   }

   .inner-footer-sec .footer-wrapper {
           color: #fff;
   }

   .inner-ban-form .bottom-side button {
           margin: 30px 0 0;
   }

   .as-pera {
           max-width: 660px;
           width: 100%;
           margin: 20px auto 0;
           text-align: center;
   }

   /* 3rd page  */
   .tp-whole-ryt .upld-btn {
           margin-top: 0;
   }

   .wholesale-top-wrp {
           padding: 40px;
           margin-top: -20px;
   }

   .tp-whole-left {
           gap: 10px;
   }

   .tp-whole-ryt {
           gap: 15px;
   }

   .tp-whole-ryt .new-btn img {
           width: 15px;
           height: 15px;
   }

   .tp-whole-ryt .new-btn {
           align-items: center;
           gap: 10px;
   }

   .tp-whole-ryt a {
           padding: 16px 30px;
   }

   .tp-whole-ryt .new-btn:hover img {
           filter: brightness(0) invert(1);
   }

   .upld-btn {
           border: 1px solid #FFFFFF85;
   }

   .search-wrp {
           display: grid;
           grid-template-columns: 500px 280px 250px 220px;
           gap: 15px;
           margin-top: 6px;
   }

   .search-box {
           position: relative;
   }

   .search-wrp input:focus,
   .search-wrp select:focus {
           outline: none !important;
           box-shadow: none !important;
           border-color: rgba(0, 0, 0, 0.1) !important;
   }

   .search-wrp input,
   .search-wrp select {
           width: 100%;
           padding: 16px 20px;
           font-size: 16px;
           color: #000;
           border: 1px solid rgba(0, 0, 0, 0.1);
           background-color: #FFF;
           appearance: none;
   }

   .search-box input::placeholder {
           color: #000;

   }

   .search-wrp .filter-box {
           position: relative;
   }

   .search-wrp .filter-box::after {
           content: "";
           position: absolute;
           right: 15px;
           top: 50%;
           transform: translateY(-50%);
           width: 12px;
           height: 12px;
           background: url('../images/dwn-arrow-1.svg') center no-repeat;
   }

   .search-box button {
           position: absolute;
           right: 15px;
           top: 50%;
           transform: translateY(-50%);
           border: none;
           background: transparent;
           cursor: pointer;
           padding: 0;
   }

   .wholesale-wrapper {
           gap: 30px;
   }

   .search-wrp .date-box {
           gap: 15px;
           align-items: center;
   }

   .search-wrp .date-box label {
           font-size: 16px;
           color: #000;
   }

   /*         .date-box input[type="date"]::-webkit-datetime-edit {
                display: none;
        }
 */
   .search-wrp .date-box input {
           display: flex;
           justify-content: end;
   }

   /*         .quotes-table {
                width: 100%;
                overflow-x: auto;
        } */

   /*         .quotes-table table {
                width: 100%;
                min-width: 1000px;
                border-collapse: collapse;
        } */
   .quotes-table table {
           width: 100%;
           min-width: 1210px;
           border-collapse: collapse;
   }

   .quotes-table td {
           padding: 18px 28px;
           border: 1px solid rgba(0, 0, 0, 0.1);
           color: #000;
   }

   .quotes-table th {
           background: rgba(232, 235, 224, 0.6);
           font-weight: 700;
           font-size: 20px;
           color: #000000;
           padding: 25px 28px;
           border: 1px solid rgba(0, 0, 0, 0.1);
           white-space: nowrap;
   }

   .inputs-class input,
   .inputs-class select,
   .inputs-class textarea {
           background: transparent !important;
           padding: 16px 21px;
           border-radius: 0;
           border: 1px solid rgba(0, 0, 0, 0.1) !important;
           font-size: 18px;
           color: #727272 !important;
   }

   .red-clr {
           color: #E81B1A !important;
   }

   .sky-blue-clr {
           color: #5BBCED !important;
   }

   .blue-clr {
           color: #00539D !important;
   }

   .purple-clr {
           color: #4556C7 !important;
   }

   .yellow-clr {
           color: #D5AE0E !important;
   }

   .inputs-class input:focus,
   .inputs-class select:focus,
   .inputs-class textarea:focus {
           outline: none;
           box-shadow: none;
   }

   .inputs-class input::placeholder {
           color: #fff;
   }

   .inputs-class .form-row input::placeholder {
           color: #000;
   }

   .inputs-class .form-group {
           width: 100%;
   }

   .inputs-class .form-row {
           gap: 30px;
   }

   .inputs-class label {
           color: #000;
           margin-bottom: 10px;
   }

   .inputs-class .select-grp {
           position: relative;
   }

   .inputs-class .select-grp::after {
           content: "";
           position: absolute;
           right: 15px;
           top: 70%;
           transform: translateY(-70%);
           width: 12px;
           height: 12px;
           background: url('../images/dwn-arrow.svg') center no-repeat;
   }

   .quotes-form .select-grp {
           width: 49%;
   }

   .quotes-form .form-row {
           margin-bottom: 20px;
   }

   .quotes-form {
           max-width: 1200px;
           width: 100%;
           margin-top: 15px;
   }

   /* .radio-wrp [type="radio"]:checked,
.radio-wrp [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radio-wrp [type="radio"]:checked+label, .radio-wrp [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    color: #000;
}

.radio-wrp [type="radio"]:checked+label:before,
.radio-wrp [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    background: #fff;
}

.radio-wrp [type="radio"]:checked+label:after,
.radio-wrp [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #00539D;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    transition: all 0.2s ease;
}

.radio-wrp [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio-wrp [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio-wrp .radio-content {
    gap: 20px;
}
 */
   .form-row .form-group .input-bg {
           background: #E8EBE033 !important;
   }

   .application-form {
           max-width: 100% !important;
           margin-top: 0 !important;
   }

   .tabination-wrapper {
           gap: 30px;
           border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   }

   .tabs-nav {
           width: 264px;
           background: #E8EBE033;
           padding: 15px;
           height: 100%;
   }

   .tabination-wrapper input[type="radio"] {
           display: none;
   }

   .tabs-nav label {
           padding: 20px;
           cursor: pointer;
           font-weight: 500;
           font-size: 16px;
           margin: 0;
   }

   .tabs-content {
           flex: 1;
           padding: 20px;
   }

   .tab-content {
           display: none;
   }

   .width-clas {
           max-width: 600px;
           width: 100%;
   }

   #business-details:checked~.tabs-content .content1,
   #services-activities:checked~.tabs-content .content2,
   #cover-selection:checked~.tabs-content .content3,
   #claims-history:checked~.tabs-content .content4,
   #declarations:checked~.tabs-content .content5 {
           display: block;
   }

   #business-details:checked~.tabs-nav label[for="business-details"],
   #services-activities:checked~.tabs-nav label[for="services-activities"],
   #cover-selection:checked~.tabs-nav label[for="cover-selection"],
   #claims-history:checked~.tabs-nav label[for="claims-history"],
   #declarations:checked~.tabs-nav label[for="declarations"] {
           background: #5E9B8A;
           color: #fff;
           font-weight: 700;
   }

   .tab-content h2 {
           padding-bottom: 13px;
   }

   .pricing-wrp {
           width: 100%;
           max-width: 625px;
           margin: 0 0 0 auto;
   }

   .pricing-wrp .amount-row span {
           font-weight: 500;
   }

   .pricing-wrp .ryt-side-amount span {
           font-weight: 600;
   }

   .ryt-side-amount {
           gap: 10px;
   }

   .amount-commen input {
           padding: 10px 20px !important;
           font-size: 14px;
           background: #E8EBE01A !important;
   }

   .amount-commen input::placeholder {
           color: #727272;
   }

   .amount-commen {
           gap: 15px;
   }

   .mid-fee-div {
           position: relative;
           margin-bottom: 6px;
   }

   .amount-commen .mid-fee-div p {
           font-size: 9px;
           line-height: 100%;
           color: #727272;
           position: absolute;
           right: 0;
           bottom: -12px;
   }

   .amount-commen {
           padding: 30px 0;
   }

   .amount-commen p {
           color: #727272;
           font-size: 16px;
           margin-top: -10px;
   }

   .Draft-btn {
           background: transparent;
           color: #000;
           border: 1px solid rgba(0, 0, 0, 0.1);
   }

   .Draft-btn:hover {
           background: #5E9B8A;
   }

   .ammount-inp-wrp .bottom-side {
           gap: 16px;
   }

   .clint-link-wrp .tp-whole-ryt a.cta.green-cta.upld-btn {
           padding: 16px 36px;
   }

   .qut-link-q span {
           font-weight: 500;
           font-size: 26px;
   }

   .qut-link-q {
           gap: 20px;
   }

   .qut-link-q h2 {
           width: 150px;
           font-size: 20px;
   }

   .cleint-link-form {
           max-width: 80%;
           margin: 0 0 0 100px;
           width: 100%;
   }

   .cleint-link-form .bottom-side button {
           padding: 16px;
           width: 240px;
   }

   .expiry-link-bx p {
           font-size: 16px;
           color: #727272;
           margin: 15px 0;
   }

   .expiry-link-bx em {
           font-style: normal;
           font-size: 16px;
   }

   .upload-apl-form {
           max-width: 756px;
           margin: 14px auto 0;
           width: 100%;
   }

   .upload-apl-form .card {
           padding: 45px;
           border-radius: 0;
           display: flex;
           align-items: center;
           cursor: pointer;
   }

   .drop_box p {
           font-size: 16px;
           margin-top: 15px;
   }

   .upload-apl-form .form input {
           margin: 10px 0;
           width: 100%;
           background-color: #e2e2e2;
           border: none;
           outline: none;
           padding: 12px 20px;
           border-radius: 4px;
   }

   .drop_box .form {
           display: flex;
           align-items: center;
           flex-direction: column;
           margin-top: 10px;
   }

   .upload-apl-form .form-row {
           gap: 16px !important;
   }

   .upload-apl-form .bottom-side {
           margin-top: 35px;
   }

   .submission-top-wrp {
           text-align: center;
   }

   .sub-qt-rf .table td {
           padding: 17px 24px;
           background: #E8EBE033;
           border: 1px solid rgba(0, 0, 0, 0.1);
           width: 50%;
   }

   .sub-qt-rf .table td strong {
           font-weight: 600 !important;
   }

   .sub-qt-rf .table td span {
           font-size: 18px;
   }

   .next-ul-wrp ul {
           list-style: none;
           padding: 0;
           gap: 10px;
   }

   .next-ul-wrp {
           gap: 8px;
           margin-top: 8px;
   }

   .sub-ref-wrp {
           max-width: 500px;
           margin: auto;
           width: 100%;
   }

   .sub-qt-rf {
           width: 100%;
           overflow-x: auto;
   }

   .sub-qt-rf table {
           width: 100%;
           min-width: 500px;
           border-collapse: collapse;
   }

   .Broker-from .broker {
           width: 50%;
   }

   .broker-tabination {
           border: 0;
           padding-top: 30px;
   }

   .broker-tabination .tab-content .form-row {
           margin-bottom: 20px;
   }

   .broker-tabination .back-dash {
           padding-top: 30px;
   }

   .submit-sec .submit-tp {
           padding: 30px;
   }

   .thank-you-wrp {
           max-width: 680px;
           margin: 35px 0 0 150px;
   }

   .expired-sec .expired-tp {
           background: #E81B1B;
   }

   /* STEP-FROM */
   .step-indicators {
           display: flex;
           justify-content: space-between;
           max-width: 1000px;
           width: 100%;
           margin: 100px auto;
           position: relative;
   }

   .step-indicators::before {
           content: "";
           position: absolute;
           background: #5E9B8A;
           opacity: 0.15;
           width: 100%;
           left: 0;
           top: 50%;
           height: 20px;
           border-radius: 100px;
           transform: translateY(-50%);
           z-index: 0;
   }

   .progress-fill {
           position: absolute;
           top: 50%;
           left: 0;
           height: 20px;
           background: #00539D;
           border-radius: 100px;
           transform: translateY(-50%);
           width: 0%;
           transition: 0.4s ease;
           z-index: 1;
   }

   .step-indicators .steps-slice {
           flex: 1;
           position: relative;
           z-index: 2;
   }

   .step-indicators .steps-slice:last-child {
           flex: unset;
   }

   .step {
           height: 39px;
           width: 39px;
           background-color: #E4E4E4;
           border-radius: 50%;
           display: flex;
           justify-content: center;
           align-items: center;
           color: #FFFFFF;
           font-weight: 600;
           font-size: 20px;
           transition: 0.3s ease;
   }

   .step.active {
           background-color: #00539D;
           color: #fff;
   }

   .step.complete {
           background-color: #00539D;
           color: #fff;
           position: relative;
   }

   /* step-1 */
   .form-step {
           width: 100%;
   }

   .input-box {
           justify-content: space-between;
           width: 100%;
   }

   .flx-text {
           gap: 10px;
   }

   .custom-select-wrapper {
           width: 392px;
           position: relative;
   }

   .custom-select-wrapper select {
           width: 100%;
           appearance: none;
   }

   .form-step input,
   .form-step select {
           color: #000 !important;
   }

   /* 
.radio-inner-wrapper [type="radio"]:checked,
.radio-inner-wrapper [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radio-inner-wrapper [type="radio"]:checked+label, .radio-inner-wrapper [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    color: #000000;
}

.radio-inner-wrapper [type="radio"]:checked+label:before,
.radio-inner-wrapper [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    background: #fff;
}

.radio-inner-wrapper [type="radio"]:checked+label:after, .radio-inner-wrapper [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #00539D;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    transition: all 0.2s ease;
}

.radio-inner-wrapper [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio-inner-wrapper [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio-inner-wrapper .radio-content {
    gap: 25px;
}

.radio-content ul li {
    margin: 8px 0;
}
 */
   /* 11 june 2026 */
   /* input[type="radio"] {
    -webkit-appearance: none;
    width: 50px;
    height: 50px;
    border: 4px solid #d9d9d9 !important;
    border-radius: 50%;
    background: #fff !important;
    cursor: pointer;
    padding: 8px;
    background-clip: content-box !important;
}

input[type="radio"]:checked {
    background-color: #0057a8 !important;
} */
   /* ******* */
   .legal {
           list-style: none;
           max-width: 490px;
           font-size: 16px;
   }

   .frm-btn {
           justify-content: center;
   }

   .custom-select-wrapper::after {
           content: "";
           position: absolute;
           width: 13px;
           height: 7px;
           right: 20px;
           top: 50%;
           transform: translateY(-50%);
           background: url("../images/dwn-arrow-1.svg") center center / contain no-repeat;
           pointer-events: none;
           z-index: 2;
   }

   .high-income-box {
           background: #f5f9ff;
           border-left: 3px solid #00539D;
           padding: 25px;
           border-radius: 15px;
           margin-top: 40px;
   }

   .upload-action-btns {
           gap: 25px;
           margin-top: 25px;
           flex-wrap: wrap;
   }

   .modal-buttons {
           margin-top: 20px;
   }

   #closeUploadModal {
           padding: 3px;
           width: 25%;
   }

   .upload-action-btns button {
           padding: 9px 30px;
   }

   .upload-modal-content .form-group {
           display: flex;
           flex-direction: column;
           gap: 4px;
           margin-bottom: 20px;
   }

   .upload-modal-content .tp-req-flid .form-group input {
           padding: 10px;
           border: 1px solid rgba(0, 0, 0, 0.1);
           width: 100%;
           color: #727272;
   }

   .upload-modal-content .tp-req-flid .form-group input:focus {
           outline: 0;
   }

   .upload-modal-content .upld-btn button {
           padding: 10px 15px;
           font-size: 14px;
   }

   .upld-btn {
           justify-content: space-between;
           margin-top: 20px;
   }

   .upld-dw-btm {
           gap: 10px;
   }

   #upld-svx {
           background: rgba(0, 83, 157, 0.06);
           border: 0;
           color: #000;
           transition: all 0.3s ease;
   }

   #upld-svx:hover {
           background: #00539D;
           color: #fff;
   }

   .upload-modal-content {
           background: #fff;
           padding: 30px;
           width: 500px;
           border-radius: 10px;
           font-size: 14px;
   }

   .upload-modal {
           position: fixed;
           inset: 0;
           background: rgba(0, 0, 0, 0.5);
           display: flex;
           justify-content: center;
           align-items: center;
           z-index: 999;
   }

   .upload-modal {
           display: none;
   }

   .form-step .error {
           border: 2px solid red !important;
           border-radius: 10px;
   }

   .radio-inner-wrapper.error {
           border: 2px solid red !important;
           padding: 15px;
           border-radius: 10px;
   }

   /* step -2  */
   .st-lbl,
   .pb-lia {
           font-size: 20px;
           color: #000000;
           font-weight: 700;
   }

   .op-add h2 {
           font-weight: 400;
           font-size: 24px;
           color: #000000;
   }

   .limit-options {
           gap: 15px;
           margin-top: 15px;
   }

   .limit-options label img {
           object-fit: contain;
   }

   .limit-options input {
           width: 25px;
           height: 25px;
   }

   .limit-options label {
           display: flex;
           gap: 12px;
   }

   .add-ons input[type="checkbox"] {
           width: 20px;
           height: 20px;
   }

   .cyber-limits span {
           font-weight: 700;
           font-size: 16px;
   }

   .cyber-limits {
           gap: 16px;
           margin: 15px 0 24px 33px;
           align-items: center;
   }

   .stp-ryt-side.flex-col {
           position: sticky;
           top: 6px;
   }

   .stp-ryt-side {
           border: 1px solid rgba(0, 0, 0, 0.1);
           padding: 28px;
           max-width: 456px;
           background: #00000004;
           margin-left: auto;
   }

   .stp-ryt-side .stop-crd-bx {
           justify-content: space-between;
           margin-top: 15px;
           font-size: 18px;
   }

   .stop-crd-bx span:first-of-type {
           color: #000000;
   }

   .stt-inr p {
           color: #000000;
           font-size: 18px;
           padding: 5px 0;
   }

   .error {
           border: 1px solid red !important;
           padding: 15px;
   }

   .stp-ryt-side .stamp-side span {
           font-weight: 600;
           max-width: 188px;
   }

   .stp-ryt-side .stamp-side p {
           font-weight: 500;
           max-width: 188px;
   }

   .total-side .stop-crd-bx p {
           font-weight: 700;
   }

   .total-side span {
           font-size: 16px;
           padding-top: 16px;
           display: flex;
   }

   .total-side {
           border-top: 1px solid rgba(0, 0, 0, 0.1);
           margin-top: 25px;
           padding-top: 28px;
   }

   .stp-tw-side {
           justify-content: space-between;
   }

   .stp-tw-side .st-ryt-btn {
           gap: 20px;
   }

   .pb-lia {
           margin-top: 10px;
   }

   #Cyber-lmt,
   #Public-lia {
           display: none;
   }

   /* popup  */
   .quote-modal {
           width: 100%;
           max-width: 1129px;
           padding: 40px;
           background: #FFFFFF;
   }

   .quote-modal .quote-content {
           margin-top: 30px;
   }

   .quote-overlay {
           position: fixed;
           inset: 0;
           background: rgba(0, 0, 0, 0.5);
           display: none;
           justify-content: center;
           align-items: center;
           z-index: 999;
   }

   .quote-modal .form-group label {
           display: block;
           margin-bottom: 5px;
           color: #000000;
   }

   .quote-modal .form-group span {
           font-size: 16px;
           color: #727272;
   }

   .quote-modal .form-group input {
           width: 100%;
           padding: 15px 25px;
           background: #FFFFFF;
           border: 1px solid rgba(0, 0, 0, 0.1);
   }

   .quote-modal .note-text {
           font-size: 16px;
           margin-top: 15px;
   }

   .quote-modal .form-group {
           margin-bottom: 25px;
   }

   .quote-modal .popup-buttons .back-btn {
           padding: 12px 36px;
   }

   .quote-modal .popup-buttons .save-btn {
           color: #000000;
   }

   .quote-modal .popup-buttons .save-btn:hover {
           background-color: #000000;
           color: #ffffff;
   }

   .quote-modal .popup-buttons .save-btn,
   .quote-modal .popup-buttons .continue-btn {
           padding: 10px 18px;
   }

   .popup-buttons {
           justify-content: space-between;
   }

   .popup-buttons .pp-ryt {
           gap: 10px;
   }

   .quote-modal .popup-buttons button {
           font-size: 16px;
           padding: 10px 24px;
   }

   .quote-modal .form-group input:focus {
           outline: none;
           border: 1px solid #00539D !important;
   }

   .quote-modal .quote-right {
           border-left: 1px solid rgba(0, 0, 0, 0.1);
   }

   .quote-modal .quote-right .stp-ryt-side {
           margin-left: 40px;
   }

   .quote-modal .quote-left {
           margin-right: 20px;
   }

   .quotation {
           margin-bottom: 8px;
   }

   .mnth-ltr {
           text-align: center;
           color: #00539D;
           font-weight: 700;
           text-decoration: underline;
           cursor: pointer;
           font-size: 16px;
           padding: 6px 0;
   }

   .img-wrapper {
           position: relative;
           display: inline-block;
   }

   .tooltip-box {
           position: absolute;
           bottom: 50px;
           left: 190px;
           transform: translateX(-50%);
           width: 450px;
           background: #FFFFFF;
           padding: 20px;
           border-radius: 6px;
           box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
           opacity: 0;
           visibility: hidden;
           transition: 0.3s;
           z-index: 999;
           font-size: 16px;
           font-weight: 400;
   }

   .img-wrapper:hover .tooltip-box {
           opacity: 1;
           visibility: visible;
   }

   .tooltip-box h6 {
           font-weight: 500;
           font-size: 16px;
   }

   .tooltip-box li {
           color: #727272;
           margin: 10px 0;
   }

   .tooltip-box ul {
           margin: 0;
   }

   .tooltip-box::after {
           content: "";
           position: absolute;
           top: 100%;
           left: 30px;
           width: 0;
           height: 0;
           border-left: 15px solid transparent;
           border-right: 15px solid transparent;
           border-top: 20px solid #FFFFFF;
           filter: drop-shadow(-6px 12px 30px rgba(0, 0, 0, 0.25)) drop-shadow(6px 12px 30px rgba(0, 0, 0, 0.25));
   }

   #sv-continue.disabled {
           opacity: 0.5;
           cursor: not-allowed;
   }


   /* step-3  */
   .application-detl h1 {
           color: #00539D;
           margin: 0;
           font-size: 32px;
           padding-bottom: 10px;
   }

   .entity-add-btn {
           gap: 20px;
           flex-wrap: wrap;
   }

   .entities label,
   .duplicate-field label {
           color: #000000;
           padding-bottom: 10px;
   }

   .entities .input-group input {
           width: 100%;
           border: 1px solid rgba(0, 0, 0, 0.1);
           padding: 16px 25px;
           background: #fff;
           color: #727272 !important;
   }

   .entities .input-group input:focus {
           border: 1px solid rgba(0, 83, 157, 0.5);
           outline: none;
   }

   .entity-actions button {
           white-space: nowrap;
           padding: 15px 30px;
   }

   .entity-group .input-grid {
           display: grid;
           grid-template-columns: 370px 220px 290px;
           column-gap: 25px;
           position: relative;
   }

   .application-wrp h2 {
           padding-bottom: 25px;
   }

   .application-detl {
           gap: 0;
   }

   .Only-enty {
           font-size: 16px;
           margin-top: 15px;
           max-width: 946px;
   }

   .remove-wrapper .remove-entity-btn {
           background: transparent;
           border: none;
           font-size: 30px;
           color: red;
           cursor: pointer;
           position: absolute;
           top: 50%;
           right: -18px;
           transform: translateY(-50%);
   }

   .entity-add-btn-group {
           display: flex;
           flex-direction: column;
           gap: 25px;
           width: 100%;
   }

   .entity-add-btn input[type="date"] {
           text-transform: uppercase;
   }

   .contact-details .entity-group .contact-rw,
   .contact-details .entity-group {
           gap: 25px;
   }

   .email-rw .em-with {
           flex: 0 0 33%;
   }

   .bussines-rw {
           display: grid;
           grid-template-columns: 419px 200px 125px 124px;
   }

   .application-wrapper {
           justify-content: space-between;
           gap: 45px;
   }

   .bussines-rw select {
           width: 100%;
           border: 1px solid rgba(0, 0, 0, 0.1);
           padding: 16px 20px;
           background-color: #fff;
           color: #727272;
           appearance: none;
   }

   .bussines-rw select:focus {
           border: 1px solid rgba(0, 83, 157, 0.5);
           outline: none;
   }

   .income-side .income-inp .input-grid {
           display: flex;
   }

   .income-inp {
           gap: 20px;
   }

   .income-inp .entity-actions {
           display: flex;
           justify-content: end;
   }

   .application-wrapper .aplicant-left-side {
           max-width: 66%;
   }

   .income-side .total-wrp {
           display: grid;
           grid-template-columns: 1fr 1fr 1fr 1fr;
           column-gap: 20px;
   }

   .income-side .remove-entity-btn {
           background: transparent;
           border: none;
           font-size: 30px;
           color: red;
           position: absolute;
           right: -30px;
           top: 50%;
           transform: translateY(-50%);
   }

   .income-side .entity-actions {
           justify-content: end;
   }

   .income-inp .input-grid .input-group {
           flex-direction: column;
           justify-content: space-between;
   }

   .income-side .income-inp {
           margin-bottom: 30px;
           position: relative;
   }

   .total-income {
           margin-bottom: 30px;
   }

   .aplicant-right-side .stp-ryt-side.flex-col {
           height: fit-content;
   }

   .end-lv {
           max-width: 165px;
   }

   .stamp-duty .entity-group {
           margin-top: 30px;
   }

   /* 18 feb  */
   .Stamp-radio {
           gap: 30px;
           align-items: center;
   }

   .Stamp-radio .stamp-label {
           font-weight: 500;
           font-size: 20px;
           color: #000000;
   }

   .radio-group {
           display: flex;
           gap: 20px;
   }

   .Stamp-radio .radio-option {
           display: flex;
           align-items: center;
           gap: 8px;
           cursor: pointer;
           position: relative;
           color: #000000;
           padding: 0;
   }

   /* .Stamp-radio .radio-option input {
    display: none;
}

.Stamp-radio .custom-radio {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.Stamp-radio .radio-option input:checked+.custom-radio {
    border-color: #00539D;
}

.Stamp-radio .radio-option input:checked+.custom-radio::after {
    content: "";
    width: 20px;
    height: 20px;
    background: #00539D;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

   .commence-date .input-group input {
           max-width: 345px;
   }

   .commence-date input,
   .commence-date input[type="date"],
   .commence-date input::placeholder {
           text-transform: uppercase;
   }

   .stmp-count input[type="number"]::-webkit-inner-spin-button,
   .stmp-count input[type="number"]::-webkit-outer-spin-button {
           -webkit-appearance: none;
   }

   .stmp-count .input-group {
           position: relative;
   }

   .stmp-count .input-group::after {
           content: "%";
           position: absolute;
           right: 15px;
           color: #727272;
           top: 56%;
           transition: 0.2s ease;
   }

   textarea.text-gp {
           width: 100%;
           border: 1px solid rgba(0, 0, 0, 0.1);
           background: #fff;
           color: #727272;
           padding: 16px 25px;
           height: 61px;
           resize: none;
           overflow: hidden;
   }

   textarea.text-gp:focus {
           outline: none;
           box-shadow: none;
   }

   .application-detl .stp-tw-side .cta.bk-st.back.white-cta {
           color: #000;
   }

   .stamp-duty .stmp-count input {
           padding: 15px 12px;
   }

   .cleint-link-form .form-row button {
           height: fit-content;
   }

   /*         .cleint-link-form .form-row {
                align-items: end;
        } */

   /* application form  */
   .application-form-sec .step-indicators {
           max-width: 230px;
   }

   .application-form-wrp .aplicant-left-side {
           max-width: 100% !important;
   }

   .new-entities-side .entity-add-btn {
           align-items: end;
   }

   .new-entities-side .entity-group .input-grid {
           grid-template-columns: 1.4fr 1fr 1.1fr;
   }

   .new-entities-side .Only-enty {
           max-width: 1162px;
   }

   .new-contact-bx .bussines-rw {
           grid-template-columns: 1.8fr 1fr 200px 200px;
   }

   .new-contact-bx .cnt-wid {
           max-width: 80%;
   }

   .new-gros-income .end-lv {
           max-width: 100%;
   }

   .new-stump-wrp p {
           max-width: 1347px;
           color: #727272;
   }

   .new-entities-side .remove-wrapper .remove-entity-btn {
           top: 50%;
           right: -26px;
           transform: translateY(-10%);
   }

   .new-gros-income.income-side .remove-entity-btn {
           transform: translateY(-8px);
   }

   /* 16 june 2026 */
   .banner-form p {
           text-align: center;
           color: #fff;
   }

   button#access_btn {
           color: #00539D;
   }

   .tp-whole-left h1, .tp-whole-left h2 {
           color: #fff;
   }

   #new_quote {
           background: #fff;
           color: #00539D;
   }

   .radio-content {
           gap: 15px;
   }

   .radio-content label {
           margin: 0 !important;
   }

   .radio-content .form-group {
           display: flex;
           align-items: center;
           gap: 10px;
   }

   .stamp-duty p {
           max-width: 890px;
   }

   #step-4 .input-group label {
           font-size: 18px;
   }

   #step-4 .entity-group .input-grid, #step-5 .entity-group .input-grid {
           grid-template-columns: 192px 192px 241px 241px;
   }

   #step-4 .income-side .remove-entity-btn {
           background: transparent;
           border: none;
           font-size: 30px;
           color: red;
           position: absolute;
           right: -30px;
           top: 50%;
           transform: translateY(-20%);
   }

   .general p {
           max-width: 723px;
   }

   #step-5 .history-lft p {
           font-size: 16px;
   }

   .prior-wrp .Stamp-radio p {
           max-width: 717px;
   }

   .new-added {
           padding: 20px 0;
           display: inline-block;
           font-size: 18px;
   }

   .footer-wrapper {
           display: flex;
           flex-direction: column;
           gap: 40px;
   }

   .footer-wrapper p {
           max-width: 1280px;
   }

   .footer-wrapper {
           padding: 60px 0;
   }

   /* 17 june 2026 */
   .email-rww {
           background: #FFFFFF4D !important;
           border-radius: 0;
           border: 1px solid rgba(255, 255, 255, 0.15) !important;
           color: #fff !important;
           font-size: 18px;
           padding: 15px 20px;
   }

   .email-rww #access_email {
           border: 0 !important;
           padding: 0;
   }

   .email-rww #access_email:-webkit-autofill,
   .email-rww #access_email:-webkit-autofill:hover,
   .email-rww #access_email:-webkit-autofill:focus,
   .email-rww #access_email:-webkit-autofill:active {
           -webkit-box-shadow: 0 0 0 30px transparent inset !important;
           -webkit-text-fill-color: #fff !important;
           caret-color: #fff !important;
           background-color: transparent !important;
           transition: background-color 5000s ease-in-out 0s;
   }

   .page-id-45 footer .container {
           border-top: 1px solid rgba(0, 0, 0, 0.1);
   }

   .page-id-45 footer {
           background: #fff;
   }

   .page-id-45 footer p {
           color: #000;
   }

   .submit-tp h1 {
           color: #fff;
   }

   .suc_msg {
           padding: 1px 10px;
           color: green !important;
           background: #ffffffb0;
           margin-bottom: 10px;
   }

   .expired-sec .thank-you-wrp p {
           padding: 8px 0 0;
   }

   .expired-sec .thank-you-wrp {
           max-width: 790px;
   }

   /* 18 june 2026 */
   .cencel-invitation {
           border: 1px solid rgba(0, 0, 0, 0.1);
           font-size: 14px;
           color: #727272;
           padding: 7px 10px;
           width: fit-content;
           margin-top: 10px;
           background: #fff;
           transition: all 0.3s ease;
   }

   .cencel-invitation:hover {
           background: #727272;
           color: #fff;
           border-color: #727272;
   }

   /* 23 june 2026  */
   .stp-tw-side .crt_link_lft p {
           font-size: 14px;
           color: #727272;
           line-height: 1.3;
           margin-top: 8px;
           max-width: 55%;
   }

   .crt_link_lft {
           display: flex;
           flex-direction: column;
           align-items: end;
   }

   .stp-tw-side button {
           height: fit-content;
   }

   .st-ryt-btn button.pli_cta.white-pli_cta.save_btn {
           white-space: nowrap;
   }

   .light-text {
           color: #727272;
   }

   .email-box {
           display: none;
           margin-top: 15px;
   }

   .email-box.show {
           display: block;
   }

   .email-box input {
           width: 100%;
           max-width: 80%;
   }

   input#toggleEmail {
           width: 20px;
           height: 20px;
           margin-top: 4px;
   }

   .lbl-txxt span {
           font-size: 14px;
   }

   .form-container label {
           display: flex;
           gap: 10px;
           flex-direction: column;
   }

   .inpt-rw-side {
           max-width: 70%;
           margin: auto;
   }

   .letest-new-wrp .form-row {
           max-width: 55%;
           margin: auto;
           gap: 25px;
   }

   .letest-new-wrp .form-row>div:first-child {
           flex: 0 0 75%;
   }

   .updated-bottm-side {
           padding-top: 30px;
   }

   /* 29 june 2026 */
   .quote-pagination {
           max-width: 80%;
           margin: 50px auto 0;
           display: flex;
           align-items: center;
           justify-content: center;
           gap: 15px;
   }

   .quote-pagination .page-numbers {
           width: 50px;
           height: 50px;
           border-radius: 50%;
           color: #00539D;
           background: #fff;
           border: 1px solid #c7ccd1;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 20px;
           transition: all 0.3s ease;
   }

   .quote-pagination .page-numbers:hover {
           color: #fff;
           background: #00539D;
   }

   .quote-pagination .current {
           color: #fff;
           background: #00539D;
   }

   /* 3 july 2026 */

   .client-side-pli .entity-add-btn {
           flex-wrap: nowrap;
   }

   .client-side-pli .entity-group .input-grid {
           grid-template-columns: 1.5fr 1fr 1fr;
   }

   .client-side-pli .Only-enty {
           max-width: 100%;
   }

   .client-side-pli .contact-rw.d-flex.cnt-wid {
           max-width: 80%;
   }

   .client-side-pli .bussines-rw {
           grid-template-columns: 2.5fr 1.5fr 1fr 1fr;
   }

   .client-side-pli .stamp-duty p {
           max-width: 90%;
   }

   .client-side-pli .stp-ryt-side.flex-col.item_brkdwn {
           display: none;
   }

   .client-side-pli .application-wrapper .aplicant-left-side {
           max-width: 100%;
   }

   .client-side-pli #step-4 .entity-group .input-grid, .client-side-pli #step-5 .entity-group .input-grid {
           grid-template-columns: 1fr 1fr 1fr 1fr;
   }

   .client-side-pli .g-info-side p {
           max-width: 100%;
   }

   .client-side-pli .principle-wrp .input-grid {
           grid-template-columns: 2fr 1fr 2fr 1fr 1fr 1fr;
   }

   /* .client-side-pli .principle-wrp .partner-inp-main {
    flex-direction: row;
} */
   .client-side-pli .breakdown.pt-65 {
           max-width: 80%;
   }

   .client-side-pli .prior-wrp .Stamp-radio p {
           max-width: 80%;
   }

   .client-side-pli .inquiry-radio p, .client-side-pli .firm-radio p {
           max-width: 80%;
   }

   .client-side-pli .declaration p {
           max-width: 98%;
   }

   /* 6 june 2026 */
   .cleint-link-form .email_lbl {
           font-size: 14px;
           font-weight: 500;
           margin: 20px 0 6px;
   }

   .cleint-link-form .drft-mail {
           max-width: 65%;
   }

   .cleint-link-form .mail_btm {
           font-size: 12px;
           margin-top: 9px;
           color: #727272;
   }

   .check-div {
           display: flex;
           align-items: center;
           gap: 10px;
   }

   .check-div input {
           width: 20px;
           height: 20px;
   }

   .cleint-link-form .form-container {
           display: flex;
           flex-direction: column;
           gap: 8px;
   }

   .cleint-link-form .form-container span {
           margin: 0;
           font-size: 16px;
   }

   .cleint-link-form .form-container button {
           width: fit-content;
           margin: 8px 0 10px;
   }

   .cleint-link-form .form-container p, .cleint-wrp-btn p {
           font-size: 14px;
           color: #727272;
   }

   .cleint-wrp-btn {
           flex-direction: column;
           gap: 10px;
   }

   .input_lnk {
           display: flex;
           gap: 20px;
           position: relative;
   }

   .check-div .lbl-txxt p {
           color: #000;
           font-size: 18px;
   }

   .input_lnk #copy_client_link {
           white-space: nowrap;
   }

   .input_lnk input {
           width: 50%;
   }

   /* 7 july 2026  */
   .quote_row:hover {
           background: rgb(232 235 224 / 64%);
   }

   .client-iner-wrpp {
           max-width: 80%;
           margin: auto;
           display: grid !important;
           grid-template-columns: 2fr 1fr 2fr;
   }

   /* 8june 2026 */
   .input_lnk input {
           background: #f5f5f5 !important;
           color: #555555 !important;
   }

   .cleint-link-form .form-row {
           gap: 40px;
   }

   .waiting-massege {
           padding: 10px;
           border: 1px dashed #1e7e34;
           background: #e6f4ea;
           color: #1e7e34 !important;
           width: fit-content;
           margin-top: 10px !important;
   }

   .back-btn-wrp {
           margin-top: 20px;
           display: flex;
   }

   /* ak sir css start  */

   .custom-upload-box {
           min-height: 220px;
           border: 2px dashed #dcdcdc;
           background: #f7f7f7;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           cursor: pointer;
           gap: 15px;
           border-radius: 8px;
   }

   .custom-upload-box:hover {
           background: #f0f0f0;
   }

   .upload-icon {
           font-size: 40px;
   }

   #uploaded-files {
           margin-top: 15px;
   }

   .file-item {
           border: 1px solid #ddd;
           padding: 12px;
           margin-bottom: 10px;
           border-radius: 6px;
           background: #fff;
   }

   .file-header {
           display: flex;
           justify-content: space-between;
           align-items: center;
           gap: 8px;
   }

   .file-name {
           font-size: 14px;
           word-break: break-word;
   }

   .remove-file {
           cursor: pointer;
           font-size: 18px;
           color: red;
           font-weight: bold;
   }

   .progress {
           height: 8px;
           background: #eee;
           border-radius: 20px;
           overflow: hidden;
           margin-top: 10px;
   }

   .progress-bar {
           width: 0%;
           height: 100%;
           background: #0073aa;
   }

   .upload-status {
           margin-top: 8px;
           font-size: 13px;
   }

   /*     Ak css end  */
   .upl_attachment {
           text-align: center;
   }

   .back-btn-wrp a i {
           margin-right: 8px;
   }

   .iner-back-btn-wrp {
           margin: 0 0 30px;
   }

   .input_lnk input {
           padding-left: 40px !important;
   }

   .inp-link {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           left: 14px;
           font-size: 16px;
           color: gray;
   }


   /* 10 june 2026 */
   .menu_dots,
   .menu-head {
           text-align: center;
   }

   .menu_dots i {
           rotate: 90deg;
   }

   .menu_dots {
           position: relative;
           cursor: pointer;
   }

   /* .menu-wrap {
    display: inline-block;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 9999;
} */


   .menu-wrap {
           display: inline-block;
           position: absolute;
           display: none;
           z-index: 9999;
           inset: auto 80px -80% auto;
   }

   .quotes-table .quote_row:last-child .menu-wrap {
           inset: auto 80px 0px auto;
   }


   .menu-wrap.active {
           display: block;
   }

   .menu {
           background: #ffffff;
           border-radius: 10px;
           box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
           padding: 6px;
           width: 230px;
           display: flex;
           flex-direction: column;
   }

   .menu-item {
           display: flex;
           align-items: center;
           gap: 10px;
           width: 100%;
           padding: 9px 10px;
           background: none;
           border: none;
           border-radius: 6px;
           font-size: 14px;
           color: #1f2430;
           cursor: pointer;
           text-align: left;
           transition: background 0.12s ease;
   }

   .menu-item:hover {
           background: #f1f2f5;
   }

   .menu-item .icon {
           width: 17px;
           height: 17px;
           flex-shrink: 0;
           color: #5b6070;
   }

   .menu-item.danger {
           color: #e02b2b;
   }

   .menu-item.danger .icon {
           color: #e02b2b;
   }

   .menu-item.danger:hover {
           background: #fdecec;
   }

   .divider {
           height: 1px;
           background: #eceef1;
           margin: 5px 6px;
   }

   /* Toast / Snackbar */
   .toast {
           position: fixed;
           left: 24px;
           bottom: 24px;
           display: flex;
           align-items: center;
           justify-content: space-between;
           gap: 16px;
           background: #1ea672;
           color: #ffffff;
           padding: 14px 16px;
           border-radius: 8px;
           box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
           min-width: 280px;
           max-width: 380px;
           font-size: 14px;
           z-index: 999999;
           opacity: 0;
           transform: translateX(-20px);
           pointer-events: none;
           transition: opacity 0.25s ease, transform 0.25s ease;
   }

   .toast.show {
           opacity: 1;
           transform: translateX(0);
           pointer-events: auto;
   }

   .toast-left {
           display: flex;
           align-items: center;
           gap: 10px;
   }

   .toast-icon {
           width: 20px;
           height: 20px;
           flex-shrink: 0;
   }

   .toast-close {
           background: none;
           border: none;
           color: #ffffff;
           cursor: pointer;
           opacity: 0.85;
           display: flex;
           align-items: center;
           padding: 2px;
   }

   .toast-close:hover {
           opacity: 1;
   }

   /* 13 july 2026 */

   .new-inr-wrp-client {
           display: flex;
           flex-direction: column;
           gap: 30px;
   }

   .submit-application {
           max-width: 60%;
   }

   .submit-application span {
           font-weight: 500;
   }

   .submit-application p, .submit-application span {
           color: #000000d9;
           line-height: 1.5;
   }

   .success-message {
           font-weight: 500;
   }

   .success-message {
           font-weight: 500;
           display: flex;
           align-items: center;
           gap: 8px;
   }

   .back-link {
           display: inline-flex;
           align-items: center;
           gap: 4px;
           padding: 16px 24px;
           border: 1px solid #d9d9d9;
           background: #f5f5f5;
           color: #555;
   }

   .back-link:hover {
           background: #ececec;
           color: #555;
   }

   /* 23 july 2026 */
   .quotes-table {
           width: 100%;
           overflow-x: auto;
           scrollbar-width: thin;
   }

   .quotes-table::-webkit-scrollbar {
           height: 3px !important;
   }

   .quotes-table::-webkit-scrollbar-track {
           background: transparent;
   }

   .quotes-table::-webkit-scrollbar-thumb {
           background: #999
   }

   .quote_row td:first-child {
           width: 50px;
   }

   .quote_row .menu_dots {
           width: 20px;
   }

.specify_Activity input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px 25px;
    background: #fff;
    color: #727272 !important;
    margin-top: 8px;
    outline: none;
    transition: all 0.3s ease;
    width: 100%;
}

.specify_Activity input:focus,
.specify_Activity input:focus-visible {
    border-color: #0E6AED;
    outline: 2px solid rgba(14, 106, 237, 0.2);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(14, 106, 237, 0.15);
}

/* 30 july  */
.tooltip_cls {
    align-items: center;
}
.specify_Activity {
    margin-top: -35px;
}
.fim-cl-inp input {
    text-align: left;
    padding-left: 20px !important;
}
/* 31 july  */
.client-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:99999;
}
.client-modal-content {
    width: 500px;
    background: #fff;
    margin: 0;
    padding: 25px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.client-modal-content h3 {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}

.field-row{
    margin-bottom:15px;
}

.client-modal .client-modal-content .field-row label {
    display: block;
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 16px;
}
.client-modal .client-modal-content .field-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
}

.client-modal .client-modal-content .field-row input {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    color: #727272;
    font-size: 14px;
}
.client-modal .client-modal-content .field-row input:focus {
    outline: none;
    box-shadow: none;
}
.modal-buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.md-lft-side.d-flex {
    gap: 15px;
}

.btn-save-client,
.btn-save-resend,
.btn-cancel-client{
    padding:10px 18px;
    cursor:pointer;
}
.Staff-inp .input-group {
    flex-direction: column;
    justify-content: space-between;
}
.modal-buttons button {
    padding: 10px 15px;
    width: fit-content;
    color: #FFFFFF;
    background: #00539D;
    border: 1px solid #00539D;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    font-size: 14px;
}

.modal-buttons .btn-cancel-client {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: transparent;
    color: #00539D;
    transition: all 0.3s ease;
}
.application-review {
    width: 100%;
}
.mdl_btn_wrp {
    display: flex;
    gap: 15px;
}
/* 3 aug 2026 */
.specify_Activity label {
    font-size: 16px;
    font-weight: 500;
}
/* 10 aug 2026 */
.new-content-wrapper , .three_rdrct_buttons {
    margin-top: 60px;
}
.rdrct_btns {
    width: 21%;
}

.rdrct_btns a {
    text-align: center;
}

.rdrct_list {
    margin-top: 30px;
    align-items: baseline;
}
.clnt_nm_dv .error-border {
    border: 1px solid red !important;
    padding: 18px;
}
/* 11 aug 2026 */
.rdrct_list .rdrct_btns:last-child {
    margin: 0;
}
.application-intro-2 {
    padding: 40px;
    border: 1px dashed #00539d85;
    background: rgb(175 201 224 / 11%);
}
.pt-20{
	padding-top: 20px;
}
/* 12 aug 2026 */
.ncw_two {
    margin: 0 !important;
}
.ncw_two .application-intro-2 {
    margin: 12px 0 30px;
}

.ncw_two .field input {
    background: transparent ;
    padding: 16px 21px;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-size: 18px;
    color: #727272 !important;
    width: 50%;
}
.ncw_two .field input:focus {
    border-color: #00539D !important ;
    outline: none;
}
.ncw_two .field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ncw_two  .rdrct_list 
 .rdrct_btns {
    width: 100%;
}
.ncw_two  .rdrct_list .rdrct_btns a {
    width: 100%;
}
.ncw_two  .rdrct_list {
    gap: 20px;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
}
.client-approval-wrapper {
    flex-direction: column;
    gap: 16px;
    display: flex;
    margin: 60px 0 20px;
    padding: 40px;
    border: 1px dashed #00539d85;
    background: rgb(175 201 224 / 11%);
}
.client-approval-checkbox input {
    width: 20px;
    height: 20px;
}
.client-approval-checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.client-approval-wrapper h1 {
    color: #00539D;
}