/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 13 2026 | 04:04:23 */
/* ── Global ── */
html, body, #page, #content, .fl-page, .fl-page-bg { background-color: #0a1628 !important; }
body { color: #ffffff; font-family: 'Barlow', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; color: #ffffff; }
a { color: #1877F2; }
a:hover { color: #3b93ff; }
.fl-row-content-wrap { border: none !important; }

/* ── Header / Footer ── */
.fl-page-header { background-color: #08111f !important; border-bottom: 1px solid rgba(24,119,242,0.2); }
.fl-page-footer { background-color: #050d18 !important; border-top: 1px solid rgba(24,119,242,0.12); }

/* ── Nav dropdown ── */
.fl-page-header .fl-nav-menu .sub-menu,
.fl-page-header ul.sub-menu,
.pp-advanced-menu .sub-menu,
.pp-advanced-menu ul.sub-menu { background-color: #08111f !important; border: 1px solid rgba(24,119,242,0.2) !important; border-radius: 4px !important; }
.fl-page-header .fl-nav-menu .sub-menu a,
.fl-page-header ul.sub-menu li a { color: #ffffff !important; background-color: transparent !important; }
.fl-page-header .fl-nav-menu .sub-menu a:hover,
.fl-page-header ul.sub-menu li a:hover { color: #428bca !important; background-color: rgba(24,119,242,0.08) !important; }

/* ── Force uniform background ── */
.fl-row, .fl-row-content, .fl-row-content-wrap { background-color: transparent !important; background-image: none !important; }
.fl-post-content, .fl-post-content.clearfix, .fl-builder-content { background-color: #0a1628 !important; padding: 0 !important; margin: 0 !important; }

/* ── Section backgrounds ── */
.hero-row .fl-row-content-wrap { background-color: #0a1628 !important; padding: 80px !important; }
.stat-bar-row, .stat-bar-row .fl-row-content-wrap,
.services-section, .services-section .fl-row-content-wrap,
.services-grid-row, .services-grid-row .fl-row-content-wrap,
.industries-section, .industries-section .fl-row-content-wrap,
.industries-grid-row, .industries-grid-row .fl-row-content-wrap,
.privacy-note-row, .privacy-note-row .fl-row-content-wrap,
.partners-section, .partners-section .fl-row-content-wrap,
.partners-grid-row, .partners-grid-row .fl-row-content-wrap,
.founder-section, .founder-section .fl-row-content-wrap,
.msp-section, .msp-section .fl-row-content-wrap,
.gallery-section, .gallery-section .fl-row-content-wrap,
.reviews-section, .reviews-section .fl-row-content-wrap,
.service-area-section, .service-area-section .fl-row-content-wrap { background-color: #0a1628 !important; }

/* ── Section padding ── */
.founder-section .fl-row-content-wrap,
.msp-section .fl-row-content-wrap,
.gallery-section .fl-row-content-wrap,
.reviews-section .fl-row-content-wrap,
.service-area-section .fl-row-content-wrap { padding: 48px 80px !important; }
.services-section { padding: 24px 80px 0 !important; }
.stat-bar-row .fl-row-content-wrap { padding-top: 24px !important; padding-bottom: 24px !important; }
.remote-support-banner .fl-row-content-wrap { background-color: rgba(24,119,242,0.07) !important; border-top: 1px solid rgba(24,119,242,0.18) !important; border-bottom: 1px solid rgba(24,119,242,0.18) !important; padding: 24px 80px !important; }

/* ── Section headings ── */
.services-section h2, .industries-section h2, .partners-section h2,
.msp-section h2, .gallery-section h2, .reviews-section h2 { font-size: 42px; text-align: center; text-transform: uppercase; margin-bottom: 12px; }
.service-area-section h2 { font-size: 36px; text-transform: uppercase; margin-bottom: 16px; }
.services-section .fl-rich-text p, .industries-section .fl-rich-text p,
.partners-section .fl-rich-text p, .msp-section .fl-rich-text p { text-align: center; color: #a0aec0; max-width: 600px; margin: 0 auto; }

/* ── Grid spacing ── */
.services-grid-row .fl-col, .industries-grid-row .fl-col, .partners-grid-row .fl-col { padding: 12px; }
.services-grid-row .fl-col-content, .industries-grid-row .fl-col-content, .partners-grid-row .fl-col-content { height: 100%; display: flex; flex-direction: column; }
.services-grid-row .fl-module-rich-text, .industries-grid-row .fl-module-rich-text, .partners-grid-row .fl-module-rich-text { flex: 1; display: flex; flex-direction: column; }
.services-grid-row .fl-rich-text, .industries-grid-row .fl-rich-text, .partners-grid-row .fl-rich-text { flex: 1; }
.services-grid-row .fl-row-content-wrap, .partners-grid-row .fl-row-content-wrap { padding-top: 12px !important; padding-bottom: 40px !important; }
.services-grid-row, .industries-grid-row, .partners-grid-row { margin-top: 0 !important; padding-top: 0 !important; }

/* ── Stat Bar ── */
.stat-bar-row .stat-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10px 0; }
.stat-bar-row .stat-number { font-family: 'Barlow Condensed', sans-serif; font-size: 48px; font-weight: 700; color: #428bca; line-height: 1; }
.stat-bar-row .stat-label { font-size: 14px; color: #ffffff; margin-top: 6px; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; }

/* ── Hero subheading ── */
.hero-subheading p { max-width: 600px; margin: 0 auto; text-align: center; }

/* ── Cards ── */
.service-card, .msp-card, .review-card, .founder-card { background: #0d1b2a; border: 1px solid rgba(66,139,202,0.15); border-radius: 8px; }
.service-card { padding: 32px 24px; flex: 1; display: flex; flex-direction: column; transition: border-color 0.2s ease, transform 0.2s ease; }
.service-card:hover { border-color: #428bca; transform: translateY(-3px); }
.service-icon { font-size: 32px; margin-bottom: 16px; }
.service-title { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 700; color: #ffffff; margin-bottom: 12px; text-transform: uppercase; }
.service-desc { font-size: 15px; color: #a0aec0; line-height: 1.6; }

/* ── Secondary service card (Access Control) — FIXED: was dashed, now solid ── */
.secondary-service { opacity: 1; border-style: solid; }

/* ── Neutralize BB auto-added nbsp on Toast card ── */
.partners-grid-row .fl-node-gnqtm0yr5xa4 .fl-rich-text > p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; }

/* ── Badges & pills ── */
.partner-badge, .msp-badge, .platform-pill { display: inline-block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 10px; border-radius: 4px; }
.partner-badge, .platform-pill { background: rgba(66,139,202,0.15); color: #428bca; border: 1px solid rgba(66,139,202,0.2); margin-bottom: 12px; }
.platform-pill { border-radius: 20px; padding: 4px 12px; }
.msp-badge { background: #428bca; color: #ffffff; margin-bottom: 16px; }

/* ── Privacy note ── */
.privacy-note { text-align: center; color: #a0aec0; font-size: 14px; font-style: italic; max-width: 700px; margin: 0 auto; padding: 24px 0; border-top: 1px solid rgba(66,139,202,0.15); }

/* ── Partner list ── */
.partner-list { list-style: none; padding: 0; margin: 16px 0 0; }
.partner-list li { font-size: 14px; color: #a0aec0; padding: 6px 0; border-bottom: 1px solid rgba(66,139,202,0.1); line-height: 1.4; }
.partner-list li:last-child { border-bottom: none; }

/* ── MSP Cards ── */
.msp-card { padding: 32px 24px; height: 100%; display: flex; flex-direction: column; position: relative; }
.msp-featured { border-color: #428bca; border-width: 2px; }
.msp-tier { font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 700; color: #ffffff; text-transform: uppercase; margin-bottom: 8px; }
.msp-desc { font-size: 14px; color: #428bca; margin-bottom: 24px; font-style: italic; }
.msp-features { list-style: none; padding: 0; margin: 0 0 24px; flex: 1; }
.msp-features li { font-size: 14px; color: #a0aec0; padding: 8px 0; border-bottom: 1px solid rgba(66,139,202,0.1); line-height: 1.4; }
.msp-features li:before { content: "✓ "; color: #428bca; font-weight: 700; }
.msp-features li:last-child { border-bottom: none; }
.msp-quote-note { font-size: 12px; color: #a0aec0; font-style: italic; text-align: center; margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(66,139,202,0.1); }

/* ── Gallery ── */
.gallery-placeholder { border: 2px dashed rgba(24,119,242,0.2); border-radius: 8px; padding: 80px 40px; text-align: center; max-width: 800px; margin: 0 auto; }
.gallery-camera { font-size: 64px; opacity: 0.3; margin-bottom: 24px; }
.gallery-coming { font-family: 'Barlow Condensed', sans-serif; font-size: 32px; font-weight: 700; text-transform: uppercase; color: #a0aec0; letter-spacing: 0.1em; margin-bottom: 16px; }
.gallery-sub { font-size: 15px; color: #a0aec0; max-width: 500px; margin: 0 auto; line-height: 1.6; }

/* ── Review Slider ── */
.reviews-platforms { display: flex; justify-content: center; gap: 12px; margin-bottom: 48px; }
.review-slider { max-width: 800px; margin: 0 auto 48px; }
.review-slide { display: none; background: #0d1b2a; border: 1px solid rgba(66,139,202,0.15); border-radius: 8px; padding: 40px; text-align: center; }
.review-slide.active { display: block; }
.review-slide .review-text { font-size: 16px; color: #ffffff; line-height: 1.8; font-style: italic; margin-bottom: 24px; }
.review-slide .review-author { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; margin: 0 0 6px; }
.review-slide .review-context { font-size: 13px; color: #a0aec0; margin: 0; }
.review-nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; }
.review-prev, .review-next { background: rgba(66,139,202,0.1); border: 1px solid rgba(66,139,202,0.2); color: #428bca; font-size: 20px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; transition: background 0.2s ease; }
.review-prev:hover, .review-next:hover { background: rgba(66,139,202,0.25); }
.review-dots { display: flex; gap: 8px; }
.review-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(66,139,202,0.3); cursor: pointer; transition: background 0.2s ease; }
.review-dot.active { background: #428bca; }

/* ── Thumbtack widget ── */
.thumbtack-widget-wrap { background: #ffffff; border-radius: 8px; padding: 16px; display: flex; justify-content: center; margin: 0 auto; max-width: 300px; }
.thumbtack-widget-wrap * { color: initial !important; font-family: initial !important; }

/* ── Founder Section ── */
.section-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #428bca; margin-bottom: 12px; }
.founder-heading { font-family: 'Barlow Condensed', sans-serif; font-size: 36px; font-weight: 700; color: #ffffff; text-transform: uppercase; margin-bottom: 16px; line-height: 1.2; }
.founder-body { font-size: 15px; color: #a0aec0; line-height: 1.7; margin-bottom: 32px; }
.founder-list { list-style: none; padding: 0; margin: 0; }
.founder-list li { padding: 16px 0; border-bottom: 1px solid rgba(66,139,202,0.15); display: flex; flex-direction: column; }
.founder-list li:last-child { border-bottom: none; }
.founder-list-title { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; text-transform: uppercase; margin-bottom: 6px; }
.founder-list-desc { font-size: 14px; color: #a0aec0; line-height: 1.6; }
.founder-card { padding: 32px; }
.founder-quote { font-size: 15px; color: #ffffff; line-height: 1.7; font-style: italic; border-left: 3px solid #428bca; padding-left: 16px; margin: 0 0 24px 0; }
.founder-meta { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.founder-name { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; margin: 0 0 4px; }
.founder-title { font-size: 13px; color: #a0aec0; margin: 0; }
.founder-education { background: rgba(66,139,202,0.08); border: 1px solid rgba(66,139,202,0.2); border-radius: 6px; padding: 16px; margin-bottom: 16px; }
.founder-edu-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #428bca; margin-bottom: 8px; }
.founder-education p { font-size: 13px; color: #ffffff; margin: 4px 0; }
.founder-experience { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.exp-tag { background: rgba(212,175,55,0.1); border: 1px solid rgba(212,175,55,0.3); color: #d4af37; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.05em; }
.founder-certs { display: flex; flex-wrap: wrap; gap: 6px; }
.cert-tag { background: rgba(66,139,202,0.1); border: 1px solid rgba(66,139,202,0.2); color: #a0aec0; font-size: 11px; padding: 3px 8px; border-radius: 4px; }

/* ── Service Area ── */
.area-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.area-tag { font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 4px; }
.area-primary { background: rgba(66,139,202,0.15); border: 1px solid rgba(66,139,202,0.3); color: #428bca; }
.area-secondary { background: rgba(160,174,192,0.08); border: 1px solid rgba(160,174,192,0.2); color: #a0aec0; }
.area-disclaimer { font-size: 12px; color: #a0aec0; font-style: italic; line-height: 1.6; border-top: 1px solid rgba(66,139,202,0.1); padding-top: 16px; }

/* ── Remote Support Banner ── */
.remote-copy { font-size: 15px; color: #ffffff; line-height: 1.6; margin: 0; }
.remote-muted { color: #a0aec0; }
.remote-btn-wrap { display: flex; align-items: center; justify-content: flex-end; height: 100%; }
.remote-btn { display: inline-block; background: rgba(24,119,242,0.15); border: 1px solid rgba(24,119,242,0.4); color: #3b93ff !important; font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 600; padding: 12px 24px; border-radius: 6px; text-decoration: none; white-space: nowrap; transition: background 0.2s ease, border-color 0.2s ease; }
.remote-btn:hover { background: rgba(24,119,242,0.25) !important; border-color: rgba(24,119,242,0.6) !important; color: #ffffff !important; }

/* ── CTA Section ── */
.cta-section { background-color: #122440 !important; border-top: 1px solid rgba(24,119,242,0.2) !important; }
.cta-section .fl-row-content-wrap { background-color: #122440 !important; padding: 48px 80px !important; }
.cta-inner { text-align: center; max-width: 800px; margin: 0 auto; padding: 0 20px; }
.cta-heading { font-family: 'Barlow Condensed', sans-serif; font-size: 48px; font-weight: 700; color: #ffffff; text-transform: uppercase; margin-bottom: 16px; }
.cta-sub { font-size: 16px; color: #a0aec0; line-height: 1.7; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
.cta-actions { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 24px; }
.cta-phone { font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 700; color: #ffffff !important; text-decoration: none; letter-spacing: 0.02em; }
.cta-phone:hover { color: #428bca !important; }
.cta-btn-primary { display: inline-block; background: #428bca; color: #ffffff !important; font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 600; padding: 14px 28px; border-radius: 4px; text-decoration: none; transition: background 0.2s ease; }
.cta-btn-primary:hover { background: #3578b0 !important; }
.cta-hours { font-size: 13px; color: #a0aec0; margin: 0; }

/* ── Gravity Forms dark theme ── */
.gform_wrapper form,
.gform_wrapper .gform_body,
.gform_wrapper .gform_wrapper_container,
.gform_wrapper .gform_page,
.gform_wrapper { background-color: transparent !important; }
.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield select { background-color: #0d1b2a !important; border: 1px solid rgba(66,139,202,0.3) !important; color: #ffffff !important; border-radius: 4px !important; padding: 10px 14px !important; }
.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder { color: #a0aec0 !important; }
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper input[type="submit"] { background-color: #428bca !important; color: #ffffff !important; border: none !important; padding: 12px 28px !important; border-radius: 4px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; }

/* — Gallery Carousel — */
.s3it-carousel-wrap { width: 100%; background: #0a1628; border-radius: 8px; margin-top: 30px; }
.s3it-carousel-stage { position: relative !important; overflow: hidden !important; display: block !important; }
.s3it-carousel { display: flex !important; transition: transform 0.4s ease; flex-wrap: nowrap !important; }
.s3it-slide { min-width: 100% !important; flex-shrink: 0 !important; position: relative !important; display: block !important; }
.s3it-slide img { width: 100% !important; height: 480px !important; object-fit: contain !important; object-position: center center !important; display: block !important; max-width: none !important; background: #0a1628 !important; }
.s3it-caption { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: rgba(10,22,40,0.78) !important; color: #fff !important; font-family: 'Barlow', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; padding: 14px 20px !important; text-align: center !important; }
.s3it-prev, .s3it-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; background: rgba(66,139,202,0.85) !important; color: #fff !important; border: none !important; border-radius: 50% !important; width: 44px !important; height: 44px !important; font-size: 32px !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; }
.s3it-prev { left: 14px !important; }
.s3it-next { right: 14px !important; }
.s3it-prev:hover, .s3it-next:hover { background: #cc2936 !important; }
.s3it-dots { display: flex !important; justify-content: center !important; gap: 8px !important; padding: 12px 0 !important; }
.s3it-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; background: rgba(255,255,255,0.3) !important; cursor: pointer !important; border: none !important; padding: 0 !important; transition: background 0.2s; }
.s3it-dot.active { background: #428bca !important; }
@media (max-width: 768px) { .s3it-slide img { height: 240px !important; } .s3it-prev, .s3it-next { width: 36px !important; height: 36px !important; font-size: 24px !important; } }
/* ================================================
   MOBILE RESPONSIVENESS
   ================================================ */

@media (max-width: 768px) {
  .fl-page-header .fl-menu-mobile-toggle span,
  .fl-page-header .fl-menu-mobile-toggle span:before,
  .fl-page-header .fl-menu-mobile-toggle span:after { background-color: #ffffff !important; }
  .cta-section .fl-row-content-wrap { padding: 40px 20px !important; }
  .hero-row h1, .hero-row .fl-heading { font-size: 42px !important; line-height: 1.1 !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }
  .services-section h2, .services-section .fl-heading,
  .services-grid-row h2, .services-grid-row .fl-heading,
  .industries-section h2, .partners-section h2,
  .founder-section h2, .msp-section h2,
  .gallery-section h2, .reviews-section h2,
  .service-area-section h2, .cta-section h2,
  .industries-section .fl-heading, .partners-section .fl-heading,
  .founder-section .fl-heading, .msp-section .fl-heading,
  .cta-section .fl-heading { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }
  .services-section h2, .services-section .fl-heading,
  .services-grid-row h2, .services-grid-row .fl-heading { font-size: 38px !important; line-height: 1.1 !important; white-space: normal !important; }
  .services-section .fl-rich-text, .services-section p,
  .services-grid-row .fl-rich-text, .services-grid-row p { width: 100% !important; max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; }
  .services-section .fl-col, .services-section .fl-col-content,
  .services-grid-row .fl-col, .services-grid-row .fl-col-content { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  .services-section { padding: 16px 20px 0 !important; }
  .s3it-gallery { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .hero-row h1, .hero-row .fl-heading { font-size: 36px !important; line-height: 1.05 !important; }
  .cta-section h2, .cta-section .fl-heading { font-size: 32px !important; }
  .services-section h2, .services-grid-row h2 { font-size: 32px !important; }
  .s3it-gallery { grid-template-columns: 1fr; }
}