/* /case-study/gamesphere-solutions-casino-api-integration — AISHTMLNEWDESIGN-536
   Page-owned styles. EVERY selector is scoped to #page-case-study-gamesphere-solutions-casino-api-integration or a
   csgs- prefixed class: this sheet must never style body, a bare
   element, #ais-header or #ais-footer. The document reset
   (html,body{margin:0}) is owned by the shared layout sheet.
   Font is Inter; no body/UI text below 16px. */

/* VISUAL DIRECTION — "UPLINK"
   The record's whole case is an API CONNECTION being made reliable: third-
   party casino game APIs wired into GameSphere's platform, synchronized,
   authenticated, load-balanced, encrypted, and kept compliant across
   jurisdictions. So the page reads as a connection/status system rather
   than a game-table motif: a small filled SQUARE status-tile (not a circle,
   not a monospace digit -- both already used by this session's own sibling
   /case-study/lootbox-case-opening-platform-case-study) marks every list
   entry, like a status LED on a connection panel.

   Palette checked against every sibling page's own VISUAL DIRECTION comment
   before picking it: teal is taken (aceplay-igaming-backend-transformation,
   --csai-signal #0e7490), hot magenta is taken (betking-sports-betting-
   platform, --bks-price #e8368f), cyan/sapphire/violet/vermilion/copper/
   amber/jade/indigo/coral are all taken elsewhere in this case-study set.
   The open gap sits between violet (~258°) and hot magenta (~330°) --
   landed on a deep ORCHID/PLUM at ~292°, symmetric distance from both.

   No keyframes; motion is hover/focus/active only (rule 26).

   CTA COLOUR RULE, learned on /case-study/rummy-game-app: a button must clear
   3:1 against the surface BEHIND it (WCAG 1.4.11), its label 4.5:1 (1.4.3),
   and no button reuses a colour from the band it sits on. Computed, then
   re-verified live in the browser below, not assumed from the tokens alone:
     - orchid #771f84 on paper #f6f6f5 : 8.39:1
     - lilac #cb79d8 on void #17151b   : 6.27:1 */

#page-case-study-gamesphere-solutions-casino-api-integration {
  --csgs-void: #17151b;        /* hero + challenges/results plate ground */
  --csgs-void-2: #1f1a25;      /* gradient stop */
  --csgs-void-3: #241f2c;      /* raised element on the void */
  --csgs-orchid: #771f84;      /* the single accent -- paper-ground text/border */
  --csgs-orchid-dp: #5c1867;   /* pressed/hover state of the accent */
  --csgs-lilac: #cb79d8;       /* on-dark readout -- --csgs-orchid is too dark on void */
  --csgs-paper: #f6f6f5;       /* page ground, paper sections */
  --csgs-bone: #ecebe9;        /* card-on-paper tone */
  --csgs-ink: #1a171d;         /* text on light */
  --csgs-muted: #5c5763;       /* secondary text on light */
  --csgs-onvoid: #d6d1da;      /* body text on the void */
  --csgs-line: #ddd9d6;        /* rules on light */
  --csgs-line-void: rgba(214, 209, 218, 0.18); /* rules on the void */

  font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: var(--csgs-ink);
  background: var(--csgs-paper);
  -webkit-font-smoothing: antialiased;
}

#page-case-study-gamesphere-solutions-casino-api-integration *,
#page-case-study-gamesphere-solutions-casino-api-integration *::before,
#page-case-study-gamesphere-solutions-casino-api-integration *::after { box-sizing: border-box; }

#page-case-study-gamesphere-solutions-casino-api-integration p { margin: 0 0 18px; }
#page-case-study-gamesphere-solutions-casino-api-integration p:last-child { margin-bottom: 0; }

#page-case-study-gamesphere-solutions-casino-api-integration .csgs-wrap { max-width: 1120px; margin: 0 auto; padding: 0 28px; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-wrap--read { max-width: 760px; }

