.elementor-391 .elementor-element.elementor-element-5ef26ba{--display:flex;}.elementor-391 .elementor-element.elementor-element-6e38ec5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-391 .elementor-element.elementor-element-dcde36c{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-391 .elementor-element.elementor-element-06d8f90{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-391 .elementor-element.elementor-element-06d8f90.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-06d8f90 > .elementor-widget-container{border-radius:-38px -38px -38px -38px;}.elementor-391 .elementor-element.elementor-element-06d8f90 img{width:1%;max-width:100%;border-radius:46px 46px 46px 46px;}.elementor-391 .elementor-element.elementor-element-e2d6239{--display:flex;}.elementor-391 .elementor-element.elementor-element-4221666{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-391 .elementor-element.elementor-element-4221666.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-4221666 > .elementor-widget-container{border-radius:-38px -38px -38px -38px;}.elementor-391 .elementor-element.elementor-element-4221666 img{width:1%;max-width:100%;border-radius:46px 46px 46px 46px;}.elementor-391 .elementor-element.elementor-element-b67ef1e{--display:flex;}.elementor-391 .elementor-element.elementor-element-d387aad{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-391 .elementor-element.elementor-element-d387aad.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-d387aad > .elementor-widget-container{border-radius:-38px -38px -38px -38px;}.elementor-391 .elementor-element.elementor-element-d387aad img{width:1%;max-width:100%;border-radius:46px 46px 46px 46px;}.elementor-391 .elementor-element.elementor-element-342a15c{--display:flex;}.elementor-391 .elementor-element.elementor-element-419e66d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-391 .elementor-element.elementor-element-419e66d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-419e66d > .elementor-widget-container{border-radius:-38px -38px -38px -38px;}.elementor-391 .elementor-element.elementor-element-419e66d img{width:1%;max-width:100%;border-radius:46px 46px 46px 46px;}.elementor-391 .elementor-element.elementor-element-836e65b{--display:flex;}.elementor-391 .elementor-element.elementor-element-0245baf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-391 .elementor-element.elementor-element-0245baf.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-0245baf > .elementor-widget-container{border-radius:-38px -38px -38px -38px;}.elementor-391 .elementor-element.elementor-element-0245baf img{width:1%;max-width:100%;border-radius:46px 46px 46px 46px;}.elementor-391 .elementor-element.elementor-element-0243f4c{--display:flex;}.elementor-391 .elementor-element.elementor-element-4408721{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-391 .elementor-element.elementor-element-4408721.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-4408721 > .elementor-widget-container{border-radius:-38px -38px -38px -38px;}.elementor-391 .elementor-element.elementor-element-4408721 img{width:1%;max-width:100%;border-radius:46px 46px 46px 46px;}/* Start custom CSS for image, class: .elementor-element-06d8f90 *//* IMAGE STYLING */
.elementor-391 .elementor-element.elementor-element-06d8f90 img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  z-index: 3;
}

/* CONTAINER STYLING */
.elementor-391 .elementor-element.elementor-element-06d8f90 {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--portal-color, #ffaa00);
  border-radius: 50px;
  background: #000000;
  --portal-color: #cd7532; /* Bronze by default */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow:
    0 0 10px var(--portal-color),
    0 0 30px var(--portal-color),
    inset 0 0 15px rgba(0, 0, 0, 0.3);
}

/* 🔥 SCALE + GLOW EFFECT ON HOVER */
.elementor-391 .elementor-element.elementor-element-06d8f90:hover {
  transform: scale(1.08);
  animation: hoverGlowPulse 4s ease-in-out infinite alternate;
  box-shadow:
  0 0 12px var(--portal-color),
  0 0 24px var(--portal-color),
  0 0 36px var(--portal-color),
  inset 0 0 15px rgba(0, 0, 0, 0.4);
}

/* ENERGY-LIKE GLOW ANIMATION */
@keyframes hoverGlowPulse {
  0% {
    box-shadow:
      0 0 8px var(--portal-color),
      0 0 16px var(--portal-color),
      0 0 24px var(--portal-color),
      inset 0 0 12px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow:
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      0 0 40px var(--portal-color),
      inset 0 0 20px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow:
      0 0 10px var(--portal-color),
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      inset 0 0 15px rgba(0, 0, 0, 0.35);
  }
}

/* PORTAL GLOW, ALWAYS SHOWS */
.elementor-391 .elementor-element.elementor-element-06d8f90::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 50%;
  width: 140%;
  height: 160%;
  background: radial-gradient(ellipse at center,
    transparent 30%,
    var(--portal-color) 70%,
    var(--portal-color) 85%,
    transparent 100%
  );
  animation: portalPulse 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-50%);
  opacity: 0.7;
}

/* GLOW PULSE */
@keyframes portalPulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateX(-50%) scale(1.04);
    opacity: 0.93;
  }
}

