.elementor-kit-21{--e-global-color-primary:#2658AF;--e-global-color-secondary:#3C85C9;--e-global-color-text:#11447E;--e-global-color-accent:#2E548F;--e-global-color-light:#EFEEE7;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:600;font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 h2{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-21 h3{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-21 p{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}body{--global-border-radius:16px 16px 16px 16px;--button-border-radius:8px 8px 8px 8px;--vertical-spacing:100px;--mobile-spacing:50px;}@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 *//* ===========================================================
   CSC Growth – Global Styles for Elementor
   Scope with .csc-theme to avoid conflicts
   Based on sections & layout visible on the demo page
   https://cscgrowth.com/demo/
   -----------------------------------------------------------
   How to use:
   1) Add this CSS to Elementor Site Settings → Custom CSS.
   2) Add class "csc-theme" to your top section / page wrapper.
   3) Use the utilities below for grids, cards, pills, buttons.
=========================================================== */

/* ---------- Theme Tokens ---------- */
.csc-theme {
  --bg: #0d9474;
  --bg-2: #2661d9;
  --panel: rgba(255,255,255,0.05);
  --panel-border: rgba(255,255,255,0.10);
  --text: #eef2ff;
  --muted: rgba(255,255,255,0.85);
  --accent: #f6c443;      /* gold/orange */
  --accent-2: #ffda5c;
  --radius: 14px;
  --radius-lg: 18px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.45);
  --wrap: 1200px;
}

/* ---------- Page/Section Backdrops ---------- */
.csc-theme {
  color: var(--text);
  background: linear-gradient(180deg, var(--bg), var(--bg-2));
}
.csc-theme .section {
  padding: clamp(56px, 8vw, 120px) 0;
}
.csc-theme .wrap {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 24px;
}

/* ---------- Headings & Lead ---------- */
.csc-theme h1, .csc-theme h2, .csc-theme h3, .csc-theme h4 {
  color: #fff;
  line-height: 1.1;
}
.csc-theme h1 { font-size: clamp(32px, 5.2vw, 64px); margin: 6px 0 8px; }
.csc-theme h2 { font-size: clamp(26px, 3.2vw, 40px); margin: 8px 0 10px; }
.csc-theme h3 { font-size: clamp(18px, 1.6vw, 22px); margin: 0 0 6px; }
.csc-theme .lead { color: var(--muted); max-width: 780px; }

/* ---------- Label (pill heading) ---------- */
.csc-theme .label {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: .78rem;
  color: #fff;
}

/* ---------- Grid Utilities (with gap + fallbacks) ---------- */
.csc-theme .grid { display: grid; gap: 22px; }
.csc-theme .grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.csc-theme .grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.csc-theme .grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

/* Fallback when 'gap' is stripped by some builders */
.csc-theme .no-gap { gap: 0 !important; }
.csc-theme .row { display:flex; flex-wrap:wrap; margin:-12px; }
.csc-theme .row > .col { width:calc(50% - 24px); margin:12px; }
.csc-theme .row.cols-3 > .col { width:calc(33.333% - 24px); }
.csc-theme .row.cols-4 > .col { width:calc(25% - 24px); }
@media (max-width:1024px){
  .csc-theme .grid-3 { grid-template-columns: 1fr 1fr; }
  .csc-theme .grid-4 { grid-template-columns: 1fr 1fr; }
  .csc-theme .row.cols-3 > .col,
  .csc-theme .row.cols-4 > .col { width:calc(50% - 24px); }
}
@media (max-width:780px){
  .csc-theme .grid-2, .csc-theme .grid-3, .csc-theme .grid-4 { grid-template-columns: 1fr; }
  .csc-theme .row > .col,
  .csc-theme .row.cols-3 > .col,
  .csc-theme .row.cols-4 > .col { width:100%; margin:10px 0; }
}

/* ---------- Cards ---------- */
.csc-theme .card {
  background: var(--panel);
  border: 1px solid var(--panel-border);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: var(--shadow);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.csc-theme .card:hover {
  transform: translateY(-4px);
  border-color: var(--accent);
  box-shadow: 0 0 18px rgba(246,196,67,.25);
}
.csc-theme .muted { color: var(--muted); }

/* ---------- CTA Panels ---------- */
.csc-theme .cta {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-lg);
  padding: clamp(24px, 3vw, 36px);
  text-align: center;
}

