/* GOLDEN FLASH - consolidated stylesheet (hand-cleaned Webflow export).
   1  reset (normalize)
   2  base framework -- the load-bearing rules, renamed .wf-
   2b widget geometry the dropped runtime rules used to provide
   3  Golden Flash design, including the renamed commerce layout
   4  components -- vanilla replacements for the Webflow runtime
      and its IX2 / IX3 interactions

   Fonts: assets/fonts/fonts.css (BDO Grotesk + Inter, self-hosted
   woff2; the export shipped BDO as .otf and pulled Inter from Google
   at runtime). */

/* ======================================================================
   1. Reset (normalize)
   ====================================================================== */
html {
  font-family: sans-serif;
  
  -ms-text-size-adjust: 100%;
  
  -webkit-text-size-adjust: 100%;
  
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  
  vertical-align: baseline;
  
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  
  font: inherit;
  
  margin: 0;
  
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  
  cursor: pointer;
  
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  
  padding: 0;
  
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: none;
  
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  
  padding: 0;
  
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/* ======================================================================
   2. Base framework (runtime-only rules dropped; the rest kept as .wf-)
   ====================================================================== */
[class^="w-icon-"], [class*=" w-icon-"] {
  
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.inline-block {
  max-width: 100%;
  display: inline-block;
}
.wf-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.wf-button {
  -webkit-appearance: button;
}
h1:where(:not([class*="heading-scale-"])), h2:where(:not([class*="heading-scale-"])), h3:where(:not([class*="heading-scale-"])), h4:where(:not([class*="heading-scale-"])), h5:where(:not([class*="heading-scale-"])), h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-1), :where(.heading-scale-2), :where(.heading-scale-3), :where(.heading-scale-4), :where(.heading-scale-5), :where(.heading-scale-6) {
  font-weight: bold;
  margin-bottom: 10px;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.embed:before, .embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.embed:after {
  clear: both;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button, [type='button'], [type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.wf-form {
  margin: 0 0 15px;
}
.wf-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.wf-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.wf-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.wf-input::placeholder {
  color: #999;
}
.wf-input:focus {
  border-color: #3898EC;
  outline: 0;
}
.wf-input[disabled], .wf-input[readonly], fieldset[disabled] .wf-input {
  cursor: not-allowed;
}
.wf-input[readonly] {
  background-color: #eeeeee;
}
textarea.wf-input {
  height: auto;
}
.bg-video {
  position: relative;
  overflow: hidden;
  height: 500px;
  color: white;
}
.bg-video > video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100;
}
.bg-video > video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.video-control {
  position: absolute;
  bottom: 1em;
  right: 1em;
  background-color: transparent;
  padding: 0;
}
.video-control > [hidden] {
  display: none !important;
}
.richtext:before, .richtext:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.richtext:after {
  clear: both;
}
.richtext[contenteditable="true"]:before, .richtext[contenteditable="true"]:after {
  white-space: initial;
}
.richtext ol, .richtext ul {
  overflow: hidden;
}
.richtext figure[data-rt-type="video"] > div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.richtext figure {
  position: relative;
  max-width: 60%;
}
.richtext figure > div:before {
  cursor: default!important;
}
.richtext figure img {
  width: 100%;
}
.richtext figure div {
  
  font-size: 0px;
  color: transparent;
}
.richtext figure.wf-richtext-figure-type-image, .richtext figure[data-rt-type="image"] {
  display: table;
}
.richtext figure.wf-richtext-figure-type-image > div, .richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.richtext figure.wf-richtext-figure-type-image > figcaption, .richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.richtext figure[data-rt-type="video"] > div {
  width: 100%;
}
.richtext figure.wf-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.richtext figure.wf-richtext-align-fullwidth > div {
  display: inline-block;
  
  padding-bottom: inherit;
}
.richtext figure.wf-richtext-align-fullwidth > figcaption {
  display: block;
}
.tabset {
  position: relative;
}
.tabset:before, .tabset:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.tabset:after {
  clear: both;
}
.tabset-menu {
  position: relative;
}
.tabset-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}
.tabset-link[aria-current="page"], .tabset-link.is-active {
  background-color: #C8C8C8;
}
.tabset-link:focus {
  outline: 0;
}
.tabset-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.tabset-pane {
  position: relative;
  display: none;
}
.tabset-pane.is-active {
  display: block;
}
@media screen and (max-width: 479px) {
.tabset-link {
    display: block;
  }
}
@keyframes spin {
0% {
    transform: rotate(0deg);
  }
100% {
    transform: rotate(360deg);
  }
}
/* ======================================================================
   2b. Widget geometry the dropped rules used to provide
   ====================================================================== */
/* Widget geometry the dropped framework rules used to provide.
   ---------------------------------------------------------------------------
   build_css drops every `.w-nav*`, `.w-dropdown*`, `.w-slider*` and `.w-dyn*`
   rule from webflow.css, because those selectors only existed for a runtime
   this template does not ship. Several of them were carrying real layout, so
   the layout is transcribed here against THIS design's own class names --
   values copied from the export's sheet, never re-guessed.

   This file is emitted BETWEEN the framework and the design sections, so the
   design keeps overriding it exactly as it overrode the originals. Nothing here
   may out-score the design rule it stands in for: a replacement that wins the
   cascade where the original lost is how Aureva threw a slider arrow across the
   page. Where a selector had to grow (the nav overlay's closed state), it is
   wrapped in `:where()` so it still scores what it scored before. */

/* --- nav bar ------------------------------------------------------------ */
/* `.w-nav`. The design sets `position: absolute` and a transparent background
   over these; only the stacking context is load-bearing here. The clearfix
   pseudo-elements are reproduced because they are real boxes -- a `display:
   table` with a space in it is not zero-height, and dropping them moved the
   header up on every page. */
.navbar {
  position: relative;
  z-index: 1000;
}
.navbar:before, .navbar:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.navbar:after {
  clear: both;
}
/* `.w-nav-brand`, on the header logo and the footer logo alike. */
.navbar-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333;
}
/* `.w-nav-menu`. */
.nav-menu-wrapper {
  position: relative;
  float: right;
}
/* `.w-nav-button`, plus the `[data-collapse='medium']` pair that showed it and
   hid the menu below 992px. The button is a real <button> now, so the UA's
   form-control reset has to be undone as well -- see the reset at the end. */
.menu-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
/* --- nav overlay -------------------------------------------------------- */
/* Above 992px the overlay must not exist as a box at all. `.navbar-wrapper` is
   a flex row and `.nav-menu-wrapper` is `float: right` inside it; putting a
   plain <div> between the two makes the DIV the flex item, and a block whose
   only child is floated collapses to zero height -- the whole desktop nav
   disappears. `display: contents` removes the wrapper from the box tree and
   hands `.nav-menu-wrapper` its place back, unchanged. */
.nav-overlay {
  display: contents;
}
/* Below 992px the runtime wrapped the panel in a `.w-nav-overlay` it built in
   JavaScript, measured the panel's height and slid it down. `.nav-overlay` is
   that wrapper, written into the markup at build time; its closed and open
   states are these two rules, so nothing has to be measured at runtime.

   The closed state is keyed on the overlay rather than on `.nav-menu-wrapper`
   for the reason Oldage documented: `.nav-menu-wrapper { display: none }`
   scores (0, 1, 0), the same as the design's own rule for it, and the design is
   emitted later and wins -- which leaves a hidden-looking menu whose links are
   all still in the tab order. */
@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
    display: none;
  }

  .menu-button {
    display: block;
  }

  .nav-overlay {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
  }

  .nav-overlay:not([data-open]) .nav-menu-wrapper {
    display: none;
  }

  .nav-overlay[data-open] .nav-menu-wrapper {
    display: block;
  }
}
/* --- the Page dropdown -------------------------------------------------- */
/* `.w-dropdown`, `.w-dropdown-toggle`, `.w-dropdown-list` and
   `.w-dropdown-link`. The toggle's `padding-right: 40px` left room for the
   runtime's own caret; this design draws its own arrow inside the button, so
   the padding is transcribed as written and the design overrides it. */
.nav-dropdown {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900;
}
.nav-dropdown-toggle {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222;
  padding: 20px 40px 20px 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  user-select: none;
  display: inline-block;
  cursor: pointer;
}
.nav-dropdown-list {
  position: absolute;
  background: #ddd;
  display: none;
  min-width: 100%;
}
.nav-dropdown-list.is-open {
  display: block;
}
.nav-dropdown-link {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222;
  padding: 10px 20px;
  display: block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}
/* `.w-dropdown-link.w--current` and `.w-nav-link.w--current`. The design
   overrides both with its own colours; these are the fallbacks underneath. */
.nav-dropdown-link[aria-current="page"], .nav-link[aria-current="page"] {
  color: #0082f3;
}
/* --- testimonial slider ------------------------------------------------- */
/* `.w-slider`, `.w-slider-mask`, `.w-slide` and the two arrows.

   The mask becomes a flex row rather than the framework's `inline-block` +
   `white-space: nowrap`. Webflow's runtime measured each slide in pixels and
   could absorb the whitespace between two inline-blocks; a flex row has no
   whitespace to absorb, which is what lets main.js move the track by whole
   percentages instead of measuring anything. The visible result is the same
   slide at the same width -- the mask is `overflow: clip`, so the difference
   only ever existed off-screen. */
