.elementor-166764 .elementor-element.elementor-element-0850eec{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-166764 .elementor-element.elementor-element-236bb02{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-166764 .elementor-element.elementor-element-785dc56 > .elementor-widget-container{margin:-60px -60px -60px -60px;padding:0% 0% 0% 0%;}.elementor-166764 .elementor-element.elementor-element-5cf3009{text-align:center;}.elementor-166764 .elementor-element.elementor-element-19ba716{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-166764 .elementor-element.elementor-element-d5d02eb > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-64085ac );border-radius:16px 16px 16px 16px;box-shadow:1px 1px 7px 3px #9D00FF inset;}.elementor-166764 .elementor-element.elementor-element-d5d02eb:hover .elementor-widget-container{box-shadow:1px 1px 7px 3px #FC2DDF inset;}.elementor-166764 .elementor-element.elementor-element-d5d02eb img{width:100px;}.elementor-166764 .elementor-element.elementor-element-cd63bee > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-64085ac );border-radius:16px 16px 16px 16px;box-shadow:1px 1px 7px 3px #9D00FF inset;}.elementor-166764 .elementor-element.elementor-element-cd63bee:hover .elementor-widget-container{box-shadow:1px 1px 7px 3px #FC2DDF inset;}.elementor-166764 .elementor-element.elementor-element-cd63bee img{width:100px;}.elementor-166764 .elementor-element.elementor-element-d4becae > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-64085ac );border-radius:16px 16px 16px 16px;box-shadow:1px 1px 7px 3px #9D00FF inset;}.elementor-166764 .elementor-element.elementor-element-d4becae:hover .elementor-widget-container{box-shadow:1px 1px 7px 3px #FC2DDF inset;}.elementor-166764 .elementor-element.elementor-element-d4becae img{width:100px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:759px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-166764 .elementor-element.elementor-element-19ba716{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-166764 .elementor-element.elementor-element-d5d02eb > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-166764 .elementor-element.elementor-element-cd63bee > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-166764 .elementor-element.elementor-element-d4becae > .elementor-widget-container{padding:5px 5px 5px 5px;}}/* Start custom CSS for html, class: .elementor-element-414bbe8 *//* === GoFish – Reel Rewards To-Do Card =================== */
.reel-todo-wrapper{
  /* interior */
  background: linear-gradient(180deg,#001dff 0%,#02006c 100%);
  padding:1.75rem 1.5rem;
  border-radius:22px;
  position:relative;
  margin:2.5rem auto;
  max-width:600px;           /* keeps it tidy on wide screens */
}

/* animated neon border */
.reel-todo-wrapper::before{
  content:'';
  position:absolute;
  inset:-4px;                /* draws outside the blue panel */
  border-radius:26px;
  z-index:-1;
  background:linear-gradient(45deg,
      #ffdc00 0%, #ff007c 33%, #00e8ff 66%, #ffdc00 100%);
  background-size:400% 400%;
  animation:rfGlow 8s linear infinite;
}

@keyframes rfGlow{
  0%   {background-position:0% 50%;}
  50%  {background-position:100% 50%;}
  100% {background-position:0% 50%;}
}

/* === Tidy up the myCred checklist ======================= */

/* remove default bullets */
.reel-todo-wrapper ul{list-style:none;margin:0;padding:0;}

.reel-todo-wrapper li{
  font-family:'Orbitron',sans-serif;         /* matches headers */
  font-size:1.05rem;
  color:#ffffff;
  padding-left:2.2rem;
  margin:0.6rem 0;
  position:relative;
}

/* custom square checkbox outline */
.reel-todo-wrapper input[type=checkbox]{
  /* hide the native checkbox but keep accessibility */
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.reel-todo-wrapper li:before{
  content:'';
  width:1.2rem;height:1.2rem;
  border:2px solid #ffdc00;                 /* neon yellow outline */
  background:#000;
  border-radius:4px;
  position:absolute;
  left:0;top:0.1rem;
}

/* “checked” state – glow-filled box */
.reel-todo-wrapper input[type=checkbox]:checked + label:before,
.reel-todo-wrapper li.completed:before{
  background:#ffdc00;
  box-shadow:0 0 6px #ffdc00;
}

/* progress-bar colors (myCred adds a .progress class) */
.reel-todo-wrapper .progress{
  background:#111;
  border-radius:8px;
  overflow:hidden;
  margin-top:1rem;
}
.reel-todo-wrapper .progress-bar{
  background:#00e8ff;                       /* cyan fill */
  transition:width .4s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a0a94 *//* === GoFish – Reel Rewards To-Do Card =================== */
.reel-todo-wrapper{
  /* interior */
  background: linear-gradient(180deg,#001dff 0%,#02006c 100%);
  padding:1.75rem 1.5rem;
  border-radius:22px;
  position:relative;
  margin:2.5rem auto;
  max-width:600px;           /* keeps it tidy on wide screens */
}

/* animated neon border */
.reel-todo-wrapper::before{
  content:'';
  position:absolute;
  inset:-4px;                /* draws outside the blue panel */
  border-radius:26px;
  z-index:-1;
  background:linear-gradient(45deg,
      #ffdc00 0%, #ff007c 33%, #00e8ff 66%, #ffdc00 100%);
  background-size:400% 400%;
  animation:rfGlow 8s linear infinite;
}

@keyframes rfGlow{
  0%   {background-position:0% 50%;}
  50%  {background-position:100% 50%;}
  100% {background-position:0% 50%;}
}

/* === Tidy up the myCred checklist ======================= */

/* remove default bullets */
.reel-todo-wrapper ul{list-style:none;margin:0;padding:0;}

.reel-todo-wrapper li{
  font-family:'Orbitron',sans-serif;         /* matches headers */
  font-size:1.05rem;
  color:#ffffff;
  padding-left:2.2rem;
  margin:0.6rem 0;
  position:relative;
}

/* custom square checkbox outline */
.reel-todo-wrapper input[type=checkbox]{
  /* hide the native checkbox but keep accessibility */
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.reel-todo-wrapper li:before{
  content:'';
  width:1.2rem;height:1.2rem;
  border:2px solid #ffdc00;                 /* neon yellow outline */
  background:#000;
  border-radius:4px;
  position:absolute;
  left:0;top:0.1rem;
}

/* “checked” state – glow-filled box */
.reel-todo-wrapper input[type=checkbox]:checked + label:before,
.reel-todo-wrapper li.completed:before{
  background:#ffdc00;
  box-shadow:0 0 6px #ffdc00;
}

/* progress-bar colors (myCred adds a .progress class) */
.reel-todo-wrapper .progress{
  background:#111;
  border-radius:8px;
  overflow:hidden;
  margin-top:1rem;
}
.reel-todo-wrapper .progress-bar{
  background:#00e8ff;                       /* cyan fill */
  transition:width .4s ease;
}/* End custom CSS */