.elementor-kit-7{--e-global-color-primary:#065363;--e-global-color-secondary:#12D89B;--e-global-color-text:#636571;--e-global-color-accent:#636571;--e-global-color-8a4beca:#FFFFFF;--e-global-color-4867513:#000000;--e-global-color-14012cc:#E4F7FF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Axiforma", Sans-serif;}.elementor-kit-7 h2{font-family:"Axiforma", Sans-serif;}.elementor-kit-7 h3{font-family:"Axiforma", Sans-serif;}.elementor-kit-7 h4{font-family:"Axiforma", Sans-serif;}.elementor-kit-7 h5{font-family:"Axiforma", Sans-serif;}.elementor-kit-7 h6{font-family:"Axiforma", Sans-serif;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Poppins", Sans-serif;font-size:17px;border-radius:20px 20px 20px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */body .elementor-widget-text-editor ol,
body .elementor-widget-text-editor ul {
    list-style-position: inside !important;
    padding-left: 0 !important;
    margin: 0 0 15px 0 !important;
}
body .elementor-widget-text-editor li {
    margin-bottom: 8px !important;
}


/* =========================================================
   TRANSLABS TABLE — CENTER-ALIGNED MIDDLE
   All borders identical, thin, subtle. Lists vertical.
   Header: Axiforma | Body: Montserrat

   UPDATED: Scoped with :where() to prevent specificity leaks.
   List reset now only affects immediate children of td.
   ========================================================= */

/* ---------- WRAPPER ---------- */
.tbl-wrap {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  border: 1px solid #dce5e3;
  border-radius: 14px;
  scroll-behavior: smooth;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 105, 92, 0.05);
  scrollbar-width: thin;
  scrollbar-color: #80cbc4 #f0f7f6;
}

/* ---------- TABLE BASE ---------- */
.tbl {
  width: auto;
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  table-layout: fixed;
  font-family: 'Montserrat', 'Poppins', 'Segoe UI', sans-serif;
  color: #263238;
  margin: 0;
}

