.elementor-1484 .elementor-element.elementor-element-a390885{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:35px;--padding-right:35px;}.elementor-1484 .elementor-element.elementor-element-a390885:not(.elementor-motion-effects-element-type-background), .elementor-1484 .elementor-element.elementor-element-a390885 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(269deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-1484 .elementor-element.elementor-element-c35136d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1484 .elementor-element.elementor-element-d239e56{animation-duration:2500ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);}.elementor-1484 .elementor-element.elementor-element-d239e56 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-1484 .elementor-element.elementor-element-d239e56 .aux-modern-heading-primary{font-size:66px;font-weight:bold;text-transform:uppercase;color:var( --e-global-color-d036517 );margin:0px 0px 0px 0px;}.elementor-1484 .elementor-element.elementor-element-06e428f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1484 .elementor-element.elementor-element-6c05c44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1484 .elementor-element.elementor-element-d5748d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1484 .elementor-element.elementor-element-4d4154f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-1484 .elementor-element.elementor-element-a390885{--content-width:1600px;}.elementor-1484 .elementor-element.elementor-element-06e428f{--content-width:1600px;}.elementor-1484 .elementor-element.elementor-element-6c05c44{--content-width:1600px;}.elementor-1484 .elementor-element.elementor-element-d5748d4{--content-width:1600px;}.elementor-1484 .elementor-element.elementor-element-4d4154f{--content-width:1600px;}}@media(max-width:1024px){.elementor-1484 .elementor-element.elementor-element-d239e56 .aux-modern-heading-primary{font-size:56px;}}@media(max-width:767px){.elementor-1484 .elementor-element.elementor-element-d239e56 .aux-modern-heading-primary{font-size:42px;}}


/* Start custom CSS for html, class: .elementor-element-b37e824 *//* ============================
   BASE SECTION WRAPPER
   ============================ */
