.elementor-4383 .elementor-element.elementor-element-51a5f481{overflow:visible;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}/* Start custom CSS for html, class: .elementor-element-4baae59 */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
    :root {
      --navy:      #000000;
      --orange:    #E35D23;
      --orange-dk: #C44D1A;
      --orange-lt: #F4A261;
      --orange-bg: #FEE8DF;
      --green:     #2E7D44;
      --green-bg:  #E8F5EC;
      --red:       #B91C1C;
      --text:      #000000;
      --text-md:   #4B5563;
      --text-sm:   #6B7280;
      --border:    rgba(0,0,0,0.09);
      --border-md: rgba(0,0,0,0.14);
      --bg:        #F4F3EF;
      --surface:   #FFFFFF;
      --surface2:  #F8F7F3;
    }
 
    html { scroll-behavior: smooth; }

 body {
      font-family: 'Poppins', sans-serif;
      font-size: 16px; line-height: 1.65;
      color: var(--text); background: var(--bg);
    }
  
    /* HERO */
    .hero {
      background: var(--navy); color: #fff;
      padding: 4.5rem 2rem 3.5rem; position: relative; overflow: hidden;
    }
    .hero::before {
      content: ''; position: absolute; top: -80px; right: -80px;
      width: 500px; height: 500px; border-radius: 50%;
      background: rgba(227,93,35,0.07); pointer-events: none;
    }
    .hero::after {
      content: ''; position: absolute; bottom: 0; left: 0;
      width: 100%; height: 3px;
      background: #315D90;
    }
    .hero-inner { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; }
    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: #315D90; border: 1px solid #66D7FC;
      color: #66D7FC; font-size: 11px; font-weight: 700;
      letter-spacing: 0.1em; text-transform: uppercase;
      padding: 5px 14px; border-radius: 4px; margin-bottom: 1.4rem;
    }
    .hero-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff }
    .hero h1 {
      font-family: 'Poppins', sans-serif;
      font-size: clamp(28px, 5.5vw, 44px); font-weight: 800;
      line-height: 1.12; margin-bottom: 1.1rem; letter-spacing: 0.01em; color:#ffffff !important;
    }
    .hero h1 em { color:#66D7FC; font-style: normal; }
    .hero-sub { font-size: 17px; color: rgba(255,255,255,0.62); max-width: 600px; margin-bottom: 1.5rem; line-height: 1.65; }
    .hero-partner {
      font-size: 13px; font-weight: 700; letter-spacing: 0.05em;
      text-transform: uppercase; color: #66D7FC;
      margin-bottom: 1rem; display: flex; align-items: center; gap: 8px;
    }
    .trust-row { display: flex; flex-wrap: wrap; gap: 10px; }
    .trust-pill {
      display: flex; align-items: center; gap: 7px;
      background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14);
      border-radius: 5px; padding: 6px 13px; font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.82);
    }
    .trust-pill::before { content: '✔'; color: #66D7FC; font-size: 14px; font-weight: 700; }
 
    /* LAYOUT */
    .page-wrap { max-width: 1400px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
 
    /* META STRIP */
    .meta-strip {
      background: var(--surface); border: 1px solid var(--border-md);
      border-radius: 12px; padding: 1.4rem 1.75rem;
      display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 1.1rem 2rem; margin-bottom: 2.25rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    .meta-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.09em; color: var(--text-sm); margin-bottom: 5px; font-weight: 700; }
    .meta-value { font-size: 14px; font-weight: 600; color: var(--text); }
 
    /* SECTIONS */
    .section { margin-bottom: 4.2rem; }
    .section-title {
      font-family: "Oswald", Sans-serif; font-size: 22px; font-weight: 700;
      text-transform: uppercase; color: var(--navy);
      border-left: 3px solid #66D7FC; padding-left: 11px; margin-bottom: 1rem;
    }
 
    /* CARD */
    .card { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 1.35rem 1.6rem; box-shadow: 0 1px 5px rgba(0,0,0,0.05); }
    .card p { font-size: 16px; line-height: 1.7; color: var(--text); }
 
    /* ICON LISTS */
    .icon-list { list-style: disc; display: flex; flex-direction: column; gap: 11px;    margin-left: 0; }
    .icon-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; color: var(--text); line-height: 1.5; margin-left: 0px}
    .ic-warn { width: 22px; height: 22px; border-radius: 50%; background: #315D90; color: #66D7FC; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
    .ic-ok { width: 22px; height: 22px; border-radius: 50%; background: var(--green-bg); color: var(--green); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
    .ic-bullet { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); flex-shrink: 0; margin-top: 7px; }
 
    /* SUB-LIST */
    .sub-list { list-style: none; display: flex; flex-direction: column; gap: 7px; margin-top: 0.75rem; padding-left: 0.1rem; }
    .sub-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 16px; color: var(--text-md); line-height: 1.45; }
    .sub-list li::before { content: '—'; color: #315D90; font-weight: 700; flex-shrink: 0; }
 
    /* RCA */
    .rca-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 1rem; }
    .rca-card { background: #f3f9ff; border: 1px solid #315D90; border-radius: 9px; padding: 1.1rem 1.25rem; border-top: 3px solid #315D90; }
    .rca-num { font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 800; color: #315d90; line-height: 1; margin-bottom: 7px; }
    .rca-label { font-size: 15px; color: var(--text-md); line-height: 1.4; }
    .rca-insight { margin-top: 1.1rem; background: #f3f9ff; border-left: 3px solid #315d90; border-radius: 0 7px 7px 0; padding: 0.75rem 1rem; font-size: 15px; font-weight: 600; color: #315d90; }
    .rca-insight::before { content: '👉 '; }
 
    /* SOLUTION TAGS */
    .solution-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1rem; }
    .s-tag { font-size: 15px; font-weight: 600; padding: 5px 13px; border-radius: 20px; background: #315d90; color: #fff; }
 
    /* TABLE */
    .table-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }
  
    .table-wrap { border-radius: 10px; overflow: hidden; border: 1px solid var(--border-md); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
    table { width: 100%; border-collapse: collapse; }
    thead tr { background: var(--navy); }
    thead th { color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 12px 18px; text-align: left; }
    tbody tr { background: var(--surface); }
    tbody tr:nth-child(even) { background: var(--surface2); }
    tbody td { padding: 12px 18px; font-size: 16px; color: var(--text); border-bottom: 1px solid rgba(0,0,0,0.05); vertical-align: middle; }
    tbody tr:last-child td { border-bottom: none; }
    .td-param { color: var(--text-md); font-size: 16px; font-weight: 600; }
    .td-before { color: var(--red); font-weight: 600; }
    .td-after { color: var(--green); font-weight: 700; display: flex; align-items: center; gap: 7px; }
    .td-after::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--green); flex-shrink: 0; }
 
    /* TECH SNAPSHOT */
    .tech-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }

    .tech-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
    .tech-row { background: var(--surface2); border: 1px solid var(--border); border-radius: 8px; padding: 0.9rem 1.1rem; }
    .tech-key { font-size: 15px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-sm); font-weight: 700; margin-bottom: 5px; }
    .tech-val { font-size: 16px; font-weight: 600; color: var(--text); }
 
    /* RESULTS */
    .results-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .result-card { background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 1rem 1.1rem; display: flex; align-items: flex-start; gap: 12px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
    .result-icon { width: 36px; height: 36px; border-radius: 8px; background: #315d90; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .result-icon svg { width: 17px; height: 17px; }
    .result-text { font-size: 16px; line-height: 1.5; color: #000000; }
 
    /* QUOTE */
    .quote-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }
 
    .quote-block { background: #f3f9ff; border-left: 4px solid #315d90; border-radius: 0 10px 10px 0; padding: 1.4rem 1.75rem; }
    .quote-text { font-style: italic; font-size: 16px; color: #000; line-height: 1.7; }
    .quote-attr { margin-top: 15px; font-style: normal; font-size: 14px; color: var(--text-sm); font-weight: 600; }
 
    /* VISUAL APPLICATION */
    .visual-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }
    .visual-box { background: var(--surface); border: 1px solid var(--border-md); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
    .visual-diagram { background: var(--navy); padding: 2.5rem 2rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; min-height: 180px; }
    .diag-node { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 1.2rem; }
    .diag-circle { width: 68px; height: 68px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; font-size: 24px; }
    .diag-circle.orange { border-color: var(--orange); background: rgba(227,93,35,0.15); }
    .diag-circle.green  { border-color: #2E7D44; background: rgba(46,125,68,0.15); }
    .diag-circle.blue   { border-color: #3B82F6; background: rgba(59,130,246,0.15); }
    .diag-label { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.75); text-align: center; letter-spacing: 0.04em; }
    .diag-arrow { font-size: 20px; color: var(--orange); margin-top: -28px; }
    .visual-caption { padding: 1rem 1.5rem; font-size: 13px; color: var(--text-md); border-top: 1px solid var(--border); text-align: center; }
 
    /* BUSINESS IMPACT */
    .impact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
    .impact-card { background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 1.1rem 1.2rem; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,0.04); }
    .impact-icon { font-size: 26px; margin-bottom: 8px; }
    .impact-title { font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 5px; }
    .impact-desc { font-size: 15px; color: var(--text-md); line-height: 1.45; }
 
    /* WHY THIS MATTERS */
    .matters-card { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 1.35rem 1.6rem; box-shadow: 0 1px 5px rgba(0,0,0,0.05); }
    .matters-card > p { font-size: 14px; color: var(--text); margin-bottom: 1rem; line-height: 1.65; }
    .matters-proof { margin-top: 1rem; background: var(--surface2); border-left: 3px solid var(--orange); border-radius: 0 7px 7px 0; padding: 0.75rem 1rem; font-size: 13px; font-weight: 700; color: var(--navy); }
    .matters-proof::before { content: '👉 '; }
 
    /* RISK ASSURANCE */
    .risk-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }
    .risk-intro { font-size: 14px; color: var(--text); margin-bottom: 1rem; font-weight: 500; }
    .assurance-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
    .assurance-card { background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 1.1rem 1.2rem; box-shadow: 0 1px 4px rgba(0,0,0,0.04); }
    .assurance-icon { font-size: 22px; margin-bottom: 8px; }
    .assurance-title { font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
    .assurance-desc { font-size: 15px; color: var(--text-md); line-height: 1.45; }
    .assurance-footer { margin-top: 1rem; background: #f3f9ff; border-left: 3px solid #315d90; border-radius: 0 7px 7px 0; padding: 0.75rem 1rem; font-size: 13px; font-weight: 700; color: var(--navy); }
    .assurance-footer::before { content: '👉 '; }
 
    /* CTA */
    .cta-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }
    .cta-block { background: #f3f9ff; border-radius: 12px; padding: 2.75rem 2rem;  color: #315d90; box-shadow: 0 4px 20px rgba(11,30,61,0.3); }
    .cta-block h3 { font-family: 'Poppins', sans-serif; font-size: clamp(22px, 4vw, 30px); font-weight: 800; margin-bottom: 8px; letter-spacing: 0.01em; }
    .cta-sub { font-size: 16px; color:#000; margin-bottom: 1.75rem; }
    .cta-sub strong { color:#000; }
    .cta-btn { display: inline-block; background: #315d90; color: #fff; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; padding: 14px 32px; border-radius: 7px; text-decoration: none; letter-spacing: 0.03em; transition: background 0.2s, transform 0.1s; box-shadow: 0 4px 12px rgba(227,93,35,0.4); }
    .cta-btn:hover { background: #315d90;color: #fff; }
    .cta-btn:active { transform: scale(0.98); }
 
    /* FAQ */
    .faq-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }
    .faq-list { display: flex; flex-direction: column; gap: 10px; }
    .faq-item { background: var(--surface); border: 1px solid var(--border); border-radius: 9px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
    .faq-q { width: 100%; background: none; border: none; padding: 14px 18px; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; color: var(--text); cursor: pointer; display: flex; justify-content: space-between; align-items: center; text-align: left; gap: 12px; transition: background 0.15s; }
    .faq-q:hover { background: var(--surface2); color: #000; }
    .faq-arrow { font-size: 18px; color: var(--orange); transition: transform 0.22s; flex-shrink: 0; }
    .faq-q[aria-expanded="true"] .faq-arrow { transform: rotate(180deg); }
    .faq-a { display: none; padding: 12px 18px 15px; font-size: 13px; color: var(--text-md); line-height: 1.6; border-top: 1px solid var(--border); }
    .faq-a.open { display: block; }
 
    /* INTERNAL LINKS */
    .int-links-heading { font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0.7rem; display: flex; align-items: center; gap: 6px;font-family: "Oswald", Sans-serif; text-transform:uppercase;border-left: 3px solid #66D7FC;
    padding-left: 11px;
    margin-bottom: 1rem; }
    .int-links-row { display: flex; flex-wrap: wrap; gap: 10px; }
    .int-link { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 600; color: var(--navy); text-decoration: none; background: var(--surface); border: 1px solid var(--border-md); padding: 9px 16px; border-radius: 7px; transition: border-color 0.15s, color 0.15s, background 0.15s; }
    .int-link:hover { border-color: #f3f9ff; color: #315d90; background: #FFF8F5; }
 
    /* CONFIDENTIALITY */
    .confid { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 0.9rem 1.25rem; display: flex; align-items: center; gap: 10px; font-size: 16px; color: var(--text-md); }
    .confid-icon { font-size: 18px; flex-shrink: 0; }
 
    /* DIVIDER */
    .divider { height: 1px; background: var(--border); margin: 0.5rem 0 2rem; }
 

 
    /* RESPONSIVE */
    @media (max-width: 640px) {
      .hero { padding: 3rem 1.25rem 2.5rem; }
      .page-wrap { padding: 1.5rem 1rem 3rem; }
      .results-grid { grid-template-columns: 1fr; }
      .nav-links .hide-mobile { display: none; }
      .meta-strip { grid-template-columns: 1fr 1fr; }
      .cta-block { padding: 2rem 1.25rem; }
      .rca-grid { grid-template-columns: 1fr; }
      .impact-grid { grid-template-columns: 1fr; }
      .assurance-grid { grid-template-columns: 1fr; }
      .visual-diagram { padding: 1.5rem 0.5rem; flex-wrap: nowrap; overflow-x: auto; }
    }
  </style>/* End custom CSS */