/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 19 2026 | 13:34:47 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.smrt-stat-card {
  position: relative;
  border-radius: 14px;
  background: #0b0f1c; /* keep your card bg */
  overflow: hidden;
}

.smrt-stat-card::after {
  content: "";
  position: absolute;
  left: 12%;
  bottom: 0;
  width: 76%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #8A3BFF,
    #C044FF,
    #8A3BFF,
    transparent
  );
  border-radius: 10px;
}



.smrt-corner-border {
  position: relative;
  border-radius: 18px;
}

.smrt-corner-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 1.5px; /* border thickness */
  background: conic-gradient(
    from 225deg at 0% 0%,
    rgba(255, 77, 77, 0.95),
    rgba(255, 77, 77, 0.6),
    rgba(255, 77, 77, 0.25),
    transparent 80deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}



/* =====================================
   HARD WIDTH CONTROL + SAFE SCROLL FIX
   ===================================== */

/* Prevent page-level overflow */
html, body {
  overflow-x: hidden;
}

/* Scroll wrapper */
.smrt-scroll-wrap {
  max-width: 100%;
  overflow-x: hidden; /* desktop */
}

/* Mobile & Tablet only */
@media (max-width: 850px) {
  .smrt-scroll-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Force exact total width */
  .smrt-scroll-wrap > .e-con {
    display: flex;
    width: 300px !important; /* 250 + 300 + 300 */
    min-width: 300px !important;
    max-width: none;
  }

  /* Column 1 */
  .smrt-col-topic {
    flex: 0 0 250px !important;
    max-width: 250px;
  }

  /* Column 2 */
  .smrt-col-smrt {
    flex: 0 0 300px !important;
    max-width: 300px;
  }

  /* Column 3 */
  .smrt-col-typical {
    flex: 0 0 300px !important;
    max-width: 300px;
  }
}