/* PARTICLE ELEMENTS */
.elementor-391 .elementor-element.elementor-element-06d8f90::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--portal-color);
  box-shadow: 0 0 6px var(--portal-color);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}

/* PARTICLE ANIMATIONS FROM ALL SIDES */
.elementor-391 .elementor-element.elementor-element-06d8f90:hover::after {
  animation:
    particle1 2.7s ease-out infinite,
    particle2 3s ease-out infinite 0.3s,
    particle3 3.2s ease-out infinite 0.6s,
    particle4 3.4s ease-out infinite 0.9s,
    particle5 3.1s ease-out infinite 1.2s,
    particle6 3.0s ease-out infinite 1.5s,
    particle7 3.3s ease-out infinite 1.8s,
    particle8 2.9s ease-out infinite 2.1s;
  opacity: 1;
}

/* PARTICLE PATHS (STRAIGHT TO CENTER) */
@keyframes particle1 { /* LEFT */
  0%   { left: -7px; top: 24%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle2 { /* RIGHT */
  0%   { right: -7px; top: 70%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle3 { /* TOP */
  0%   { left: 60%; top: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle4 { /* BOTTOM */
  0%   { left: 30%; bottom: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle5 { /* TOP-LEFT */
  0%   { left: 12%; top: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle6 { /* TOP-RIGHT */
  0%   { right: 12%; top: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle7 { /* BOTTOM-LEFT */
  0%   { left: 8%; bottom: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle8 { /* BOTTOM-RIGHT */
  0%   { right: 10%; bottom: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; bottom: 50%; opacity: 1; }
  100% { right: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}

/* COLOR PRESETS */
.elementor-391 .elementor-element.elementor-element-06d8f90.bronze { --portal-color: #cd7f32; }
.elementor-391 .elementor-element.elementor-element-06d8f90.gold { --portal-color: #ffaa00; }
.elementor-391 .elementor-element.elementor-element-06d8f90.silver { --portal-color: #c0c0c0; }
.elementor-391 .elementor-element.elementor-element-06d8f90.red { --portal-color: #ff0000; }
.elementor-391 .elementor-element.elementor-element-06d8f90.blue { --portal-color: #0080ff; }
.elementor-391 .elementor-element.elementor-element-06d8f90.purple { --portal-color: #8000ff; }
.elementor-391 .elementor-element.elementor-element-06d8f90.green { --portal-color: #00ff80; }
.elementor-391 .elementor-element.elementor-element-06d8f90.pink { --portal-color: #ff69b4; }
.elementor-391 .elementor-element.elementor-element-06d8f90.orange { --portal-color: #ff4500; }
.elementor-391 .elementor-element.elementor-element-06d8f90.cyan { --portal-color: #00ffff; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4221666 *//* IMAGE STYLING */
.elementor-391 .elementor-element.elementor-element-4221666 img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  z-index: 3;
}

/* CONTAINER STYLING */
.elementor-391 .elementor-element.elementor-element-4221666 {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--portal-color, #c0c0c0);
  border-radius: 50px;
  background: #000000;
  --portal-color: #B6B6B6; /* Bronze by default */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow:
    0 0 10px var(--portal-color),
    0 0 30px var(--portal-color),
    inset 0 0 15px rgba(0, 0, 0, 0.3);
}

/* 🔥 SCALE + GLOW EFFECT ON HOVER */
.elementor-391 .elementor-element.elementor-element-4221666:hover {
  transform: scale(1.08);
  animation: hoverGlowPulse 4s ease-in-out infinite alternate;
  box-shadow:
  0 0 12px var(--portal-color),
  0 0 24px var(--portal-color),
  0 0 36px var(--portal-color),
  inset 0 0 15px rgba(0, 0, 0, 0.4);
}

/* ENERGY-LIKE GLOW ANIMATION */
@keyframes hoverGlowPulse {
  0% {
    box-shadow:
      0 0 8px var(--portal-color),
      0 0 16px var(--portal-color),
      0 0 24px var(--portal-color),
      inset 0 0 12px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow:
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      0 0 40px var(--portal-color),
      inset 0 0 20px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow:
      0 0 10px var(--portal-color),
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      inset 0 0 15px rgba(0, 0, 0, 0.35);
  }
}

/* PORTAL GLOW, ALWAYS SHOWS */
.elementor-391 .elementor-element.elementor-element-4221666::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 50%;
  width: 140%;
  height: 160%;
  background: radial-gradient(ellipse at center,
    transparent 30%,
    var(--portal-color) 70%,
    var(--portal-color) 85%,
    transparent 100%
  );
  animation: portalPulse 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-50%);
  opacity: 0.7;
}

/* GLOW PULSE */
@keyframes portalPulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateX(-50%) scale(1.04);
    opacity: 0.93;
  }
}

/* PARTICLE ELEMENTS */
.elementor-391 .elementor-element.elementor-element-4221666::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--portal-color);
  box-shadow: 0 0 6px var(--portal-color);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}

/* PARTICLE ANIMATIONS FROM ALL SIDES */
.elementor-391 .elementor-element.elementor-element-4221666:hover::after {
  animation:
    particle1 2.7s ease-out infinite,
    particle2 3s ease-out infinite 0.3s,
    particle3 3.2s ease-out infinite 0.6s,
    particle4 3.4s ease-out infinite 0.9s,
    particle5 3.1s ease-out infinite 1.2s,
    particle6 3.0s ease-out infinite 1.5s,
    particle7 3.3s ease-out infinite 1.8s,
    particle8 2.9s ease-out infinite 2.1s;
  opacity: 1;
}

/* PARTICLE PATHS (STRAIGHT TO CENTER) */
@keyframes particle1 { /* LEFT */
  0%   { left: -7px; top: 24%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle2 { /* RIGHT */
  0%   { right: -7px; top: 70%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle3 { /* TOP */
  0%   { left: 60%; top: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle4 { /* BOTTOM */
  0%   { left: 30%; bottom: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle5 { /* TOP-LEFT */
  0%   { left: 12%; top: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle6 { /* TOP-RIGHT */
  0%   { right: 12%; top: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle7 { /* BOTTOM-LEFT */
  0%   { left: 8%; bottom: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle8 { /* BOTTOM-RIGHT */
  0%   { right: 10%; bottom: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; bottom: 50%; opacity: 1; }
  100% { right: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}

/* COLOR PRESETS */
.elementor-391 .elementor-element.elementor-element-4221666.bronze { --portal-color: #cd7f32; }
.elementor-391 .elementor-element.elementor-element-4221666.gold { --portal-color: #ffaa00; }
.elementor-391 .elementor-element.elementor-element-4221666.silver { --portal-color: #c0c0c0; }
.elementor-391 .elementor-element.elementor-element-4221666.red { --portal-color: #ff0000; }
.elementor-391 .elementor-element.elementor-element-4221666.blue { --portal-color: #0080ff; }
.elementor-391 .elementor-element.elementor-element-4221666.purple { --portal-color: #8000ff; }
.elementor-391 .elementor-element.elementor-element-4221666.green { --portal-color: #00ff80; }
.elementor-391 .elementor-element.elementor-element-4221666.pink { --portal-color: #ff69b4; }
.elementor-391 .elementor-element.elementor-element-4221666.orange { --portal-color: #ff4500; }
.elementor-391 .elementor-element.elementor-element-4221666.cyan { --portal-color: #00ffff; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d387aad *//* IMAGE STYLING */
.elementor-391 .elementor-element.elementor-element-d387aad img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  z-index: 3;
}

/* CONTAINER STYLING */
.elementor-391 .elementor-element.elementor-element-d387aad {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--portal-color, #ffaa00);
  border-radius: 50px;
  background: #000000;
  --portal-color: #ffaa00; /* Bronze by default */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow:
    0 0 10px var(--portal-color),
    0 0 30px var(--portal-color),
    inset 0 0 15px rgba(0, 0, 0, 0.3);
}

/* 🔥 SCALE + GLOW EFFECT ON HOVER */
.elementor-391 .elementor-element.elementor-element-d387aad:hover {
  transform: scale(1.08);
  animation: hoverGlowPulse 4s ease-in-out infinite alternate;
  box-shadow:
  0 0 12px var(--portal-color),
  0 0 24px var(--portal-color),
  0 0 36px var(--portal-color),
  inset 0 0 15px rgba(0, 0, 0, 0.4);
}

/* ENERGY-LIKE GLOW ANIMATION */
@keyframes hoverGlowPulse {
  0% {
    box-shadow:
      0 0 8px var(--portal-color),
      0 0 16px var(--portal-color),
      0 0 24px var(--portal-color),
      inset 0 0 12px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow:
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      0 0 40px var(--portal-color),
      inset 0 0 20px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow:
      0 0 10px var(--portal-color),
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      inset 0 0 15px rgba(0, 0, 0, 0.35);
  }
}

/* PORTAL GLOW, ALWAYS SHOWS */
.elementor-391 .elementor-element.elementor-element-d387aad::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 50%;
  width: 140%;
  height: 160%;
  background: radial-gradient(ellipse at center,
    transparent 30%,
    var(--portal-color) 70%,
    var(--portal-color) 85%,
    transparent 100%
  );
  animation: portalPulse 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-50%);
  opacity: 0.7;
}

/* GLOW PULSE */
@keyframes portalPulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateX(-50%) scale(1.04);
    opacity: 0.93;
  }
}

/* PARTICLE ELEMENTS */
.elementor-391 .elementor-element.elementor-element-d387aad::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--portal-color);
  box-shadow: 0 0 6px var(--portal-color);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}

/* PARTICLE ANIMATIONS FROM ALL SIDES */
.elementor-391 .elementor-element.elementor-element-d387aad:hover::after {
  animation:
    particle1 2.7s ease-out infinite,
    particle2 3s ease-out infinite 0.3s,
    particle3 3.2s ease-out infinite 0.6s,
    particle4 3.4s ease-out infinite 0.9s,
    particle5 3.1s ease-out infinite 1.2s,
    particle6 3.0s ease-out infinite 1.5s,
    particle7 3.3s ease-out infinite 1.8s,
    particle8 2.9s ease-out infinite 2.1s;
  opacity: 1;
}

/* PARTICLE PATHS (STRAIGHT TO CENTER) */
@keyframes particle1 { /* LEFT */
  0%   { left: -7px; top: 24%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle2 { /* RIGHT */
  0%   { right: -7px; top: 70%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle3 { /* TOP */
  0%   { left: 60%; top: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle4 { /* BOTTOM */
  0%   { left: 30%; bottom: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle5 { /* TOP-LEFT */
  0%   { left: 12%; top: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle6 { /* TOP-RIGHT */
  0%   { right: 12%; top: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle7 { /* BOTTOM-LEFT */
  0%   { left: 8%; bottom: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle8 { /* BOTTOM-RIGHT */
  0%   { right: 10%; bottom: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; bottom: 50%; opacity: 1; }
  100% { right: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}

/* COLOR PRESETS */
.elementor-391 .elementor-element.elementor-element-d387aad.bronze { --portal-color: #cd7f32; }
.elementor-391 .elementor-element.elementor-element-d387aad.gold { --portal-color: #ffaa00; }
.elementor-391 .elementor-element.elementor-element-d387aad.silver { --portal-color: #c0c0c0; }
.elementor-391 .elementor-element.elementor-element-d387aad.red { --portal-color: #ff0000; }
.elementor-391 .elementor-element.elementor-element-d387aad.blue { --portal-color: #0080ff; }
.elementor-391 .elementor-element.elementor-element-d387aad.purple { --portal-color: #8000ff; }
.elementor-391 .elementor-element.elementor-element-d387aad.green { --portal-color: #00ff80; }
.elementor-391 .elementor-element.elementor-element-d387aad.pink { --portal-color: #ff69b4; }
.elementor-391 .elementor-element.elementor-element-d387aad.orange { --portal-color: #ff4500; }
.elementor-391 .elementor-element.elementor-element-d387aad.cyan { --portal-color: #00ffff; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-419e66d *//* IMAGE STYLING */
.elementor-391 .elementor-element.elementor-element-419e66d img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  z-index: 3;
}

/* CONTAINER STYLING */
.elementor-391 .elementor-element.elementor-element-419e66d {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--portal-color, #ffaa00);
  border-radius: 50px;
  background: #000000;
  --portal-color: #86FF8E; /* Bronze by default */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow:
    0 0 10px var(--portal-color),
    0 0 30px var(--portal-color),
    inset 0 0 15px rgba(0, 0, 0, 0.3);
}

/* 🔥 SCALE + GLOW EFFECT ON HOVER */
.elementor-391 .elementor-element.elementor-element-419e66d:hover {
  transform: scale(1.08);
  animation: hoverGlowPulse 4s ease-in-out infinite alternate;
  box-shadow:
  0 0 12px var(--portal-color),
  0 0 24px var(--portal-color),
  0 0 36px var(--portal-color),
  inset 0 0 15px rgba(0, 0, 0, 0.4);
}

/* ENERGY-LIKE GLOW ANIMATION */
@keyframes hoverGlowPulse {
  0% {
    box-shadow:
      0 0 8px var(--portal-color),
      0 0 16px var(--portal-color),
      0 0 24px var(--portal-color),
      inset 0 0 12px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow:
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      0 0 40px var(--portal-color),
      inset 0 0 20px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow:
      0 0 10px var(--portal-color),
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      inset 0 0 15px rgba(0, 0, 0, 0.35);
  }
}

/* PORTAL GLOW, ALWAYS SHOWS */
.elementor-391 .elementor-element.elementor-element-419e66d::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 50%;
  width: 140%;
  height: 160%;
  background: radial-gradient(ellipse at center,
    transparent 30%,
    var(--portal-color) 70%,
    var(--portal-color) 85%,
    transparent 100%
  );
  animation: portalPulse 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-50%);
  opacity: 0.7;
}

/* GLOW PULSE */
@keyframes portalPulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateX(-50%) scale(1.04);
    opacity: 0.93;
  }
}

/* PARTICLE ELEMENTS */
.elementor-391 .elementor-element.elementor-element-419e66d::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--portal-color);
  box-shadow: 0 0 6px var(--portal-color);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}

/* PARTICLE ANIMATIONS FROM ALL SIDES */
.elementor-391 .elementor-element.elementor-element-419e66d:hover::after {
  animation:
    particle1 2.7s ease-out infinite,
    particle2 3s ease-out infinite 0.3s,
    particle3 3.2s ease-out infinite 0.6s,
    particle4 3.4s ease-out infinite 0.9s,
    particle5 3.1s ease-out infinite 1.2s,
    particle6 3.0s ease-out infinite 1.5s,
    particle7 3.3s ease-out infinite 1.8s,
    particle8 2.9s ease-out infinite 2.1s;
  opacity: 1;
}

/* PARTICLE PATHS (STRAIGHT TO CENTER) */
@keyframes particle1 { /* LEFT */
  0%   { left: -7px; top: 24%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle2 { /* RIGHT */
  0%   { right: -7px; top: 70%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle3 { /* TOP */
  0%   { left: 60%; top: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle4 { /* BOTTOM */
  0%   { left: 30%; bottom: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle5 { /* TOP-LEFT */
  0%   { left: 12%; top: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle6 { /* TOP-RIGHT */
  0%   { right: 12%; top: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle7 { /* BOTTOM-LEFT */
  0%   { left: 8%; bottom: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle8 { /* BOTTOM-RIGHT */
  0%   { right: 10%; bottom: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; bottom: 50%; opacity: 1; }
  100% { right: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}

/* COLOR PRESETS */
.elementor-391 .elementor-element.elementor-element-419e66d.bronze { --portal-color: #cd7f32; }
.elementor-391 .elementor-element.elementor-element-419e66d.gold { --portal-color: #ffaa00; }
.elementor-391 .elementor-element.elementor-element-419e66d.silver { --portal-color: #c0c0c0; }
.elementor-391 .elementor-element.elementor-element-419e66d.red { --portal-color: #ff0000; }
.elementor-391 .elementor-element.elementor-element-419e66d.blue { --portal-color: #0080ff; }
.elementor-391 .elementor-element.elementor-element-419e66d.purple { --portal-color: #8000ff; }
.elementor-391 .elementor-element.elementor-element-419e66d.green { --portal-color: #00ff80; }
.elementor-391 .elementor-element.elementor-element-419e66d.pink { --portal-color: #ff69b4; }
.elementor-391 .elementor-element.elementor-element-419e66d.orange { --portal-color: #ff4500; }
.elementor-391 .elementor-element.elementor-element-419e66d.cyan { --portal-color: #00ffff; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0245baf *//* IMAGE STYLING */
.elementor-391 .elementor-element.elementor-element-0245baf img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  z-index: 3;
}

/* CONTAINER STYLING */
.elementor-391 .elementor-element.elementor-element-0245baf {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--portal-color, #ffaa00);
  border-radius: 50px;
  background: #000000;
  --portal-color: #ff69b4; /* Bronze by default */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow:
    0 0 10px var(--portal-color),
    0 0 30px var(--portal-color),
    inset 0 0 15px rgba(0, 0, 0, 0.3);
}

/* 🔥 SCALE + GLOW EFFECT ON HOVER */
.elementor-391 .elementor-element.elementor-element-0245baf:hover {
  transform: scale(1.08);
  animation: hoverGlowPulse 4s ease-in-out infinite alternate;
  box-shadow:
  0 0 12px var(--portal-color),
  0 0 24px var(--portal-color),
  0 0 36px var(--portal-color),
  inset 0 0 15px rgba(0, 0, 0, 0.4);
}

/* ENERGY-LIKE GLOW ANIMATION */
@keyframes hoverGlowPulse {
  0% {
    box-shadow:
      0 0 8px var(--portal-color),
      0 0 16px var(--portal-color),
      0 0 24px var(--portal-color),
      inset 0 0 12px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow:
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      0 0 40px var(--portal-color),
      inset 0 0 20px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow:
      0 0 10px var(--portal-color),
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      inset 0 0 15px rgba(0, 0, 0, 0.35);
  }
}

/* PORTAL GLOW, ALWAYS SHOWS */
.elementor-391 .elementor-element.elementor-element-0245baf::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 50%;
  width: 140%;
  height: 160%;
  background: radial-gradient(ellipse at center,
    transparent 30%,
    var(--portal-color) 70%,
    var(--portal-color) 85%,
    transparent 100%
  );
  animation: portalPulse 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-50%);
  opacity: 0.7;
}

/* GLOW PULSE */
@keyframes portalPulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateX(-50%) scale(1.04);
    opacity: 0.93;
  }
}

/* PARTICLE ELEMENTS */
.elementor-391 .elementor-element.elementor-element-0245baf::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--portal-color);
  box-shadow: 0 0 6px var(--portal-color);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}

/* PARTICLE ANIMATIONS FROM ALL SIDES */
.elementor-391 .elementor-element.elementor-element-0245baf:hover::after {
  animation:
    particle1 2.7s ease-out infinite,
    particle2 3s ease-out infinite 0.3s,
    particle3 3.2s ease-out infinite 0.6s,
    particle4 3.4s ease-out infinite 0.9s,
    particle5 3.1s ease-out infinite 1.2s,
    particle6 3.0s ease-out infinite 1.5s,
    particle7 3.3s ease-out infinite 1.8s,
    particle8 2.9s ease-out infinite 2.1s;
  opacity: 1;
}

/* PARTICLE PATHS (STRAIGHT TO CENTER) */
@keyframes particle1 { /* LEFT */
  0%   { left: -7px; top: 24%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle2 { /* RIGHT */
  0%   { right: -7px; top: 70%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle3 { /* TOP */
  0%   { left: 60%; top: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle4 { /* BOTTOM */
  0%   { left: 30%; bottom: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle5 { /* TOP-LEFT */
  0%   { left: 12%; top: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle6 { /* TOP-RIGHT */
  0%   { right: 12%; top: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle7 { /* BOTTOM-LEFT */
  0%   { left: 8%; bottom: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle8 { /* BOTTOM-RIGHT */
  0%   { right: 10%; bottom: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; bottom: 50%; opacity: 1; }
  100% { right: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}

/* COLOR PRESETS */
.elementor-391 .elementor-element.elementor-element-0245baf.bronze { --portal-color: #cd7f32; }
.elementor-391 .elementor-element.elementor-element-0245baf.gold { --portal-color: #ffaa00; }
.elementor-391 .elementor-element.elementor-element-0245baf.silver { --portal-color: #c0c0c0; }
.elementor-391 .elementor-element.elementor-element-0245baf.red { --portal-color: #ff0000; }
.elementor-391 .elementor-element.elementor-element-0245baf.blue { --portal-color: #0080ff; }
.elementor-391 .elementor-element.elementor-element-0245baf.purple { --portal-color: #8000ff; }
.elementor-391 .elementor-element.elementor-element-0245baf.green { --portal-color: #00ff80; }
.elementor-391 .elementor-element.elementor-element-0245baf.pink { --portal-color: #ff69b4; }
.elementor-391 .elementor-element.elementor-element-0245baf.orange { --portal-color: #ff4500; }
.elementor-391 .elementor-element.elementor-element-0245baf.cyan { --portal-color: #00ffff; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4408721 *//* IMAGE STYLING */
.elementor-391 .elementor-element.elementor-element-4408721 img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  z-index: 3;
}

/* CONTAINER STYLING */
.elementor-391 .elementor-element.elementor-element-4408721 {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--portal-color, #ffaa00);
  border-radius: 50px;
  background: #000000;
  --portal-color: #00ffff; /* Bronze by default */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow:
    0 0 10px var(--portal-color),
    0 0 30px var(--portal-color),
    inset 0 0 15px rgba(0, 0, 0, 0.3);
}

/* 🔥 SCALE + GLOW EFFECT ON HOVER */
.elementor-391 .elementor-element.elementor-element-4408721:hover {
  transform: scale(1.08);
  animation: hoverGlowPulse 4s ease-in-out infinite alternate;
  box-shadow:
  0 0 12px var(--portal-color),
  0 0 24px var(--portal-color),
  0 0 36px var(--portal-color),
  inset 0 0 15px rgba(0, 0, 0, 0.4);
}

/* ENERGY-LIKE GLOW ANIMATION */
@keyframes hoverGlowPulse {
  0% {
    box-shadow:
      0 0 8px var(--portal-color),
      0 0 16px var(--portal-color),
      0 0 24px var(--portal-color),
      inset 0 0 12px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow:
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      0 0 40px var(--portal-color),
      inset 0 0 20px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow:
      0 0 10px var(--portal-color),
      0 0 20px var(--portal-color),
      0 0 30px var(--portal-color),
      inset 0 0 15px rgba(0, 0, 0, 0.35);
  }
}

/* PORTAL GLOW, ALWAYS SHOWS */
.elementor-391 .elementor-element.elementor-element-4408721::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 50%;
  width: 140%;
  height: 160%;
  background: radial-gradient(ellipse at center,
    transparent 30%,
    var(--portal-color) 70%,
    var(--portal-color) 85%,
    transparent 100%
  );
  animation: portalPulse 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-50%);
  opacity: 0.7;
}

/* GLOW PULSE */
@keyframes portalPulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateX(-50%) scale(1.04);
    opacity: 0.93;
  }
}

/* PARTICLE ELEMENTS */
.elementor-391 .elementor-element.elementor-element-4408721::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--portal-color);
  box-shadow: 0 0 6px var(--portal-color);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}

/* PARTICLE ANIMATIONS FROM ALL SIDES */
.elementor-391 .elementor-element.elementor-element-4408721:hover::after {
  animation:
    particle1 2.7s ease-out infinite,
    particle2 3s ease-out infinite 0.3s,
    particle3 3.2s ease-out infinite 0.6s,
    particle4 3.4s ease-out infinite 0.9s,
    particle5 3.1s ease-out infinite 1.2s,
    particle6 3.0s ease-out infinite 1.5s,
    particle7 3.3s ease-out infinite 1.8s,
    particle8 2.9s ease-out infinite 2.1s;
  opacity: 1;
}

/* PARTICLE PATHS (STRAIGHT TO CENTER) */
@keyframes particle1 { /* LEFT */
  0%   { left: -7px; top: 24%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle2 { /* RIGHT */
  0%   { right: -7px; top: 70%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle3 { /* TOP */
  0%   { left: 60%; top: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle4 { /* BOTTOM */
  0%   { left: 30%; bottom: -7px; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle5 { /* TOP-LEFT */
  0%   { left: 12%; top: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; top: 50%; opacity: 1; }
  100% { left: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle6 { /* TOP-RIGHT */
  0%   { right: 12%; top: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; top: 50%; opacity: 1; }
  100% { right: 50%; top: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle7 { /* BOTTOM-LEFT */
  0%   { left: 8%; bottom: 14%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { left: 50%; bottom: 50%; opacity: 1; }
  100% { left: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}
@keyframes particle8 { /* BOTTOM-RIGHT */
  0%   { right: 10%; bottom: 10%; opacity: 0; transform: scale(0.6); }
  15%  { opacity: 1; transform: scale(1); }
  85%  { right: 50%; bottom: 50%; opacity: 1; }
  100% { right: 50%; bottom: 50%; opacity: 0; transform: scale(0.2); }
}

/* COLOR PRESETS */
.elementor-391 .elementor-element.elementor-element-4408721.bronze { --portal-color: #cd7f32; }
.elementor-391 .elementor-element.elementor-element-4408721.gold { --portal-color: #ffaa00; }
.elementor-391 .elementor-element.elementor-element-4408721.silver { --portal-color: #c0c0c0; }
.elementor-391 .elementor-element.elementor-element-4408721.red { --portal-color: #ff0000; }
.elementor-391 .elementor-element.elementor-element-4408721.blue { --portal-color: #0080ff; }
.elementor-391 .elementor-element.elementor-element-4408721.purple { --portal-color: #8000ff; }
.elementor-391 .elementor-element.elementor-element-4408721.green { --portal-color: #00ff80; }
.elementor-391 .elementor-element.elementor-element-4408721.pink { --portal-color: #ff69b4; }
.elementor-391 .elementor-element.elementor-element-4408721.orange { --portal-color: #ff4500; }
.elementor-391 .elementor-element.elementor-element-4408721.cyan { --portal-color: #00ffff; }/* End custom CSS */