/* ---------- hero (rule 24: image-free, static gradient, one CTA) ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-hero {
  background: linear-gradient(160deg, #100e13 0%, var(--csgs-void) 55%, var(--csgs-void-2) 100%);
  padding: 88px 28px 64px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-hero__inner { max-width: 900px; margin: 0 auto; text-align: center; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-eyebrow {
  margin: 0 0 18px; font-size: 16px; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--csgs-lilac);
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-hero__title {
  margin: 0 0 20px; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.12;
  font-weight: 800; letter-spacing: -0.02em; color: #fff;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-hero__lede { margin: 0 auto 30px; color: var(--csgs-onvoid); max-width: 76ch; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-hero__techlabel { margin: 0 0 14px; font-size: 18px; font-weight: 800; color: #fff; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-tech {
  list-style: none; margin: 0 0 34px; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-tech li {
  border: 2px solid var(--csgs-line-void); color: var(--csgs-onvoid);
  padding: 9px 16px; font-weight: 600; font-size: 16px; border-radius: 100px;
}

/* ---------- breadcrumb (sits flush under the hero -- no decorative divider
   between them: a sibling page shipped one with no background-color of its
   own, which showed the page ground through its transparent gaps as an
   unwanted light band; not repeating that here) ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-breadcrumb {
  background: var(--csgs-void); padding: 16px 28px; font-size: 15px; color: var(--csgs-onvoid);
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-breadcrumb .csgs-wrap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; max-width: 1120px; margin: 0 auto; padding: 0; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-breadcrumb__back { display: inline-flex; filter: invert(1) brightness(1.6); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-breadcrumb__leg { color: var(--csgs-lilac); text-decoration: none; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-breadcrumb__leg:hover { text-decoration: underline; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-breadcrumb__current { color: #fff; font-weight: 600; }

/* ---------- Case Study contents (TOC) — status-tile row list ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc { background: var(--csgs-paper); padding: 44px 0; border-bottom: 1px solid var(--csgs-line); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__title {
  margin: 0 0 20px; font-size: 16px; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--csgs-orchid);
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 24px;
  border-top: 1px solid var(--csgs-line);
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__item {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 0; border-bottom: 1px solid var(--csgs-line);
  font-weight: 600; color: var(--csgs-ink); text-decoration: none;
  transition: color 140ms ease;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__tile {
  flex: none; width: 10px; height: 10px; background: var(--csgs-orchid);
  transition: background-color 140ms ease, transform 140ms ease;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__item:hover,
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__item:focus-visible { color: var(--csgs-orchid-dp); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__item:hover .csgs-toc__tile,
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__item:focus-visible .csgs-toc__tile { transform: scale(1.3); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__item:focus-visible { outline: 3px solid var(--csgs-orchid); outline-offset: 2px; }

/* ---------- section shell ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-section { padding: 88px 0; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-section--paper { background: var(--csgs-paper); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-section--void { background: var(--csgs-void); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-h2 {
  margin: 0 0 28px; font-size: clamp(28px, 3vw, 38px); font-weight: 800;
  letter-spacing: -0.01em; color: var(--csgs-ink); text-align: center;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-h2::after {
  content: ""; display: block; width: 44px; height: 4px; margin: 16px auto 0; background: var(--csgs-orchid);
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-h2--void { color: #fff; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-h2--void::after { background: var(--csgs-lilac); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-lede { margin: 0 auto; max-width: 80ch; color: var(--csgs-muted); text-align: center; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-section--void .csgs-lede { color: var(--csgs-onvoid); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-sec__ctarow { margin: 34px 0 0; text-align: center; }

/* ---------- buttons ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn {
  display: inline-block; border: 0; border-radius: 10px; cursor: pointer;
  font-family: inherit; font-size: 17px; font-weight: 700; padding: 15px 26px;
  transition: background-color 140ms ease, color 140ms ease, transform 140ms ease, border-color 140ms ease;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn--primary { background: var(--csgs-orchid); color: #fff; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn--primary:hover { background: var(--csgs-orchid-dp); transform: translateY(-1px); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn--ghost {
  background: transparent; color: var(--csgs-orchid); border: 2px solid var(--csgs-orchid); padding: 13px 24px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn--ghost:hover { background: var(--csgs-orchid); color: #fff; transform: translateY(-1px); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn:focus-visible { outline: 3px solid var(--csgs-lilac); outline-offset: 3px; }

/* ---------- Challenges: a status ledger on the void ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-chal-list { list-style: none; margin: 0 auto; padding: 0; max-width: 880px; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-chal {
  display: grid; grid-template-columns: 40px 1fr; gap: 20px; align-items: start;
  padding: 26px 0; border-top: 1px solid var(--csgs-line-void);
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-chal-list .csgs-chal:last-child { border-bottom: 1px solid var(--csgs-line-void); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-chal__tile {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; background: var(--csgs-orchid); color: #fff;
  font-size: 15px; font-weight: 800; margin-top: 2px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-chal__t { margin: 0 0 8px; font-size: 20px; font-weight: 800; color: #fff; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-chal__b { margin: 0; color: var(--csgs-onvoid); }

/* ---------- Solution table ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-tablewrap { overflow-x: auto; border: 1px solid var(--csgs-line); border-radius: 12px; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-map { width: 100%; border-collapse: collapse; background: #fff; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-map th {
  text-align: left; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--csgs-orchid); background: var(--csgs-bone); padding: 16px 20px; border-bottom: 1px solid var(--csgs-line);
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-map td { padding: 18px 20px; vertical-align: top; border-bottom: 1px solid var(--csgs-line); color: var(--csgs-ink); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-map tbody tr:last-child td { border-bottom: 0; }
/* column dividers between Challenge/Solution/Result, modelled on
   /case-study/sportivaplay-fantasy-sports-app-case-study .spfs-map */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-map th + th,
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-map td + td {
  border-left: 4px solid var(--csgs-orchid);
}

