.elementor-751 .elementor-element.elementor-element-af132f5{--display:flex;}.elementor-751 .elementor-element.elementor-element-af132f5:not(.elementor-motion-effects-element-type-background), .elementor-751 .elementor-element.elementor-element-af132f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-751 .elementor-element.elementor-element-5f7652d{width:var( --container-widget-width, 101.048% );max-width:101.048%;--container-widget-width:101.048%;--container-widget-flex-grow:0;}.elementor-751 .elementor-element.elementor-element-5f7652d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-751 .elementor-element.elementor-element-2d7ba92{--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-751 .elementor-element.elementor-element-2d7ba92:not(.elementor-motion-effects-element-type-background), .elementor-751 .elementor-element.elementor-element-2d7ba92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-751 .elementor-element.elementor-element-12395b8{width:100%;max-width:100%;}.elementor-751 .elementor-element.elementor-element-7ac98aa{--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-751 .elementor-element.elementor-element-7ac98aa:not(.elementor-motion-effects-element-type-background), .elementor-751 .elementor-element.elementor-element-7ac98aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-751 .elementor-element.elementor-element-5071302{width:100%;max-width:100%;}.elementor-751 .elementor-element.elementor-element-1a56188{--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-751 .elementor-element.elementor-element-1a56188:not(.elementor-motion-effects-element-type-background), .elementor-751 .elementor-element.elementor-element-1a56188 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-751 .elementor-element.elementor-element-4ba8466{--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-751 .elementor-element.elementor-element-4ba8466:not(.elementor-motion-effects-element-type-background), .elementor-751 .elementor-element.elementor-element-4ba8466 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5f7652d */* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.analytics-section {
  width: 100%;
  min-height: 620px;
  padding: 70px 5%;
  background:
    radial-gradient(circle at 80% 20%, rgba(138, 43, 226, 0.22), transparent 32%),
    radial-gradient(circle at 20% 80%, rgba(37, 99, 235, 0.15), transparent 35%),
    #03050b;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 70px;
  align-items: center;
  font-family: "Inter", "Poppins", sans-serif;
  overflow: hidden;
}

.section-tag {
  color: #8b5cf6;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 25px;
}

.analytics-left h1 {
  font-size: clamp(42px, 5vw, 72px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -2px;
  margin-bottom: 25px;
}

.analytics-left h1 span {
  background: linear-gradient(90deg, #a855f7, #3b82f6);
  -webkit-background-clip: text;
  color: transparent;
}

.analytics-left p {
  max-width: 520px;
  color: #e5e7eb;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 35px;
}

.analytics-left ul {
  list-style: none;
  margin-bottom: 35px;
}

.analytics-left li {
  margin-bottom: 18px;
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 14px;
}

.analytics-left li::before {
  content: "✓";
  width: 22px;
  height: 22px;
  border: 2px solid #a855f7;
  color: #a855f7;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 13px;
}

.audit-btn {
  width: fit-content;
  padding: 17px 30px;
  border: 2px solid #a855f7;
  border-right-color: #3b82f6;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 25px;
  transition: 0.3s ease;
  box-shadow: 0 0 25px rgba(99, 102, 241, 0.25);
}

.audit-btn span {
  font-size: 28px;
}

.audit-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 40px rgba(168, 85, 247, 0.45);
}

.analytics-dashboard {
  background: rgba(8, 13, 28, 0.88);
  border: 1px solid rgba(96, 165, 250, 0.5);
  border-right-color: rgba(168, 85, 247, 0.75);
  border-radius: 22px;
  padding: 22px;
  box-shadow:
    0 0 45px rgba(59, 130, 246, 0.25),
    inset 0 0 40px rgba(255, 255, 255, 0.02);
}

.dashboard-header,
.stats-grid,
.middle-grid,
.bottom-grid {
  display: grid;
  gap: 12px;
}

.dashboard-header {
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-bottom: 16px;
}

.dashboard-header h3 {
  font-size: 16px;
}

.date-box {
  background: rgba(255,255,255,0.06);
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 12px;
  color: #ddd;
}

.stats-grid {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 12px;
}

.stat-card,
.chart-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
}

.stat-card {
  padding: 14px;
  min-height: 86px;
}

.stat-card small {
  color: #d1d5db;
  font-size: 11px;
}

.stat-card h4 {
  font-size: 22px;
  margin: 6px 0;
}

.stat-card span,
.conversion-card span {
  color: #22c55e;
  font-size: 12px;
}

.middle-grid {
  grid-template-columns: 1.5fr 1fr;
  margin-bottom: 12px;
}

.chart-card {
  padding: 16px;
}

.chart-card h4 {
  font-size: 13px;
  margin-bottom: 12px;
}

.legend {
  font-size: 10px;
  color: #ddd;
  display: flex;
  gap: 15px;
  align-items: center;
}

.legend span {
  width: 10px;
  height: 3px;
  display: inline-block;
  border-radius: 10px;
}

.purple {
  background: #a855f7;
}

.blue {
  background: #3b82f6;
}

.traffic-chart svg {
  width: 100%;
  height: 135px;
  margin-top: 5px;
}

.chart-dates {
  display: flex;
  justify-content: space-between;
  color: #cbd5e1;
  font-size: 10px;
}

.donut-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
}

.donut {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background: conic-gradient(
    #3b82f6 0 46%,
    #6366f1 46% 70%,
    #8b5cf6 70% 88%,
    #a855f7 88% 95%,
    #6d28d9 95% 100%
  );
  position: relative;
}

.donut::before {
  content: "38,215\A Sessions";
  white-space: pre;
  position: absolute;
  inset: 24px;
  background: #0a1020;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.source-list {
  flex: 1;
}

.source-list p {
  font-size: 11px;
  color: #e5e7eb;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.source-list span {
  width: 8px;
  height: 8px;
  background: #6366f1;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.bottom-grid {
  grid-template-columns: 1.6fr 0.85fr;
}

.table-card table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.table-card th {
  color: #cbd5e1;
  text-align: left;
  font-weight: 500;
  padding-bottom: 12px;
}

.table-card td {
  padding: 8px 0;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.conversion-card h2 {
  font-size: 27px;
  margin-bottom: 18px;
}

.conversion-card h2 span {
  font-size: 12px;
  margin-left: 18px;
}

.bars {
  height: 120px;
  display: flex;
  align-items: end;
  gap: 7px;
}

.bars i {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #a855f7, #4c1d95);
}

.bars i:nth-child(1) { height: 45%; }
.bars i:nth-child(2) { height: 35%; }
.bars i:nth-child(3) { height: 52%; }
.bars i:nth-child(4) { height: 42%; }
.bars i:nth-child(5) { height: 60%; }
.bars i:nth-child(6) { height: 48%; }
.bars i:nth-child(7) { height: 70%; }
.bars i:nth-child(8) { height: 55%; }
.bars i:nth-child(9) { height: 82%; }
.bars i:nth-child(10) { height: 65%; }
.bars i:nth-child(11) { height: 72%; }
.bars i:nth-child(12) { height: 92%; }

@media (max-width: 991px) {
  .analytics-section {
    grid-template-columns: 1fr;
    padding: 55px 22px;
    gap: 45px;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .middle-grid,
  .bottom-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .analytics-left h1 {
    font-size: 42px;
  }

  .analytics-left p {
    font-size: 15px;
  }

  .stats-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-header {
    grid-template-columns: 1fr;
  }

  .donut-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .analytics-dashboard {
    padding: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12395b8 */.analytics-importance {
  width: 100%;
  padding: 90px 5%;
  background:
    radial-gradient(circle at top left, rgba(168,85,247,0.08), transparent 30%),
    radial-gradient(circle at bottom right, rgba(59,130,246,0.08), transparent 30%),
    #03050b;

  font-family: "Inter", sans-serif;
  overflow: hidden;
}

.analytics-importance h2 {
  text-align: center;
  color: #fff;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800;
  margin-bottom: 55px;
  letter-spacing: -1px;
}

.analytics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.analytics-card {
  position: relative;

  padding: 38px 28px;

  background: linear-gradient(
    180deg,
    rgba(10,15,30,0.95),
    rgba(4,8,20,0.98)
  );

  border-radius: 24px;

  border: 1px solid rgba(255,255,255,0.08);

  overflow: hidden;

  transition: all 0.4s ease;

  z-index: 1;
}

/* NEON BORDER */
.analytics-card::before {
  content: "";

  position: absolute;
  inset: 0;

  border-radius: inherit;

  padding: 1.2px;

  background: linear-gradient(
    135deg,
    rgba(168,85,247,1),
    rgba(59,130,246,1),
    rgba(168,85,247,1)
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite: xor;
  mask-composite: exclude;

  opacity: 0.7;

  z-index: -1;
}

/* OUTER NEON GLOW */
.analytics-card::after {
  content: "";

  position: absolute;

  inset: -2px;

  border-radius: inherit;

  background: linear-gradient(
    135deg,
    rgba(168,85,247,0.4),
    rgba(59,130,246,0.35)
  );

  filter: blur(25px);

  opacity: 0;

  transition: 0.4s ease;

  z-index: -2;
}

.analytics-card:hover {
  transform: translateY(-8px);
  border-color: rgba(168,85,247,0.35);
}

.analytics-card:hover::after {
  opacity: 1;
}

.icon {
  width: 64px;
  height: 64px;

  border-radius: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 28px;

  position: relative;
}

.icon svg {
  width: 32px;
  height: 32px;
}

.icon.purple {
  color: #a855f7;

  background: rgba(168,85,247,0.08);

  box-shadow:
    0 0 25px rgba(168,85,247,0.28),
    inset 0 0 18px rgba(168,85,247,0.15);
}

.icon.blue {
  color: #3b82f6;

  background: rgba(59,130,246,0.08);

  box-shadow:
    0 0 25px rgba(59,130,246,0.28),
    inset 0 0 18px rgba(59,130,246,0.15);
}

.analytics-card h3 {
  color: #fff;

  font-size: 25px;

  font-weight: 700;

  margin-bottom: 18px;

  line-height: 1.3;
}

.analytics-card p {
  color: #cbd5e1;

  font-size: 16px;

  line-height: 1.8;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .analytics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {

  .analytics-importance {
    padding: 70px 20px;
  }

  .analytics-grid {
    grid-template-columns: 1fr;
  }

  .analytics-card {
    padding: 32px 24px;
  }

  .analytics-card h3 {
    font-size: 22px;
  }

  .analytics-card p {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5071302 */.tools-section {
  width: 100%;
  padding: 70px 5% 80px;
  background:
    radial-gradient(circle at top center, rgba(59,130,246,0.08), transparent 35%),
    #03050b;
  font-family: "Inter", "Poppins", sans-serif;
}

.tools-section h2 {
  text-align: center;
  color: #ffffff;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 800;
  margin-bottom: 36px;
  letter-spacing: -0.8px;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.tool-card {
  min-height: 96px;
  padding: 22px 24px;
  border-radius: 14px;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.72),
    rgba(3, 7, 18, 0.92)
  );
  border: 1px solid rgba(148, 163, 184, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  position: relative;
  overflow: hidden;
  transition: 0.35s ease;
}

.tool-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.2px;
  background: linear-gradient(
    135deg,
    rgba(168, 85, 247, 0.85),
    rgba(59, 130, 246, 0.85),
    rgba(168, 85, 247, 0.85)
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: 0.35s ease;
}

.tool-card::after {
  content: "";
  position: absolute;
  inset: -20px;
  background: radial-gradient(
    circle,
    rgba(96, 165, 250, 0.25),
    transparent 55%
  );
  opacity: 0;
  filter: blur(18px);
  transition: 0.35s ease;
  z-index: 0;
}

.tool-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 0 25px rgba(59, 130, 246, 0.25),
    0 0 35px rgba(168, 85, 247, 0.18);
}

.tool-card:hover::before,
.tool-card:hover::after {
  opacity: 1;
}

.tool-card img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.tool-card span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.18;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .tools-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 640px) {
  .tools-section {
    padding: 55px 20px;
  }

  .tools-grid {
    grid-template-columns: 1fr;
  }

  .tool-card {
    min-height: 88px;
    justify-content: flex-start;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ca941b */.reporting-process {
  width: 100%;
  padding: 90px 5%;
  background:
    radial-gradient(circle at top center, rgba(168,85,247,0.08), transparent 30%),
    radial-gradient(circle at bottom right, rgba(59,130,246,0.08), transparent 35%),
    #03050b;

  font-family: "Inter", sans-serif;

  overflow: hidden;
}

.reporting-process h2 {
  text-align: center;

  color: #ffffff;

  font-size: clamp(30px, 4vw, 50px);

  font-weight: 800;

  margin-bottom: 75px;

  letter-spacing: -1px;
}

.process-wrapper {
  position: relative;

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 25px;

  align-items: start;
}

/* CENTER CONNECTING LINE */
.process-line {
  position: absolute;

  top: 42px;

  left: 8%;

  width: 84%;

  height: 2px;

  background: linear-gradient(
    90deg,
    rgba(168,85,247,0.15),
    rgba(168,85,247,0.8),
    rgba(59,130,246,0.8),
    rgba(168,85,247,0.15)
  );

  z-index: 0;
}

.process-line::before {
  content: "";

  position: absolute;

  inset: 0;

  background: inherit;

  filter: blur(8px);

  opacity: 0.8;
}

.process-step {
  position: relative;

  z-index: 2;

  text-align: center;
}

.process-icon {
  width: 86px;
  height: 86px;

  margin: 0 auto 26px;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;

  background: rgba(10, 15, 30, 0.95);

  border: 1.5px solid rgba(168,85,247,0.65);

  transition: all 0.4s ease;

  overflow: hidden;
}

/* INNER GLOW */
.process-icon::before {
  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  background:
    radial-gradient(circle, rgba(168,85,247,0.18), transparent 70%);

  z-index: 0;
}

/* OUTER GLOW */
.process-icon::after {
  content: "";

  position: absolute;

  inset: -8px;

  border-radius: inherit;

  background:
    radial-gradient(circle,
      rgba(168,85,247,0.4),
      transparent 65%);

  filter: blur(20px);

  opacity: 0;

  transition: 0.4s ease;

  z-index: -1;
}

.process-step:hover .process-icon {
  transform: translateY(-8px);

  border-color: #a855f7;

  box-shadow:
    0 0 20px rgba(168,85,247,0.35),
    0 0 45px rgba(168,85,247,0.2);
}

.process-step:hover .process-icon::after {
  opacity: 1;
}

.process-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;

  position: relative;
  z-index: 2;

  filter:
    drop-shadow(0 0 10px rgba(168,85,247,0.45));
}

.process-step h3 {
  color: #ffffff;

  font-size: 25px;

  font-weight: 700;

  margin-bottom: 14px;

  line-height: 1.4;
}

.process-step p {
  color: #cbd5e1;

  font-size: 16px;

  line-height: 1.8;

  max-width: 240px;

  margin: auto;
}

/* RESPONSIVE */
@media (max-width: 1150px) {

  .process-wrapper {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 55px;
  }

  .process-line {
    display: none;
  }
}

@media (max-width: 640px) {

  .reporting-process {
    padding: 70px 20px;
  }

  .process-wrapper {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .process-step h3 {
    font-size: 22px;
  }

  .process-step p {
    font-size: 15px;
  }

  .process-icon {
    width: 78px;
    height: 78px;
  }

  .process-icon img {
    width: 34px;
    height: 34px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-603c095 */.data-cta {
  width: 100%;
  padding: 42px 5%;

  background:
    radial-gradient(circle at 12% 50%, rgba(168, 85, 247, 0.18), transparent 22%),
    radial-gradient(circle at 88% 50%, rgba(59, 130, 246, 0.12), transparent 25%),
    linear-gradient(180deg, rgba(10, 15, 30, 0.95), rgba(3, 7, 18, 0.98));

  border: 1px solid rgba(148, 163, 184, 0.22);

  border-radius: 22px;

  display: grid;
  grid-template-columns: auto 1fr auto;

  align-items: center;

  gap: 38px;

  font-family: "Inter", "Poppins", sans-serif;

  position: relative;

  overflow: hidden;
}

/* NEON BORDER */
.data-cta::before {
  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1.2px;

  background: linear-gradient(
    135deg,
    rgba(168, 85, 247, 0.7),
    rgba(59, 130, 246, 0.55),
    rgba(168, 85, 247, 0.7)
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite: xor;
  mask-composite: exclude;

  opacity: 0.8;

  pointer-events: none;
}

/* OUTER GLOW */
.data-cta::after {
  content: "";

  position: absolute;

  inset: -10px;

  border-radius: inherit;

  background: linear-gradient(
    135deg,
    rgba(168,85,247,0.18),
    rgba(59,130,246,0.14)
  );

  filter: blur(28px);

  opacity: 0.9;

  z-index: -1;
}

.data-cta-icon {
  width: 92px;
  height: 92px;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(168, 85, 247, 0.08);

  border: 1px solid rgba(168,85,247,0.35);

  box-shadow:
    0 0 28px rgba(168, 85, 247, 0.45),
    inset 0 0 22px rgba(168, 85, 247, 0.18);

  position: relative;
}

.data-cta-icon::before {
  content: "";

  position: absolute;

  inset: -8px;

  border-radius: inherit;

  background: radial-gradient(
    circle,
    rgba(168,85,247,0.35),
    transparent 70%
  );

  filter: blur(15px);

  z-index: -1;
}

.data-cta-icon img {
  width: 58px;
  height: 58px;

  object-fit: contain;

  filter:
    drop-shadow(0 0 10px rgba(168,85,247,0.7));
}

.data-cta-content h2 {
  color: #ffffff;

  font-size: clamp(26px, 3vw, 42px);

  font-weight: 800;

  letter-spacing: -1px;

  margin-bottom: 12px;
}

.data-cta-content p {
  color: #cbd5e1;

  font-size: 17px;

  line-height: 1.75;
}

.data-cta-btn {
  min-width: 290px;

  height: 72px;

  padding: 0 34px;

  border-radius: 12px;

  border: 1px solid rgba(96,165,250,0.65);

  background: linear-gradient(
    135deg,
    #7c3aed,
    #9333ea,
    #3b82f6
  );

  color: #ffffff;

  text-decoration: none;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 22px;

  font-size: 16px;
  font-weight: 800;

  box-shadow:
    0 0 25px rgba(59,130,246,0.45),
    0 0 35px rgba(168,85,247,0.35);

  transition: all 0.35s ease;

  position: relative;

  overflow: hidden;
}

.data-cta-btn::before {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.18),
    transparent
  );

  transform: translateX(-100%);

  transition: 0.6s ease;
}

.data-cta-btn:hover::before {
  transform: translateX(100%);
}

.data-cta-btn:hover {
  transform: translateY(-5px);

  box-shadow:
    0 0 35px rgba(59,130,246,0.65),
    0 0 50px rgba(168,85,247,0.5);
}

.data-cta-btn span {
  font-size: 28px;
  line-height: 1;
}

/* MOBILE */
@media (max-width: 850px) {

  .data-cta {
    grid-template-columns: 1fr;

    text-align: center;

    justify-items: center;

    padding: 42px 24px;
  }

  .data-cta-btn {
    width: 100%;
    min-width: 100%;
  }

  .data-cta-content p br {
    display: none;
  }
}/* End custom CSS */