/* ---------- HEADER ---------- */
.tbl thead tr th {
  background: linear-gradient(90deg, #00695c, #00897b);
  background-attachment: fixed;
  color: #ffffff;
  font-family: 'Axiforma', 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 13px;
  padding: 16px 18px;
  vertical-align: middle;
  border: none;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 10;
}

.tbl thead tr th:first-child {
  border-top-left-radius: 14px;
}

.tbl thead tr th:last-child {
  border-top-right-radius: 14px;
}

/* ---------- COLUMN WIDTHS ---------- */
.tbl th,
.tbl td {
  min-width: 260px;
  width: 320px;
}

.tbl thead tr th:first-child,
.tbl tbody tr td:first-child {
  min-width: 220px;
  width: 240px;
}

/* ---------- BODY ROWS ---------- */
.tbl tbody tr:nth-child(odd) td {
  background: #f7faf9;
}

.tbl tbody tr:nth-child(even) td {
  background: #ffffff;
}

.tbl tbody tr:hover td {
  background: #eef5f3;
  transition: background 0.2s ease;
}

/* ---------- BODY CELLS — CENTER ALIGN MIDDLE ---------- */
.tbl tbody tr td {
  vertical-align: middle;
  padding: 14px 18px;
  border-top: 1px solid #dce5e3;
  border-right: 1px solid #dce5e3;
  color: #37474f;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  word-break: normal;
  overflow-wrap: break-word;
}

.tbl tbody tr td:first-child {
  font-family: 'Axiforma', 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #00695c;
  white-space: normal;
  background: transparent;
  border-right: 1px solid #dce5e3;
  vertical-align: middle;
}

.tbl tbody tr td:last-child {
  border-right: none;
}

/* ---------- LAST ROW ---------- */
.tbl tbody tr:last-child td {
  border-bottom: 1px solid #dce5e3;
}

.tbl tbody tr:last-child td:first-child {
  border-bottom-left-radius: 14px;
}

.tbl tbody tr:last-child td:last-child {
  border-bottom-right-radius: 14px;
}

/* ---------- LISTS INSIDE TABLE CELLS ONLY ----------

   CRITICAL FIX: Using :where() to keep specificity LOW (0,1,0).
   The ">" child combinator ensures we ONLY target lists that
   are DIRECT children of a td — never lists nested deeper
   (like inside another widget), and never lists outside tables.

   This prevents the old bug where .tbl tbody tr td ul had
   higher specificity than Elementor's default list styles.
   --------------------------------------------------------- */

:where(.tbl) td > ul,
:where(.tbl) td > ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

:where(.tbl) td > ul > li,
:where(.tbl) td > ol > li {
  margin: 0 0 6px 0;
  color: #37474f;
  padding: 0;
  position: static;
  display: block;
  white-space: normal;
}

:where(.tbl) td > ul > li:last-child,
:where(.tbl) td > ol > li:last-child {
  margin-bottom: 0;
}

:where(.tbl) td > ul > li::before,
:where(.tbl) td > ol > li::before,
:where(.tbl) td > ul > li::after,
:where(.tbl) td > ol > li::after {
  content: none !important;
  display: none !important;
}

/* ---------- SCROLLBAR ---------- */
.tbl-wrap::-webkit-scrollbar {
  height: 8px;
  display: block;
}

.tbl-wrap::-webkit-scrollbar-track {
  background: #f0f7f6;
  border-radius: 4px;
  margin: 0 4px;
}

.tbl-wrap::-webkit-scrollbar-thumb {
  background: #80cbc4;
  border-radius: 4px;
  border: 2px solid #f0f7f6;
}

.tbl-wrap::-webkit-scrollbar-thumb:hover {
  background: #4db6ac;
}

/* Firefox */
.tbl-wrap {
  scrollbar-width: thin;
  scrollbar-color: #80cbc4 #f0f7f6;
}

/* ---------- RESPONSIVE ---------- */
@media screen and (max-width: 768px) {
  .tbl-wrap {
    border-radius: 10px;
  }

  .tbl th,
  .tbl td {
    min-width: 220px;
    width: 260px;
  }

  .tbl thead tr th:first-child,
  .tbl tbody tr td:first-child {
    min-width: 180px;
    width: 200px;
  }

  .tbl thead tr th {
    font-size: 12px;
    padding: 12px 14px;
  }

  .tbl tbody tr td {
    padding: 10px 14px;
    font-size: 13px;
  }

  .tbl tbody tr td:first-child {
    font-size: 12px;
  }

  :where(.tbl) td > ul > li,
  :where(.tbl) td > ol > li {
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 480px) {
  .tbl-wrap {
    border-radius: 8px;
  }

  .tbl th,
  .tbl td {
    min-width: 200px;
    width: 240px;
  }

  .tbl thead tr th:first-child,
  .tbl tbody tr td:first-child {
    min-width: 160px;
    width: 180px;
  }

  .tbl thead tr th {
    font-size: 11px;
    padding: 10px 12px;
  }

  .tbl tbody tr td {
    padding: 8px 12px;
    font-size: 12px;
  }

  .tbl tbody tr td:first-child {
    font-size: 11px;
  }

  :where(.tbl) td > ul > li,
  :where(.tbl) td > ol > li {
    margin-bottom: 3px;
  }
}

/* ---------- PRINT ---------- */
@media print {
  .tbl-wrap {
    box-shadow: none;
    border: 1px solid #c8d6d4;
    overflow-x: visible;
  }

  .tbl {
    width: 100%;
    min-width: 100%;
  }

  .tbl thead tr th {
    background: #00695c !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .tbl tbody tr:nth-child(odd) td {
    background: #f7faf9 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}


/* Final Glass Card */
.finalcssglass {
  position: relative;
  width: 400px;
  height: 300px;
  isolation: isolate;
  box-shadow: 0px 0px 21px -8px rgba(255, 255, 255, 0.3);
  cursor: pointer;
}

/* Tint and inner shadow layer */
.finalcssglass::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  box-shadow: inset 0 0 12px -2px rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.finalcssglass::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}






<script>
document.addEventListener('DOMContentLoaded', function() {
    const initCounters = () => {
        const counters = document.querySelectorAll('.elementor-counter-number:not([data-initialized="true"])');
        
        counters.forEach(counter => {
            const toValue = parseFloat(counter.getAttribute('data-to-value')) || 0;
            const fromValue = parseFloat(counter.getAttribute('data-from-value')) || 0;
            const duration = parseInt(counter.getAttribute('data-duration')) || 2000;
            const delimiter = counter.getAttribute('data-delimiter') || ',';
            
            // Mark as initialized to prevent double execution
            counter.setAttribute('data-initialized', 'true');
            
            let startTimestamp = null;
            const step = (timestamp) => {
                if (!startTimestamp) startTimestamp = timestamp;
                const progress = Math.min((timestamp - startTimestamp) / duration, 1);
                
                // Calculate current value
                const currentValue = Math.floor(progress * (toValue - fromValue) + fromValue);
                
                // Format number with delimiter
                counter.textContent = currentValue.toLocaleString('en-US').replace(/,/g, delimiter);
                
                if (progress < 1) {
                    window.requestAnimationFrame(step);
                }
            };
            window.requestAnimationFrame(step);
        });
    };

    // Run on load and whenever new elements might be added (like in popups or filters)
    initCounters();
    
    // Observer to catch counters that appear on scroll or in dynamic sections
    const observer = new MutationObserver(initCounters);
    observer.observe(document.body, { childList: true, subtree: true });
});
</script>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Axiforma';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://translabsbilling.com/wp-content/uploads/2026/06/Axiforma-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Axiforma';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://translabsbilling.com/wp-content/uploads/2026/06/Axiforma-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Axiforma';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://translabsbilling.com/wp-content/uploads/2026/06/Axiforma-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */