.elementor-9873 .elementor-element.elementor-element-8f6c912{padding:20px 0px 0px 0px;}.elementor-9873 .elementor-element.elementor-element-15e4504 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9873 .elementor-element.elementor-element-15e4504{font-size:17px;}.elementor-9873 .elementor-element.elementor-element-e5c9aea:not(.elementor-motion-effects-element-type-background), .elementor-9873 .elementor-element.elementor-element-e5c9aea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-9873 .elementor-element.elementor-element-e5c9aea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9873 .elementor-element.elementor-element-e5c9aea > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9873 .elementor-element.elementor-element-541be81{padding:0px 30px 0px 30px;}.elementor-9873 .elementor-element.elementor-element-fdc29f9 > .elementor-widget-container{border-style:solid;border-width:05px 0px 05px 0px;border-color:#2E6CF3;border-radius:0px 0px 20px 0px;}.elementor-9873 .elementor-element.elementor-element-d6eace4 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:25px;}.elementor-9873 .elementor-element.elementor-element-15a364e > .elementor-widget-container{border-style:solid;border-width:05px 0px 05px 0px;border-color:#2E6CF3;border-radius:0px 0px 20px 0px;}.elementor-9873 .elementor-element.elementor-element-4f8b354 > .elementor-widget-container{border-style:solid;border-width:05px 0px 05px 0px;border-color:#2E6CF3;border-radius:0px 0px 20px 0px;}.elementor-9873 .elementor-element.elementor-element-9e0019a > .elementor-widget-container{border-style:solid;border-width:05px 0px 05px 0px;border-color:#2E6CF3;border-radius:0px 0px 20px 0px;}.elementor-9873 .elementor-element.elementor-element-2d7cd3d > .elementor-widget-container{border-style:solid;border-width:05px 0px 05px 0px;border-color:#2E6CF3;border-radius:0px 0px 20px 0px;}.elementor-9873 .elementor-element.elementor-element-76e30a8:not(.elementor-motion-effects-element-type-background), .elementor-9873 .elementor-element.elementor-element-76e30a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-9873 .elementor-element.elementor-element-76e30a8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:20px;padding:30px 0px 30px 0px;}.elementor-9873 .elementor-element.elementor-element-76e30a8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9873 .elementor-element.elementor-element-78280ec > .elementor-container{max-width:1498px;}.elementor-9873 .elementor-element.elementor-element-d611c7e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-9873 .elementor-element.elementor-element-d611c7e{color:#F1F1F1;}.elementor-9873 .elementor-element.elementor-element-08b9814:not(.elementor-motion-effects-element-type-background), .elementor-9873 .elementor-element.elementor-element-08b9814 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E6CF3;}.elementor-9873 .elementor-element.elementor-element-08b9814{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;}.elementor-9873 .elementor-element.elementor-element-08b9814 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9873 .elementor-element.elementor-element-04638b6{color:#FFFFFF;}.elementor-9873 .elementor-element.elementor-element-f6e00ac{text-align:right;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9873 .elementor-element.elementor-element-f06aa7d{width:100%;}.elementor-9873 .elementor-element.elementor-element-91bc575{width:20%;}.elementor-9873 .elementor-element.elementor-element-d6eace4{width:20%;}.elementor-9873 .elementor-element.elementor-element-ccbbcb6{width:20%;}}/* Start custom CSS */* { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: Arial, sans-serif; background: #fff; color: #1A1A1A; }
    h2 {
    color: black !important;
}
.cto-label {
    color: black;
}
.cto-card ul li {
    font-size: 15px;
    color: black;}
    .cto-card h3 {
    font-size: 16px;
    font-weight: 700;
    color: black !important;}
    .cto-card ul li {
    font-size: 15px;
    color: black !important;}

    /* ── NAV ── */
    .nav { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 3rem; border-bottom: 1px solid #eee; background: #fff; }
    .nav-logo { font-size: 18px; font-weight: 700; color: #1A1A1A; letter-spacing: 1px; }
    .nav-logo span { color: #2E6CF3; }
    .nav-links { display: flex; gap: 2rem; }
    .nav-links a { font-size: 14px; color: #1A1A1A; text-decoration: none; font-weight: 500; }
    .nav-links a.active { color: #2E6CF3; }
    .nav-icons { display: flex; gap: 0.75rem; }
    .nav-icon { width: 38px; height: 38px; background: #1A1A1A; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 17px; }

    /* ── HERO ── */
    .hero { padding: 4.5rem 3rem; background: #fff; border-bottom: 3px solid #2E6CF3; }
    .breadcrumb { font-size: 13px; color: #999; margin-bottom: 1.5rem; }
    .breadcrumb span { color: #2E6CF3; }
    .hero-tag { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #2E6CF3; margin-bottom: 1rem; }
    .hero h1 { font-size: 44px; font-weight: 700; line-height: 1.25; margin-bottom: 1.25rem; color: #1A1A1A; max-width: 600px; }
    .hero h1 span { color: #2E6CF3; }
    .hero p { font-size: 17px; color: #555; line-height: 1.8; max-width: 540px; margin-bottom: 2.25rem; }
    .hero-anchors { display: flex; gap: 1rem; flex-wrap: wrap; }
    .anchor-btn { padding: 0.9rem 2rem; font-size: 15px; font-weight: 700; border-radius: 4px; text-decoration: none; cursor: pointer; border: none; display: inline-block; }
    .anchor-btn.primary { background: #2E6CF3; color: #fff; }
    .anchor-btn.secondary { background: transparent; color: #2E6CF3; border: 2px solid #2E6CF3; }

    /* ── STATS ROW ── */
    .stats-row { display: flex; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f9f9f9; }
    .stat-block { flex: 1; padding: 2rem 2.5rem; border-right: 1px solid #eee; }
    .stat-block:last-child { border-right: none; }
    .stat-block .num { font-size: 38px; font-weight: 700; color: #2E6CF3; margin-bottom: 0.4rem; }
    .stat-block .label { font-size: 15px; color: #777; line-height: 1.5; }

    /* ── SECTION LABEL ── */
    .section-label { padding: 3rem 3rem 1.25rem; }
    .eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #2E6CF3; margin-bottom: 0.6rem; }
    .section-label h2 { font-size: 26px; font-weight: 700; color: #1A1A1A; margin-bottom: 0.6rem; }
    .section-label p { font-size: 16px; color: #666; line-height: 1.7; max-width: 560px; }

    /* ── SERVICE CARDS ── */
    .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; padding: 1.5rem 3rem 0; }
    .services-grid-bottom { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; padding: 1.25rem 3rem 2.5rem; max-width: 68%; }
    .service-card { background: #f9f9f9; border: 1px solid #eee; border-top: 3px solid #2E6CF3; border-radius: 4px; padding: 1.75rem; }
    .service-card i { font-size: 30px; color: #2E6CF3; margin-bottom: 0.85rem; display: block; }
    .service-card h3 { font-size: 16px; font-weight: 700; color: #1A1A1A; margin-bottom: 0.6rem; line-height: 1.4; }
    .service-card p { font-size: 15px; color: #777; line-height: 1.7; }
.service-card {
    height: 350px !important;}
    /* ── CLIENTS ── */
    .clients-wrap { padding: 1rem 3rem 3.5rem; background: #fff; }
    .clients-eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #bbb; margin-bottom: 1.25rem; }
    .clients-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
    .client-card { border: 2px solid #2E6CF3; border-radius: 6px; padding: 1.75rem; }
    .client-card p { font-size: 15px; color: #555; line-height: 1.7; margin-bottom: 0.75rem; }
    .client-card strong { font-size: 16px; color: #1A1A1A; }

    /* ── DIVIDER ── */
    .divider { display: flex; align-items: center; gap: 1.25rem; padding: 1rem 3rem; background: #fff; }
    .divider-line { flex: 1; border: none; border-top: 1px solid #eee; }
    .divider-text { font-size: 13px; color: #bbb; text-transform: uppercase; letter-spacing: 1.5px; white-space: nowrap; }

    /* ── CTO SECTION ── */
    .cto-section { background: #0a0a0a; }
    .cto-label { padding: 3rem 3rem 1.25rem; }
    .cto-label .eyebrow { color: #2E6CF3; }
    .cto-label h2 { font-size: 26px; font-weight: 700; color: #fff; margin-bottom: 0.6rem; }
    .cto-label p { font-size: 16px; color: #888; line-height: 1.7; max-width: 560px; }

    .cto-lanes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; padding: 1.5rem 3rem; }
    .cto-card { border: 1px solid #1f1f1f; border-top: 3px solid #2E6CF3; border-radius: 4px; padding: 1.75rem; }
    .cto-card i { font-size: 30px; color: #2E6CF3; margin-bottom: 0.85rem; display: block; }
    .cto-card h3 { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 0.85rem; }
    .cto-card ul { list-style: none; padding: 0; }
    .cto-card ul li { font-size: 15px; color: #888; line-height: 2; padding-left: 1rem; position: relative; }
    .cto-card ul li::before { content: "›"; color: #2E6CF3; position: absolute; left: 0; font-size: 16px; }

    /* ── QUOTE ── */
    .quote-block { margin: 0 3rem 1.5rem; border-left: 4px solid #2E6CF3; padding: 1.5rem 1.75rem; background: #111; border-radius: 0 6px 6px 0; }
    .quote-block p { font-size: 17px; color: #ccc; line-height: 1.8; font-style: italic; margin-bottom: 0.75rem; }
    .quote-block cite { font-size: 13px; color: #555; font-style: normal; }

    /* ── CTO BOTTOM ── */
    .cto-bottom { padding: 1rem 3rem 3rem; }
    .btn-row { display: flex; gap: 1rem; flex-wrap: wrap; }
    .btn-blue { background: #2E6CF3; color: #fff; padding: 0.9rem 2rem; font-size: 15px; font-weight: 700; border: none; border-radius: 4px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
    .btn-ghost { background: transparent; color: #fff; padding: 0.9rem 2rem; font-size: 15px; border: 1px solid #333; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; }

    /* ── PRE-FOOTER CTA ── */
    .pre-footer { background: #2E6CF3; padding: 3rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
    .pre-footer h3 { color: #fff; font-size: 24px; font-weight: 700; margin-bottom: 0.4rem; }
    .pre-footer p { color: rgba(255,255,255,0.8); font-size: 16px; }
    .btn-white { background: #fff; color: #2E6CF3; padding: 0.9rem 2rem; font-size: 15px; font-weight: 700; border: none; border-radius: 4px; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; }

    /* ── FOOTER ── */
    .footer { background: #0a0a0a; padding: 2.5rem 3rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; border-top: 1px solid #1a1a1a; }
    .footer-col h4 { color: #fff; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 1rem; font-weight: 700; }
    .footer-col p, .footer-col a { color: #777; font-size: 14px; line-height: 2; display: block; text-decoration: none; }
    .cert-badge { display: inline-block; border: 1px solid #333; color: #777; font-size: 12px; padding: 5px 10px; border-radius: 3px; margin: 3px 0; }

    /* ── DEVELOPER NOTES ── */
    .dev-notes { background: #fffbe6; border-top: 3px solid #f0c040; padding: 2.5rem 3rem; font-size: 14px; color: #444; line-height: 1.85; }
    .dev-notes h3 { font-size: 16px; font-weight: 700; color: #1A1A1A; margin-bottom: 1rem; }
    .dev-notes h4 { font-size: 14px; font-weight: 700; color: #333; margin: 1.5rem 0 0.5rem; }
    .dev-notes ul { padding-left: 1.5rem; }
    .dev-notes ul li { margin-bottom: 0.5rem; }
    .dev-notes code { background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-size: 13px; color: #333; }

    /* ── MOBILE ── */
    @media (max-width: 768px) {
      .nav-links { display: none; }
      .hero { padding: 2.5rem 1.5rem; }
      .hero h1 { font-size: 30px; }
      .stats-row { flex-direction: column; }
      .stat-block { border-right: none; border-bottom: 1px solid #eee; }
      .services-grid { grid-template-columns: 1fr; padding: 1rem 1.5rem 0; }
      .services-grid-bottom { grid-template-columns: 1fr; max-width: 100%; padding: 1rem 1.5rem 2rem; }
      .clients-grid { grid-template-columns: 1fr; }
      .cto-lanes { grid-template-columns: 1fr; padding: 1rem 1.5rem; }
      .cto-bottom { padding: 1rem 1.5rem 2.5rem; }
      .quote-block { margin: 0 1.5rem 1.5rem; }
      .footer { grid-template-columns: 1fr; padding: 1.5rem; }
      .pre-footer { flex-direction: column; align-items: flex-start; padding: 2rem 1.5rem; }
      .section-label, .cto-label, .clients-wrap, .divider { padding-left: 1.5rem; padding-right: 1.5rem; }
    }/* End custom CSS */