/* ---------- Buttons ---------- */
.csc-theme .button {
  display: inline-block;
  border-radius: 8px;
  padding: 10px 22px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s ease;
}
.csc-theme .btn-primary {
  background: var(--accent);
  color: #111;
  border: none;
}
.csc-theme .btn-primary:hover { background: var(--accent-2); }
.csc-theme .btn-outline {
  border: 1px solid var(--accent);
  color: var(--accent);
  background: transparent;
}
.csc-theme .btn-outline:hover { background: var(--accent); color: #111; }
.csc-theme .btn-row { display:flex; flex-wrap:wrap; gap:12px; }

/* ---------- Pills (for hero features) ---------- */
.csc-theme .pills { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.csc-theme .pill {
  margin: 8px 10px 0 0;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,.06);
  color: #f5f7ff;
  font-size: .92rem;
  font-weight: 600;
  white-space: nowrap;
  transition: all .25s ease;
}
.csc-theme .pill:hover { border-color: var(--accent); color: var(--accent); }

/* ---------- Icon Chip (for cards/steps) ---------- */
.csc-theme .icon-chip {
  width: 52px; height: 52px;
  display: grid; place-items: center;
  border-radius: 12px;
  background: rgba(246,196,67,.15);
  margin-bottom: 12px;
}
.csc-theme .icon-chip i, .csc-theme .icon-chip svg { color: var(--accent); font-size: 22px; }

/* ---------- Section-specific helpers ---------- */
/* “Industries we serve” – 3 cards */
.csc-theme #industries .cards-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 24px;
  margin-top: 24px;
}

/* “How it works” – 4 steps */
.csc-theme #process .cards-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin-top: 18px;
  margin-bottom: 40px;
}

/* “Reliable choice” – 3 outcomes */
.csc-theme #cases .cards-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 28px;
  margin-top: 18px;
}

/* Connect/Contact two-column */
.csc-theme #connect .grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
  gap: 30px; 
}

/* ---------- Gravity Forms (inside .form-card) ---------- */
.csc-theme .form-card .gform_wrapper.gravity-theme .ginput_container input,
.csc-theme .form-card .gform_wrapper.gravity-theme .ginput_container select,
.csc-theme .form-card .gform_wrapper.gravity-theme .ginput_container textarea {
  width:100%; background:#0c1526; color:#fff;
  border:1px solid rgba(255,255,255,.15);
  border-radius: 12px; padding: 11px 12px;
}
.csc-theme .form-card .gform_wrapper.gravity-theme .ginput_container input:focus,
.csc-theme .form-card .gform_wrapper.gravity-theme .ginput_container select:focus,
.csc-theme .form-card .gform_wrapper.gravity-theme .ginput_container textarea:focus {
  outline:none; border-color: rgba(246,196,67,.7);
  box-shadow: 0 0 0 3px rgba(246,196,67,.22);
}
.csc-theme .form-card .gform_wrapper.gravity-theme .gform_button {
  background: var(--accent); color:#111; border:none;
  border-radius: 999px; padding: 12px 18px; font-weight: 800;
}

/* ---------- Links with chevron ---------- */
.csc-theme .more {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all .2s ease;
}
.csc-theme .more i, .csc-theme .more svg { margin-left: 6px; font-size: 14px; }
.csc-theme .more:hover { color: var(--accent-2); transform: translateX(3px); }

/* ---------- Spacing helpers ---------- */
.csc-theme .mt-0{ margin-top:0 !important; }
.csc-theme .mt-1{ margin-top:6px !important; }
.csc-theme .mt-2{ margin-top:12px !important; }
.csc-theme .mt-3{ margin-top:18px !important; }
.csc-theme .mt-4{ margin-top:24px !important; }
.csc-theme .mb-0{ margin-bottom:0 !important; }
.csc-theme .mb-2{ margin-bottom:12px !important; }
.csc-theme .mb-3{ margin-bottom:18px !important; }
.csc-theme .mb-4{ margin-bottom:24px !important; }

/* ---------- Optional: Section color variants ---------- */
.csc-theme .section--dark { background: linear-gradient(180deg, var(--bg), var(--bg-2)); }
.csc-theme .section--panel { background: rgba(255,255,255,.03); }
.csc-theme .section--accent { background: radial-gradient(900px 400px at 10% 0%, rgba(246,196,67,.16), transparent), linear-gradient(180deg, var(--bg), var(--bg-2)); }

/* ---------- Accessibility helpers ---------- */
.csc-theme a { outline-color: var(--accent); }
.csc-theme a:focus { outline: 2px dashed var(--accent); outline-offset: 2px; }

/* Theme icon styling (no Font Awesome needed) */
.csc-theme .more { display:inline-flex; align-items:center; gap:8px; font-weight:800; text-decoration:none; }
.csc-theme .more i[class^="icon-"], 
.csc-theme .more i[class*=" icon-"] { color: var(--accent); font-size: 0.95em; line-height:1; vertical-align:middle; }
.csc-theme .more:hover { color: var(--accent); }

.csc-theme .icon-chip {
  width:52px; height:52px; display:grid; place-items:center; border-radius:12px;
  border:1px solid var(--panel-border, rgba(255,255,255,.10));
  background: linear-gradient(135deg, rgba(246,196,67,.28), rgba(255,221,137,.24));
  margin-bottom:10px;
}
.csc-theme .icon-chip i[class^="icon-"],
.csc-theme .icon-chip i[class*=" icon-"] { color: var(--accent); font-size: 1.2em; line-height:1; }

.csc-theme .bullets { margin: 8px 0 2px 20px; }
.csc-theme .bullets li { margin: 0 0 6px; }

