/* ============================================================
   PHENOM CENTRAL — CSS EFFECTS PACK (full)
   Paste this whole block into: Page Settings → Custom CSS.
   Then add the class name (no dot) in each element's
   "Element's Class" field — NOT the Custom CSS box.
   ============================================================ */

/* ---------- VARIABLES ---------- */
:root{
  --ph-bg:#0B0A0F; --ph-panel:#121019;
  --ph-lime:#b8fc70; --ph-lime-deep:#7fce3c;
  --ph-green:#305b02; --ph-green-h:#407c03;
  --ph-blue:#002277; --ph-blue-h:#003399; --ph-blue-t:#6f9bff;
  --ph-red:#cc2b2b;
  --ph-cream:#F6F0E6; --ph-dim:#A6A29D; --ph-faint:#6F6B69;
  --ph-border:#26242B; --ph-border-acc:#4A6B28;
}

/* ---------- FONTS ---------- */
.ph-display{ font-family:'Big Shoulders Display', sans-serif !important; }
.ph-body{ font-family:'Hanken Grotesk', sans-serif !important; }

/* ---------- HERO SPOTLIGHT GLOWS ---------- */
.ph-hero-glow{
  background-color:#0B0A0F !important;
  background-image:
    radial-gradient(620px circle at 6% -12%, rgba(184,252,112,.22), transparent 60%),
    radial-gradient(540px circle at 94% -4%,  rgba(64,124,3,.32),    transparent 60%),
    radial-gradient(520px circle at 50% 124%, rgba(111,155,255,.12), transparent 65%) !important;
}

/* ---------- FINAL CTA CENTRE GLOW ---------- */
.ph-cta-glow{
  background-color:#0B0A0F !important;
  background-image:radial-gradient(700px circle at 50% 50%, rgba(184,252,112,.16), transparent 62%) !important;
}

