.the-result{background-color:;}
/* ---------- Heading ---------- */
.the-result .heading-card {
  width: 90%;
  margin: 0 auto;
}

.the-result .heading-card p {
  line-height: inherit;
  margin: 0;
}

/* ---------- Main two-column layout ---------- */
.the-result .result-grid {
  display: flex;
  align-items: stretch;
  gap: 30px;
}

/* LEFT: stat block (static width) */
.the-result .result-grid .left-side {
  width: 330px;
  height: 100%;
  padding-left: 20px;
  border-left: 1px solid #e0e0e0;
}

.the-result .result-grid .right-side {
  width: calc(100% - 360px);
  margin-left: 30px;
  display: flex;
  flex-wrap: wrap;
}

.the-result .result-stat {
  width: 100%;
}

.the-result .result-stat h3 {
  line-height: 1;
  margin: 0 0 6px;
  background: linear-gradient(90deg, #874eca, #565dcf 50%, #4751ba);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 60px; 
  margin-bottom:0px;
}

.the-result .result-stat .stat-label {
  display: block;
  font-weight: 400;
  color: #151039;
  font-size: 32px;
  margin-bottom:0px;
}


/* ---------- Feature cards ---------- */
.the-result .result-card {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  transition: box-shadow .25s ease, transform .25s ease;
  width: calc(33.33% - 30px);
  margin: 0 15px;
}

.the-result .result-card {
  box-shadow: 0 10px 25px rgba(86, 93, 207, 0.12);
  transform: translateY(-3px);
}

.the-result .result-card h5 {
  margin: 0 0 10px;
  background: linear-gradient(90deg, #874eca, #565dcf 50%, #4751ba);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.the-result .result-card:before {
  background: linear-gradient(135deg, #3158c8, #147ff0 45%, #d638d8);
    border-radius: 28px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
    pointer-events: none;
    position: absolute;}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .the-result .result-grid .left-side{max-width:100%; width:100%; margin:0 auto;  text-align: center;}
  .the-result .result-card {
    padding: 20px;
    width: calc(50% - 30px);
    margin-bottom:20px;
    border-left:0px solid #e0e0e0;
  }
  .the-result .result-grid .right-side{margin:0 0 20px 0}
  .the-result .result-grid {
    align-items: stretch;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
  }
  .the-result .result-grid .right-side {
    width: 100%;
  }
  @media (max-width: 767px) {
    .the-result .result-card {
      padding: 20px;
      width: 100%;
    }
  }