@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 :root {
      --brand-navy: #16324f;
      --brand-blue: #1f4f7a;
      --brand-amber: #d98b31;
      --brand-cream: #f5efe6;
      --brand-mist: #eef4f8;
      --text-main: #203246;
      --text-soft: #5f7080;
      --card-edge: rgba(22, 50, 79, 0.1);
      --page-bg: linear-gradient(180deg, #f4efe6 0%, #edf4f8 40%, #ffffff 100%);
      --shadow-soft: 0 22px 55px rgba(19, 45, 70, 0.1);
      font-size: 13px;
    }

    body {
      font-family: "Poppins", sans-serif;
      color: var(--text-main);
      background: var(--page-bg);
    }

    h1,
    h2,
    .serif {
      font-family: "Poppins", sans-serif;
    }
main p{font-size: 1.2rem;}
  /* bootstrap5.2 */
  .table-shell table.tax-table > thead > tr th:nth-child(3), .table-shell table.tax-table > thead > tr:nth-child(2) th, .table-shell table.tax-table > thead > tr > th:nth-child(3), .table-shell table tr > td:nth-child(3){text-align: center;}
.btn{}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
/* .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
} */
.p-4 { padding: 1.5rem}
.py-4 {padding-top: 1.5rem; padding-bottom: 1.5rem;}

.ms-auto {margin-left: auto;}
.mb-0 {margin-bottom: 0;}
.mb-1 { margin-bottom: .25rem;}
.mb-3 {margin-bottom: 1rem;}
.mb-4 {margin-bottom: 1.5rem;}

.g-3, .gy-3 {--bs-gutter-y: 1rem;}
.g-3, .gx-3 {--bs-gutter-x: 1rem;}
.g-4, .gy-4 {--bs-gutter-y: 1.5rem;}
.g-4, .gx-4 {--bs-gutter-x: 1.5rem;}

.gap-3 {gap: 1rem;}

.d-flex {display: flex;}
.d-block {display: block;}

.align-items-center { align-items: center;}
.justify-content-between {justify-content: space-between;}

@media (min-width: 768px) {
    .p-md-5 {padding: 3rem;}
    .col-md-4 {flex: 0 0 auto; width: 33.33333333%;}
}
@media (min-width: 992px) {
    .mb-lg-5 {margin-bottom: 3rem;}
    .align-items-lg-center {align-items: center;}
    .flex-lg-row {flex-direction: row;}
    .col-lg-8 {flex: 0 0 auto; width: 66.66666667%;}
    .col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
    .py-lg-5 {padding-top: 3rem; padding-bottom: 3rem;}
    
}
main{text-align: start; padding: 0; margin: 0;}
main section{text-align: justify; padding: 0;}
  /* bootstrap5.2 */

    .hero-shell {
      background: radial-gradient(circle at top right, rgba(217, 139, 49, 0.18), transparent 28%), linear-gradient(135deg, #173452 0%, #245884 60%, #2b6a9a 100%);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 28px;
      box-shadow: var(--shadow-soft);
      overflow: hidden;
      position: relative;
    }

    .hero-shell::after {
      content: "";
      position: absolute;
      inset: auto -60px -60px auto;
      width: 220px;
      height: 220px;
      background: rgba(255, 255, 255, 0.08);
      border-radius: 50%;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.55rem 0.9rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.12);
      color: rgba(255, 255, 255, 0.92);
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 1rem;
      font-weight: 600;
      white-space: nowrap;

    }
main .table-shell tr th{padding: 15px;}
main .hero-title {
      font-size: clamp(2.2rem, 2.75vw, 3rem);
    font-weight: 700;
    }

    .hero-copy {
      color: rgba(255, 255, 255, 0.82);
      max-width: 58rem;
      line-height: 1.8;
      margin-bottom: 0;
    }

    main .stat-card,
    main .content-card,
    main .info-card {
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid var(--card-edge);
      border-radius: 24px;
      box-shadow: var(--shadow-soft);
    }

    main .stat-card {
      height: 100%;
      padding: 0.8rem;
    }

    main .stat-label {
      font-size: 1rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-soft);
      font-weight: 700;
    }

    main .stat-value {
      font-size: 1.2rem;
      font-weight: 700;
      margin-top: 0.45rem;
      color: var(--brand-navy);
    }

    main .content-card {
      padding: 1.5rem;
    }

    main .section-title {
      font-size: clamp(1.3rem, 1.5vw, 1.7rem);
      margin-bottom: 0.75rem;
      font-weight: 700;
    }

    .section-copy {
      color: var(--text-soft);
      line-height: 1.8;
      margin-bottom: 0;
    }

    main .info-card {
      padding: 1.15rem 1.25rem;
      height: 100%;
      background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,239,230,0.82));
    }

    main .info-card strong {
      display: block;
      color: var(--brand-navy);
      margin-bottom: 0.25rem;
    }

    .table-shell {
      border-radius: 22px;
      overflow: hidden;
      border: 1px solid rgba(22, 50, 79, 0.08);
      background: #fff;
    }

    .gst-accordion .accordion-item {
      border: 1px solid rgba(22, 50, 79, 0.12);
      border-radius: 16px;
      overflow: hidden;
      margin-bottom: 0.85rem;
      box-shadow: 0 10px 26px rgba(19, 45, 70, 0.08);
    }

    .gst-accordion .accordion-button {
      background: linear-gradient(180deg, #173452, #204d74);
      color: #fff;
      font-weight: 700;
      padding: 1rem 1.1rem;
      box-shadow: none;
    }

    .gst-accordion .accordion-button:not(.collapsed) {
      color: #fff;
      background: linear-gradient(180deg, #16324f, #1f4f7a);
      box-shadow: none;
    }

    .gst-accordion .accordion-button::after {
      filter: invert(1) brightness(2.2);
    }

    .gst-accordion .accordion-button:focus {
      box-shadow: 0 0 0 0.2rem rgba(217, 139, 49, 0.28);
    }

    .group-title {
      letter-spacing: 0.02em;
    }

    .group-count {
      font-size: 1rem;
      color: var(--brand-navy);
    }

    .tax-table {
      min-width: 960px;
    }

    .tax-table thead th {
      background: linear-gradient(180deg, #173452, #204d74);
      color: #fff;
      border: 0;
      font-size: 1rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      padding: 1rem 0.9rem;
      vertical-align: middle;
      white-space: nowrap;
    }

    .tax-table tbody td {
      padding: 1rem 0.9rem;
      border-color: rgba(22, 50, 79, 0.08);
      color: var(--text-soft);
      vertical-align: middle;
    }

    .tax-table tbody tr:nth-child(odd) td {
      background: rgba(238, 244, 248, 0.45);
    }

    .tax-table tbody td:first-child {
      font-weight: 700;
      color: var(--brand-navy);
      min-width: 140px;
    }

    .tax-table tbody td:nth-child(2) {
      color: var(--text-main);
      min-width: 430px;
    }

    .action-btn {
      min-width: 84px;
      border-radius: 999px;
    }

    .fallback-pill {
      font-size: 1rem;
      padding: 0.65rem 0.9rem;
    }

    .note-strip {
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(217, 139, 49, 0.12), rgba(31, 79, 122, 0.08));
      border: 1px solid rgba(217, 139, 49, 0.18);
      color: var(--text-main);
      padding: 1rem 1.1rem;
    }

    .muted-mini {
      color: var(--text-soft);
      font-size: 1rem;
    }

    /* Enhanced link styles */
    .info-card a {
      color: var(--brand-navy);
      transition: all 0.3s ease;
    }

    .info-card a:hover {
      color: var(--brand-amber);
      transform: translateX(2px);
    }

    .info-card a strong {
      color: inherit;
    }

    /* Enhanced button styles */
    .btn-primary {
      background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
      border: none;
      font-weight: 600;
      transition: all 0.3s ease;
    }

    .btn-primary:hover {
      background: linear-gradient(135deg, var(--brand-blue), var(--brand-navy));
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(22, 50, 79, 0.2);
    }

    .btn-outline-primary {
      border-color: var(--brand-navy);
      color: var(--brand-navy);
      font-weight: 600;
      transition: all 0.3s ease;
      font-size: 1rem;
    }

    .btn-outline-primary:hover {
      background: var(--brand-navy);
      border-color: var(--brand-navy);
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(22, 50, 79, 0.15);
      color: #fff;
    }

    /* Enhanced card hover effects */
    .info-card {
      transition: all 0.3s ease;
    }

    .info-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 28px 65px rgba(19, 45, 70, 0.15);
    }

    /* Date badge enhancements */
    .eyebrow.bg-primary {
      background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue)) !important;
    }

    /* Chevron animation */
    .fa-chevron-right {
      transition: all 0.3s ease;
    }

    .info-card:hover .fa-chevron-right {
      transform: translateX(4px);
      color: var(--brand-amber);
    }

    /* Hero section enhancements */
    .hero-shell {
      transition: all 0.3s ease;
    }

    .hero-shell:hover {
      transform: translateY(-2px);
      box-shadow: 0 28px 65px rgba(19, 45, 70, 0.15);
    }

    /* Content card enhancements */
    .content-card {
      transition: all 0.3s ease;
    }

    .content-card:hover {
      box-shadow: 0 28px 65px rgba(19, 45, 70, 0.12);
    }

    @media (max-width: 991.98px) {
      .hero-title {
        max-width: none;
      }

      .content-card {
        padding: 1.2rem;
      }
    }