.elementor-30678 .elementor-element.elementor-element-f9a57aa{--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-30678 .elementor-element.elementor-element-f5e9b6b.elementor-element{--align-self:center;}.elementor-30678 .elementor-element.elementor-element-f5e9b6b .elementor-heading-title{font-size:35px;font-weight:600;color:#777FFF;}/* Start custom CSS for heading, class: .elementor-element-f5e9b6b *//* Kill ANY underline coming from theme/link styles */
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title,
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title a,
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title:hover,
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title a:hover,
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title:focus,
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title a:focus {
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title::after,
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title a::after {
  content: none !important;
  display: none !important;
}

/* Gradient title + soft shine (no underline) */
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title {
  display: inline-block;
  font-weight: 700;
  font-size: 42px;
  line-height: 1.2;
  background: linear-gradient(90deg, #777FFF, #9AA0FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  transition: background-position 1.2s ease;
  text-shadow: 0 2px 4px rgba(119,127,255,0.15);
}

/* Hover flash only on text */
.elementor-30678 .elementor-element.elementor-element-f5e9b6b.pw-title:hover {
  background-image: linear-gradient(90deg, #777FFF 0%, #C5C7FF 50%, #777FFF 100%);
  background-size: 200% auto;
  animation: pwTitleShine 1.5s ease-out 1;
  text-shadow: 0 3px 6px rgba(119,127,255,0.25);
}

/* Smooth gradient motion */
@keyframes pwTitleShine {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f48f78 *//* ===========================
   SEO Box Container
=========================== */
.pw-seo {
  margin-top: 30px;
  padding: 24px 28px;
  border-radius: 22px;
  background: radial-gradient(circle at top left, rgba(15,23,42,.95), rgba(2,6,23,.96));
  border: 1px solid rgba(119,127,255,.35);
  backdrop-filter: blur(18px) saturate(200%);
  color: #e5e7eb;
  font-size: 15px;
  line-height: 1.7;
}

/* ===========================
   SEO Main Titles
=========================== */
.pw-seo-title {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #a5b4fc;
  font-weight: 600;
  position: relative;
  display: inline-block;
  cursor: pointer;
}


/* ===========================
   Underline Hover (Seo + Panels)
=========================== */
.pw-panel-title,
.pw-seo-title {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* default hidden line */
.pw-panel-title::after,
.pw-seo-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #777fff, #a855ff, #ec4899);
  border-radius: 999px;
  transition: width .35s ease, box-shadow .35s ease;
}

/* hover full underline */
.pw-panel-title:hover::after,
.pw-seo-title:hover::after {
  width: 100%;
  box-shadow: 0 0 10px rgba(119,127,255,.9);
}
/* ============================================
   FINAL FIX — Remove default bullets (white dots)
   and center our neon bullet
============================================ */

/* Remove browser default bullets */
.pw-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Adjust li layout */
.pw-list li {
  position: relative;
  padding-left: 16px; /* space for new bullet */
  margin: 8px 0;
  cursor: pointer;
  transition: color .25s ease, transform .25s ease;
  line-height: 1.6; /* ensures vertical alignment */
}

/* Our custom bullet (default state) */
.pw-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;               /* vertical center */
  transform: translateY(-50%); /* exact center */
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(119,127,255,0.45); /* soft bluish bullet */
  transition: transform .3s ease, background .3s ease, opacity .3s ease;
}

/* Hover effect */
.pw-list li:hover {
  color: #ffffff;
  transform: translateX(4px);
}

.pw-list li:hover::before {
  background: #a855ff;      /* bright neon purple/pink */
  transform: translateY(-50%) scale(1.5);
  opacity: 1;
}
/* ============================================
   FINAL ABSOLUTE FIX for "Features" title
   Applies underline hover to ANY h3 inside SEO
============================================ */

/* Make all SEO section h3 fully stylable */
.pw-seo h3 {
  position: relative !important;
  display: inline-block !important;
  cursor: pointer !important;
  color: #a5b4fc !important;
  font-weight: 600 !important;
  margin: 20px 0 12px !important;
}

/* Create invisible underline */
.pw-seo h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -4px !important;
  width: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #777fff, #a855ff, #ec4899) !important;
  border-radius: 999px !important;
  transition: width .35s ease, box-shadow .35s ease !important;
}

/* Hover underline to full width */
.pw-seo h3:hover::after {
  width: 100% !important;
  box-shadow: 0 0 10px rgba(119,127,255,.9) !important;
}/* End custom CSS */