/* ---------- SECTION FADE (dark -> panel) ---------- */
.ph-section-fade{
  background:linear-gradient(180deg,#0B0A0F 0%, #121019 100%) !important;
}

/* ---------- FILM-GRAIN OVERLAY (subtle, optional) ---------- */
.ph-grain{position:relative;}
.ph-grain::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- MARQUEE BULB ROW ----------
   Apply .ph-bulbs to a small EMPTY element on its OWN line above the
   eyebrow. The 5 dots are a fixed-width background so Groove cannot
   collapse or stack them. */
.ph-bulbs{
  display:block !important;
  width:89px !important; min-width:89px !important; max-width:89px !important;
  height:12px !important; min-height:0 !important;
  flex:0 0 auto !important; align-self:flex-start !important;
  padding:0 !important; border:0 !important;
  background-color:transparent !important; background-repeat:no-repeat !important;
  background-image:
    radial-gradient(circle 4px at 4px 50%,  #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 24px 50%, #6f9bff 65%, transparent 67%),
    radial-gradient(circle 4px at 44px 50%, #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 64px 50%, #7fce3c 65%, transparent 67%),
    radial-gradient(circle 4px at 84px 50%, #b8fc70 65%, transparent 67%) !important;
  filter:drop-shadow(0 0 5px rgba(184,252,112,.55));
  margin:0 0 22px 4px !important;
  animation:ph-flick 2.6s infinite ease-in-out;
}
@keyframes ph-flick{0%,100%{opacity:1}45%{opacity:.45}55%{opacity:.95}}
/* center the bulb row in its container (use with .ph-bulbs) */
.ph-bulbs-center{ margin-left:auto !important; margin-right:auto !important; }

/* ---------- BUTTONS ---------- */
.ph-btn-green,.ph-btn-blue,.ph-btn-ghost{
  display:inline-flex;align-items:center;gap:.5em;
  font-weight:700;font-size:15.5px;line-height:1;text-decoration:none;
  padding:14px 24px;border-radius:100px;border:1px solid transparent;cursor:pointer;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,border-color .25s;
}
.ph-btn-green{background:#305b02 !important;color:#F6F0E6 !important;}
.ph-btn-green:hover{background:#407c03 !important;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(184,252,112,.5);}
.ph-btn-blue{background:#002277 !important;color:#F6F0E6 !important;}
.ph-btn-blue:hover{background:#003399 !important;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(111,155,255,.45);}
.ph-btn-ghost{background:transparent !important;color:#F6F0E6 !important;border-color:#26242B !important;}
.ph-btn-ghost:hover{border-color:#F6F0E6 !important;transform:translateY(-2px);}

/* ---------- CARDS (hover lift + top glow) ---------- */
.ph-card{
  position:relative;overflow:hidden;
  background:#121019 !important;border:1px solid #26242B;border-radius:18px;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;
}
.ph-card:hover{transform:translateY(-6px);border-color:#3a3744;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}
.ph-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at 50% -10%, rgba(184,252,112,.12), transparent 60%);
}
.ph-card:hover::before{opacity:1;}

/* ---------- HIGHLIGHTED "PHENOM WAY" CARD ---------- */
.ph-accent-border{
  border:1px solid #4A6B28 !important;
  background:rgba(184,252,112,.05) !important;
}

/* ---------- ICON CHIP (lime square) ---------- */
.ph-icon-chip{
  display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:#b8fc70 !important;color:#14210a !important;font-weight:900;font-size:22px;
}

/* ---------- KICKER LABEL (dash beside text, left-aligned) ---------- */
.ph-kicker{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:fit-content !important;
  margin:0 auto 0 0 !important;     /* keeps it left even inside a centered column */
  text-align:left !important;
  color:#b8fc70 !important;font-weight:700;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;
}
.ph-kicker::before{
  content:"" !important;
  display:block !important;
  flex:0 0 auto !important;
  width:26px !important;height:2px !important;
  background:#b8fc70 !important;
}
/* center the kicker in its container (use with .ph-kicker) */
.ph-kicker-center{ margin-left:auto !important; margin-right:auto !important; }

/* ---------- GLOWING HEADLINE LINE ---------- */
.ph-glow-text{color:#b8fc70 !important;text-shadow:0 0 40px rgba(184,252,112,.5);}

/* ============================================================
   BLUE / BETA THEME VARIANTS  (Phenom Trivia beta page)
   Most classes are reused unchanged — only the LIME-accent pieces
   need a blue twin. STACK the "-blue" modifier on the base class
   where noted (e.g. Element's Class = "ph-kicker ph-kicker-blue").
   The hero/CTA glows are STANDALONE — use them instead of the
   lime version, not alongside it.
   Reused as-is on the Trivia page: ph-card, ph-btn-blue,
   ph-btn-ghost, ph-beta-border, ph-nav, ph-navsec, ph-herosec,
   ph-grain, ph-reveal, ph-menu, and panels (section background).
   ============================================================ */

/* Kicker — use:  ph-kicker ph-kicker-blue */
.ph-kicker-blue{ color:#6f9bff !important; }
.ph-kicker-blue::before{ background:#6f9bff !important; }

/* Glowing headline word — use:  ph-glow-text-blue  (instead of ph-glow-text) */
.ph-glow-text-blue{ color:#6f9bff !important; text-shadow:0 0 40px rgba(111,155,255,.55); }

/* Hero spotlight — use:  ph-hero-glow-blue  (instead of ph-hero-glow) */
.ph-hero-glow-blue{
  background-color:#0B0A0F !important;
  background-image:
    radial-gradient(620px circle at 6% -12%, rgba(111,155,255,.20), transparent 60%),
    radial-gradient(560px circle at 94% -6%, rgba(0,34,119,.45),    transparent 60%),
    radial-gradient(520px circle at 50% 124%, rgba(184,252,112,.10), transparent 65%) !important;
}

/* Final CTA centre glow — use:  ph-cta-glow-blue  (instead of ph-cta-glow) */
.ph-cta-glow-blue{
  background-color:#0B0A0F !important;
  background-image:radial-gradient(700px circle at 50% 50%, rgba(111,155,255,.18), transparent 62%) !important;
}

/* Bulb row — use:  ph-bulbs ph-bulbs-blue  (blue-led colours + blue glow) */
.ph-bulbs-blue{
  background-image:
    radial-gradient(circle 4px at 4px 50%,  #6f9bff 65%, transparent 67%),
    radial-gradient(circle 4px at 24px 50%, #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 44px 50%, #6f9bff 65%, transparent 67%),
    radial-gradient(circle 4px at 64px 50%, #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 84px 50%, #6f9bff 65%, transparent 67%) !important;
  filter:drop-shadow(0 0 5px rgba(111,155,255,.55)) !important;
}

/* BETA pill badge — standalone (new). Put on a small text element. */
.ph-badge-beta{
  display:inline-flex !important;align-items:center;gap:6px;
  background:#002277 !important;color:#F6F0E6 !important;
  font-family:'Hanken Grotesk',sans-serif !important;
  font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  padding:4px 9px;border-radius:100px;
}

/* Optional blue twins (only if you use these on the Trivia page) */
.ph-icon-chip-blue{ background:#6f9bff !important; color:#04122e !important; }
.ph-link-blue{ color:#6f9bff !important; }
.ph-link-blue::after{ background:#6f9bff !important; }
.ph-link-blue:hover{ color:#9bbcff !important; }

/* ============================================================
   CONTACT FORM  (style a GroovePages/GrooveMail form to match)
   Apply ph-form to the form container; ph-input / ph-textarea /
   ph-select to fields; ph-label to labels; ph-submit to the
   button. Works on a native GrooveMail form or a hand-built one.
   ============================================================ */
.ph-form{ background:#121019 !important;border:1px solid #26242B !important;border-radius:20px !important;padding:34px !important; }
.ph-label{ display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A6A29D !important;margin-bottom:8px; }
.ph-input,.ph-textarea,.ph-select{
  width:100%;background:#0E0D14 !important;color:#F6F0E6 !important;
  border:1px solid #26242B !important;border-radius:12px !important;
  padding:14px 16px !important;font-family:'Hanken Grotesk',sans-serif !important;font-size:15.5px;outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.ph-input:focus,.ph-textarea:focus,.ph-select:focus{ border-color:#b8fc70 !important;box-shadow:0 0 0 3px rgba(184,252,112,.15) !important; }
.ph-textarea{ min-height:140px;resize:vertical; }
.ph-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:#305b02 !important;color:#F6F0E6 !important;font-weight:700;font-size:16px;
  padding:16px 26px !important;border:1px solid transparent !important;border-radius:100px !important;cursor:pointer;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.ph-submit:hover{ background:#407c03 !important;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(184,252,112,.5); }
.ph-form-note{ font-size:12.5px;color:#6F6B69 !important;margin-top:16px;text-align:center; }
.ph-hp{ position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden; }  /* spam honeypot */

/* Confirmation panel — reveal after submit (hide the form, show this) */
.ph-form-success{ background:#121019 !important;border:1px solid #4A6B28 !important;border-radius:20px !important;padding:48px 34px !important;text-align:center; }
.ph-form-success .check{ width:70px;height:70px;border-radius:50%;background:rgba(184,252,112,.12);color:#b8fc70 !important;display:grid;place-items:center;font-size:34px;font-weight:800;margin:0 auto 18px;font-family:'Big Shoulders Display',sans-serif !important; }
.ph-form-success h2,.ph-form-success h3{ color:#F6F0E6 !important;font-family:'Big Shoulders Display',sans-serif !important;font-weight:800;text-transform:uppercase;font-size:30px;margin-bottom:8px; }
.ph-form-success p{ color:#A6A29D !important;margin-bottom:20px; }
.ph-form-success a{ color:#b8fc70 !important;font-weight:700; }

/* ============================================================
   SPACING HELPERS — vertical margin above/below an element
   (headings, etc.). Attach to the element via Element's Class.
   Uses !important to override Groove's locked inline margins.
   em units scale with the font size.
   ============================================================ */
.ph-flush{ margin-top:0 !important; margin-bottom:0 !important; }       /* no space above OR below */
.ph-flush-top{ margin-top:0 !important; }                               /* no space above */
.ph-flush-bottom{ margin-bottom:0 !important; }                        /* no space below */
.ph-tight{ margin-top:.2em !important; margin-bottom:.2em !important; } /* small space above + below */
.ph-tight-top{ margin-top:.2em !important; }                            /* small space above */
.ph-tight-bottom{ margin-bottom:.2em !important; }                      /* small space below */

/* Stacked headline lines sitting too far apart? Put ph-stack-tight on
   the COLUMN/CONTAINER to zero its flex gap. */
.ph-stack-tight{ gap:0 !important; row-gap:0 !important; }

/* ---------- PROBLEM-AREA PANEL ----------
   Apply .ph-prob to each bordered mini-card in the Problem section
   (the container holding one X marker + its text). Set the text colours
   on the inner elements: X = #cc2b2b, bold lead-in = #F6F0E6, body = #A6A29D. */
.ph-prob{
  display:flex !important;
  gap:14px !important;
  align-items:flex-start !important;
  padding:16px 18px !important;
  background:rgba(255,255,255,.02) !important;
  border:1px solid #26242B !important;
  border-radius:14px !important;
}

/* ---------- WHY PANELS ----------
   Apply .ph-why to each card in the "Why Phenom" section.
   .ph-why-ic on the lime icon element; titles/body styled automatically,
   or use .ph-why-title / .ph-why-text on the inner elements directly. */
.ph-why{
  background:#121019 !important;
  border:1px solid #26242B !important;
  border-radius:18px;
  padding:30px !important;
  transition:transform .3s ease,border-color .3s ease;
}
.ph-why:hover{ transform:translateY(-4px); border-color:#3a3744 !important; }
.ph-why-ic{
  display:block;line-height:1;margin-bottom:14px;
  font-family:'Big Shoulders Display',sans-serif !important;
  font-weight:900;font-size:26px;color:#b8fc70 !important;
}
.ph-why h3, .ph-why-title{ color:#F6F0E6 !important; }
.ph-why p,  .ph-why-text{ color:#A6A29D !important; }

/* ---------- DIFFERENCE / COMPARISON PANELS ----------
   Apply .ph-diff to each column, PLUS .ph-diff-old (red) or
   .ph-diff-new (lime) for the variant — e.g. "ph-diff ph-diff-new".
   Headings, body and markers colour automatically; helper classes
   (.ph-diff-title / .ph-diff-text / .ph-diff-yes / .ph-diff-no) are
   there if you need to target inner elements directly. */
.ph-diff{
  border:1px solid #26242B !important;
  border-radius:18px;
  padding:32px !important;
}
.ph-diff-old{ background:rgba(204,43,43,.05) !important; }
.ph-diff-new{ background:rgba(184,252,112,.05) !important; border-color:#4A6B28 !important; }

/* headings */
.ph-diff h3, .ph-diff-title{ font-weight:800; margin-bottom:18px; }
.ph-diff-old h3, .ph-diff-old .ph-diff-title{ color:#cc2b2b !important; }
.ph-diff-new h3, .ph-diff-new .ph-diff-title{ color:#b8fc70 !important; }

/* body text */
.ph-diff p, .ph-diff li, .ph-diff-text{ color:#A6A29D !important; }

/* tick / cross markers */
.ph-diff-yes{ color:#b8fc70 !important; font-weight:800; }
.ph-diff-no { color:#cc2b2b !important; font-weight:800; }

/* ---------- DROPDOWN STACKING FIX ----------
   Fixes nav dropdowns rendering BEHIND the next section (e.g. the hero
   with ph-hero-glow / ph-grain, which create their own stacking context).
   Put ph-navsec on the SECTION/ROW that holds the nav embed.
   If the hero still wins, also put ph-herosec on the hero section. */
.ph-navsec{ position:relative !important; z-index:1000 !important; overflow:visible !important; }
.ph-herosec{ position:relative !important; z-index:1 !important; }

/* ---------- STICKY NAV WITH FROSTED BLUR ----------
   Apply .ph-nav to the nav block, and turn on Groove's Sticky option. */
.ph-nav{
  position:sticky;top:0;z-index:1000;
  background:rgba(11,10,15,.7) !important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid #26242B !important;
}

/* ---------- ANIMATED BETA-CARD BORDER (rotating gradient edge) ----------
   Apply alongside .ph-card on the Phenom Trivia card.
   Element's Class field:  ph-card ph-beta-border
   Uses ::after, so it coexists with .ph-card's ::before hover glow.
   On browsers without @property support the edge shows as a static
   gradient (no spin) — still looks good. */
@property --ph-angle{ syntax:'<angle>'; initial-value:0deg; inherits:false; }

.ph-beta-border{
  border-color:transparent !important;   /* gradient ring replaces the flat border */
}
.ph-beta-border::after{
  content:"" !important;
  position:absolute; inset:0;
  border-radius:inherit; padding:1px;
  background:conic-gradient(from var(--ph-angle,0deg),
    #002277, #6f9bff, #b8fc70, #6f9bff, #002277) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; z-index:2;
  animation:ph-angle-spin 6s linear infinite;
}
@keyframes ph-angle-spin{ to{ --ph-angle:360deg; } }

/* Simpler alternative — pulsing blue glow (works everywhere). To use this
   instead, delete the rotating block above and uncomment this:
.ph-beta-border{ border:1px solid #002277 !important; animation:ph-beta-pulse 3s ease-in-out infinite; }
@keyframes ph-beta-pulse{
  0%,100%{box-shadow:0 0 0 1px rgba(0,34,119,.6), 0 0 24px -8px rgba(111,155,255,.5);}
  50%    {box-shadow:0 0 0 1px rgba(111,155,255,.9), 0 0 42px -6px rgba(111,155,255,.85);}
}
*/

/* ---------- ANIMATED LINK UNDERLINE ("Learn more ->") ----------
   Apply .ph-link to text links / text CTAs. */
.ph-link{
  position:relative;color:#b8fc70 !important;font-weight:700;text-decoration:none !important;
  display:inline-flex;align-items:center;gap:.4em;
}
.ph-link::after{
  content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;
  background:#b8fc70;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;
}
.ph-link:hover::after{transform:scaleX(1);}
.ph-link:hover{color:#cdfd97 !important;}

/* ---------- DROPDOWN / MENU PANEL ----------
   Apply .ph-menu to a custom dropdown panel; .ph-menu-group on
   non-clickable heading rows; links inside style automatically. */
.ph-menu{
  background:#121019 !important;border:1px solid #26242B !important;border-radius:14px;
  padding:14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.85);min-width:230px;
}
.ph-menu .ph-menu-group{
  display:block;margin:10px 8px 4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#6F6B69;font-weight:700;
}
.ph-menu .ph-menu-group:first-child{margin-top:0;}
.ph-menu a{
  display:block;padding:8px 10px;border-radius:8px;color:#A6A29D !important;
  font-size:14.5px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;
}
.ph-menu a:hover{background:rgba(184,252,112,.08);color:#b8fc70 !important;}

/* ---------- OPTIONAL: CSS FADE-UP ON SCROLL ----------
   Groove's built-in "Fade Up" is the easy route; this is a no-JS
   alternative for browsers that support scroll-driven animations. */
@supports (animation-timeline: view()){
  .ph-reveal{
    opacity:0;transform:translateY(28px);
    animation:ph-rise both;
    animation-timeline:view();
    animation-range:entry 0% entry 40%;
  }
}
@keyframes ph-rise{to{opacity:1;transform:none;}}

/* ---------- ACCESSIBILITY: respect reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ph-reveal{opacity:1 !important;transform:none !important;animation:none !important;}
  .ph-bulbs,.ph-beta-border{animation:none !important;}
  .ph-beta-border::after{animation:none !important;}
  .ph-link::after{transition:none !important;}
  .ph-card,.ph-btn-green,.ph-btn-blue,.ph-btn-ghost{transition:none !important;}
} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 .gp-component-id-wV741it1gE { position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (min-width: 1200px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } }

 .gp-component-id-IwTqggt8Y.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-IwTqggt8Y.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-IwTqggt8Y.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-IwTqggt8Y.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-IwTqggt8Y.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-IwTqggt8Y.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } }

 .gp-component-id-IwTqggt8Y { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-IwTqggt8Y { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-IwTqggt8Y { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-IwTqggt8Y { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-IwTqggt8Y { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (min-width: 1200px) { .gp-component-id-IwTqggt8Y { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } }

 .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } @media (max-width: 639px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } }

 @media (max-width: 639px) { [data-gp-text] .gp-component-id-eS1q9MJRVL { font-size: 13px !important;font-weight: inherit;text-align: center;line-height: 1;border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;background-color: rgb(184, 252, 112);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-eS1q9MJRVL { font-size: 13px !important;font-weight: inherit;text-align: center;line-height: 1;border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;background-color: rgb(184, 252, 112);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-eS1q9MJRVL { font-size: 13px !important;font-weight: inherit;text-align: center;line-height: 1;border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;background-color: rgb(184, 252, 112);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-eS1q9MJRVL { font-size: 13px !important;font-weight: inherit;text-align: center;line-height: 1;border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;background-color: rgb(184, 252, 112);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;overflow-wrap: break-word; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-eS1q9MJRVL { font-size: 13px !important;font-weight: inherit;text-align: center;line-height: 1;border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;background-color: rgb(184, 252, 112);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;overflow-wrap: break-word; } }

 .gp-component-id-SKDEBA6Rv.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-SKDEBA6Rv.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-SKDEBA6Rv.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-SKDEBA6Rv.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-SKDEBA6Rv.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-SKDEBA6Rv.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } }

 .gp-component-id-SKDEBA6Rv { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-SKDEBA6Rv { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-SKDEBA6Rv { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-SKDEBA6Rv { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-SKDEBA6Rv { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (min-width: 1200px) { .gp-component-id-SKDEBA6Rv { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } }

 .gp-component-id-9QBunrif4T.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } @media (max-width: 639px) { .gp-component-id-9QBunrif4T.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-9QBunrif4T.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-9QBunrif4T.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-9QBunrif4T.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-9QBunrif4T.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } }

 .gp-component-id-9QBunrif4T { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-9QBunrif4T { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-9QBunrif4T { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-9QBunrif4T { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-9QBunrif4T { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-9QBunrif4T { min-height: 50px;position: relative;z-index: auto; } }

 .gp-component-id-OBlDOeorY { overflow-wrap: break-word;width: 100%; } @media (max-width: 639px) { .gp-component-id-OBlDOeorY { overflow-wrap: break-word;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-OBlDOeorY { overflow-wrap: break-word;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-OBlDOeorY { overflow-wrap: break-word;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-OBlDOeorY { overflow-wrap: break-word;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-OBlDOeorY { overflow-wrap: break-word;width: 100%; } }

 .gp-component-id-TN870yWbLG { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .gp-component-id-TN870yWbLG { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-TN870yWbLG { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-TN870yWbLG { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-TN870yWbLG { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-TN870yWbLG { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 1200px; } }

 .gp-component-id-dpMnX1lbMm.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } @media (max-width: 639px) { .gp-component-id-dpMnX1lbMm.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px;background-color: rgb(11, 10, 15); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-dpMnX1lbMm.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px;background-color: rgb(11, 10, 15); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-dpMnX1lbMm.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px;background-color: rgb(11, 10, 15); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-dpMnX1lbMm.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px;background-color: rgb(11, 10, 15); } } @media (min-width: 1200px) { .gp-component-id-dpMnX1lbMm.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px;background-color: rgb(11, 10, 15); } }

 .gp-component-id-dpMnX1lbMm { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-dpMnX1lbMm { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-dpMnX1lbMm { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-dpMnX1lbMm { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-dpMnX1lbMm { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-dpMnX1lbMm { min-height: 50px;position: relative;z-index: auto; } }

 @media (max-width: 639px) { .gp-component-id-gMTxV7IQmZ { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-gMTxV7IQmZ { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-gMTxV7IQmZ { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-gMTxV7IQmZ { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-gMTxV7IQmZ { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } }

 .gp-component-id-ny5N7bGCg6 { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-ny5N7bGCg6 { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ny5N7bGCg6 { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ny5N7bGCg6 { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ny5N7bGCg6 { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-ny5N7bGCg6 { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } }

 .gp-component-id-1rqw4WDwH_ { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-1rqw4WDwH_ { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-1rqw4WDwH_ { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-1rqw4WDwH_ { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-1rqw4WDwH_ { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-1rqw4WDwH_ { width: 100%;overflow-wrap: break-word; } }

 .gp-component-id-a1i2gVVjQY { width: 100%;height: 100%; } @media (max-width: 639px) { .gp-component-id-a1i2gVVjQY { width: 100%;height: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-a1i2gVVjQY { width: 100%;height: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-a1i2gVVjQY { width: 100%;height: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-a1i2gVVjQY { width: 100%;height: 100%; } } @media (min-width: 1200px) { .gp-component-id-a1i2gVVjQY { width: 100%;height: 100%; } }

 .gp-component-id-OX5p1Luj3N { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-OX5p1Luj3N { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-OX5p1Luj3N { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-OX5p1Luj3N { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-OX5p1Luj3N { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-OX5p1Luj3N { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } }

 .gp-component-id-JUmU05Gnen { flex-direction: column;display: flex; } @media (max-width: 639px) { .gp-component-id-JUmU05Gnen { flex-direction: column;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-JUmU05Gnen { flex-direction: column;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-JUmU05Gnen { flex-direction: column;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-JUmU05Gnen { flex-direction: column;display: flex; } } @media (min-width: 1200px) { .gp-component-id-JUmU05Gnen { flex-direction: column;display: flex; } }

 .gp-component-id-0xDWSmh5NQ { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;width: 100%;object-position: center center;object-fit: cover; } @media (max-width: 639px) { .gp-component-id-0xDWSmh5NQ { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;width: 100%;object-position: center center;object-fit: cover; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0xDWSmh5NQ { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;width: 100%;object-position: center center;object-fit: cover; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0xDWSmh5NQ { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;width: 100%;object-position: center center;object-fit: cover; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0xDWSmh5NQ { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;width: 100%;object-position: center center;object-fit: cover; } } @media (min-width: 1200px) { .gp-component-id-0xDWSmh5NQ { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;width: 100%;object-position: center center;object-fit: cover; } }

 .gp-component-id-izAMRCAw3O { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;overflow-x: hidden;overflow-y: hidden;justify-content: flex-start;align-items: flex-start;display: inline-flex; } @media (max-width: 639px) { .gp-component-id-izAMRCAw3O { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;overflow-x: hidden;overflow-y: hidden;justify-content: flex-start;align-items: flex-start;display: inline-flex;border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;height: auto;max-width: 25%;object-position: center center;object-fit: cover; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-izAMRCAw3O { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;overflow-x: hidden;overflow-y: hidden;justify-content: flex-start;align-items: flex-start;display: inline-flex;border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;height: auto;max-width: 25%;object-position: center center;object-fit: cover; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-izAMRCAw3O { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;overflow-x: hidden;overflow-y: hidden;justify-content: flex-start;align-items: flex-start;display: inline-flex;border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;height: auto;max-width: 25%;object-position: center center;object-fit: cover; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-izAMRCAw3O { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;overflow-x: hidden;overflow-y: hidden;justify-content: flex-start;align-items: flex-start;display: inline-flex;border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;height: auto;max-width: 25%;object-position: center center;object-fit: cover; } } @media (min-width: 1200px) { .gp-component-id-izAMRCAw3O { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;overflow-x: hidden;overflow-y: hidden;justify-content: flex-start;align-items: flex-start;display: inline-flex;border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;height: auto;max-width: 25%;object-position: center center;object-fit: cover; } }

 @media (max-width: 639px) { .gp-component-id-bDZ0LyGoQB { display: flex;align-items: center;justify-content: space-around;flex-direction: row;height: 100%;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-bDZ0LyGoQB { display: flex;align-items: center;justify-content: space-around;flex-direction: row;height: 100%;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-bDZ0LyGoQB { display: flex;align-items: center;justify-content: space-around;flex-direction: row;height: 100%;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-bDZ0LyGoQB { display: flex;align-items: center;justify-content: space-around;flex-direction: row;height: 100%;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-bDZ0LyGoQB { display: flex;align-items: center;justify-content: space-around;flex-direction: row;height: 100%;width: 100%; } }

 .gp-component-id-wGUWZsl7f_ { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-wGUWZsl7f_ { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-wGUWZsl7f_ { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-wGUWZsl7f_ { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-wGUWZsl7f_ { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-wGUWZsl7f_ { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } }

 .gp-component-id-a5RaAwdX2k { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } @media (max-width: 639px) { .gp-component-id-a5RaAwdX2k { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-a5RaAwdX2k { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-a5RaAwdX2k { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-a5RaAwdX2k { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (min-width: 1200px) { .gp-component-id-a5RaAwdX2k { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } }

 .gp-component-id-xB5s0YlaHm { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-xB5s0YlaHm { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-xB5s0YlaHm { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-xB5s0YlaHm { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-xB5s0YlaHm { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-xB5s0YlaHm { width: 100%;padding-left: 8px;padding-right: 8px; } }

 .gp-component-id-tzP1qtbhz0 { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%; } @media (max-width: 639px) { .gp-component-id-tzP1qtbhz0 { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-tzP1qtbhz0 { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-tzP1qtbhz0 { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-tzP1qtbhz0 { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-tzP1qtbhz0 { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 1200px; } }

 .gp-component-id-AkK0NtJay.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-AkK0NtJay.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14;background-color: rgb(11, 10, 15); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-AkK0NtJay.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14;background-color: rgb(11, 10, 15); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-AkK0NtJay.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14;background-color: rgb(11, 10, 15); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-AkK0NtJay.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14;background-color: rgb(11, 10, 15); } } @media (min-width: 1200px) { .gp-component-id-AkK0NtJay.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14;background-color: rgb(11, 10, 15); } }

 .gp-component-id-AkK0NtJay { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-AkK0NtJay { min-height: 50px;position: relative;z-index: auto;padding-bottom: 10px;padding-top: 10px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-AkK0NtJay { min-height: 50px;position: relative;z-index: auto;padding-bottom: 10px;padding-top: 10px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-AkK0NtJay { min-height: 50px;position: relative;z-index: auto;padding-bottom: 10px;padding-top: 10px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-AkK0NtJay { min-height: 50px;position: relative;z-index: auto;padding-bottom: 10px;padding-top: 10px; } } @media (min-width: 1200px) { .gp-component-id-AkK0NtJay { min-height: 50px;position: relative;z-index: auto;padding-bottom: 10px;padding-top: 10px; } }

 .gp-component-id-eS1q9MJRVL { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-weight: inherit;font-size: inherit; } @media (max-width: 639px) { .gp-component-id-eS1q9MJRVL { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-weight: inherit;font-size: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-eS1q9MJRVL { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-weight: inherit;font-size: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-eS1q9MJRVL { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-weight: inherit;font-size: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-eS1q9MJRVL { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-weight: inherit;font-size: inherit; } } @media (min-width: 1200px) { .gp-component-id-eS1q9MJRVL { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-weight: inherit;font-size: inherit; } }