.elv-services-os {
  background: #0C1014;
  padding: 90px 24px;
  color: #f4f3ff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.elv-os-inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* hide radios */
.elv-svc-input,
.elv-tab-master {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* ============================
   MAIN CARD (APP SHELL)
   ============================ */
.elv-os-card {
  border-radius: 28px;
  border: 1px solid rgba(90, 78, 132, 0.8);
  background: radial-gradient(circle at top left, #151827, #0C1014 52%, #080a11 100%);
  box-shadow: 0 24px 80px rgba(0,0,0,0.9);
  padding: 18px 18px 22px;
}

/* ============================
   TOP SERVICE BAR – SCROLL
   ============================ */
.elv-svc-bar {
  margin-bottom: 14px;
}

.elv-svc-bar-label {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(183,176,218,0.88);
  margin-bottom: 6px;
}

.elv-svc-scroll-shell {
  position: relative;
  display: flex;
  align-items: stretch;
}

.elv-svc-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(120,110,170,0.9) transparent;
  padding: 2px 4px;
}
.elv-svc-tabs::-webkit-scrollbar {
  height: 4px;
}
.elv-svc-tabs::-webkit-scrollbar-track {
  background: transparent;
}
.elv-svc-tabs::-webkit-scrollbar-thumb {
  background: rgba(120,110,170,0.9);
  border-radius: 999px;
}

.elv-svc-pill {
  cursor: pointer;
  flex: 0 0 auto;
  min-width: 170px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(90, 78, 132, 0.8);
  background: rgba(10, 12, 24, 0.98);
  display: flex;
  flex-direction: column;
  gap: 1px;
  transition: background 0.18s ease, border-color 0.18s ease,
              box-shadow 0.18s ease, transform 0.18s ease;
}
.svc-pill-title {
  font-size: 13px;
  font-weight: 600;
  color: #f9fafb;
}
.svc-pill-sub {
  font-size: 11px;
  color: rgba(191,189,231,0.96);
}

/* arrows (visual hint only) */
.svc-arrow {
  flex: 0 0 auto;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin: 0 0 0 4px;
  color: rgba(210,208,245,0.9);
  background: radial-gradient(circle at center,
              rgba(26,23,55,0.95),
              rgba(7,7,18,0.95));
  border-radius: 999px;
  border: 1px solid rgba(83,72,132,0.85);
  pointer-events: none; /* native scroll only */
}
.svc-arrow-left {
  margin-right: 4px;
  margin-left: 0;
}

/* active service pill */
#svc-analytics:checked ~ .elv-os-card .elv-svc-tabs label[for="svc-analytics"],
#svc-eng:checked       ~ .elv-os-card .elv-svc-tabs label[for="svc-eng"],
#svc-ds:checked        ~ .elv-os-card .elv-svc-tabs label[for="svc-ds"],
#svc-vis:checked       ~ .elv-os-card .elv-svc-tabs label[for="svc-vis"],
#svc-web:checked       ~ .elv-os-card .elv-svc-tabs label[for="svc-web"],
#svc-mobile:checked    ~ .elv-os-card .elv-svc-tabs label[for="svc-mobile"],
#svc-uiux:checked      ~ .elv-os-card .elv-svc-tabs label[for="svc-uiux"],
#svc-video:checked     ~ .elv-os-card .elv-svc-tabs label[for="svc-video"],
#svc-3d:checked        ~ .elv-os-card .elv-svc-tabs label[for="svc-3d"] {
  background: linear-gradient(90deg, #8A3495, #5a2a8e);
  border-color: rgba(237,235,255,0.98);
  box-shadow: 0 12px 30px rgba(0,0,0,0.85);
  transform: translateY(-1px);
}

/* ============================
   SHELL: LEFT TABS + RIGHT
   ============================ */
.elv-os-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
  gap: 20px;
  align-items: stretch;
}

/* LEFT INNER TABS */
.elv-os-tabs {
  border-radius: 20px;
  border: 1px solid rgba(73, 73, 122, 0.9);
  background: radial-gradient(circle at top left,
             rgba(20,18,39,1),
             rgba(8,8,19,1));
  padding: 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.elv-inner-tab {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 9px;
  border-radius: 13px;
  cursor: pointer;
  border: 1px solid transparent;
  background: rgba(7,10,20,0.98);
  transition: background 0.18s ease, border-color 0.18s ease,
              transform 0.18s ease, box-shadow 0.18s ease;
}
.elv-inner-tab:hover {
  background: rgba(18,22,38,0.98);
  transform: translateY(-1px);
}
.inner-num {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(174,146,210,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #f9fafb;
  background: radial-gradient(circle at 30% 25%, #8A3495, #3f205e);
}
.inner-text strong {
  font-size: 13px;
  color: #f9fafb;
}
.inner-text small {
  display: block;
  font-size: 11px;
  color: rgba(189,181,219,0.9);
}

/* active inner tab */
#tab-overview:checked     ~ .elv-os-card .elv-os-tabs label[for="tab-overview"],
#tab-usecases:checked     ~ .elv-os-card .elv-os-tabs label[for="tab-usecases"],
#tab-deliverables:checked ~ .elv-os-card .elv-os-tabs label[for="tab-deliverables"],
#tab-stack:checked        ~ .elv-os-card .elv-os-tabs label[for="tab-stack"] {
  background: linear-gradient(145deg, #8A3495, #5a2a8e);
  border-color: rgba(234,231,255,0.95);
  box-shadow: 0 10px 24px rgba(0,0,0,0.85);
}

/* RIGHT CONTENT WRAP */
.elv-os-content {
  border-radius: 20px;
  border: 1px solid rgba(76,76,124,0.9);
  background: radial-gradient(circle at top left,
             rgba(14,17,30,1),
             rgba(8,9,18,1));
  padding: 14px 16px 18px;
  position: relative;
}

/* ============================
   SERVICE PANELS
   ============================ */
.svc-panel {
  display: none;
}

/* which service panel is visible */
#svc-analytics:checked ~ .elv-os-card .svc-panel-analytics { display: block; }
#svc-eng:checked       ~ .elv-os-card .svc-panel-eng       { display: block; }
#svc-ds:checked        ~ .elv-os-card .svc-panel-ds        { display: block; }
#svc-vis:checked       ~ .elv-os-card .svc-panel-vis       { display: block; }
#svc-web:checked       ~ .elv-os-card .svc-panel-web       { display: block; }
#svc-mobile:checked    ~ .elv-os-card .svc-panel-mobile    { display: block; }
#svc-uiux:checked      ~ .elv-os-card .svc-panel-uiux      { display: block; }
#svc-video:checked     ~ .elv-os-card .svc-panel-video     { display: block; }
#svc-3d:checked        ~ .elv-os-card .svc-panel-3d        { display: block; }

.svc-header {
  margin-bottom: 14px;
}
.svc-pill-label {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(151,126,204,0.9);
  background: rgba(10,10,25,0.95);
  color: rgba(235,233,255,0.98);
}
.svc-header h2 {
  margin: 10px 0 4px;
  font-size: 24px;
}
.svc-header p {
  margin: 0;
  font-size: 14px;
  color: rgba(216,219,245,0.96);
}

/* inner panes */
.svc-pane {
  display: none;
}
#tab-overview:checked     ~ .elv-os-card .svc-panel .svc-pane-overview     { display: block; }
#tab-usecases:checked     ~ .elv-os-card .svc-panel .svc-pane-usecases     { display: block; }
#tab-deliverables:checked ~ .elv-os-card .svc-panel .svc-pane-deliverables { display: block; }
#tab-stack:checked        ~ .elv-os-card .svc-panel .svc-pane-stack        { display: block; }

.pane-copy {
  font-size: 14px;
  color: rgba(220,222,246,0.97);
}
.pane-copy p {
  margin: 0 0 12px;
  line-height: 1.7;
}

/* ============================
   COMMON ELEMENTS
   ============================ */

/* soft pills under headings */
.pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.soft-pill {
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(157,130,201,0.95);
  background: radial-gradient(circle at top left,
              rgba(138,52,149,0.25),
              rgba(12,10,27,1));
  color: rgba(232,232,255,0.98);
}

/* meta chips */
.meta-row {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.meta-chip {
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(154,136,209,0.9);
  background: rgba(12,10,27,0.98);
}

/* timeline */
.timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 8px;
}
.timeline li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.tl-dot {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid rgba(174,146,210,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  background: radial-gradient(circle at 30% 25%, #8A3495, #3f205e);
}
.tl-body h4 {
  margin: 0 0 2px;
  font-size: 13px;
}
.tl-body p {
  margin: 0;
  font-size: 13px;
  color: rgba(214,216,240,0.96);
}

/* rails (two-column rows) */
.rail {
  display: grid;
  gap: 10px;
}
.rail-two-col {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.rail-row {
  border-radius: 14px;
  padding: 10px 10px;
  background: rgba(11,10,26,0.96);
  border: 1px solid rgba(96,87,150,0.9);
  display: flex;
  gap: 8px;
}
.rail-num {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(158,132,207,0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.rail-main h4 {
  margin: 0 0 2px;
  font-size: 13px;
}
.rail-main p {
  margin: 0;
  font-size: 13px;
}
.tag-row {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.tag-mini {
  font-size: 10px;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(145,129,205,0.95);
}

/* deliverables list */
.deliv-list {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}
.deliv-two-col {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.deliv-row {
  border-radius: 14px;
  padding: 10px 10px;
  background: rgba(11,10,26,0.96);
  border: 1px solid rgba(96,87,150,0.9);
  display: flex;
  gap: 8px;
}
.deliv-num {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(158,132,207,0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.deliv-main h4 {
  margin: 0 0 2px;
  font-size: 13px;
}
.deliv-main p {
  margin: 0;
  font-size: 13px;
}

/* notes */
.bullet-notes {
  margin: 10px 0 0;
  padding-left: 18px;
  font-size: 13px;
  color: rgba(219,221,244,0.97);
}

/* tech stack chips */
.stack-groups {
  display: grid;
  gap: 12px;
}
.stack-two-col {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.stack-group h4 {
  margin: 0 0 4px;
  font-size: 13px;
}
.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.chip {
  font-size: 11px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(157,130,201,0.95);
  background: rgba(13,11,32,0.98);
}

/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 991px) {
  .elv-services-os {
    padding: 70px 16px;
  }
  .elv-os-shell {
    grid-template-columns: minmax(0,1fr);
  }
  .elv-os-tabs {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .elv-inner-tab {
    flex: 1 0 calc(50% - 6px);
  }
}

@media (max-width: 599px) {
  .elv-os-card {
    padding: 14px 12px 16px;
  }
  .elv-inner-tab {
    flex: 1 0 100%;
  }
  .rail-two-col,
  .deliv-two-col,
  .stack-two-col {
    grid-template-columns: minmax(0,1fr);
  }
  .svc-header h2 {
    font-size: 21px;
  }
}




/* Prevent page from jumping when service / inner tabs are clicked */
.elv-services-os .elv-svc-input,
.elv-services-os .elv-tab-master {
  position: fixed !important;
  left: -9999px !important;
  top: auto !important;
}







/* ================================================
   TEXT SIZE & ALIGNMENT IMPROVEMENTS (+1px upgrade)
   ================================================ */

/* Main description text */
.pane-copy,
.pane-copy p {
  font-size: 15px !important;          /* +1px */
  line-height: 1.75 !important;
  color: rgba(220, 222, 246, 0.97);
}

/* Timeline description text */
.timeline .tl-body p {
  font-size: 14px !important;          /* was 13px */
  line-height: 1.65 !important;
}

/* Timeline titles */
.timeline .tl-body h4 {
  font-size: 14px !important;          /* +1px */
}

/* Rail card text */
.rail-main p {
  font-size: 14px !important;          /* was 13px */
  line-height: 1.65 !important;
}

/* Rail titles */
.rail-main h4 {
  font-size: 14px !important;
}

/* Deliverable card text */
.deliv-main p {
  font-size: 14px !important;          /* was 13px */
  line-height: 1.65 !important;
}

/* Deliverable titles */
.deliv-main h4 {
  font-size: 14px !important;
}

/* Bullet notes */
.bullet-notes {
  font-size: 14px !important;          /* was 13px */
  line-height: 1.65 !important;
}

/* Service header description */
.svc-header p {
  font-size: 15px !important;          /* +1px */
  line-height: 1.75 !important;
}

/* Ensure cleaner vertical spacing */
.pane-copy p,
.rail-main p,
.deliv-main p {
  margin-bottom: 14px !important;
}

/* Align all text left for consistency */
.pane-copy,
.timeline,
.rail-row,
.deliv-row {
  text-align: left !important;
}




/* Make top-bar arrows clickable (no visual changes) */
.elv-svc-scroll-shell .svc-arrow {
  pointer-events: auto;
  cursor: pointer;
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-a90f60b *//* ============================
   PROCESS SECTION
   ============================ */
.elv-process-section {
  padding: 80px 20px;
  background: #080a0f;
}

.elv-process-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.elv-proc-title {
  font-size: 32px;
  margin-bottom: 10px;
  background: linear-gradient(90deg, #d9b4ff, #8a34ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.elv-proc-sub {
  font-size: 15px;
  color: rgba(225,225,245,0.8);
  margin-bottom: 45px;
}

.elv-proc-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 25px;
}

.proc-step {
  background: radial-gradient(circle at top left, #141625, #0c0e17 70%);
  border: 1px solid rgba(120,110,170,0.35);
  border-radius: 18px;
  padding: 24px 18px;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.proc-step:hover {
  transform: translateY(-4px);
  border-color: rgba(178,110,255,0.8);
  box-shadow: 0 12px 35px rgba(0,0,0,0.45);
}

.proc-icon {
  font-size: 36px;
  margin-bottom: 10px;
}

.proc-step h4 {
  font-size: 18px;
  margin-bottom: 6px;
  color: #fff;
}

.proc-step p {
  font-size: 14px;
  color: rgba(220,220,245,0.8);
  line-height: 1.6;
}

/* ============================
   MOBILE RESPONSIVE
   ============================ */
@media (max-width: 991px) {
  .elv-proc-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 600px) {
  .elv-process-section {
    padding: 60px 16px;
  }

  .elv-proc-title {
    font-size: 26px;
  }

  .elv-proc-grid {
    grid-template-columns: repeat(1, minmax(0,1fr));
  }

  .proc-step {
    padding: 22px 16px;
  }
}



/* Make arrow buttons clickable without changing design */
.elv-svc-scroll-shell .svc-arrow {
  pointer-events: auto !important;
  cursor: pointer;
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-2c648cd *//* =========================
   FINAL CTA – CENTERED VERSION
   ========================= */

.elv-services-cta {
  background: #0C1014 !important;   /* UPDATED */
  padding: 80px 20px;
  color: #f5f5ff;
}

/* Keep consistent page width */
.elv-services-cta-shell {
  max-width: 1200px;
  margin: 0 auto;
}

/* Single centered card */
.elv-services-cta-inner {
  border-radius: 24px;
  padding: 40px 32px;
  background: radial-gradient(circle at top left, #4b1f7d, #17182a 55%, #0b0d18 100%);
  border: 1px solid rgba(179, 153, 255, 0.35);
  text-align: center;

  max-width: 1200px;
  margin: 0 auto;
}

/* Center pill */
.elv-cta-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 14px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  border: 1px solid rgba(222, 203, 255, 0.6);
  color: rgba(244, 239, 255, 0.96);
  background: rgba(8, 9, 20, 0.4);
  margin-bottom: 14px;
}

.elv-services-cta h2 {
  margin: 10px 0;
  font-size: 30px;
}

.elv-services-cta p {
  margin: 0 auto 22px;
  max-width: 540px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(222, 228, 246, 0.96);
}

/* Buttons */
.elv-services-cta-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.elv-btn-primary,
.elv-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.elv-btn-primary {
  background: linear-gradient(90deg, #8a3495, #8016e9);
  color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 10px 25px rgba(0,0,0,.6);
}

.elv-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 35px rgba(0,0,0,.9);
}

.elv-btn-ghost {
  background: transparent;
  border: 1px solid rgba(222,203,255,.65);
  color: rgba(240,240,255,.96);
}

.elv-btn-ghost:hover {
  background: rgba(18,20,36,.9);
}

/* Mobile */
@media (max-width: 600px) {
  .elv-services-cta {
    padding: 60px 16px;
  }

  .elv-services-cta h2 {
    font-size: 24px;
  }

  .elv-services-cta-actions {
    flex-direction: column;
  }

  .elv-btn-primary,
  .elv-btn-ghost {
    width: 100%;
    justify-content: center;
  }
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-de21783 *//* ===============================
   SERVICES – FINAL CTA SECTION
   =============================== */

.elv-services-cta {
  background: #06080c;             /* same dark base as other sections */
  padding: 70px 20px 80px;
}

.elv-services-cta-inner {
  max-width: 1600px;
  margin: 0 auto;
  border-radius: 26px;
  padding: 32px 30px 34px;
  background: radial-gradient(circle at 0% 0%,
              rgba(138, 52, 149, 0.45),
              #0b1018 40%,
              #05070d 100%);
  border: 1px solid rgba(92, 75, 140, 0.9);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.85);
  box-sizing: border-box;
}

.elv-services-cta-copy {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.elv-services-cta-copy .elv-pill-soft {
  margin-bottom: 12px;
}

.elv-services-cta-copy h2 {
  margin: 0 0 10px;
  font-size: 30px;
  letter-spacing: 0.02em;
  color: #f9fafb;
}

.elv-services-cta-copy p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(208, 215, 236, 0.98);
}

.elv-services-cta-points {
  margin: 0 auto 18px;
  padding-left: 18px;
  max-width: 620px;
  text-align: left;
  font-size: 13px;
  line-height: 1.7;
  color: rgba(214, 221, 244, 0.98);
}

.elv-services-cta-points li {
  margin-bottom: 4px;
}

/* Buttons */

.elv-services-cta-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.elv-btn-primary,
.elv-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    border-color 0.18s ease;
}

/* Gradient main button – use Eliverse purple tones */
.elv-btn-primary {
  background: linear-gradient(90deg, #8A3495, #8016E9);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(240, 231, 255, 0.85);
}

.elv-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.95);
}

/* Soft ghost button */
.elv-btn-ghost {
  border: 1px solid rgba(151, 132, 205, 0.85);
  background: rgba(8, 11, 20, 0.9);
  color: rgba(228, 233, 255, 0.96);
}

.elv-btn-ghost:hover {
  background: rgba(18, 23, 35, 0.98);
  transform: translateY(-1px);
}

/* Re-use “soft pill” style from previous section if not already present */
.elv-pill-soft {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(160, 122, 189, 0.65);
  background: rgba(12, 8, 24, 0.9);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(244, 238, 255, 0.96);
}

/* Responsive */

@media (max-width: 767px) {
  .elv-services-cta {
    padding: 60px 16px 70px;
  }

  .elv-services-cta-inner {
    padding: 26px 18px 28px;
  }

  .elv-services-cta-copy h2 {
    font-size: 24px;
  }

  .elv-services-cta-points {
    font-size: 12px;
  }

  .elv-btn-primary,
  .elv-btn-ghost {
    width: 100%;
    max-width: 260px;
  }
}/* End custom CSS */


/* Start custom CSS *//* Make sure Elementor wrappers around this section do NOT kill sticky */
.elv-analytics-wrap,
.elv-analytics-wrap > .elementor-container,
.elv-analytics-wrap .elementor-column,
.elv-analytics-wrap .elementor-widget-wrap,
.elv-analytics-wrap .elementor-widget-container {
  overflow: visible !important;
}/* End custom CSS */