/* INDUSTRIES icons + link styling */
.csc-theme .more {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  text-decoration:none;
  transition:color .2s ease;
}
.csc-theme .more i[class^="icon-"],
.csc-theme .more i[class*=" icon-"] {
  color: var(--accent);
  font-size: 0.95em;
  line-height:1;
  vertical-align:middle;
}
.csc-theme .more:hover { color: var(--accent); }

.csc-theme .icon-chip {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid var(--panel-border, rgba(255,255,255,.10));
  background:linear-gradient(135deg, rgba(246,196,67,.28), rgba(255,221,137,.24));
  margin-bottom:10px;
}
.csc-theme .icon-chip i[class^="icon-"],
.csc-theme .icon-chip i[class*=" icon-"] {
  color: var(--accent);
  font-size:1.2em;
  line-height:1;
}

/* HOW IT WORKS section styling */
.csc-theme .icon-chip {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid var(--panel-border, rgba(255,255,255,.10));
  background:linear-gradient(135deg, rgba(246,196,67,.28), rgba(255,221,137,.24));
  margin-bottom:10px;
}
.csc-theme .icon-chip i[class^="icon-"],
.csc-theme .icon-chip i[class*=" icon-"] {
  color: var(--accent);
  font-size:1.2em;
  line-height:1;
}

.csc-theme .cta {
  text-align:center;
  padding:40px 20px;
  margin-top:40px;
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.05));
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.08);
}
.csc-theme .cta h3 { color:#fff; margin-bottom:8px; }
.csc-theme .cta .lead { color:rgba(255,255,255,.8); margin-bottom:20px; }
.csc-theme .cta .btn-row { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.csc-theme .button.btn-primary {
  background:var(--accent);
  color:#111;
  font-weight:700;
  padding:10px 22px;
  border-radius:8px;
  transition:background .3s ease;
}
.csc-theme .button.btn-primary:hover {
  background:#ffcd59;
}
.csc-theme .button.btn-outline {
  border:1px solid var(--accent);
  color:var(--accent);
  font-weight:700;
  padding:10px 22px;
  border-radius:8px;
  transition:all .3s ease;
}
.csc-theme .button.btn-outline:hover {
  background:var(--accent);
  color:#111;
}

/* Compliance CTA — match card/cta styling used sitewide */
.csc-theme #compliance.section { padding-top: clamp(48px, 6vw, 100px); padding-bottom: clamp(48px, 6vw, 100px); }

.csc-theme #compliance .cta--compliance{
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
  background: var(--panel);
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: clamp(24px, 3vw, 40px);
}

/* Icon matches other sections */
.csc-theme #compliance .cta--compliance .icon-chip{
  margin: 0 auto 10px;
  background: linear-gradient(135deg, rgba(246,196,67,.28), rgba(255,221,137,.24));
  border: 1px solid var(--panel-border);
}
.csc-theme #compliance .cta--compliance .icon-chip i[class^="icon-"],
.csc-theme #compliance .cta--compliance .icon-chip i[class*=" icon-"]{
  color: var(--accent);
  font-size: 1.2em;
  line-height: 1;
}

/* Tighten spacing to match demo rhythm */
.csc-theme #compliance .label{ margin-bottom: 8px; }
.csc-theme #compliance h2{ margin: 6px 0 10px; }
.csc-theme #compliance .lead{ margin: 0 auto 16px; max-width: 820px; }

/* Buttons inherit your global .button styles */
.csc-theme #compliance .btn-row{ justify-content: center; gap: 12px; }

/* Base chip container */
.icon-chip {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #f2f4f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: #111827; /* icon color */
}

/* Font Awesome icon sizing */
.icon-chip i {
  font-size: 22px;
  line-height: 1;
}

/* Optional hover color accent */
.card:hover .icon-chip {
  background: #e8ebf0;
  color: var(--accent, #0d6efd);
}

/* "Learn more" arrow */
.icon.icon-arrow-right::before {
  content: "→";
  margin-left: 4px;
  font-weight: 600;
  transition: transform 0.2s ease;
}
a.more:hover .icon.icon-arrow-right::before {
  transform: translateX(3px);
}

/* --- Font Awesome 4 chip style (global) --- */
.icon-chip{
  width:56px; height:56px;
  border-radius:14px;
  background:#f2f4f7;
  display:inline-flex; align-items:center; justify-content:center;
  color:#111827; /* icon color */
  margin-bottom:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  transition:background .25s ease, color .25s ease;
}

/* FA4 icons inside chip */
.icon-chip .fa{
  font-size:24px; line-height:1;
}

/* Hover accent (matches other sections) */
.card:hover .icon-chip{ background:#e8ebf0; color:var(--accent-color, #0d6efd); }

/* "Learn more" arrow using FA4 */
a.more .fa-arrow-right{ margin-left:6px; transition:transform .2s ease; }
a.more:hover .fa-arrow-right{ transform:translateX(3px); }/* End custom CSS */