/*********************************
POINTERS — 2 THROUGH 6 OPTIONS
SAME DESKTOP SIZE / ORIGINAL LOOK
OUTER RING SHADOW / 980 MOBILE
*********************************/
.iss-pointer-count { --iss-teal:#4faeaa; --iss-lime:#c3da4d; --iss-orange:#ef6348; --iss-dark:#202929; --iss-background:#fff; width:100%; max-width:980px; margin:35px auto 0; background:transparent !important; }
.iss-pointer-count *, .iss-pointer-count *::before, .iss-pointer-count *::after { box-sizing:border-box; }

/* =========================================================
STAGE
========================================================= */
.iss-pointer-count .iss-pointer-stage { position:relative; width:100%; height:520px; overflow:hidden; isolation:isolate; background:transparent !important; }

/* =========================================================
WHITE INTERIOR
========================================================= */
.iss-pointer-count .iss-pointer-stage::after { content:""; position:absolute; left:50%; bottom:-449px; width:898px; height:898px; transform:translateX(-50%); border-radius:50%; background:#fff; display:block !important; pointer-events:none; z-index:1; }

/* =========================================================
OUTER GRADIENT RING
========================================================= */
.iss-pointer-count .iss-pointer-stage::before { content:""; position:absolute; left:50%; bottom:-480px; width:960px; height:960px; transform:translateX(-50%); border:31px solid transparent; border-radius:50%; background:linear-gradient(90deg,var(--iss-teal),var(--iss-lime)) border-box; -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; box-shadow:0 8px 22px rgba(32,41,41,.18); pointer-events:none; z-index:2 !important; }

/* =========================================================
ALL ITEM COUNTS — SAME DESKTOP SIZE
========================================================= */
.iss-pointer-two, .iss-pointer-three, .iss-pointer-four, .iss-pointer-five, .iss-pointer-six { max-width:980px; }

.iss-pointer-two .iss-pointer-stage, .iss-pointer-three .iss-pointer-stage, .iss-pointer-four .iss-pointer-stage, .iss-pointer-five .iss-pointer-stage, .iss-pointer-six .iss-pointer-stage { height:520px; }

.iss-pointer-two .iss-pointer-stage::before, .iss-pointer-three .iss-pointer-stage::before, .iss-pointer-four .iss-pointer-stage::before, .iss-pointer-five .iss-pointer-stage::before, .iss-pointer-six .iss-pointer-stage::before { bottom:-480px; width:960px; height:960px; border-width:31px; }

.iss-pointer-two .iss-pointer-stage::after, .iss-pointer-three .iss-pointer-stage::after, .iss-pointer-four .iss-pointer-stage::after, .iss-pointer-five .iss-pointer-stage::after, .iss-pointer-six .iss-pointer-stage::after { bottom:-449px; width:898px; height:898px; }

/* =========================================================
OPTIONS
========================================================= */
.iss-pointer-count .iss-pointer-options { position:absolute; inset:0; z-index:25 !important; }

.iss-pointer-count .iss-pointer-option { position:absolute; width:180px; color:var(--iss-dark); text-align:center; text-decoration:none; transform:translate(-50%,-50%); transition:transform .25s ease; }

.iss-pointer-count button.iss-pointer-option { border:0; padding:0; background:transparent; font:inherit; cursor:pointer; }

.iss-pointer-count .iss-pointer-option:hover, .iss-pointer-count .iss-pointer-option:focus { color:var(--iss-dark); text-decoration:none; }

.iss-pointer-count .iss-pointer-option.is-active { color:var(--iss-dark); text-decoration:none; transform:translate(-50%,-50%); }

.iss-pointer-count .iss-pointer-option:hover, .iss-pointer-count .iss-pointer-option:focus-visible { transform:translate(-50%,-50%) scale(1.04); }

.iss-pointer-count .iss-pointer-option:focus-visible { outline:3px solid var(--iss-orange); outline-offset:7px; border-radius:8px; }

.iss-pointer-count .iss-pointer-icon { display:block; width:56px !important; height:56px !important; margin:0 auto 8px; object-fit:contain; }

.iss-pointer-count .iss-pointer-label { display:block; width:180px; color:var(--iss-dark); font-weight:800; font-size:20px; line-height:1.1; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,.75); }

/* =========================================================
ALL OPTIONS — SAME SIZE
========================================================= */
.iss-pointer-two .iss-pointer-option, .iss-pointer-three .iss-pointer-option, .iss-pointer-four .iss-pointer-option, .iss-pointer-five .iss-pointer-option, .iss-pointer-six .iss-pointer-option { width:180px; }

.iss-pointer-two .iss-pointer-icon, .iss-pointer-three .iss-pointer-icon, .iss-pointer-four .iss-pointer-icon, .iss-pointer-five .iss-pointer-icon, .iss-pointer-six .iss-pointer-icon { width:56px !important; height:56px !important; }

.iss-pointer-two .iss-pointer-label, .iss-pointer-three .iss-pointer-label, .iss-pointer-four .iss-pointer-label, .iss-pointer-five .iss-pointer-label, .iss-pointer-six .iss-pointer-label { width:180px; font-size:18px; }

/* =========================================================
DIVIDERS
HIDDEN — KEEPING CURRENT WORKING LOOK
========================================================= */
.iss-pointer-count .iss-pointer-dividers { position:absolute !important; inset:0 !important; display:none !important; pointer-events:none !important; z-index:9 !important; }

.iss-pointer-count .iss-pointer-divider { position:absolute !important; display:block !important; width:2px !important; background:rgba(30,42,42,.3) !important; transform-origin:50% 100% !important; }

/* =========================================================
ORANGE RING
SAME SIZE FOR 2–6
========================================================= */
.iss-pointer-count .iss-pointer-orange-ring { position:absolute; left:50%; bottom:-205px; width:410px; height:410px; transform:translateX(-50%); display:block !important; border:42px solid transparent; border-top-color:var(--iss-orange); border-right-color:var(--iss-orange); border-left-color:var(--iss-orange); border-radius:50%; clip-path:inset(0 0 50% 0); pointer-events:none; z-index:12 !important; }

.iss-pointer-two .iss-pointer-orange-ring, .iss-pointer-three .iss-pointer-orange-ring, .iss-pointer-four .iss-pointer-orange-ring, .iss-pointer-five .iss-pointer-orange-ring, .iss-pointer-six .iss-pointer-orange-ring { bottom:-205px; width:410px; height:410px; border-width:42px; }

/* =========================================================
ORANGE POINTER
========================================================= */
.iss-pointer-count .iss-pointer-moving-arrow { position:absolute !important; left:50%; top:50%; width:0; height:0; transform:translate(-50%,-50%) rotate(var(--pointer-rotation,0deg)) !important; transform-origin:center !important; transition:left .45s ease, top .45s ease, transform .45s ease; pointer-events:none; z-index:11 !important; display:block !important; }

.iss-pointer-count .iss-pointer-arrow-shape { position:absolute !important; left:0; top:50%; width:85px; height:135px; background:var(--iss-orange); clip-path:polygon(100% 50%,0 0,0 100%); transform:translate(-34px,-50%) !important; transform-origin:0 50%; display:block !important; }

/* =========================================================
CENTER CIRCLE
========================================================= */
.iss-pointer-count .iss-pointer-center { position:absolute; left:50%; bottom:-155px; width:310px; height:310px; transform:translateX(-50%); display:flex; align-items:flex-start !important; justify-content:center !important; padding-top:72px !important; border-radius:50%; background:linear-gradient(90deg,var(--iss-teal),var(--iss-lime)); color:#fff; text-align:center; text-decoration:none; overflow:visible !important; box-shadow:0 0 0 18px #fff !important; z-index:14 !important; }
.iss-pointer-two .iss-pointer-center, .iss-pointer-three .iss-pointer-center, .iss-pointer-four .iss-pointer-center, .iss-pointer-five .iss-pointer-center, .iss-pointer-six .iss-pointer-center { bottom:-155px; width:310px; height:310px; padding-top:72px !important; box-shadow:0 0 0 18px #fff !important; }
.iss-pointer-count .iss-pointer-center:hover, .iss-pointer-count .iss-pointer-center:focus { color:#fff; text-decoration:none; }
.iss-pointer-count .iss-pointer-center::before { content:""; position:absolute; inset:-8px; border:8px solid #fff; border-radius:50%; pointer-events:none; z-index:2; }
.iss-pointer-count .iss-pointer-center::after { display:none !important; }
.iss-pointer-count .iss-pointer-center-text { position:relative !important; z-index:3 !important; width:240px !important; max-width:80% !important; color:#fff !important; font-size:22px !important; font-weight:800 !important; line-height:1.08 !important; text-align:center !important; transition:opacity .18s ease,transform .22s ease; }
.iss-pointer-two .iss-pointer-center-text, .iss-pointer-three .iss-pointer-center-text, .iss-pointer-four .iss-pointer-center-text, .iss-pointer-five .iss-pointer-center-text, .iss-pointer-six .iss-pointer-center-text { width:240px !important; font-size:22px !important; }
.iss-pointer-count .iss-pointer-center-content, .iss-pointer-count .iss-pointer-center-description { display:none !important; }

/* =========================================================
OUTER GRADIENT RING SHADOW
========================================================= */

.iss-orbit, .iss-orbit-wrap, .iss-ring, .iss-outer-ring { overflow:visible !important; }

.iss-orbit::after, .iss-orbit-wrap::after, .iss-ring::after, .iss-outer-ring::after { content:"" !important; position:absolute !important; inset:0 !important; border-radius:50% 50% 0 0 !important; box-shadow:0 0 28px rgba(0,0,0,0.22) !important; pointer-events:none !important; z-index:1 !important; }

/* =========================================================
NO LINK MODE
========================================================= */
.iss-pointer-no-links .iss-pointer-option, .iss-pointer-no-links .iss-pointer-center { cursor:default; }

/* =========================================================
MOBILE — 980PX AND BELOW
========================================================= */

@media (max-width:980px) {
  .iss-pointer-count, .iss-pointer-two, .iss-pointer-three, .iss-pointer-four, .iss-pointer-five, .iss-pointer-six { max-width:620px; margin:20px auto; background:transparent !important; }
  .iss-pointer-count .iss-pointer-stage, .iss-pointer-two .iss-pointer-stage, .iss-pointer-three .iss-pointer-stage, .iss-pointer-four .iss-pointer-stage, .iss-pointer-five .iss-pointer-stage, .iss-pointer-six .iss-pointer-stage { height:auto; overflow:visible; background:transparent !important; }
  .iss-pointer-count .iss-pointer-stage::before, .iss-pointer-count .iss-pointer-stage::after, .iss-pointer-count .iss-pointer-dividers, .iss-pointer-count .iss-pointer-moving-arrow, .iss-pointer-count .iss-pointer-orange-ring, .iss-pointer-count .iss-pointer-center { display:none !important; }
  .iss-pointer-count .iss-pointer-options { position:relative; inset:auto; display:grid; gap:12px; padding:10px 16px; }
  .iss-pointer-count .iss-pointer-option, .iss-pointer-two .iss-pointer-option, .iss-pointer-three .iss-pointer-option, .iss-pointer-four .iss-pointer-option, .iss-pointer-five .iss-pointer-option, .iss-pointer-six .iss-pointer-option { position:relative; left:0 !important; top:0 !important; width:100% !important; min-height:76px; display:grid !important; grid-template-columns:48px minmax(0,1fr) 28px; align-items:center; gap:14px; padding:13px 18px; border:2px solid transparent; border-radius:13px; background:#fff; box-shadow:0 7px 20px rgba(30,42,42,.08); text-align:left; transform:none !important; }

  .iss-pointer-count .iss-pointer-option::after { content:"→"; color:var(--iss-teal); font-size:26px; line-height:1; text-align:right; }
  .iss-pointer-no-links .iss-pointer-option, .iss-pointer-count .iss-pointer-option:not([href]), .iss-pointer-count .iss-pointer-option[href=""], .iss-pointer-count .iss-pointer-option[href="#"] { grid-template-columns:48px minmax(0,1fr); }

  .iss-pointer-no-links .iss-pointer-option::after, .iss-pointer-count .iss-pointer-option:not([href])::after, .iss-pointer-count .iss-pointer-option[href=""]::after, .iss-pointer-count .iss-pointer-option[href="#"]::after { content:none !important; display:none !important; }
    
  .iss-pointer-count .iss-pointer-option:hover, .iss-pointer-count .iss-pointer-option:focus, .iss-pointer-count .iss-pointer-option.is-active { transform:none !important; }
  .iss-pointer-count .iss-pointer-option.is-active { border-color:transparent; box-shadow:0 7px 20px rgba(30,42,42,.08); }
  .iss-pointer-count .iss-pointer-option:hover { border-color:var(--iss-orange); box-shadow:0 9px 24px rgba(239,99,72,.16); }
  .iss-pointer-count .iss-pointer-icon { width:46px !important; height:46px !important; margin:0 !important; }
  .iss-pointer-count .iss-pointer-label { width:auto; font-size:16px !important; line-height:1.18 !important; text-align:left; }
}

/* =========================================================
SMALL MOBILE
========================================================= */

@media (max-width:600px) {
  .iss-pointer-count, .iss-pointer-two, .iss-pointer-three, .iss-pointer-four, .iss-pointer-five, .iss-pointer-six { max-width:100%; }
  .iss-pointer-count .iss-pointer-options { padding:10px 12px; }
  .iss-pointer-count .iss-pointer-option, .iss-pointer-two .iss-pointer-option, .iss-pointer-three .iss-pointer-option, .iss-pointer-four .iss-pointer-option, .iss-pointer-five .iss-pointer-option, .iss-pointer-six .iss-pointer-option { min-height:70px; padding:11px 14px; grid-template-columns:44px minmax(0,1fr) 24px; gap:12px; }
  .iss-pointer-count .iss-pointer-icon { width:42px !important; height:42px !important; }
  .iss-pointer-count .iss-pointer-label { font-size:15px !important; }
}