/* ---------- Measurable Results: stat plates on the void ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-stats {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-stat {
  background: var(--csgs-void-3); border-top: 3px solid var(--csgs-lilac);
  padding: 26px 20px; text-align: center; border-radius: 4px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-stat__n {
  display: block; font-size: clamp(30px, 3.4vw, 40px);
  font-weight: 800; color: var(--csgs-lilac); margin-bottom: 10px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-stat__b { display: block; color: var(--csgs-onvoid); font-size: 15px; }

/* ---------- Why AIS Technolabs: ruled columns, status-tile mark (no
   numbering -- this record's "1./2./3./4." prefixes are literal preserved
   text on the sibling lootbox ticket's IDENTICAL four reasons, and the
   client-facing request there was to drop the numeral affordance; applying
   that same design choice here from the start rather than waiting for the
   same feedback twice) ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-whys {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px;
  max-width: 1000px; margin: 0 auto;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-why {
  text-align: left;
  /* same card treatment as .csgs-region (Area We Serve) below — the
     established box-on-paper pattern already used elsewhere on this page,
     rather than a new one-off style */
  background: #fff; border: 1px solid var(--csgs-line); border-radius: 12px; padding: 24px 22px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-why__tile {
  display: block; width: 34px; height: 6px; background: var(--csgs-orchid); margin-bottom: 16px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-why__t { margin: 0 0 8px; font-size: 19px; font-weight: 800; color: var(--csgs-ink); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-why__b { margin: 0; color: var(--csgs-muted); font-size: 15px; }

/* ---------- Client Quote ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-quote {
  margin: 0; padding: 36px 40px; border-left: 4px solid var(--csgs-lilac);
  background: var(--csgs-void-3); border-radius: 4px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-quote p {
  margin: 0; font-size: clamp(20px, 2.4vw, 26px); font-weight: 600; line-height: 1.5; color: #fff;
}

/* ---------- Area We Serve ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-regions {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-region {
  background: #fff; border: 1px solid var(--csgs-line); border-radius: 12px; padding: 24px 22px;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-region__t { margin: 0 0 10px; font-size: 17px; font-weight: 800; color: var(--csgs-ink); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-region__phone {
  display: inline-block; margin-bottom: 10px; font-size: 15px;
  font-weight: 700; color: var(--csgs-orchid); text-decoration: none;
}
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-region__phone:hover { text-decoration: underline; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-region__addr { margin: 0; font-size: 14px; color: var(--csgs-muted); line-height: 1.55; }

/* ---------- CTA modal ---------- */
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal { display: none; position: fixed; inset: 0; z-index: 1000; padding: 20px; overflow-y: auto; background: rgba(17, 15, 21, 0.78); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal.is-open { display: flex; align-items: flex-start; justify-content: center; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__box { position: relative; width: 100%; max-width: 620px; margin: auto; border-radius: 16px; background: #fff; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.7); overflow: hidden; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--csgs-line); border-radius: 50%; background: #fff; color: var(--csgs-ink); cursor: pointer; transition: background-color 0.16s, color 0.16s; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x::before,
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background: currentColor; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x::before { transform: translate(-50%, -50%) rotate(45deg); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x::after { transform: translate(-50%, -50%) rotate(-45deg); }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x:hover { background: var(--csgs-void); color: #fff; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x:focus-visible { outline: 3px solid var(--csgs-orchid); outline-offset: 2px; }
#page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__frame { display: block; width: 100%; min-height: 860px; border: 0; }

/* ---------- responsive ---------- */
@media (max-width: 1020px) {
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-stats { grid-template-columns: repeat(2, 1fr); }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-whys { grid-template-columns: repeat(2, 1fr); }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-regions { grid-template-columns: repeat(2, 1fr); }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  #page-case-study-gamesphere-solutions-casino-api-integration { font-size: 16px; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-wrap { padding: 0 18px; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-section { padding: 56px 0; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-hero { padding: 60px 18px 44px; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-breadcrumb { padding: 12px 18px; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__list { grid-template-columns: 1fr; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-chal { grid-template-columns: 1fr; gap: 10px; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-stats { grid-template-columns: 1fr; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-whys { grid-template-columns: 1fr; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-regions { grid-template-columns: 1fr; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-quote { padding: 24px 22px; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn { width: 100%; text-align: center; padding: 16px 22px; }

  /* the mapping table reflows to labelled cards -- no sideways scrolling */
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-tablewrap { overflow-x: visible; border: 0; border-radius: 0; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map, #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map tbody, #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map tr, #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map td { display: block; box-sizing: border-box; max-width: 100%; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map tr { border: 1px solid var(--csgs-line); border-top: 4px solid var(--csgs-orchid); margin-bottom: 16px; background: #fff; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map td { border-bottom: 0; padding: 14px 18px; }
  /* stacked cards have no columns, so no vertical divider. MUST reuse the
     base rule's exact "td + td" selector, not a bare "td" reset: the base
     rule's specificity beats a plain ".csgs-map td { border-left:0 }" here
     regardless of source order -- same trap the sportivaplay reference's
     own stylesheet documents for this identical pattern. */
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map td + td { border-left: 0; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-map td::before {
    content: attr(data-label); display: block; font-size: 13px; font-weight: 800; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--csgs-orchid); margin-bottom: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn,
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-btn:hover { transition: none; transform: none; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x,
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-modal__x:hover { transition: none; }
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__item,
  #page-case-study-gamesphere-solutions-casino-api-integration .csgs-toc__tile { transition: none; }
}