.testimonial-slider {
  position: relative;
  height: 300px;
  text-align: center;
  background: #ddd;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.testimonial-mask {
  position: relative;
  display: flex;
  overflow: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
}
.testimonial-slide {
  position: relative;
  flex: 0 0 100%;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
}
.testimonial-left-arrow, .testimonial-right-arrow {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.testimonial-left-arrow {
  z-index: 3;
  right: auto;
}
.testimonial-right-arrow {
  z-index: 4;
  left: auto;
}
/* --- form controls the transform re-tagged ------------------------------ */
/* Seven elements become <button>s here: the menu toggle, the Page dropdown, the
   FAQ questions, both tab strips, both slider arrows and the fixtures
   See More / See Less pair. All of them were <a>s or <div>s.

   Crossing into a form control is not a cosmetic change. Chrome's UA sheet
   resets `letter-spacing`, `word-spacing`, `text-transform`, `text-indent`, `text-shadow` and `text-align` on buttons, and `font: inherit` does NOT bring
   them back -- they are not part of the `font` shorthand. This design sets
   letter-spacing on nearly every type token, so without this reset every
   re-tagged label measures narrower than the export's and can wrap a line
   early. `:where()` keeps the whole reset at specificity 0, so every design
   rule still wins. */
:where(button.menu-button, button.nav-dropdown-toggle, button.faq-question, button.tabset-link, button.testimonial-left-arrow, button.testimonial-right-arrow, button.transparent-button, button.lightbox-link) {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-indent: inherit;
  text-shadow: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
/* ======================================================================
   3. Golden Flash design
   ====================================================================== */
:root {
  --_colors---background-color--dark: #0b0d13;
  --font-family--inter-tight: "Inter Tight", sans-serif;
  --_colors---text-color--white: white;
  --_typography---texts-font-sizes--default-paragraph: 1rem;
  --_typography---texts-line-height--default-paragraph: 150%;
  --font-weight--normal-regular: 400;
  --_typography---texts-letter-spacing--default-paragraph: 0rem;
  --font-family--anton: Anton, sans-serif;
  --_typography---heading-font-sizes--h1: 5.625rem;
  --_typography---heading-line-height--h1: 111.111%;
  --_typography---heading-letter-spacing--h1: -.1125rem;
  --_typography---heading-font-sizes--h2: 3.125rem;
  --_typography---heading-line-height--h2: 100%;
  --_typography---heading-letter-spacing--h2: -.0625rem;
  --_typography---heading-font-sizes--h3: 2.5rem;
  --_typography---heading-line-height--h3: 125%;
  --_typography---heading-letter-spacing--h3: -.05rem;
  --_typography---heading-font-sizes--h4: 2rem;
  --_typography---heading-line-height--h4: 140.625%;
  --font-weight--medium: 500;
  --_typography---heading-letter-spacing--h4: -.05rem;
  --_typography---heading-font-sizes--h5: 1.5rem;
  --_typography---heading-line-height--h5: 133.333%;
  --_typography---heading-letter-spacing--h5: -.05rem;
  --_typography---heading-font-sizes--h6: 1.25rem;
  --_typography---heading-line-height--h6: 150%;
  --_typography---heading-letter-spacing--h6: 0rem;
  --_sizes---spacing--spacing-xsmall: .5rem;
  --_typography---texts-font-sizes--button: 1.125rem;
  --_typography---texts-line-height--button: 100%;
  --_typography---texts-letter-spacing--button: 0rem;
  --_colors---text-color--bright-red: #d32f2f;
  --_colors---background-color--transparent: #fff0;
  --_sizes---spacing--spacing-small: 1rem;
  --_sizes---spacing--spacing-medium-rare: 1.25rem;
  --_sizes---spacing--spacing-big: 2.5rem;
  --_sizes---spacing--spacing-massive: 5rem;
  --_sizes---border-radius--radius-small: 1rem;
  --_sizes---spacing--spacing-colossal: 6.5rem;
  --_sizes---spacing--spacing-normal: 2rem;
  --_colors---background-color--gray: #b6b6b8;
  --_sizes---border-radius--radius-medium: 1.25rem;
  --_sizes---container--max-width: 77rem;
  --_sizes---spacing--spacing-jumbo: 3.75rem;
  --_sizes---spacing--spacing-large: 2.25rem;
  --_sizes---spacing--spacing-regular: 1.5rem;
  --_typography---texts-font-sizes--paragraph-l: 1.125rem;
  --_typography---texts-line-height--paragraph-l: 155.556%;
  --_typography---texts-letter-spacing--paragraph-l: 0rem;
  --_colors---text-color--white-opacity-10: #ffffff1a;
  --_colors---background-color--blackish-blue: #060610;
  --_colors---text-color--0b0d13-opacity-70: #0b0d13b3;
  --_sizes---border-radius--radius-tiny: .75rem;
  --_colors---text-color--dark-opacity-70: #0b0d13b3;
  --_sizes---spacing--spacing-xxsmall: .75rem;
  --_colors---text-color--white-opacity-50: #ffffff80;
  --_sizes---border-radius--radius-regular: 1.5rem;
  --_sizes---spacing--spacing-tiny: .25rem;
  --_colors---text-color--black-opacity30: #0000004d;
  --_sizes---border-radius--radius-large: 1.875rem;
  --_sizes---border-radius--radius-soft: 3.125rem;
  --_sizes---spacing--spacing-medium: 1.125rem;
  --_sizes---border-radius--radius-circle: 100%;
  --_colors---button-color--quick-silver: #a7a7a7;
  --_sizes---border-radius--radius-pill: 5rem;
  --_colors---background-color--black: black;
  --_colors---background-color--light-silver: #d9d9d9;
  --font-weight--thin-hairline: 100;
  --font-weight--extra-light-ultra-light: 200;
  --_colors---text-color--blackish-blue: #060610;
  --font-weight--light: 300;
  --_sizes---default-width-height--default-width: 100%;
  --_sizes---default-width-height--default-height: 100%;
  --_sizes---default-width-height--default-line-height: 150%;
  --_colors---button-color--granite-gray: #666;
  --_colors---border-color--mid-tone-gray: #7e7e7e;
  --font-weight--semi-bold-demi-bold: 600;
  --font-weight--bold: 700;
  --font-weight--extra-bold-ultra-bold: 800;
  --font-weight--black-heavy: 900;
  --_sizes---spacing--spacing-slim: 1rem;
  --_sizes---border-radius--radius-big: 2rem;
}
.video-play-pause:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}
body {
  background-color: var(--_colors---background-color--dark);
  font-family: var(--font-family--inter-tight);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--default-paragraph);
  line-height: var(--_typography---texts-line-height--default-paragraph);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  --_typography---texts-font-sizes--default-paragraph: 1rem;
  --_typography---texts-line-height--default-paragraph: 150%;
  --_typography---texts-letter-spacing--default-paragraph: 0rem;
  --_typography---heading-font-sizes--h1: 5.625rem;
  --_typography---heading-line-height--h1: 111.111%;
  --_typography---heading-letter-spacing--h1: -.1125rem;
  --_typography---heading-font-sizes--h2: 3.125rem;
  --_typography---heading-line-height--h2: 100%;
  --_typography---heading-letter-spacing--h2: -.0625rem;
  --_typography---heading-font-sizes--h3: 2.5rem;
  --_typography---heading-line-height--h3: 125%;
  --_typography---heading-letter-spacing--h3: -.05rem;
  --_typography---heading-font-sizes--h4: 2rem;
  --_typography---heading-line-height--h4: 140.625%;
  --_typography---heading-letter-spacing--h4: -.05rem;
  --_typography---heading-font-sizes--h5: 1.5rem;
  --_typography---heading-line-height--h5: 133.333%;
  --_typography---heading-letter-spacing--h5: -.05rem;
  --_typography---heading-font-sizes--h6: 1.25rem;
  --_typography---heading-line-height--h6: 150%;
  --_typography---heading-letter-spacing--h6: 0rem;
  --_typography---texts-font-sizes--button: 1.125rem;
  --_typography---texts-line-height--button: 100%;
  --_typography---texts-letter-spacing--button: 0rem;
  --_typography---texts-font-sizes--paragraph-l: 1.125rem;
  --_typography---texts-line-height--paragraph-l: 155.556%;
  --_typography---texts-letter-spacing--paragraph-l: 0rem;
  --_sizes---spacing--spacing-xsmall: .5rem;
  --_sizes---spacing--spacing-small: 1rem;
  --_sizes---spacing--spacing-medium-rare: 1.25rem;
  --_sizes---spacing--spacing-big: 2.5rem;
  --_sizes---spacing--spacing-massive: 5rem;
  --_sizes---border-radius--radius-small: 1rem;
  --_sizes---spacing--spacing-colossal: 6.5rem;
  --_sizes---spacing--spacing-normal: 2rem;
  --_sizes---border-radius--radius-medium: 1.25rem;
  --_sizes---container--max-width: 77rem;
  --_sizes---spacing--spacing-jumbo: 3.75rem;
  --_sizes---spacing--spacing-large: 2.25rem;
  --_sizes---spacing--spacing-regular: 1.5rem;
  --_sizes---border-radius--radius-tiny: .75rem;
  --_sizes---spacing--spacing-xxsmall: .75rem;
  --_sizes---border-radius--radius-regular: 1.5rem;
  --_sizes---spacing--spacing-tiny: .25rem;
  --_sizes---border-radius--radius-large: 1.875rem;
  --_sizes---border-radius--radius-soft: 3.125rem;
  --_sizes---spacing--spacing-medium: 1.125rem;
  --_sizes---border-radius--radius-circle: 100%;
  --_sizes---border-radius--radius-pill: 5rem;
  --_sizes---default-width-height--default-width: 100%;
  --_sizes---default-width-height--default-height: 100%;
  --_sizes---default-width-height--default-line-height: 150%;
  --_sizes---spacing--spacing-slim: 1rem;
  --_sizes---border-radius--radius-big: 2rem;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-family: var(--font-family--anton);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h3);
  line-height: var(--_typography---heading-line-height--h3);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-family: var(--font-family--inter-tight);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  margin-top: 0;
  margin-bottom: 0;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-family: var(--font-family--inter-tight);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
  margin-top: 0;
  margin-bottom: 0;
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  font-family: var(--font-family--inter-tight);
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
  margin-top: 0;
  margin-bottom: 0;
}
p {
  font-family: var(--font-family--inter-tight);
  font-size: var(--_typography---texts-font-sizes--default-paragraph);
  line-height: var(--_typography---texts-line-height--default-paragraph);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  margin-top: 0;
  margin-bottom: 0;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
figure {
  margin-bottom: 10px;
}
.page-wrapper {
  overflow: clip;
}
.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.navbar-brand {
  width: 100%;
  max-width: 8.625rem;
}
.navbar-brand.footer {
  max-width: 11.7rem;
}
.nav-dropdown {
  margin-left: 0;
  margin-right: 0;
}
.nav-dropdown-toggle {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .25s;
  display: flex;
}
.nav-dropdown-toggle:hover {
  color: var(--_colors---text-color--bright-red);
}
.nav-dropdown-list {
  background-color: var(--_colors---background-color--transparent);
}
.nav-dropdown-list.is-open {
  padding-top: 2rem;
  left: -170px;
}
.navbar {
  width: 100%;
  max-width: 77rem;
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---background-color--transparent);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 2rem 0% auto;
}
.nav-logo {
  object-fit: cover;
  width: 100%;
}
.nav-buttons {
  justify-content: center;
  align-items: center;
  display: flex;
}
.nav-buttons.mob {
  display: none;
}
.nav-menu-items {
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #0b0d134d;
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
.nav-link {
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  text-decoration: none;
  transition: all .25s;
}
.nav-link:hover, .nav-link[aria-current="page"], .nav-link.is-active {
  color: var(--_colors---text-color--bright-red);
}
.primary-button {
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--dark);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.primary-button:where(.variant-primary-button-width-100) {
  width: 100%;
}
.primary-bg {
  background-color: var(--_colors---text-color--bright-red);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}
.primary-button-text {
  z-index: 1;
  position: relative;
}
.nav-dropdown-link {
  color: var(--_colors---background-color--gray);
  margin: 0;
  padding: 0;
  transition: all .25s;
}
.nav-dropdown-link:hover, .nav-dropdown-link[aria-current="page"], .nav-dropdown-link.is-active {
  color: var(--_colors---text-color--white);
}
.nav-dropdown-collection {
  grid-column-gap: 1.81rem;
  grid-row-gap: 1.81rem;
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-color: var(--_colors---background-color--dark);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding: 1.88rem;
  display: flex;
}
.nav-dropdown-items {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.dropdown-arrow {
  width: 1rem;
  height: 1rem;
}
.hero-section {
  background-image: url('../images/Home-Hero-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative;
}
.hero-section.style {
  background-image: none;
  height: auto;
}
.hero-section.tournaments-details {
  background-image: url('../images/Tournaments-Banner.webp');
  height: auto;
}
.hero-section.blog-details {
  background-image: none;
  height: auto;
}
.container {
  width: 100%;
  height: 100%;
  max-width: var(--_sizes---container--max-width);
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  margin-left: auto;
  margin-right: auto;
}
.container.large-container {
  max-width: 87rem;
}
.wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.wrapper.style-details-wrapper {
  z-index: 1;
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  background-color: #0b0d13b3;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: grid;
  position: relative;
}
.wrapper.home-hero-wrapper {
  width: 100%;
  height: 100%;
  padding-top: var(--_sizes---spacing--spacing-jumbo);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.wrapper.testimonial-wrapper {
  position: relative;
}
.wrapper.highlights-wrapper {
  padding-top: var(--_sizes---spacing--spacing-jumbo);
  padding-bottom: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
}
.wrapper.faqs-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}
.wrapper.fixtures-hero-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 11.5rem;
  display: flex;
}
.wrapper.fixtures-wrpper {
  padding-top: var(--_sizes---spacing--spacing-big);
}
.wrapper.tournament-wrapper {
  z-index: 1;
  padding-top: var(--_sizes---spacing--spacing-big);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  background-color: #0b0d13b3;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  position: relative;
}
.wrapper.blog-wrapper {
  padding-top: var(--_sizes---spacing--spacing-big);
  padding-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  justify-content: space-between;
  align-items: center;
}
.wrapper.blog-items-wrapper {
  z-index: 1;
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  background-color: #0b0d13b3;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
  position: relative;
}
.wrapper.contact-wrapper {
  z-index: 1;
  padding-top: var(--_sizes---spacing--spacing-jumbo);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  background-color: #0b0d13b3;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: relative;
}
.wrapper.changelog-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 57.5rem;
  padding-top: var(--_sizes---spacing--spacing-big);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
  background-color: #0b0d13b3;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.wrapper.terms-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 57.5rem;
  padding-top: var(--_sizes---spacing--spacing-big);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: 3.38rem;
  grid-row-gap: 3.38rem;
  background-color: #0b0d13b3;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.wrapper.about-wrapper {
  grid-column-gap: 13.5rem;
  grid-row-gap: 13.5rem;
  padding-top: 11.38rem;
}
.wrapper.about-mission-wrapper {
  width: 100%;
  max-width: 60.5rem;
  padding-bottom: var(--_sizes---spacing--spacing-colossal);
  margin-left: auto;
  margin-right: auto;
}
.wrapper.achievements-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}
.wrapper.team-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
}
.hero-wrapper {
  z-index: 1;
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 12.63rem;
  padding-bottom: 2.62rem;
  display: flex;
  position: relative;
}
.hero-para {
  width: 100%;
  max-width: 40.3125rem;
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.hero-para.tournament {
  max-width: none;
}
.hero-para.contact {
  max-width: 28rem;
}
.hero-para.licenses {
  max-width: 39.5rem;
}
.hero-gradient {
  width: 100%;
  max-width: 35.5625rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}
.style-details-left {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border-right: 1px solid #ffffff1a;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 2.5rem;
}
.style-link {
  opacity: .3;
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
  text-decoration: none;
  transition: all .25s;
}
.style-link:hover, .style-link[aria-current="page"], .style-link.is-active {
  opacity: 1;
}
.style-animate-line {
  background-color: var(--_colors---text-color--white);
  width: .125rem;
  height: 33%;
  position: absolute;
  inset: 0% 0% auto auto;
}
.style-details-right {
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
  flex-flow: column;
  display: flex;
}
.style-details-right.licenses {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
}
.color-block {
  width: 100%;
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  border-bottom: 1px solid var(--_colors---text-color--white-opacity-10);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-box {
  background-color: var(--_colors---text-color--bright-red);
  background-image: linear-gradient(0deg, #0003, #0003);
  border: .7px solid #250a631a;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 19.44rem;
  display: flex;
}
.color-code.black {
  color: var(--_colors---background-color--blackish-blue);
}
.color-box-2 {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-box-1 {
  background-color: var(--_colors---text-color--white);
  border: .7px solid #250a631a;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}
.color-box-1._02 {
  background-color: var(--_colors---background-color--dark);
  border-color: #ffffff1a;
}
.color-box-1._03 {
  background-color: var(--_colors---text-color--white-opacity-10);
}
.color-box-1._04 {
  background-color: var(--_colors---text-color--0b0d13-opacity-70);
  border-color: #ffffff1a;
}
.buttons-block {
  width: 100%;
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  border-bottom: 1px solid var(--_colors---text-color--white-opacity-10);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.red-button {
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  background-color: var(--_colors---text-color--bright-red);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  background-image: linear-gradient(#0003, #0003);
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.red-button-bg {
  background-color: var(--_colors---text-color--white);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}
.red-button-text {
  z-index: 1;
  position: relative;
}
.transparent-button {
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  border: 1px solid var(--_colors---text-color--white);
  background-color: var(--_colors---background-color--transparent);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.transparent-button:where(.variant-transparent-button-width-100) {
  width: 100%;
}
.transparent-button:where(.variant-transparent-button-border-75rem) {
  padding-right: var(--_sizes---spacing--spacing-regular);
  padding-left: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---border-radius--radius-tiny);
}
.transparent-button.more {
  cursor: pointer;
}
.transparent-button.less {
  cursor: pointer;
  display: none;
}
.transparent-button-text {
  z-index: 1;
  position: relative;
}
.transparent-button-bg {
  background-color: var(--_colors---text-color--white);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}
.heading-item-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.heading-item-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.large-paragraph {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.large-paragraph.fixtures-para {
  width: 100%;
  max-width: 31.25rem;
  margin-top: var(--_sizes---spacing--spacing-medium-rare);
  margin-bottom: var(--_sizes---spacing--spacing-big);
  text-align: center;
}
.large-paragraph.community-para {
  width: 95%;
  margin-top: var(--_sizes---spacing--spacing-medium-rare);
  margin-bottom: var(--_sizes---spacing--spacing-big);
  color: var(--_colors---text-color--dark-opacity-70);
}
.large-paragraph.brand-para {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-medium-rare);
  margin-bottom: var(--_sizes---spacing--spacing-big);
  color: var(--_colors---background-color--gray);
  text-align: center;
}
.large-paragraph.fixtures-desp {
  text-align: center;
}
.large-paragraph.about-hero-para {
  color: var(--_colors---background-color--gray);
  text-align: center;
}
.large-paragraph.card-mission-para {
  color: var(--_colors---background-color--gray);
}
.large-paragraph.card-mission-para-2 {
  color: var(--_colors---text-color--0b0d13-opacity-70);
}
.large-paragraph.achievement-para {
  color: var(--_colors---background-color--gray);
}
.button-text {
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  letter-spacing: var(--_typography---texts-letter-spacing--button);
}
.subtittle-text.author-designation {
  color: var(--_colors---background-color--gray);
}
.typography-block {
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.footer {
  position: relative;
}
.copyright-block {
  z-index: 1;
  border-top: 1px solid #ffffff0d;
  position: relative;
}
.footer-wrapper {
  z-index: 1;
  padding-top: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-colossal);
  grid-row-gap: var(--_sizes---spacing--spacing-colossal);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .45fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  padding-bottom: 3.5rem;
  display: grid;
  position: relative;
}
.footer-left-content {
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.footer-right-content {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.footer-content {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 10rem;
  display: flex;
}
.page-title {
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
  flex: none;
}
.footer-pages-link {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.page-link {
  color: var(--_colors---background-color--gray);
  text-decoration: none;
  transition: all .25s;
}
.page-link:hover {
  color: var(--_colors---text-color--white);
  margin-left: .25rem;
}
.page-link[aria-current="page"], .page-link.is-active {
  color: var(--_colors---text-color--white);
}
.subscribe-title {
  margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.subscribe-form-block {
  width: 100%;
  margin-bottom: 0;
}
.subscribe-text-field {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---text-color--white-opacity-10);
  height: 3.125rem;
  color: var(--_colors---text-color--white);
  border: 1px solid #ffffff0d;
  margin-bottom: 0;
  padding: .81rem 8rem .81rem .81rem;
}
.subscribe-text-field:focus {
  border-color: var(--_colors---text-color--bright-red);
}
.subscribe-text-field::placeholder {
  color: var(--_colors---background-color--gray);
}
.subscribe-button {
  padding: var(--_sizes---spacing--spacing-xsmall) var(--_sizes---spacing--spacing-regular);
  border-top-right-radius: var(--_sizes---border-radius--radius-tiny);
  border-bottom-right-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---text-color--bright-red);
  text-align: center;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.subscribe-relative {
  position: relative;
}
.success-message {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---text-color--bright-red);
}
.error-message {
  background-color: var(--_colors---background-color--transparent);
  color: var(--_colors---text-color--bright-red);
  padding: 0;
}
.copyright-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 1.88rem;
  padding-bottom: 1.88rem;
  display: flex;
}
.copyright-text {
  color: var(--_colors---text-color--white-opacity-50);
}
.credit-link {
  color: var(--_colors---text-color--white-opacity-50);
  text-decoration: none;
  transition: all .25s;
}
.credit-link:hover {
  color: var(--_colors---text-color--white);
}
.hero-block {
  grid-column-gap: 1.12rem;
  grid-row-gap: 1.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 34rem;
  display: flex;
}
.momentum-block {
  padding: var(--_sizes---spacing--spacing-medium-rare);
  background-color: var(--_colors---text-color--white-opacity-10);
  border-radius: 3.75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
.tournament-title {
  width: 100%;
  max-width: 32rem;
}
.hero-buttons {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.about-section {
  padding-top: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
  border-radius: var(--_sizes---border-radius--radius-regular);
  background-color: var(--_colors---text-color--white);
  flex-flow: column;
  margin-top: -1rem;
  padding-bottom: 4.5rem;
  display: flex;
  position: relative;
}
.about-title {
  width: 100%;
  max-width: 60.5rem;
  font-size: var(--_typography---heading-font-sizes--h3);
  line-height: var(--_typography---heading-line-height--h3);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
  margin-left: auto;
  margin-right: auto;
}
.about-title.dark-color {
  color: var(--_colors---background-color--dark);
}
.about-animate-contents {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  justify-content: center;
  align-items: flex-end;
  display: flex;
}
.about-counter-block {
  grid-column-gap: .87rem;
  grid-row-gap: .87rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 57rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.about-counter-flex {
  grid-column-gap: .87rem;
  grid-row-gap: .87rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-counter-items {
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-counter-1 {
  height: 3rem;
  overflow: clip;
}
.about-counter-text {
  color: var(--_colors---background-color--dark);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.about-counter-text.white {
  color: var(--_colors---text-color--white);
}
.about-counter-para {
  color: var(--_colors---text-color--dark-opacity-70);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.about-counter-para.white {
  color: var(--_colors---text-color--white);
}
.about-counter-line {
  background-image: linear-gradient(180deg, var(--_colors---background-color--transparent), var(--_colors---text-color--dark-opacity-70) 50%, var(--_colors---background-color--transparent));
  width: .0625rem;
  height: 4.25rem;
}
.about-counter-line.white {
  background-image: linear-gradient(180deg, var(--_colors---background-color--transparent), var(--_colors---text-color--white) 50%, var(--_colors---background-color--transparent));
}
.club-icon {
  width: 6.25rem;
}
.club-price {
  width: 11.2rem;
}
.about-path-icon {
  width: 18.75rem;
  color: var(--_colors---text-color--dark-opacity-70);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -5.7% 0% auto;
}
.about-subtitle {
  color: var(--_colors---text-color--dark-opacity-70);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  text-decoration: none;
  position: absolute;
  inset: -3% 0 auto;
}
.matches-fixtures-section {
  position: relative;
}
.matches-fixtures-wrapper {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: -18.75rem;
  display: flex;
  position: sticky;
  top: 0;
}
.fixtures-buttons {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.fixtures-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-colossal);
  grid-row-gap: var(--_sizes---spacing--spacing-colossal);
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: -20rem;
  padding-bottom: 20rem;
  display: flex;
}
.fixtures-card {
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-color: var(--_colors---text-color--white-opacity-10);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 19.3125rem;
  height: 24.5rem;
  padding: .63rem;
  display: flex;
  position: relative;
}
.fixtures-card._01 {
  left: 10rem;
}
.fixtures-card._02 {
  top: 20rem;
  right: 7rem;
}
.fixtures-card._04 {
  left: 20rem;
}
.fixtures-card._05 {
  top: 10rem;
}
.fixture-member-image {
  width: 100%;
  min-width: 23rem;
  position: absolute;
  inset: -17% 0% 0% -6%;
}
.fixture-member-image._02 {
  min-width: 25.125rem;
}
.fixture-member-image._03 {
  min-width: 31.625rem;
  left: -30%;
}
.fixture-member-image._04 {
  min-width: 18rem;
  top: -15%;
  left: 0%;
}
.fixture-member-image._05 {
  min-width: 28rem;
  top: -14%;
  left: -18%;
}
.fixture-card-detail {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  border-radius: var(--_sizes---border-radius--radius-small);
  background-color: var(--_colors---text-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
}
.fixture-member-name {
  color: var(--_colors---background-color--dark);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.fixture-member-designation {
  color: var(--_colors---text-color--dark-opacity-70);
}
.fixtures-cards-block {
  justify-content: space-between;
  width: 100%;
  display: flex;
}
.fixtures-cards-block._01 {
  z-index: 0;
}
.fixtures-cards-block._02 {
  margin-top: 10rem;
}
.fixtures-cards-block._03 {
  margin-top: 15rem;
}
.fixtures-top-gradient {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_colors---background-color--dark), #0b0d1300);
  width: 100%;
  height: 18.75rem;
  position: sticky;
  inset: 0% 0% auto;
}
.fixtures-bottom-gradient {
  z-index: 1;
  background-image: linear-gradient(180deg, #0b0d1300, var(--_colors---background-color--dark));
  width: 100%;
  height: 18.75rem;
  position: absolute;
  inset: auto 0% 0%;
}
.streaming-section {
  margin-right: var(--_sizes---spacing--spacing-big);
  margin-left: var(--_sizes---spacing--spacing-big);
  background-image: url('../images/Intersect-4.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 1.88rem;
  position: relative;
}
.streaming-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) minmax(0, 1fr) 1fr;
  grid-auto-columns: 1fr;
  padding: 5rem 5rem 9.83rem;
  display: grid;
}
.streaming-card {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #0000004d;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 3.12rem 1.87rem 1.87rem;
  display: flex;
  position: relative;
  top: 2rem;
}
.club-logo {
  object-fit: cover;
  width: 12.5rem;
}
.club-name {
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  margin-top: .63rem;
  margin-bottom: 2.81rem;
}
.streaming-counter-block {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.streaming-counter-wrap {
  padding: var(--_sizes---spacing--spacing-xxsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  border: 1px solid var(--_colors---text-color--white-opacity-10);
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-color: var(--_colors---background-color--transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.point-text {
  color: var(--_colors---background-color--gray);
  text-align: center;
}
.streaming-counter-1 {
  justify-content: center;
  align-items: flex-start;
  height: 1.875rem;
  display: flex;
  overflow: clip;
}
.streaming-counter-no {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.streaming-counter-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}
.streaming-middle-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
  top: 2rem;
}
.streaming-timing {
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  background-color: var(--_colors---text-color--black-opacity30);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.streaming-date {
  text-align: center;
}
.score-board {
  justify-content: space-around;
  margin-top: 3.4rem;
  margin-bottom: 7rem;
  display: flex;
}
.streaming-buttons {
  justify-content: center;
  align-items: center;
  display: flex;
}
.score {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.score-line {
  background-image: linear-gradient(180deg, var(--_colors---background-color--transparent), var(--_colors---text-color--white) 50%, var(--_colors---background-color--transparent));
  width: .0625rem;
}
.score-line.match {
  height: 1.75rem;
}
.score-line.tournament-line {
  height: 4rem;
}
.streaming-subtitle {
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  position: absolute;
  inset: 3% 0 auto;
}
.tournaments-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  display: flex;
  position: relative;
}
.tournaments-tabs {
  width: 100%;
  position: static;
}
.tournaments-tabs-menu {
  left: auto;
  top: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: auto;
  right: 0%;
}
.tournaments-tabs-menu.tournament {
  margin-bottom: var(--_sizes---spacing--spacing-jumbo);
  position: static;
}
.tournaments-tab-link[aria-current="page"], .tournaments-tab-link.is-active {
  border-color: var(--_colors---text-color--white);
  background-color: var(--_colors---background-color--transparent);
}
.tournaments-tab-link {
  padding: var(--_sizes---spacing--spacing-medium-rare);
  border: 1px solid var(--_colors---background-color--transparent);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---text-color--white-opacity-10);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.upcoming-matches-block {
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  display: flex;
}
.collection-list-matches {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}
.collection-item-matches {
  width: 100%;
  height: 100%;
}
.matche-item-link {
  border: 2px solid var(--_colors---text-color--white-opacity-10);
  border-radius: var(--_sizes---border-radius--radius-regular);
  flex-flow: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.matches-list-block {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---spacing--spacing-big) var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  background-color: var(--_colors---background-color--dark);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}
.matches-details {
  padding: var(--_sizes---spacing--spacing-regular);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---background-color--transparent);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.team-icon {
  z-index: 1;
  width: 110px;
  max-width: 7.938rem;
  position: relative;
}
.versus {
  z-index: 1;
  font-family: var(--font-family--anton);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  position: relative;
}
.versus.tournament-h1 {
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.matches-teams {
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.matches-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.match-date {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  opacity: .5;
  justify-content: center;
  align-items: center;
  display: flex;
}
.match-date.tournament, .match-date.white {
  opacity: 1;
}
.calender-icon {
  width: 1.25rem;
}
.match-date-text {
  color: var(--_colors---text-color--white);
}
.watch-button {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.watch-icons-block {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}
.watch-icon-1 {
  opacity: 1;
  width: 100%;
}
.watch-icon-2 {
  opacity: 0;
  width: 100%;
  position: absolute;
  inset: 0%;
}
.match-info {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.match-gradient {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}
.div-block {
  justify-content: center;
  align-items: center;
  display: flex;
}
.matches-scores {
  grid-column-gap: .94rem;
  grid-row-gap: .94rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
.community-wrapper {
  margin-top: var(--_sizes---spacing--spacing-normal);
  margin-bottom: var(--_sizes---spacing--spacing-big);
  background-image: url('../images/Community-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.875rem;
}
.community-contents {
  width: 100%;
  max-width: 36rem;
  padding: var(--_sizes---spacing--spacing-massive) 3rem var(--_sizes---spacing--spacing-massive) 2.81rem;
  grid-column-gap: 2.69rem;
  grid-row-gap: 2.69rem;
  background-color: var(--_colors---text-color--white);
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.community-top-detail {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.community-title {
  color: var(--_colors---background-color--dark);
}
.community-lists {
  grid-column-gap: 1.85rem;
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.community-list {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  color: var(--_colors---background-color--dark);
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.community-list.includes {
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--default-paragraph);
  line-height: var(--_typography---texts-line-height--default-paragraph);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
}
.community-check-icon {
  width: 1.5rem;
}
.community-check-icon.includes {
  width: 1rem;
}
.community-buttons {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.community-union {
  height: 18.8125rem;
  position: absolute;
  inset: auto -8.5% auto auto;
}
.community-img {
  border-radius: 1.875rem;
  display: none;
}
.price-tabs {
  position: static;
}
.price-tabs-menu {
  left: auto;
  top: var(--_sizes---spacing--spacing-massive);
  padding: var(--_sizes---spacing--spacing-xxsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: #ffffff0d;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: auto;
  right: 0%;
}
.price-tabs-content {
  overflow: visible;
}
.price-tab-link {
  padding: .88rem var(--_sizes---spacing--spacing-medium-rare);
  background-color: var(--_colors---background-color--transparent);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  border-radius: .4375rem;
}
.price-tab-link[aria-current="page"], .price-tab-link.is-active {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--dark);
}
.price-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.price-card {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  border-radius: var(--_sizes---border-radius--radius-large);
  background-color: #ffffff0d;
  border: 1.5px solid #ffffff0d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: clip;
}
.price-card.active {
  position: relative;
}
.price-subtitle {
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.product-price {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h3);
  line-height: var(--_typography---heading-line-height--h3);
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
}
.price-card-button {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.includes-block {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.includes-text {
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
}
.includes-lists {
  grid-column-gap: .94rem;
  grid-row-gap: .94rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.active-gradient {
  z-index: -1;
  position: absolute;
  inset: 0% 0% auto;
}
.sponsors-section {
  position: relative;
}
.partner-logos {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 56.0625rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.partner-logo-block {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
.partner-logo-link {
  background-color: var(--_colors---background-color--transparent);
  width: 100%;
  max-width: 18.2834rem;
  height: 7.90888rem;
  color: var(--_colors---text-color--white-opacity-10);
  border: 1.489px solid #ffffff0d;
  border-radius: 46.5227rem;
  justify-content: center;
  align-items: center;
  transition: all .25s;
  display: flex;
}
.partner-logo-link:hover {
  color: var(--_colors---text-color--white);
  background-color: #ffffff0d;
}
.partner-svg {
  width: 100%;
  max-width: 8.69781rem;
}
.partner-svg._02 {
  max-width: 4.79825rem;
}
.partner-svg._03 {
  max-width: 6.79775rem;
}
.partner-svg._04 {
  max-width: 5.39706rem;
}
.partner-svg._05 {
  max-width: 6.49694rem;
}
.partner-para {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.partners-title {
  text-align: center;
}
.button-3 {
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  background-color: var(--_colors---text-color--bright-red);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  background-image: linear-gradient(#0003, #0003);
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.button-3-text {
  z-index: 1;
  position: relative;
}
.button-3-bg {
  background-color: var(--_colors---background-color--dark);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}
.partner-img {
  border-radius: var(--_sizes---border-radius--radius-medium);
  width: 100%;
  max-width: 9.91rem;
  position: absolute;
  inset: 5rem auto auto 14rem;
  transform: rotate(18.889deg);
}
.partner-img._02 {
  inset: auto auto 5rem 8rem;
  transform: rotate(-23.552deg);
}
.partner-img._03 {
  inset: 5rem 14rem auto auto;
  transform: rotate(-23.552deg);
}
.partner-img._04 {
  inset: auto 8rem 5rem auto;
  transform: rotate(23.552deg);
}
.testimonial-section {
  background-image: url('../images/BG-map.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.testimonial-slide-nav {
  display: none;
}
.testimonial-slider {
  background-color: var(--_colors---background-color--transparent);
  width: 100%;
  height: auto;
}
.testimonial-mask {
  overflow: clip;
}
.testimonial-slide {
  width: 100%;
}
.testimonial-slider-content {
  grid-column-gap: 2.75rem;
  grid-row-gap: 2.75rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.testimonial-slider-img {
  border-radius: var(--_sizes---border-radius--radius-large);
  width: 100%;
}
.testimonial-slider-details {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.testimonial-quote {
  width: 4.5rem;
}
.testimonial-slider-desp {
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.testimonial-author-details {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonial-author-name {
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.testimonial-author-designation {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.testimonial-left-arrow {
  border: 1px solid var(--_colors---text-color--white-opacity-10);
  border-radius: var(--_sizes---border-radius--radius-soft);
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  display: flex;
  inset: 0% 6.35rem auto auto;
}
.testimonial-left-arrow:hover {
  border-color: var(--_colors---background-color--dark);
  background-color: var(--_colors---text-color--white-opacity-10);
}
.testimonial-left-arrow {
  transition: all .25s;
}
.testimonial-svg {
  width: 2rem;
}
.testimonial-right-arrow {
  border: 1px solid var(--_colors---text-color--white-opacity-10);
  border-radius: var(--_sizes---border-radius--radius-soft);
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  transition: all .25s;
  display: flex;
  inset: 0% 0% auto auto;
}
.testimonial-right-arrow:hover {
  border-color: var(--_colors---background-color--dark);
  background-color: var(--_colors---text-color--white-opacity-10);
}
.testimonial-numbers {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 5rem auto;
}
.testimonial-no {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-font-sizes--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.testimonial-no._01 {
  opacity: 1;
  width: auto;
  color: var(--_colors---text-color--white);
}
.testimonial-no._02, .testimonial-no._03, .testimonial-no._04 {
  opacity: 0;
  color: var(--_colors---text-color--white);
  position: absolute;
  inset: 0%;
}
.testimonial-no-block {
  width: 1rem;
  height: 1.5rem;
  position: relative;
  overflow: clip;
}
.blog-top {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.blog-para {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.collection-list-wrapper-blog {
  width: 100%;
}
.collection-list-blog {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.collection-item-blog {
  width: 100%;
  height: 100%;
}
.blog-item-link {
  border-radius: var(--_sizes---border-radius--radius-large);
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  overflow: clip;
}
.blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog-item-detail {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-regular);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  border-bottom-left-radius: var(--_sizes---border-radius--radius-large);
  border-bottom-right-radius: var(--_sizes---border-radius--radius-large);
  background-color: #0000001a;
  background-image: linear-gradient(180deg, #0b0d1300, var(--_colors---background-color--dark));
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}
.blog-item-name {
  font-family: var(--font-family--inter-tight);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
  text-transform: none;
}
.blog-item-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.blog-item-flex._01 {
  width: 100%;
}
.blog-item-flex.blog-item {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  justify-content: center;
  align-items: center;
}
.blog-buttons {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.background-video {
  border-radius: var(--_sizes---border-radius--radius-large);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 64rem;
  display: flex;
}
.play-pause-button {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  inset: 0%;
}
.faqs-left-content {
  padding: var(--_sizes---spacing--spacing-big);
  grid-column-gap: 13.5rem;
  grid-row-gap: 13.5rem;
  border-radius: var(--_sizes---border-radius--radius-regular);
  background-color: var(--_colors---text-color--white);
  flex-flow: column;
  display: flex;
  position: relative;
  top: 3rem;
}
.faqs-top {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.faqs-title {
  color: var(--_colors---background-color--dark);
  text-align: center;
}
.faqs-para {
  color: var(--_colors---text-color--dark-opacity-70);
  text-align: center;
}
.faqs-bottomn {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.questions-text {
  color: var(--_colors---background-color--dark);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.faqs-lists-wrap {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.faqs-union {
  width: 100%;
  max-width: 16.125rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -8% 0% auto;
}
.faq-list-wrap {
  padding: var(--_sizes---spacing--spacing-regular);
  border: 2px solid var(--_colors---text-color--white-opacity-10);
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-color: var(--_colors---background-color--transparent);
  cursor: pointer;
  flex-flow: column;
  display: flex;
}
.faq-question {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.faq-ques {
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.lottie-animation {
  opacity: .7;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}
.faq-answer {
  width: 100%;
  max-width: 700px;
  overflow: clip;
}
.faq-para {
  width: 95%;
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  padding-top: 20px;
}
.brand-top {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.brand-images {
  grid-column-gap: var(--_sizes---border-radius--radius-medium);
  grid-row-gap: var(--_sizes---border-radius--radius-medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  width: 100%;
  margin-top: -8rem;
  display: grid;
}
.brand-lightbox {
  width: 100%;
}
.brand-image {
  border-radius: var(--_sizes---border-radius--radius-medium);
  width: 100%;
}
.price-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-jumbo);
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  display: flex;
  position: relative;
}
.fixtures-section {
  background-image: url('../images/Football-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative;
}
.fixtures-hero-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.fixtures-hero-title {
  width: 100%;
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--normal-regular);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.fixtures-lists-section {
  z-index: 1;
  background-color: #0b0d13b3;
  margin-top: -12rem;
  position: relative;
}
.fixtures-lists-contents {
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.fixtures-list-items {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: var(--_sizes---border-radius--radius-large);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  overflow: clip;
}
.fixtures-list-header {
  padding: var(--_sizes---spacing--spacing-medium-rare) 1.88rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_colors---text-color--white-opacity-10);
  background-color: var(--_colors---text-color--white);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr .75fr .3fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.fixtures-list-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px solid var(--_colors---text-color--white-opacity-10);
  background-color: #ffffff0d;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr .75fr .3fr;
  grid-auto-columns: 1fr;
  padding: 1.88rem;
  display: grid;
}
.date-block {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.date-icon {
  width: 1.5rem;
}
.date-text {
  color: var(--_colors---background-color--dark);
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
}
.date-info {
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  text-decoration: none;
}
.date-info._01 {
  width: 11.5rem;
}
.date-info._02 {
  width: 23rem;
}
.date-info._03 {
  width: 11.5rem;
}
.date-info._04 {
  width: 17rem;
}
.view-details-link {
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  text-decoration: none;
  transition: all .25s;
}
.view-details-link:hover {
  color: var(--_colors---text-color--bright-red);
}
.fixtures-list-button {
  justify-content: center;
  align-items: center;
  display: flex;
}
.fixtures-list-show {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: 0;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: none;
  overflow: clip;
}
.tournaments-hero-wrapper {
  z-index: 1;
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 12rem;
  padding-bottom: 11.38rem;
  display: flex;
  position: relative;
}
.tournament-match-details {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.tournament-match-team {
  object-fit: cover;
  width: 12.5rem;
}
.team-name {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h3);
  line-height: var(--_typography---heading-line-height--h3);
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
  text-transform: uppercase;
}
.tournament-match-timing {
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  border-radius: var(--_sizes---border-radius--radius-medium);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #0000004d;
  justify-content: center;
  align-items: center;
  display: flex;
}
.tournaments-details-wrapper {
  padding-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.tournament-details h4 {
  margin-bottom: var(--_sizes---spacing--spacing-medium-rare);
}
.tournament-details h5 {
  margin-top: var(--_sizes---spacing--spacing-normal);
  margin-bottom: var(--_sizes---spacing--spacing-medium-rare);
}
.tournament-details p {
  color: var(--_colors---background-color--gray);
}
.tournament-details ul {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.tournament-right {
  top: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  margin-top: 3.5rem;
  display: flex;
  position: sticky;
}
.tournament-info-details {
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border-radius: var(--_sizes---border-radius--radius-large);
  background-color: var(--_colors---text-color--white-opacity-10);
  flex-flow: column;
  display: flex;
  position: relative;
}
.tournament-info-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  display: flex;
}
.tournament-info-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.upcoming-text {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.match-status-text {
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.tournament-ellipse {
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -10.5% 0% auto;
}
.tournament-info-title {
  text-align: center;
  position: absolute;
  inset: -6% 0% auto;
}
.our-sponsor {
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
}
.sponsor-card {
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border-radius: var(--_sizes---border-radius--radius-large);
  background-color: var(--_colors---text-color--white-opacity-10);
  flex-flow: column;
  display: flex;
}
.our-sponsor-logos {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  flex-flow: wrap;
  display: flex;
}
.sponsor-logo {
  object-fit: cover;
  width: 7.22313rem;
}
.sponsor-logo._02 {
  width: 3.98469rem;
}
.sponsor-logo._03 {
  width: 5.39531rem;
}
.sponsor-logo._04 {
  width: 5.64519rem;
}
.sponsor-logo._05 {
  width: 4.482rem;
}
.collection-list-item-1 {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}
.blog-item-1-wrap {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border-radius: var(--_sizes---border-radius--radius-large);
  background-color: #ffffff0d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: clip;
}
.blog-item-1-detail {
  padding: var(--_sizes---spacing--spacing-normal);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.blog-item-1-overflow {
  overflow: clip;
}
.blog-item-1-top {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.blog-item-desp {
  color: var(--_colors---text-color--white-opacity-50);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.blog-details-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 50rem;
  padding-top: 11.38rem;
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.blog-item-title {
  margin-bottom: var(--_sizes---spacing--spacing-medium-rare);
  font-family: var(--font-family--inter-tight);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: none;
}
.blog-short-desp {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.blog-author-info {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-regular);
  margin-bottom: var(--_sizes---spacing--spacing-regular);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.author-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.author-icon {
  border-radius: var(--_sizes---border-radius--radius-circle);
  width: 3rem;
  height: 3rem;
}
.author-info {
  grid-column-gap: .13rem;
  grid-row-gap: .13rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.author-name {
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--button);
}
.banner-block {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-xsmall);
  border-radius: var(--_sizes---border-radius--radius-regular);
  background-color: #ffffff0d;
  overflow: clip;
}
.blog-banner {
  border-radius: var(--_sizes---border-radius--radius-small);
  width: 100%;
}
.blog-main-details h5 {
  margin-top: 3.62rem;
  margin-bottom: .88rem;
}
.blog-main-details p {
  opacity: .7;
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.blog-main-details h6 {
  margin-top: var(--_sizes---spacing--spacing-medium-rare);
  opacity: .7;
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.blog-main-details ul {
  opacity: .7;
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.blog-main-details figure {
  margin-top: var(--_sizes---spacing--spacing-big);
  margin-bottom: 0;
}
.communication-block {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-big);
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: #ebedff1a;
  flex-flow: column;
  display: flex;
}
.player-communication {
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
}
.closing-details {
  margin-top: 3.62rem;
  margin-bottom: 3.62rem;
}
.closing-details h4 {
  margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
}
.closing-details h5 {
  margin-top: 3.62rem;
  margin-bottom: .88rem;
}
.closing-details p {
  opacity: .7;
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.closing-details h6 {
  margin-top: var(--_sizes---spacing--spacing-medium-rare);
  opacity: .7;
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.closing-details ul {
  opacity: .7;
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.closing-details figure {
  margin-top: var(--_sizes---spacing--spacing-big);
  margin-bottom: 0;
}
.share-block {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.share-text {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.share-icons {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.share-social-link {
  width: 1.25rem;
  color: var(--_colors---button-color--quick-silver);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}
.share-social-link:hover {
  color: var(--_colors---text-color--white);
}
.seo {
  display: none;
}
.contact-title, .blog-tiltle {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--normal-regular);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.ciontact-information {
  padding: var(--_sizes---spacing--spacing-big) var(--_sizes---spacing--spacing-massive) var(--_sizes---spacing--spacing-big) var(--_sizes---spacing--spacing-big);
  grid-column-gap: 16.5rem;
  grid-row-gap: 16.5rem;
  background-image: url('../images/Contact-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.contact-social-informaitons {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.contact-social-link {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}
.contact-social-link:hover {
  color: var(--_colors---text-color--bright-red);
}
.contact-social-icon {
  width: 1.7rem;
}
.social-links {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.connect-link {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  width: 3.875rem;
  height: 3.875rem;
  color: var(--_colors---background-color--gray);
  background-color: #ffffff0d;
  border-radius: 2.70688rem;
  justify-content: center;
  align-items: center;
  transition: all .25s;
  display: flex;
}
.connect-link:hover {
  color: var(--_colors---text-color--bright-red);
}
.connect-svg {
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
}
.contact-form-block {
  flex-flow: column;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}
.field-label {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  margin-bottom: 0;
}
.text-field {
  width: 100%;
  height: 3.625rem;
  padding: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---background-color--transparent);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---text-color--white-opacity-10);
  color: var(--_colors---text-color--white);
  margin-bottom: 0;
}
.text-field:focus {
  border-color: var(--_colors---text-color--bright-red);
}
.text-field::placeholder {
  color: var(--_colors---background-color--gray);
}
.contact-form-flex {
  width: 100%;
  margin-bottom: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.contact-form-grid {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.text-area {
  width: 100%;
  height: 11.9375rem;
  min-height: 11.9375rem;
  padding: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---background-color--transparent);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---text-color--white-opacity-10);
  color: var(--_colors---text-color--white);
  margin-bottom: 0;
}
.text-area:focus {
  border-color: var(--_colors---text-color--bright-red);
}
.text-area::placeholder {
  color: var(--_colors---background-color--gray);
}
.submit-button {
  z-index: 1;
  width: 100%;
  max-width: 17.5rem;
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-normal);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--bright-red);
  color: var(--_colors---text-color--white);
  text-align: center;
  background-image: linear-gradient(#0003, #0003);
  transition: all .25s;
  position: relative;
}
.submit-button:hover {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--dark);
  background-image: linear-gradient(#0000, #0000);
}
.licenses-1 {
  width: 100%;
  padding-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border-bottom: 1px solid var(--_colors---text-color--white-opacity-10);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.lummi-card {
  padding: var(--_sizes---spacing--spacing-massive) var(--_sizes---spacing--spacing-massive) var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  background-color: var(--_colors---text-color--white-opacity-10);
  border-radius: .53031rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.lummi-icon {
  width: 8.125rem;
}
.lummi-icon._02 {
  width: 11.5rem;
}
.lummi-icon._03 {
  width: 5.303rem;
}
.lummi-icon._04 {
  width: 6.36363rem;
}
.lummi-link {
  color: var(--_colors---text-color--white);
  transition: all .25s;
}
.lummi-link:hover {
  color: var(--_colors---text-color--bright-red);
}
.licenses-2 {
  width: 100%;
  padding-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border-bottom: 1px solid var(--_colors---text-color--white-opacity-10);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
}
.licenses-3 {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}
.changelog-top {
  width: 100%;
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  border-bottom: 1px solid var(--_colors---text-color--white-opacity-10);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.changelog-top.last {
  border-bottom-style: none;
  padding-bottom: 0;
}
.version-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.version-text {
  padding: var(--_sizes---spacing--spacing-xsmall) var(--_sizes---spacing--spacing-medium-rare);
  color: var(--_colors---text-color--bright-red);
  text-align: center;
  background-color: #d32f2f1a;
  background-image: linear-gradient(0deg, #0003, #0003);
  border-radius: 2.5rem;
}
.features-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.features-title {
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.features-lists {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.terms-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.terms-title {
  font-size: var(--_typography---heading-font-sizes--h5);
  line-height: var(--_typography---heading-font-sizes--h5);
  font-weight: var(--font-weight--medium);
}
.terms-para {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.terms-lists {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.terms-link {
  color: var(--_colors---background-color--gray);
  transition: all .25s;
}
.terms-link:hover {
  color: var(--_colors---text-color--white);
}
.utility-page-wrap {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-top: 11.4rem;
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  background-image: url('../images/Password-protected.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.utility-page-wrap.error {
  position: relative;
}
.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 40.3125rem;
  margin-bottom: 0;
  display: flex;
}
.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.password-text {
  display: none;
}
.password-top {
  margin-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.password-title {
  text-transform: none;
}
.password-para {
  width: 90%;
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  margin-left: auto;
  margin-right: auto;
}
.password-form {
  width: 100%;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}
.password-text-field {
  width: 100%;
  height: 3.625rem;
  padding: var(--_sizes---spacing--spacing-small);
  border-radius: var(--_sizes---border-radius--radius-pill);
  background-color: var(--_colors---text-color--white-opacity-10);
  color: var(--_colors---text-color--white);
  border: 1px solid #fff0;
  margin-bottom: 0;
}
.password-text-field:focus {
  border-color: var(--_colors---text-color--bright-red);
}
.password-text-field::placeholder {
  color: var(--_colors---background-color--gray);
}
.password-button {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-small);
  padding: var(--_sizes---spacing--spacing-medium-rare) var(--_sizes---spacing--spacing-big);
  border: 1px solid var(--_colors---text-color--white);
  background-color: var(--_colors---background-color--transparent);
  color: var(--_colors---text-color--white);
  font-size: var(--_typography---texts-font-sizes--button);
  line-height: var(--_typography---texts-line-height--button);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--button);
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
  position: relative;
  overflow: clip;
}
.password-button:where(.variant-transparent-button-width-100) {
  width: 100%;
}
.password-button:where(.variant-transparent-button-border-75rem) {
  padding-right: var(--_sizes---spacing--spacing-regular);
  padding-left: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---border-radius--radius-tiny);
}
.password-button:hover {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--dark);
}
.error-para {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  margin-left: auto;
  margin-right: auto;
}
.error-image {
  width: 100%;
  max-width: 38.6875rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}
.error-button {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.home-hero-section {
  background-image: linear-gradient(#0e2431, #0e243100);
  width: 100%;
  height: 100vh;
  position: relative;
}
.empty-state {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---text-color--bright-red);
  color: var(--_colors---text-color--white);
  text-align: center;
}
.footer-gradient {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}
.style-title {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.about-hero-section {
  background-image: url('../images/Hero-1.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-hero-content {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 37.5rem;
  display: flex;
}
.about-hero-title {
  text-align: center;
}
.about-bottom-contents {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .6fr) minmax(0, 1fr) minmax(0, .6fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.about-hero-img {
  border-radius: var(--_sizes---spacing--spacing-regular);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.mission-title {
  font-size: var(--_typography---heading-font-sizes--h3);
  line-height: var(--_typography---heading-line-height--h3);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
}
.about-mission-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.about-mission-card {
  top: var(--_sizes---spacing--spacing-normal);
  width: 100%;
  max-width: 41.375rem;
  padding: var(--_sizes---spacing--spacing-large);
  border-radius: 0rem var(--_sizes---border-radius--radius-small) var(--_sizes---border-radius--radius-small);
  background-image: url('../images/Mission-BG.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
}
.about-mission-card._01 {
  transform: rotate(-4.424deg);
}
.about-mission-card._02 {
  background-image: url('../images/Vision-BG.webp');
  transform: rotate(4.424deg);
}
.mission-icon {
  width: 5rem;
}
.mission-icon.right {
  margin-left: auto;
  margin-right: 0;
}
.card-mission-title {
  margin-top: var(--_sizes---spacing--spacing-jumbo);
  margin-bottom: var(--_sizes---spacing--spacing-small);
}
.card-mission-title.values {
  color: var(--_colors---background-color--dark);
}
.achievements-section {
  background-image: url('../images/Achievements-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.achievements-left {
  top: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 27.1875rem;
  display: flex;
  position: sticky;
}
.achievements-subtitle {
  padding: var(--_sizes---spacing--spacing-medium-rare);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--white-opacity-10);
}
.achievements-bottom {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  width: 100%;
  max-width: 26.4375rem;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.achievement-counters {
  padding-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  border-bottom: 1px solid var(--_colors---text-color--white-opacity-10);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.achievement-counters.last {
  border-bottom-style: none;
  padding-bottom: 0;
}
.achievement-counter-text._02, .achievement-counter-text._03, .achievement-counter-text._04 {
  color: var(--_colors---text-color--white-opacity-10);
}
.achievement-counter-items {
  display: flex;
}
.achievement-counter-num {
  width: 2.813rem;
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.achievement-counter-num.letter {
  width: auto;
}
.achievement-counter-numbers {
  height: 6.244rem;
  overflow: clip;
}
.grid-images-main-wrapper {
  height: 300vh;
  position: relative;
}
.flex-wrapper-images {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: clip;
}
.grid-images-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 70vh;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.grid-images-left {
  padding-right: var(--_sizes---spacing--spacing-regular);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  display: grid;
}
.mid-image {
  border-radius: var(--_sizes---border-radius--radius-medium);
  object-fit: cover;
  width: 100%;
}
.block-images-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
}
.grid-image {
  width: 14.125rem;
  position: relative;
  overflow: clip;
}
.grid-image.image-02, .grid-image.small-image-02 {
  width: 13.125rem;
}
.grid-image.big-image-03 {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.small-image-01, .small-image-02 {
  border-radius: var(--_sizes---border-radius--radius-medium);
  object-fit: cover;
  width: 100%;
}
.cta-overlay {
  background-color: var(--_colors---background-color--black);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.cta-title-wrapper {
  width: 100%;
  max-width: 25rem;
  padding-right: var(--_sizes---spacing--spacing-normal);
  padding-left: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  opacity: 0;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}
.beyond-para {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.big-image-03 {
  border-radius: var(--_sizes---border-radius--radius-medium);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.grid-images-right {
  padding-left: var(--_sizes---spacing--spacing-regular);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: stretch end;
  display: grid;
}
.grid-images-trigger {
  z-index: -1;
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}
.team-top-content {
  top: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
}
.team-top-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-medium-rare);
  grid-row-gap: var(--_sizes---spacing--spacing-medium-rare);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 31.25rem;
  display: flex;
}
.team-title {
  text-align: center;
}
.team-para {
  color: var(--_colors---background-color--gray);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.team-banner {
  border-radius: var(--_sizes---border-radius--radius-regular);
  width: 100%;
  max-width: 36.25rem;
}
.team-bottom-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.team-member-card {
  border-radius: var(--_sizes---border-radius--radius-medium);
  width: 100%;
  max-width: 15.875rem;
  overflow: clip;
}
.team-img-block {
  width: 100%;
  overflow: clip;
}
.team-img {
  object-fit: cover;
  width: 100%;
}
.team-member-detail {
  padding: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.team-member-name {
  font-family: var(--font-family--inter-tight);
  color: var(--_colors---background-color--dark);
  font-size: var(--_typography---heading-font-sizes--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
  text-transform: capitalize;
}
.team-member-designation {
  color: var(--_colors---text-color--dark-opacity-70);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.circle {
  background-color: #0158ff;
  border-radius: 1000px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -4px;
  right: -4px;
}
.promo-text {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  text-decoration: none;
}
.promo-cards {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.unlock-full-access {
  color: #0158ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
}
.image {
  width: 28px;
  height: 28px;
}
.buy-template-button {
  background-color: #7c7c7c26;
  border-top-left-radius: 1.4rem;
  border-top-right-radius: 1.4rem;
  justify-content: center;
  align-items: center;
  min-width: 20rem;
  position: fixed;
  inset: auto 0% 0% auto;
}
.buy-template-button:hover {
  box-shadow: 4px 4px 25px #0003;
}
.buy-template-button.frosted-glass {
  z-index: 1000;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 16rem;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: auto;
  right: auto;
}
.buy-template-button.frosted-glass:hover {
  border-width: 1px;
  border-color: #0158ff;
}
@media screen and (max-width: 991px) {
body {
    --_typography---texts-font-sizes--default-paragraph: 1rem;
    --_typography---texts-line-height--default-paragraph: 150%;
    --_typography---texts-letter-spacing--default-paragraph: 0rem;
    --_typography---heading-font-sizes--h1: 4rem;
    --_typography---heading-line-height--h1: 111.111%;
    --_typography---heading-letter-spacing--h1: -.1125rem;
    --_typography---heading-font-sizes--h2: 3rem;
    --_typography---heading-line-height--h2: 100%;
    --_typography---heading-letter-spacing--h2: -.0625rem;
    --_typography---heading-font-sizes--h3: 2.5rem;
    --_typography---heading-line-height--h3: 125%;
    --_typography---heading-letter-spacing--h3: -.05rem;
    --_typography---heading-font-sizes--h4: 2rem;
    --_typography---heading-line-height--h4: 140.625%;
    --_typography---heading-letter-spacing--h4: -.05rem;
    --_typography---heading-font-sizes--h5: 1.5rem;
    --_typography---heading-line-height--h5: 133.333%;
    --_typography---heading-letter-spacing--h5: -.05rem;
    --_typography---heading-font-sizes--h6: 1.25rem;
    --_typography---heading-line-height--h6: 150%;
    --_typography---heading-letter-spacing--h6: 0rem;
    --_typography---texts-font-sizes--button: 1.125rem;
    --_typography---texts-line-height--button: 100%;
    --_typography---texts-letter-spacing--button: 0rem;
    --_typography---texts-font-sizes--paragraph-l: 1.25rem;
    --_typography---texts-line-height--paragraph-l: 155.556%;
    --_typography---texts-letter-spacing--paragraph-l: 0rem;
    --_sizes---spacing--spacing-xsmall: .5rem;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---spacing--spacing-medium-rare: 1.25rem;
    --_sizes---spacing--spacing-big: 2.5rem;
    --_sizes---spacing--spacing-massive: 3.75rem;
    --_sizes---border-radius--radius-small: 1rem;
    --_sizes---spacing--spacing-colossal: 5rem;
    --_sizes---spacing--spacing-normal: 2rem;
    --_sizes---border-radius--radius-medium: 1.25rem;
    --_sizes---container--max-width: 77rem;
    --_sizes---spacing--spacing-jumbo: 3.125rem;
    --_sizes---spacing--spacing-large: 2.25rem;
    --_sizes---spacing--spacing-regular: 1.5rem;
    --_sizes---border-radius--radius-tiny: .75rem;
    --_sizes---spacing--spacing-xxsmall: .75rem;
    --_sizes---border-radius--radius-regular: 1.5rem;
    --_sizes---spacing--spacing-tiny: .25rem;
    --_sizes---border-radius--radius-large: 1.875rem;
    --_sizes---border-radius--radius-soft: 3.125rem;
    --_sizes---spacing--spacing-medium: 1.125rem;
    --_sizes---border-radius--radius-circle: 100%;
    --_sizes---border-radius--radius-pill: 5rem;
    --_sizes---default-width-height--default-width: 100%;
    --_sizes---default-width-height--default-height: 100%;
    --_sizes---default-width-height--default-line-height: 150%;
    --_sizes---spacing--spacing-slim: 1rem;
    --_sizes---border-radius--radius-big: 2rem;
  }
.nav-dropdown-toggle {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }
.nav-dropdown-list.is-open {
    padding-top: 1rem;
    position: static;
  }
.menu-button {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
  }
.menu-button.is-open {
    background-color: var(--_colors---background-color--transparent);
  }
.navbar {
    padding-top: var(--_sizes---spacing--spacing-small);
    padding-bottom: var(--_sizes---spacing--spacing-small);
    top: 1rem;
  }
.nav-buttons.desk {
    display: none;
  }
.nav-buttons.mob {
    display: flex;
  }
.nav-menu-items {
    padding-top: var(--_sizes---spacing--spacing-massive);
    padding-bottom: var(--_sizes---spacing--spacing-massive);
    border-radius: var(--_sizes---border-radius--radius-small);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
.primary-button {
    padding: var(--_sizes---spacing--spacing-small) 1.75rem;
  }
.nav-menu-wrapper {
    background-color: var(--_colors---background-color--transparent);
    margin-left: auto;
    margin-right: auto;
  }
.nav-dropdown-collection {
    background-color: var(--_colors---background-color--transparent);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 0;
    padding: 0;
  }
.nav-dropdown-items {
    justify-content: flex-start;
    align-items: center;
  }
.nav-lottie {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
.hero-section {
    height: auto;
  }
.wrapper.home-hero-wrapper {
    padding-top: 10rem;
    padding-bottom: 8rem;
  }
.wrapper.testimonial-wrapper {
    padding-top: var(--_sizes---spacing--spacing-big);
    padding-bottom: var(--_sizes---spacing--spacing-big);
  }
.wrapper.faqs-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
.wrapper.brand-wrapper {
    padding-top: var(--_sizes---spacing--spacing-big);
    padding-bottom: var(--_sizes---spacing--spacing-big);
  }
.wrapper.fixtures-hero-wrapper {
    padding-top: 10rem;
    padding-bottom: 4rem;
  }
.wrapper.fixtures-wrpper {
    padding-top: var(--_sizes---spacing--spacing-xsmall);
  }
.wrapper.blog-items-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-big);
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.wrapper.contact-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-big);
    grid-template-columns: minmax(0, 1fr);
  }
.wrapper.changelog-wrapper, .wrapper.terms-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-big);
  }
.wrapper.about-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    padding-top: 10rem;
  }
.hero-wrapper {
    padding-top: 8rem;
  }
.color-block {
    grid-template-columns: minmax(0, 1fr);
  }
.color-box-1 {
    height: 10rem;
  }
.red-button, .transparent-button {
    padding: var(--_sizes---spacing--spacing-small) 1.75rem;
  }
.footer-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-massive);
    grid-row-gap: var(--_sizes---spacing--spacing-massive);
    grid-template-columns: minmax(0, 1fr);
  }
.footer-left-content {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
.footer-right-content {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.subscribe-title {
    text-align: center;
  }
.hero-block {
    max-width: 38rem;
  }
.about-animate-contents {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
.about-counter-block {
    flex-flow: wrap;
  }
.about-counter-1 {
    height: 3rem;
  }
.club-icon {
    width: 4rem;
  }
.club-price {
    width: 7rem;
  }
.fixtures-card._01 {
    left: 1rem;
  }
.fixtures-card._02 {
    right: 1rem;
  }
.fixtures-card._04 {
    left: 1rem;
  }
.fixtures-card._05 {
    top: 16rem;
    right: 2rem;
  }
.fixtures-card._03 {
    left: 5rem;
  }
.fixtures-cards-block._02 {
    margin-top: 20rem;
  }
.fixtures-cards-block._03 {
    margin-top: 10rem;
  }
.streaming-section {
    margin-right: var(--_sizes---spacing--spacing-regular);
    margin-left: var(--_sizes---spacing--spacing-regular);
    background-color: var(--_colors---text-color--white-opacity-10);
    background-image: none;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
.streaming-wrapper {
    padding: 0rem var(--_sizes---spacing--spacing-small);
    grid-template-columns: minmax(0, 1fr);
  }
.streaming-card {
    top: 0;
  }
.club-logo {
    width: 8rem;
  }
.club-name {
    margin-bottom: var(--_sizes---spacing--spacing-regular);
  }
.streaming-middle-content {
    top: 0;
  }
.score-board {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: center;
    align-items: center;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
.score-line {
    height: 100%;
  }
.streaming-subtitle {
    margin-bottom: var(--_sizes---spacing--spacing-medium-rare);
    position: static;
  }
.tournaments-wrapper {
    padding-top: 5rem;
  }
.tournaments-tabs-menu {
    top: 5.5rem;
  }
.tournaments-tab-link {
    padding: var(--_sizes---spacing--spacing-xxsmall) var(--_sizes---spacing--spacing-small);
  }
.collection-list-matches {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
.matches-list-block {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    justify-content: space-between;
    align-items: center;
  }
.matches-details {
    padding-right: var(--_sizes---spacing--spacing-small);
    padding-left: var(--_sizes---spacing--spacing-small);
  }
.team-icon {
    width: 5.5rem;
  }
.matches-flex {
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
.match-date.tournament {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
.community-wrapper {
    margin-top: var(--_sizes---spacing--spacing-regular);
    margin-bottom: var(--_sizes---spacing--spacing-big);
  }
.community-contents {
    max-width: 32rem;
    padding-left: 1.5rem;
    padding-right: 2rem;
  }
.community-lists {
    grid-column-gap: 1rem;
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  }
.price-tabs-menu {
    top: 4.3rem;
  }
.price-cards {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    grid-template-columns: 1fr 1fr;
  }
.partner-logo-link {
    max-width: 14rem;
    height: 6rem;
  }
.button-3 {
    padding: var(--_sizes---spacing--spacing-small) 1.75rem;
  }
.partner-img {
    display: none;
  }
.testimonial-slider-content {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    place-items: center start;
  }
.testimonial-slider-img {
    border-radius: var(--_sizes---border-radius--radius-small);
  }
.testimonial-slider-details {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
.testimonial-quote {
    width: 3rem;
  }
.testimonial-slider-desp {
    font-size: var(--_typography---heading-font-sizes--h5);
  }
.testimonial-author-name {
    font-size: var(--_typography---texts-font-sizes--paragraph-l);
    line-height: var(--_typography---texts-line-height--paragraph-l);
    letter-spacing: var(--_typography---texts-letter-spacing--button);
  }
.testimonial-author-designation {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.testimonial-left-arrow {
    width: 3rem;
    height: 3rem;
    right: 4rem;
  }
.testimonial-svg {
    width: 1.75rem;
  }
.testimonial-right-arrow {
    width: 3rem;
    height: 3rem;
  }
.testimonial-numbers {
    bottom: 2.5rem;
  }
.testimonial-no {
    font-size: var(--_typography---heading-font-sizes--h6);
    line-height: var(--_typography---heading-line-height--h6);
    letter-spacing: var(--_typography---heading-letter-spacing--h6);
  }
.testimonial-no-block {
    height: 1.8rem;
  }
.collection-list-blog {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
.blog-item-detail {
    padding: var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-xxsmall) var(--_sizes---spacing--spacing-small) var(--_sizes---border-radius--radius-tiny);
  }
.blog-item-name {
    font-size: var(--_typography---heading-font-sizes--h6);
    line-height: var(--_typography---heading-line-height--h6);
    letter-spacing: var(--_typography---heading-letter-spacing--h6);
  }
.background-video {
    height: 25rem;
  }
.faqs-left-content {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    top: 0;
  }
.faqs-top, .faqs-bottomn {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
.brand-images {
    grid-column-gap: var(--_sizes---border-radius--radius-small);
    grid-row-gap: var(--_sizes---border-radius--radius-small);
    margin-top: -7rem;
  }
.price-wrapper {
    padding-top: 5rem;
  }
.fixtures-section {
    height: auto;
  }
.fixtures-hero-block {
    max-width: 38rem;
  }
.fixtures-lists-section {
    margin-top: 0;
  }
.fixtures-lists-contents {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.fixtures-list-items {
    border-radius: var(--_sizes---border-radius--radius-medium);
    overflow: auto;
  }
.fixtures-list-header {
    justify-content: flex-start;
    align-items: center;
    width: 135%;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }
.fixtures-list-content {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 135%;
    padding: 1.5rem 1rem;
    display: flex;
  }
.date-block {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
.date-block._01 {
    width: 8rem;
  }
.date-block._02 {
    width: 20rem;
  }
.date-block._03 {
    width: 8rem;
  }
.date-block._04 {
    width: 14rem;
  }
.date-block._05 {
    width: 6rem;
  }
.date-icon {
    width: 1rem;
  }
.date-text {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.date-info {
    width: 11.5rem;
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.date-info._01 {
    width: 8rem;
  }
.date-info._02 {
    width: 20rem;
  }
.date-info._03 {
    width: 8rem;
  }
.date-info._04 {
    width: 14rem;
  }
.view-details-link {
    width: 6rem;
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.fixtures-list-show {
    width: 135%;
  }
.tournaments-hero-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    padding-top: 8rem;
    padding-bottom: 10rem;
  }
.tournament-match-team {
    width: 7rem;
  }
.team-name {
    font-size: var(--_typography---heading-font-sizes--h5);
    line-height: var(--_typography---heading-line-height--h5);
    letter-spacing: var(--_typography---heading-letter-spacing--h5);
  }
.tournaments-details-wrapper {
    grid-template-columns: 1fr 1fr;
  }
.tournament-info-details {
    padding-right: var(--_sizes---spacing--spacing-medium);
    padding-left: var(--_sizes---spacing--spacing-medium);
  }
.upcoming-text, .match-status-text {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.sponsor-card {
    padding-right: var(--_sizes---spacing--spacing-medium-rare);
    padding-left: var(--_sizes---spacing--spacing-medium-rare);
  }
.our-sponsor-logos {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
.blog-item-1-wrap {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
    grid-template-columns: 1fr;
  }
.blog-item-1-detail {
    padding-top: var(--_sizes---spacing--spacing-small);
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.blog-details-wrapper {
    padding-top: 8rem;
    padding-bottom: var(--_sizes---spacing--spacing-big);
  }
.closing-details {
    margin-top: var(--_sizes---spacing--spacing-big);
    margin-bottom: var(--_sizes---spacing--spacing-big);
  }
.ciontact-information {
    padding-right: var(--_sizes---spacing--spacing-medium-rare);
    padding-left: var(--_sizes---spacing--spacing-medium-rare);
    grid-column-gap: 14rem;
    grid-row-gap: 14rem;
    border-radius: var(--_sizes---border-radius--radius-medium);
  }
.licenses-1, .licenses-2, .licenses-3 {
    grid-template-columns: minmax(0, 1fr);
  }
.utility-page-wrap {
    height: auto;
    padding-bottom: 9rem;
  }
.utility-page-wrap.error {
    height: 100vh;
    padding-bottom: 0;
  }
.password-button {
    padding: var(--_sizes---spacing--spacing-small) 1.75rem;
  }
.error-image {
    max-width: 30rem;
  }
.home-hero-section {
    height: auto;
  }
.about-bottom-contents {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
.about-hero-img {
    border-radius: var(--_sizes---spacing--spacing-small);
  }
.mission-title {
    font-size: var(--_typography---heading-font-sizes--h4);
    line-height: var(--_typography---heading-line-height--h4);
    letter-spacing: var(--_typography---heading-letter-spacing--h4);
  }
.about-mission-card {
    max-width: 38rem;
    padding-top: var(--_sizes---spacing--spacing-regular);
  }
.mission-icon {
    width: 3.5rem;
  }
.card-mission-title {
    margin-top: var(--_sizes---spacing--spacing-large);
  }
.achievement-title {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
.achievement-counter-text {
    font-size: var(--_typography---heading-font-sizes--h4);
    line-height: var(--_typography---heading-line-height--h4);
    letter-spacing: var(--_typography---heading-letter-spacing--h4);
  }
.achievement-counter-num {
    width: 2.063rem;
  }
.achievement-counter-numbers {
    height: 4.44rem;
  }
.cta-title-wrapper {
    max-width: 30rem;
  }
.team-banner {
    max-width: 24rem;
  }
.team-member-card {
    z-index: 1;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
body {
    --_typography---texts-font-sizes--default-paragraph: 1rem;
    --_typography---texts-line-height--default-paragraph: 150%;
    --_typography---texts-letter-spacing--default-paragraph: 0rem;
    --_typography---heading-font-sizes--h1: 3rem;
    --_typography---heading-line-height--h1: 111.111%;
    --_typography---heading-letter-spacing--h1: 0rem;
    --_typography---heading-font-sizes--h2: 2.5rem;
    --_typography---heading-line-height--h2: 100%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-sizes--h3: 2rem;
    --_typography---heading-line-height--h3: 125%;
    --_typography---heading-letter-spacing--h3: 0rem;
    --_typography---heading-font-sizes--h4: 1.5rem;
    --_typography---heading-line-height--h4: 140.625%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-sizes--h5: 1.5rem;
    --_typography---heading-line-height--h5: 133.333%;
    --_typography---heading-letter-spacing--h5: 0rem;
    --_typography---heading-font-sizes--h6: 1.25rem;
    --_typography---heading-line-height--h6: 150%;
    --_typography---heading-letter-spacing--h6: 0rem;
    --_typography---texts-font-sizes--button: 1.125rem;
    --_typography---texts-line-height--button: 100%;
    --_typography---texts-letter-spacing--button: 0rem;
    --_typography---texts-font-sizes--paragraph-l: 1.125rem;
    --_typography---texts-line-height--paragraph-l: 155.556%;
    --_typography---texts-letter-spacing--paragraph-l: 0rem;
    --_sizes---spacing--spacing-xsmall: .5rem;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---spacing--spacing-medium-rare: 1rem;
    --_sizes---spacing--spacing-big: 2rem;
    --_sizes---spacing--spacing-massive: 3rem;
    --_sizes---border-radius--radius-small: 1rem;
    --_sizes---spacing--spacing-colossal: 3.75rem;
    --_sizes---spacing--spacing-normal: 1.25rem;
    --_sizes---border-radius--radius-medium: 1.25rem;
    --_sizes---container--max-width: 77rem;
    --_sizes---spacing--spacing-jumbo: 2.5rem;
    --_sizes---spacing--spacing-large: 2rem;
    --_sizes---spacing--spacing-regular: 1rem;
    --_sizes---border-radius--radius-tiny: .75rem;
    --_sizes---spacing--spacing-xxsmall: .625rem;
    --_sizes---border-radius--radius-regular: 1.5rem;
    --_sizes---spacing--spacing-tiny: .25rem;
    --_sizes---border-radius--radius-large: 1.875rem;
    --_sizes---border-radius--radius-soft: 3.125rem;
    --_sizes---spacing--spacing-medium: 1.125rem;
    --_sizes---border-radius--radius-circle: 100%;
    --_sizes---border-radius--radius-pill: 5rem;
    --_sizes---default-width-height--default-width: 100%;
    --_sizes---default-width-height--default-height: 100%;
    --_sizes---default-width-height--default-line-height: 150%;
    --_sizes---spacing--spacing-slim: 1rem;
    --_sizes---border-radius--radius-big: 2rem;
  }
.navbar-brand {
    padding-left: 0;
  }
.navbar-brand.footer {
    max-width: 9rem;
  }
.nav-dropdown {
    flex-direction: column;
    align-items: center;
  }
.nav-menu-items {
    padding-top: var(--_sizes---spacing--spacing-colossal);
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.wrapper.style-details-wrapper {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
.wrapper.home-hero-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.wrapper.faqs-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
.wrapper.fixtures-hero-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.wrapper.tournament-wrapper, .wrapper.blog-items-wrapper, .wrapper.contact-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
.wrapper.changelog-wrapper {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
.wrapper.terms-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
.wrapper.about-wrapper {
    padding-top: 8rem;
    padding-bottom: var(--_sizes---spacing--spacing-large);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
.wrapper.achievements-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
.style-details-left {
    border-right-style: none;
    justify-content: center;
    align-items: center;
    position: static;
  }
.style-animate-line {
    display: none;
  }
.color-box {
    height: 16rem;
  }
.buttons-block {
    flex-flow: wrap;
  }
.large-paragraph.community-para {
    margin-bottom: var(--_sizes---spacing--spacing-normal);
  }
.footer-wrapper {
    padding-bottom: 3rem;
  }
.footer-left-content {
    width: 80%;
  }
.footer-right-content {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
    flex-flow: wrap;
  }
.footer-content {
    width: auto;
    max-width: none;
  }
.about-section {
    grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
    grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  }
.about-animate-contents {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
    justify-content: center;
    align-items: center;
  }
.about-counter-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
  }
.about-counter-1 {
    height: 2.5rem;
  }
.about-counter-para.white {
    font-size: var(--_typography---heading-font-sizes--h6);
    line-height: var(--_typography---heading-line-height--h6);
    letter-spacing: var(--_typography---heading-letter-spacing--h6);
  }
.club-icon {
    width: 3rem;
  }
.club-price {
    width: 5rem;
  }
.matches-fixtures-wrapper {
    height: auto;
    margin-top: 0;
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: static;
  }
.fixtures-cards {
    margin-top: 0;
    padding-bottom: 4rem;
  }
.fixtures-card._01 {
    left: 0;
  }
.fixtures-card._02 {
    top: 0;
    right: 0;
  }
.fixtures-card._04 {
    left: 0;
  }
.fixtures-card._05 {
    top: 0;
    right: 0;
  }
.fixtures-card._03 {
    left: 0;
  }
.fixtures-cards-block._01 {
    grid-column-gap: var(--_sizes---spacing--spacing-colossal);
    grid-row-gap: var(--_sizes---spacing--spacing-colossal);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
  }
.fixtures-cards-block._02 {
    justify-content: center;
    align-items: stretch;
    margin-top: 0;
  }
.fixtures-cards-block._03 {
    grid-column-gap: var(--_sizes---spacing--spacing-colossal);
    grid-row-gap: var(--_sizes---spacing--spacing-colossal);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }
.fixtures-top-gradient, .fixtures-bottom-gradient {
    display: none;
  }
.streaming-wrapper {
    padding-right: var(--_sizes---spacing--spacing-normal);
    padding-left: var(--_sizes---spacing--spacing-normal);
    grid-column-gap: var(--_sizes---spacing--spacing-large);
    grid-row-gap: var(--_sizes---spacing--spacing-large);
  }
.club-logo {
    width: 6rem;
  }
.streaming-counter-1 {
    height: 1.5rem;
  }
.score-board {
    margin-top: var(--_sizes---spacing--spacing-normal);
    margin-bottom: var(--_sizes---spacing--spacing-normal);
  }
.our-tournaments-title {
    text-align: center;
  }
.tournaments-tabs-menu {
    margin-bottom: var(--_sizes---spacing--spacing-big);
    position: static;
  }
.collection-list-matches {
    grid-template-columns: minmax(0, 1fr);
  }
.community-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-flow: column;
    display: flex;
  }
.community-contents {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    max-width: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
.community-list {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.community-check-icon {
    width: 1.2rem;
  }
.community-union {
    display: none;
  }
.community-img {
    display: block;
  }
.price-tabs-menu {
    width: 15.2rem;
    margin-right: auto;
    margin-bottom: var(--_sizes---spacing--spacing-big);
    margin-left: auto;
    position: static;
  }
.price-cards {
    grid-template-columns: minmax(0, 1fr);
  }
.partner-logo-link {
    max-width: 10rem;
    height: 4rem;
  }
.partner-svg {
    max-width: 6rem;
  }
.partner-svg._02 {
    max-width: 3.5rem;
  }
.partner-svg._03 {
    max-width: 4.5rem;
  }
.partner-svg._04, .partner-svg._05 {
    max-width: 4rem;
  }
.testimonial-quote {
    width: 1.75rem;
  }
.testimonial-slider-desp {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.testimonial-author-details {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
.testimonial-author-name {
    font-size: .9rem;
  }
.testimonial-author-designation {
    font-size: .75rem;
  }
.testimonial-left-arrow {
    width: 2.25rem;
    height: 2.25rem;
    right: 3rem;
  }
.testimonial-svg {
    width: 1.5rem;
  }
.testimonial-right-arrow {
    width: 2.25rem;
    height: 2.25rem;
  }
.testimonial-no {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.testimonial-no-block {
    width: .75rem;
    height: 1.5rem;
  }
.collection-list-blog {
    grid-template-columns: minmax(0, 1fr);
  }
.background-video {
    height: 20rem;
  }
.faqs-left-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    top: 0;
  }
.faqs-union {
    top: -15%;
  }
.brand-images {
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }
.brand-lightbox._03 {
    margin-top: 0;
    margin-bottom: auto;
  }
.price-wrapper {
    padding-top: 3rem;
  }
.fixtures-list-header, .fixtures-list-content, .fixtures-list-show {
    width: 175%;
  }
.tournaments-hero-wrapper {
    padding-bottom: 6rem;
  }
.tournament-match-team {
    width: 5rem;
  }
.tournaments-details-wrapper, .collection-list-item-1 {
    grid-template-columns: minmax(0, 1fr);
  }
.blog-author-info {
    margin-top: var(--_sizes---spacing--spacing-normal);
  }
.blog-main-details h5, .closing-details h5 {
    margin-top: var(--_sizes---spacing--spacing-big);
  }
.ciontact-information {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
  }
.terms-para, .terms-lists {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.utility-page-wrap {
    padding-bottom: 6rem;
  }
.utility-page-wrap.error {
    height: auto;
    padding-bottom: 11.4rem;
  }
.error-image {
    max-width: 26rem;
  }
.about-hero-img {
    border-radius: var(--_sizes---spacing--spacing-xxsmall);
  }
.about-mission-cards {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
.about-mission-card {
    padding-right: var(--_sizes---spacing--spacing-normal);
    background-size: 100% 100%;
    position: static;
  }
.about-mission-card._01 {
    border-top-right-radius: var(--_sizes---border-radius--radius-tiny);
    border-bottom-left-radius: var(--_sizes---border-radius--radius-tiny);
    border-bottom-right-radius: var(--_sizes---border-radius--radius-tiny);
    transform: none;
  }
.about-mission-card._02 {
    transform: none;
  }
.mission-icon {
    width: 3rem;
  }
.card-mission-title {
    margin-top: var(--_sizes---spacing--spacing-normal);
    font-size: var(--_typography---heading-font-sizes--h4);
    line-height: var(--_typography---heading-line-height--h4);
    letter-spacing: var(--_typography---heading-letter-spacing--h4);
  }
.achievements-left {
    max-width: none;
    position: static;
  }
.achievements-bottom {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    display: grid;
  }
.achievement-counters {
    padding-bottom: var(--_sizes---spacing--spacing-small);
    display: flex;
  }
.achievement-counters.last {
    border-bottom-style: solid;
  }
.achievement-counter-text._02, .achievement-counter-text._03, .achievement-counter-text._04 {
    color: var(--_colors---text-color--white);
  }
.achievement-counter-num {
    width: 1.563rem;
  }
.achievement-counter-numbers {
    height: 3.33rem;
  }
.grid-images-main-wrapper {
    height: auto;
    padding: var(--_sizes---spacing--spacing-colossal) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-jumbo);
  }
.flex-wrapper-images {
    height: auto;
    position: static;
  }
.grid-images-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-large);
    grid-row-gap: var(--_sizes---spacing--spacing-large);
    flex-flow: column;
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    display: flex;
  }
.grid-images-left {
    place-items: start stretch;
    width: 100%;
    padding-right: 0;
  }
.grid-image.big-image-02 {
    top: var(--_sizes---spacing--spacing-normal);
    width: auto;
    position: sticky;
  }
.grid-image.image-02, .grid-image.small-image-02 {
    width: auto;
  }
.cta-title-wrapper {
    opacity: 1;
  }
.grid-images-right {
    padding-left: 0;
  }
.team-top-content {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    position: static;
  }
.team-banner {
    max-width: none;
  }
.team-bottom-content {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
.team-member-card {
    max-width: none;
  }
}
@media screen and (max-width: 479px) {
body {
    --_typography---texts-font-sizes--default-paragraph: 1rem;
    --_typography---texts-line-height--default-paragraph: 150%;
    --_typography---texts-letter-spacing--default-paragraph: 0rem;
    --_typography---heading-font-sizes--h1: 3rem;
    --_typography---heading-line-height--h1: 111.111%;
    --_typography---heading-letter-spacing--h1: 0rem;
    --_typography---heading-font-sizes--h2: 2.5rem;
    --_typography---heading-line-height--h2: 100%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-sizes--h3: 2rem;
    --_typography---heading-line-height--h3: 125%;
    --_typography---heading-letter-spacing--h3: 0rem;
    --_typography---heading-font-sizes--h4: 1.5rem;
    --_typography---heading-line-height--h4: 140.625%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-sizes--h5: 1.5rem;
    --_typography---heading-line-height--h5: 133.333%;
    --_typography---heading-letter-spacing--h5: 0rem;
    --_typography---heading-font-sizes--h6: 1.25rem;
    --_typography---heading-line-height--h6: 150%;
    --_typography---heading-letter-spacing--h6: 0rem;
    --_typography---texts-font-sizes--button: 1.125rem;
    --_typography---texts-line-height--button: 100%;
    --_typography---texts-letter-spacing--button: 0rem;
    --_typography---texts-font-sizes--paragraph-l: 1.125rem;
    --_typography---texts-line-height--paragraph-l: 155.556%;
    --_typography---texts-letter-spacing--paragraph-l: 0rem;
    --_sizes---spacing--spacing-xsmall: .5rem;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---spacing--spacing-medium-rare: 1rem;
    --_sizes---spacing--spacing-big: 2rem;
    --_sizes---spacing--spacing-massive: 2.5rem;
    --_sizes---border-radius--radius-small: 1rem;
    --_sizes---spacing--spacing-colossal: 3.75rem;
    --_sizes---spacing--spacing-normal: 1.25rem;
    --_sizes---border-radius--radius-medium: 1.25rem;
    --_sizes---container--max-width: 77rem;
    --_sizes---spacing--spacing-jumbo: 2.25rem;
    --_sizes---spacing--spacing-large: 2rem;
    --_sizes---spacing--spacing-regular: 1rem;
    --_sizes---border-radius--radius-tiny: .75rem;
    --_sizes---spacing--spacing-xxsmall: .625rem;
    --_sizes---border-radius--radius-regular: 1.5rem;
    --_sizes---spacing--spacing-tiny: .25rem;
    --_sizes---border-radius--radius-large: 1.875rem;
    --_sizes---border-radius--radius-soft: 3.125rem;
    --_sizes---spacing--spacing-medium: 1.125rem;
    --_sizes---border-radius--radius-circle: 100%;
    --_sizes---border-radius--radius-pill: 5rem;
    --_sizes---default-width-height--default-width: 100%;
    --_sizes---default-width-height--default-height: 100%;
    --_sizes---default-width-height--default-line-height: 150%;
    --_sizes---spacing--spacing-slim: 1rem;
    --_sizes---border-radius--radius-big: 2rem;
  }
.navbar-brand {
    max-width: 7rem;
  }
.primary-button {
    padding-right: var(--_sizes---spacing--spacing-normal);
    padding-left: var(--_sizes---spacing--spacing-normal);
  }
.nav-dropdown-collection {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
.wrapper.style-details-wrapper {
    padding-top: 2.5rem;
  }
.wrapper.home-hero-wrapper {
    justify-content: center;
    align-items: center;
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
.wrapper.sponsors-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
.wrapper.testimonial-wrapper {
    padding-bottom: 5rem;
  }
.wrapper.fixtures-hero-wrapper {
    justify-content: center;
    align-items: center;
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
.wrapper.changelog-wrapper {
    padding-top: 2.5rem;
  }
.hero-para {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.hero-gradient {
    top: 25%;
  }
.color-box {
    height: 12rem;
  }
.color-box-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
.red-button, .transparent-button {
    padding-right: var(--_sizes---spacing--spacing-normal);
    padding-left: var(--_sizes---spacing--spacing-normal);
  }
.large-paragraph.fixtures-para {
    margin-bottom: var(--_sizes---spacing--spacing-normal);
  }
.large-paragraph.tournament-para {
    text-align: center;
  }
.large-paragraph.community-para {
    text-align: center;
    width: auto;
  }
.large-paragraph.brand-para {
    margin-bottom: var(--_sizes---spacing--spacing-normal);
  }
.large-paragraph.fixtures-desp {
    text-align: center;
  }
.large-paragraph.card-mission-para, .large-paragraph.card-mission-para-2 {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.large-paragraph.achievement-para {
    text-align: center;
  }
.footer-wrapper {
    padding-bottom: 2rem;
  }
.footer-left-content {
    width: 100%;
  }
.footer-right-content {
    grid-row-gap: var(--_sizes---spacing--spacing-large);
    flex-flow: wrap;
  }
.copyright-wrapper {
    padding-top: var(--_sizes---spacing--spacing-normal);
    padding-bottom: var(--_sizes---spacing--spacing-normal);
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }
.hero-block {
    justify-content: center;
    align-items: center;
  }
.tournament-title {
    text-align: center;
  }
.hero-buttons {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
.about-section {
    padding-bottom: 3rem;
  }
.about-counter-block {
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
  }
.about-counter-flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }
.about-counter-para {
    font-size: var(--_typography---texts-font-sizes--paragraph-l);
    line-height: var(--_typography---texts-font-sizes--paragraph-l);
    letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  }
.about-counter-para.white {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.about-counter-line {
    display: none;
  }
.about-path-icon {
    width: 14rem;
    top: -4%;
  }
.about-subtitle {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
    top: -2%;
  }
.matches-fixtures-wrapper {
    padding-top: 4rem;
  }
.fixtures-title {
    text-align: center;
  }
.fixture-member-image._03 {
    min-width: 25rem;
    top: -1%;
    left: -14%;
  }
.streaming-section {
    border-radius: var(--_sizes---border-radius--radius-regular);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
.streaming-wrapper {
    padding-right: var(--_sizes---spacing--spacing-tiny);
    padding-left: var(--_sizes---spacing--spacing-tiny);
  }
.streaming-card {
    border-radius: var(--_sizes---border-radius--radius-small);
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
.streaming-counter-block {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
.streaming-timing {
    border-radius: var(--_sizes---border-radius--radius-small);
  }
.streaming-subtitle {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
    top: -2%;
  }
.tournaments-wrapper {
    padding-top: 4rem;
  }
.tournaments-tabs-menu {
    flex-flow: wrap;
  }
.team-icon {
    width: 4.5rem;
  }
.matches-flex {
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    flex-flow: wrap;
  }
.community-wrapper {
    margin-bottom: var(--_sizes---spacing--spacing-small);
  }
.community-contents {
    justify-content: center;
    align-items: center;
  }
.community-title {
    text-align: center;
  }
.community-lists {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }
.partner-logo-block {
    flex-flow: wrap;
  }
.button-3 {
    padding-right: var(--_sizes---spacing--spacing-normal);
    padding-left: var(--_sizes---spacing--spacing-normal);
  }
.testimonial-section {
    background-position: 50% 100%;
  }
.testimonial-slider-content {
    grid-template-columns: minmax(0, 1fr);
  }
.testimonial-left-arrow {
    inset: auto auto -3rem 0%;
  }
.testimonial-right-arrow {
    inset: auto auto -3rem 3rem;
  }
.testimonial-numbers {
    bottom: 2.5rem;
  }
.background-video {
    height: 14rem;
  }
.play-pause-button {
    width: 3rem;
    height: 3rem;
  }
.faqs-left-content {
    padding-right: var(--_sizes---spacing--spacing-small);
    padding-left: var(--_sizes---spacing--spacing-small);
  }
.faqs-union {
    top: -13%;
  }
.faq-ques {
    font-size: 20px;
  }
.lottie-animation {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
  }
.brand-images {
    grid-template-columns: minmax(0, 1fr);
  }
.price-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-big);
  }
.fixtures-hero-block {
    justify-content: center;
    align-items: center;
  }
.fixtures-hero-title {
    text-align: center;
  }
.fixtures-list-header, .fixtures-list-content, .fixtures-list-show {
    width: 300%;
  }
.tournaments-hero-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
    grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
    flex-flow: wrap;
    padding-bottom: 4rem;
  }
.tournament-match-timing {
    order: 9999;
  }
.upcoming-text {
    font-size: .9rem;
  }
.blog-item-desp {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.blog-author-info {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }
.blog-main-details h5 {
    margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  }
.player-communication {
    font-size: var(--_typography---heading-font-sizes--h6);
    line-height: var(--_typography---heading-line-height--h6);
  }
.closing-details {
    margin-bottom: var(--_sizes---spacing--spacing-normal);
  }
.closing-details h5 {
    margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  }
.contact-social-link {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.contact-social-icon {
    width: 1.25rem;
  }
.connect-link {
    width: 3rem;
    height: 3rem;
  }
.connect-svg {
    width: 1.5rem;
    height: 1.5rem;
  }
.contact-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
.text-area {
    height: 9rem;
    min-height: 9rem;
  }
.submit-button {
    max-width: 12rem;
  }
.utility-page-wrap {
    padding-top: 9rem;
    padding-bottom: 5rem;
  }
.utility-page-wrap.error {
    padding-bottom: 9rem;
  }
.password-button {
    padding-right: var(--_sizes---spacing--spacing-normal);
    padding-left: var(--_sizes---spacing--spacing-normal);
  }
.error-image {
    max-width: 20rem;
  }
.about-hero-title {
    width: 100%;
    max-width: 24rem;
  }
.about-bottom-contents {
    grid-template-columns: minmax(0, 1fr);
  }
.about-mission-card {
    padding: var(--_sizes---spacing--spacing-xxsmall) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-normal) var(--_sizes---spacing--spacing-normal);
  }
.mission-icon {
    width: 2rem;
  }
.card-mission-title {
    margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  }
.achievements-left {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
    justify-content: center;
    align-items: center;
  }
.achievement-title {
    text-align: center;
    width: 100%;
    max-width: 20rem;
  }
.achievement-counters {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
.achievement-counter-text {
    font-size: var(--_typography---texts-font-sizes--paragraph-l);
    line-height: var(--_typography---texts-line-height--paragraph-l);
    text-align: center;
    letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  }
.grid-images-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
.grid-images-left {
    flex-flow: column;
    display: flex;
  }
.mid-image {
    border-radius: var(--_sizes---border-radius--radius-small);
  }
.grid-image.big-image-02 {
    position: static;
  }
.grid-image.big-image-03, .small-image-01, .small-image-02 {
    border-radius: var(--_sizes---border-radius--radius-small);
  }
.cta-title-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  }
.beyond-title {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
.beyond-para {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
.grid-images-right {
    flex-flow: column;
    display: flex;
  }
.team-bottom-content {
    flex-flow: column;
  }
}
#node-_1d503e9a-8576-7464-3124-0dabd3ab4a15-55aed868 {
  justify-self: end;
}
#node-_1d503e9a-8576-7464-3124-0dabd3ab4a16-55aed868, #node-_1d503e9a-8576-7464-3124-0dabd3ab4a18-55aed868 {
  place-self: center;
}
#node-_781b3357-7d8e-3de8-a897-a835650e6aeb-55aed868 {
  justify-self: start;
}
#node-_27f047b0-d2c1-6f8f-e858-794b64063883-55aed868, #node-_17962605-8be5-ca50-1c20-3f56579d6624-55aed868 {
  place-self: center;
}
@media screen and (max-width: 991px) {
#node-_66e28b4b-788a-5ccd-1468-7debff66be64-dd0c1b78 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
#node-aefbf328-1d5c-b229-642b-2803dd9b8355-dd0c1b78 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
#node-_72b997d4-12e6-d369-4bae-b9bdb98037b5-5fe43452 {
    order: 9999;
  }
}
@media screen and (max-width: 767px) {
#node-bfa349bd-4980-23f4-6a64-022e68bc448d-bf0ea475 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
#node-_1d503e9a-8576-7464-3124-0dabd3ab4a16-55aed868, #node-_17962605-8be5-ca50-1c20-3f56579d6624-55aed868 {
    align-self: start;
  }
}
@media screen and (max-width: 479px) {
#node-_6c626de0-3b15-53f2-e64d-fe0e2e48a1b2-99139a47, #node-_5f0545e2-0f41-09de-a94d-cd8b8231189d-55aed868 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
/* ======================================================================
   4. Components (hand-written)
   ====================================================================== */
/* Components -- the vanilla replacements for the Webflow runtime and for its
   IX2 / IX3 interactions.
   ---------------------------------------------------------------------------
   Every value here is transcribed from the export's own payload: the durations, easings, offsets, colours and percentages are the ones `ix2.json` and
   `ix3.json` carry, so the motion is the template's, not a re-invention of it.
   Where a behaviour needs state, main.js sets one attribute and the rule below
   does the rest -- there is no inline style anywhere in the built pages.

   The layer order matters. This file is emitted LAST, after the design sheet, so a hover state written here beats the rest state written there. What it
   must never do is beat a design rule it is not replacing, which is why the
   reset states are left to the design and only the changed state is stated. */

/* ==========================================================================
   1. Skip link and screen-reader text
   ========================================================================== */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  padding: 0.75rem 1.25rem;
  background: var(--_colors---background-color--dark);
  color: var(--_colors---text-color--white);
  font-family: var(--font-family--inter-tight);
  font-size: 1rem;
  text-decoration: none;
  border-radius: 0 0 var(--_sizes---border-radius--radius-tiny) 0;
}
.skip-link:focus {
  left: 0;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
/* Every interactive element the design gives a :hover gets the same treatment
   from the keyboard. The export had no focus style at all beyond the browser
   default, which several of its own rules cancelled. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--_colors---text-color--bright-red);
  outline-offset: 3px;
}
/* ==========================================================================
   2. Scroll reveals  (IX2 `slideInBottom` x147, `slideInLeft` x2)
   ==========================================================================
   Both are Webflow stock presets. `slideInBottom` is opacity 0 + 100px down, `slideInLeft` is opacity 0 + 100px left, each easing to rest over 1000ms; the
   per-element delay (0-400ms) rides on `data-reveal-delay` and the viewport
   offset (0 or 10%) on `data-reveal-offset`, which main.js turns into an
   IntersectionObserver rootMargin.

   The rest state is an ANIMATION, not a transition. A `transition:` shorthand
   here would DELETE whatever transition the element already had from the design
   sheet -- that is how Nuestudio lost a card hover it had never touched.

   It is also gated on `:where(.js)`, which scores 0 and so leaves every
   selector's specificity exactly as it was. Without the gate, 149 elements per
   page ship at `opacity: 0` and the whole site is blank with scripting off. */
:where(.js) .reveal {
  opacity: 0;
  will-change: transform, opacity;
}
:where(.js) .reveal-up {
  transform: translate3d(0, 100px, 0);
}
:where(.js) .reveal-left {
  transform: translate3d(-100px, 0, 0);
}
/* A REVEAL THE PAYLOAD LIMITS TO ONE BREAKPOINT RANGE MUST NOT HIDE THE
   ELEMENT OUTSIDE THAT RANGE.

   Three home-page cards carry `mediaQueries: ["small", "tiny"]` -- they are the
   stacked mobile copy of a section that is laid out differently above 768px, so
   IX2 never hid them at desktop width and the export's own pre-hide <style>
   sits inside `@media (max-width: 767px)`. An ungated `.reveal { opacity: 0 }`
   would leave all three invisible above 768px with nothing to reveal them, which no layout test can see: the parity harness forces every reveal visible
   on BOTH sides before it measures. `[data-reveal-mq]` scores (0, 2, 0) against
   `.reveal`'s (0, 1, 0), so this wins without touching anything else. */
:where(.js) .reveal[data-reveal-mq] {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 767px) {
:where(.js) .reveal[data-reveal-mq="small"] {
    opacity: 0;
  }
:where(.js) .reveal-up[data-reveal-mq="small"] {
    transform: translate3d(0, 100px, 0);
  }
:where(.js) .reveal-left[data-reveal-mq="small"] {
    transform: translate3d(-100px, 0, 0);
  }
}
:where(.js) .reveal.is-revealed {
  animation: reveal-in 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: var(--reveal-delay, 0ms);
}
@keyframes reveal-in {
to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/* ==========================================================================
   3. Header, mobile overlay and the hamburger  (IX2 a-3 / a-4)
   ==========================================================================
   The export animated a Lottie between frame 0 and frame 45 of 60. Those two
   frames are the whole animation: three parallel rules, and a cross with the
   middle rule gone. Both are drawn by `NAV_ICON` in transform.py and morphed
   here, over the payload's own 400ms. */
.site-header {
  display: contents;
}
.nav-icon {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.nav-icon path {
  stroke: currentColor;
  stroke-width: 24;
  stroke-linecap: square;
  transform-origin: 50% 50%;
  transition: transform 400ms ease, opacity 200ms ease;
}
[data-nav-toggle][aria-expanded="true"] .nav-icon-top {
  transform: translateY(123px) rotate(45deg);
}
[data-nav-toggle][aria-expanded="true"] .nav-icon-bottom {
  transform: translateY(-123px) rotate(-45deg);
}
[data-nav-toggle][aria-expanded="true"] .nav-icon-middle {
  opacity: 0;
}
/* The panel's height is animated, not just switched, so the menu slides the way
   the runtime's `over-right` animation did. `.nav-overlay[data-open]`'s
   `display: block` comes from framework.hand.css; this adds the movement. */
@media screen and (max-width: 991px) {
  .nav-overlay {
    max-height: 0;
    transition: max-height 400ms ease;
  }

  .nav-overlay[data-open] {
    max-height: 100vh;
  }
}
/* ==========================================================================
   4. The Page dropdown  (IX2 a-5 / a-6)
   ==========================================================================
   `.dropdown-arrow` turns 180 degrees over 250ms while the panel is open. The
   export opened the panel on hover only; it opens on hover AND on click here, so `[aria-expanded]` is the state and hover is a second way of setting it. */
.dropdown-arrow {
  transition: transform 250ms ease;
}
[data-dropdown-toggle][aria-expanded="true"] .dropdown-arrow {
  transform: rotate(180deg);
}
/* ==========================================================================
   5. The four wipe-fill buttons  (IX2 a / a-2, a-7 / a-8, a-9 / a-10 + a-33 /
      a-34, a-21 / a-22)
   ==========================================================================
   One shape, four palettes. A `*-bg` block that the design parks at
   `height: 0%` grows to 100% from the bottom edge -- 500ms in, 400ms out -- and
   the label's colour crosses over with it. Only the HOVER value is written
   here; the rest value is the design's own, and restating it is how Puchix
   shipped white-on-lime CTAs. */
.primary-bg, .red-button-bg, .transparent-button-bg, .button-3-bg {
  transition: height 400ms ease;
}
.primary-button, .red-button, .transparent-button, .button-3 {
  transition: color 400ms ease;
}
[data-hover="primary-button"]:hover .primary-bg, [data-hover="primary-button"]:focus-visible .primary-bg, [data-hover="red-button"]:hover .red-button-bg, [data-hover="red-button"]:focus-visible .red-button-bg, [data-hover="transparent-button"]:hover .transparent-button-bg, [data-hover="transparent-button"]:focus-visible .transparent-button-bg, [data-hover="button-3"]:hover .button-3-bg, [data-hover="button-3"]:focus-visible .button-3-bg {
  height: 100%;
  transition-duration: 500ms;
}
/* `.primary-button` goes dark -> white; `.red-button` and
   `.transparent-button` go white -> dark. `.button-3` keeps its white label
   throughout, which is why it has a hook of its own and no rule here. */
[data-hover="primary-button"]:hover .primary-button-text, [data-hover="primary-button"]:focus-visible .primary-button-text {
  color: var(--_colors---text-color--white);
}
[data-hover="red-button"]:hover .red-button-text, [data-hover="red-button"]:focus-visible .red-button-text, [data-hover="transparent-button"]:hover .transparent-button-text, [data-hover="transparent-button"]:focus-visible .transparent-button-text {
  color: var(--_colors---background-color--dark);
}
.primary-button-text, .red-button-text, .transparent-button-text {
  position: relative;
  z-index: 1;
  transition: color 400ms ease;
}
/* ==========================================================================
   6. Card hovers  (IX2 a-15/16, a-19/20, a-27/28, a-37/38, a-44/45)
   ========================================================================== */
.fixture-member-image, .team-icon, .blog-image, .blog-item-1-img, .team-img {
  transition: transform 500ms ease;
}
.fixture-member-name, .blog-item-name, .team-member-name {
  transition: color 400ms ease;
}
/* fixture card: the portrait to 1.1, the name to bright red */
[data-hover="fixture-card"]:hover .fixture-member-image, [data-hover="fixture-card"]:focus-within .fixture-member-image {
  transform: scale(1.1);
}
[data-hover="fixture-card"]:hover .fixture-member-name, [data-hover="fixture-card"]:focus-within .fixture-member-name {
  color: var(--_colors---text-color--bright-red);
}
/* match row: both crests to 1.1, the panel lifts to 10% white, and the watch
   icon cross-fades to its filled twin */
[data-hover="match-item"]:hover .team-icon, [data-hover="match-item"]:focus-within .team-icon {
  transform: scale(1.1);
  transition-duration: 400ms;
}
.matches-details {
  transition: background-color 500ms ease;
}
[data-hover="match-item"]:hover .matches-details, [data-hover="match-item"]:focus-within .matches-details {
  background-color: var(--_colors---text-color--white-opacity-10);
}
.watch-icon-1, .watch-icon-2 {
  transition: opacity 300ms ease;
}
[data-hover="match-item"]:hover .watch-icon-1, [data-hover="match-item"]:focus-within .watch-icon-1 {
  opacity: 0;
}
[data-hover="match-item"]:hover .watch-icon-2, [data-hover="match-item"]:focus-within .watch-icon-2 {
  opacity: 1;
}
/* blog card: the image to 1.1 and the meta strip up from 100% */
.blog-item-detail {
  transform: translate3d(0, 100%, 0);
  transition: transform 300ms ease;
}
[data-hover="blog-item"]:hover .blog-image, [data-hover="blog-item"]:focus-within .blog-image {
  transform: scale(1.1);
}
[data-hover="blog-item"]:hover .blog-item-detail, [data-hover="blog-item"]:focus-within .blog-item-detail {
  transform: translate3d(0, 0, 0);
}
/* the wide blog card: the image to 1.1, the title white -> bright red */
[data-hover="blog-item-1"]:hover .blog-item-1-img, [data-hover="blog-item-1"]:focus-within .blog-item-1-img {
  transform: scale(1.1);
}
[data-hover="blog-item-1"]:hover .blog-item-name, [data-hover="blog-item-1"]:focus-within .blog-item-name {
  color: var(--_colors---text-color--bright-red);
}
/* team card: the portrait to 1.1, the name to bright red */
[data-hover="team-member"]:hover .team-img, [data-hover="team-member"]:focus-within .team-img {
  transform: scale(1.1);
}
[data-hover="team-member"]:hover .team-member-name, [data-hover="team-member"]:focus-within .team-member-name {
  color: var(--_colors---text-color--bright-red);
}
/* ==========================================================================
   7. Slot-machine counters  (IX2 a-12/13, a-17/18, a-39/43)
   ==========================================================================
   Each reel is a column of twelve digits inside a one-digit window, and the
   first and last digit of every column are the SAME -- so a reel can be
   authored to roll either way and still land on its number. Three of the six
   roll down and three roll back up, which is the only difference between the
   pairs, and it is why the direction lives on the hook.

   The percentages are exactly the payload's: -91.6, -92 and -91, which are
   11/12 of the column measured against three slightly different line heights.
   Rounding them to a single value drifts the digit off the window. */
[data-counter] > * {
  transition: transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-counter="about-1"] > * {
  transform: translate3d(0, 0, 0);
}
[data-counter="about-2"] > * {
  transform: translate3d(0, -91.6%, 0);
}
[data-counter="streaming-1"] > *, [data-counter="achievement-1"] > * {
  transform: translate3d(0, 0, 0);
}
[data-counter="streaming-2"] > * {
  transform: translate3d(0, -92%, 0);
}
[data-counter="achievement-2"] > * {
  transform: translate3d(0, -91%, 0);
}
[data-counter="streaming-1"] > *, [data-counter="streaming-2"] > * {
  transition-duration: 1200ms;
}
[data-counter="about-1"].is-counted > * {
  transform: translate3d(0, -91.6%, 0);
}
[data-counter="about-2"].is-counted > * {
  transform: translate3d(0, 0, 0);
}
[data-counter="streaming-1"].is-counted > * {
  transform: translate3d(0, -92%, 0);
}
[data-counter="streaming-2"].is-counted > * {
  transform: translate3d(0, 0, 0);
}
[data-counter="achievement-1"].is-counted > * {
  transform: translate3d(0, -91%, 0);
}
[data-counter="achievement-2"].is-counted > * {
  transform: translate3d(0, 0, 0);
}
/* ==========================================================================
   8. FAQ accordion  (IX2 a-30 / a-31)
   ==========================================================================
   `.faq-answer` goes 0 <-> auto over 300ms and the paragraph rides in from
   -20px, which is what the payload's `TRANSFORM_MOVE` on `.faq-para` says.
   main.js measures the panel and writes `--faq-height`, because `height: auto`
   is not animatable.

   The closed state is gated on `:where(.js)` for the same reason the reveals
   are: with scripting off, every answer renders open rather than unreachable. */
:where(.js) .faq-answer {
  height: 0;
  overflow: clip;
  transition: height 300ms ease;
}
:where(.js) .faq-answer[data-open] {
  height: var(--faq-height, auto);
}
:where(.js) .faq-answer .faq-para {
  transform: translate3d(0, -20px, 0);
  transition: transform 300ms ease;
}
:where(.js) .faq-answer[data-open] .faq-para {
  transform: translate3d(0, 0, 0);
}
/* The design already gives `.faq-question` `display: flex; justify-content:
   space-between`, which was enough for the <div> it used to be. A <button> is
   shrink-to-fit, so the width has to be stated or the question and its icon
   collapse to the text's own width and stop filling the card. */
.faq-question {
  width: 100%;
}
/* The plus/minus, drawn from the Lottie's own two frames: the second stroke
   sits at 90 degrees at rest and turns to 0 as the panel opens. */
.faq-icon {
  width: 100%;
  height: 100%;
}
.faq-icon path {
  stroke: currentColor;
  stroke-width: 2;
  transform-origin: 50% 50%;
  transition: transform 300ms ease;
}
.faq-icon-cross {
  transform: rotate(90deg);
}
.faq-question[aria-expanded="true"] .faq-icon-cross {
  transform: rotate(0deg);
}
/* ==========================================================================
   9. Tab sets
   ==========================================================================
   `.tabset-pane { display: none }` and `.tabset-pane.is-active
   { display: block }` come across from the framework sheet unchanged; main.js
   moves `.is-active`. Only the transition the runtime applied is restated. */
.tabset-pane.is-active {
  animation: tab-in 300ms ease;
}
@keyframes tab-in {
from {
    opacity: 0;
  }
}
/* ==========================================================================
   10. Testimonial slider  (IX2 a-23 .. a-26)
   ==========================================================================
   The track moves by whole slides. The four `.testimonial-no` digits are the
   slide counter beside the arrows: the design parks `._01` at opacity 1 and the
   other three at 0 and absolutely positioned on top of it, and IX2 cross-faded
   them on `SLIDER_ACTIVE`. `data-slide` on the slider carries the index, so one
   rule per digit replaces the four action lists. */
[data-slider-track] {
  transition: transform 500ms ease;
}
.testimonial-no {
  transition: opacity 300ms ease;
}
/* `.testimonial-numbers` is a SIBLING of the slider, not a descendant, so the
   index cannot be read off the slider itself. main.js mirrors it onto the
   wrapper that contains both. */
[data-slide-index] .testimonial-no {
  opacity: 0;
}
[data-slide-index="0"] .testimonial-no._01, [data-slide-index="1"] .testimonial-no._02, [data-slide-index="2"] .testimonial-no._03, [data-slide-index="3"] .testimonial-no._04 {
  opacity: 1;
}
/* ==========================================================================
   11. Fixtures "See More"  (IX2 a-35 / a-36)
   ==========================================================================
   The design parks the second batch at `opacity: 0; display: none` and IX2
   swapped both, plus the two buttons, with a 100ms stagger. `[data-open]`
   scores (0, 2, 0) against the design's (0, 1, 0), so it wins without `!important`
   and without moving the rest state. */
.fixtures-list-show {
  transition: opacity 500ms ease;
}
.fixtures-list-show[data-open] {
  display: flex;
  opacity: 1;
}
/* The sheet parks `.transparent-button.less` at `display: none`, so revealing
   it needs a rule that out-scores (0, 2, 0). `:not([hidden])` does, and it keeps
   the closed state exactly where the design put it -- which is what leaves the
   page correct with scripting off. */
.transparent-button.less:not([hidden]) {
  display: flex;
}
.transparent-button.more[hidden], .transparent-button.less[hidden] {
  display: none;
}
/* ==========================================================================
   12. Background video and its play/pause control  (IX2 a-29)
   ==========================================================================
   The button drifts 25vw by 25vh with the pointer across the section -- a
   MOUSE_MOVE scrub, desktop only. main.js writes the two offsets and the
   transform is here so the button eases rather than snaps. */
[data-video-toggle] {
  transform: translate3d(var(--cursor-x, 0), var(--cursor-y, 0), 0);
  transition: transform 200ms ease-out;
}
@media screen and (max-width: 991px) {
[data-video-toggle] {
    transform: none;
  }
}
/* ==========================================================================
   13. Scroll-scrubbed sections  (IX2 a-11, a-14, a-32, a-41, a-42, a-46)
   ==========================================================================
   main.js writes a 0..1 progress for each and the transforms with it, because
   these are multi-keyframe interpolations rather than two-state switches -- the
   club crests alone have five stops between 0% and 15% of the page's scroll.
   The only thing CSS owns is the guarantee that nothing eases, since a scrub
   that lags the scroll reads as a stutter. */
[data-scrub] .club-icon, [data-scrub] .partner-img, [data-scrub] .style-animate-line, [data-scrub] .grid-images-left, [data-scrub] .grid-images-right, [data-scrub] .grid-image.big-image-03, [data-scrub] .grid-images-wrapper, [data-scrub] .cta-title-wrapper, [data-scrub] .cta-overlay, [data-scrub] .achievement-counter-text {
  transition: none;
}
/* ==========================================================================
   14. The mission title  (IX3 i-e7c16f49 -> t-c021adb9)
   ==========================================================================
   The one IX3 interaction in the payload, on the about page: the title is split
   into characters and each fades from 20% to full as the section scrolls
   through the viewport, 0.05s apart, scrubbed with a 0.8 smoothing. main.js
   does the split -- one <span> per character, with the word kept whole so the
   line breaks stay where the design put them -- and sets the progress. */
/* The WORD is the atomic box, the character is not. GSAP's own splitText does
   the same thing, and it is the only arrangement that wraps correctly: leave the
   characters inline-block and the line breaker treats each ONE as unbreakable, so a word can split mid-syllable; leave them fully inline and a word can break
   anywhere too, because per-character spans do not stop it. Wrapping the word
   restores exactly the break opportunities the plain text had.

   The payload animates `opacity` and nothing else, so the characters need no
   box of their own -- opacity applies to an inline box perfectly well. */
.split-word {
  display: inline-block;
}
.split-char {
  opacity: 0.2;
  transition: opacity 250ms ease;
}
.split-char.is-lit {
  opacity: 1;
}
/* ==========================================================================
   15. Lightbox
   ==========================================================================
   The gallery the `w-lightbox` widget used to open, as a plain dialog. */
.lightbox[hidden] {
  display: none;
}
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  border: 0;
}
.lightbox-frame {
  position: relative;
  max-width: min(92vw, 1200px);
  max-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox-image {
  max-width: 100%;
  max-height: 88vh;
  border-radius: var(--_sizes---border-radius--radius-small);
  object-fit: contain;
}
.lightbox-button {
  position: absolute;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--_colors---text-color--white-opacity-10);
  border-radius: var(--_sizes---border-radius--radius-circle, 50%);
  background: rgba(0, 0, 0, 0.55);
  color: var(--_colors---text-color--white);
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}
.lightbox-button:hover {
  background: var(--_colors---text-color--bright-red);
}
.lightbox-prev {
  left: -3.75rem;
}
.lightbox-next {
  right: -3.75rem;
}
.lightbox-close {
  top: -3.75rem;
  right: 0;
}
@media screen and (max-width: 767px) {
.lightbox-prev {
    left: 0.5rem;
  }
.lightbox-next {
    right: 0.5rem;
  }
.lightbox-close {
    top: 0.5rem;
    right: 0.5rem;
  }
}
/* ==========================================================================
   16. Forms
   ==========================================================================
   The success and error blocks are `hidden` until main.js answers a submit. */
[hidden] {
  display: none !important;
}
/* ==========================================================================
   17. Reduced motion
   ==========================================================================
   Everything above is decoration. Someone who has asked their system for less
   of it gets the finished state immediately -- including the reveals, which
   would otherwise leave a third of every page invisible. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  :where(.js) .reveal {
    opacity: 1;
    transform: none;
  }

  .split-char {
    opacity: 1;
  }
}