/* EXORIX HOME FEATURED PLAN V259 */
/* Color properties only. No geometry or behavior. */

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan.vd2-featured-plan--carousel {
  background:
    linear-gradient(155deg,
      #222D33 0%,
      #192126 55%,
      #10171A 100%) !important;
  border-color:rgba(145,245,22,.22) !important;
  color:#E8EDF0 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.29),
    inset 0 1px 0 rgba(232,237,240,.035)
    !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel::before {
  background:
    linear-gradient(135deg,
      rgba(145,245,22,.045),
      transparent 48%) !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-glow {
  background:
    radial-gradient(circle,
      rgba(145,245,22,.075),
      transparent 70%) !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel
:is(.vd2-ai-badge,.vd2-plan-duration) {
  background:#253038 !important;
  border-color:rgba(145,245,22,.20) !important;
  color:#E8EDF0 !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel
:is(.vd2-ai-badge,.vd2-plan-duration) svg {
  color:#91F516 !important;
  stroke:#91F516 !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-hourly {
  background:rgba(145,245,22,.045) !important;
  border-color:rgba(145,245,22,.20) !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-hourly small,
html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-title small,
html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-bottom small {
  color:#A8B5BC !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-hourly strong,
html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-title h2,
html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-bottom strong {
  color:#F2F5F6 !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-title p {
  color:#C3D0D4 !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-chart {
  background-color:#131D22 !important;
  border-color:rgba(145,245,22,.15) !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-bottom > button {
  background:
    linear-gradient(145deg,#28363C,#1B272D) !important;
  border-color:rgba(145,245,22,.30) !important;
  color:#E8EDF0 !important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.20) !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard
.vd2-featured-plan--carousel .vd2-plan-bottom > button svg {
  color:#91F516 !important;
  stroke:#91F516 !important;
}

html body:not(.admin-route):not(.admin-route)
#root .vd2-dashboard .vd2-plan-carousel-dots button.active {
  background:#91F516 !important;
}

/* END EXORIX HOME FEATURED V259 */